*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{width:100%;height:100%;overflow:hidden;background:#0d1a0f;color:#fff;
  font-family:"Arial Black","Segoe UI Black","Helvetica Neue",Arial,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}
#c{position:fixed;inset:0;width:100%;height:100%;display:block}
.verborgen{display:none!important}
button{font-family:inherit;cursor:pointer}

/* ---------- schermen ---------- */
.scherm{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:20;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.15),rgba(0,0,0,.65))}
.kaart{background:linear-gradient(180deg,rgba(40,28,8,.92),rgba(20,14,4,.94));border:4px solid #ffd83a;border-radius:22px;
  padding:28px 34px;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.6),inset 0 0 40px rgba(255,216,58,.08);max-width:92vw}
.titelkaart{padding:24px 40px 22px}
.logo{font-size:64px;line-height:1;filter:drop-shadow(0 6px 0 rgba(0,0,0,.4));animation:wiebel 2.4s ease-in-out infinite}
@keyframes wiebel{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg) scale(1.08)}}
h1{font-size:clamp(34px,11vw,64px);line-height:.92;letter-spacing:2px;color:#ffd83a;margin:6px 0 4px;
  text-shadow:0 5px 0 #a8611a,0 9px 0 #5a2e08,0 14px 24px rgba(0,0,0,.6)}
h1 span{color:#fff6c2}
h2{font-size:22px;color:#ffe9a0;letter-spacing:1px}
h2.groot{font-size:34px;color:#ffd83a;margin-bottom:16px;text-shadow:0 4px 0 #5a2e08}
h2.rood{color:#ff5b4a}
h3{color:#ffd83a;margin:14px 0 8px;font-size:18px;letter-spacing:1px}
.knoppen{display:flex;flex-direction:column;gap:10px;margin:18px auto 10px;width:300px}
.knop{background:linear-gradient(180deg,#ffe36a,#f2b81c);color:#3a2004;border:none;border-radius:14px;padding:10px 18px;font-size:16px;
  box-shadow:0 5px 0 #a86a10,0 8px 16px rgba(0,0,0,.4);transition:transform .08s;display:block;margin:8px auto 0}
.knop:hover{transform:translateY(-2px) scale(1.03)}
.knop:active{transform:translateY(3px);box-shadow:0 2px 0 #a86a10}
.knop.groot{font-size:22px;padding:14px 26px;width:100%}
.knop.klein{font-size:13px;padding:7px 12px;margin:0;display:inline-block}
.knop:disabled{filter:grayscale(1) brightness(.7);cursor:not-allowed;transform:none}
#record{color:#ffe9a0;font-size:14px;min-height:18px;font-family:Arial,sans-serif;font-weight:bold}
.deelknop{display:inline-block;margin:8px auto 0;font:12px Arial,sans-serif;color:#b9f6c6;opacity:.75;
  text-decoration:none;border:1px solid rgba(37,211,102,.5);border-radius:10px;padding:4px 10px;transition:opacity .15s}
.deelknop:hover{opacity:1}
#deelRecord{display:block;width:fit-content;font-size:14px;font-weight:bold;color:#25d366;opacity:1;
  border-color:#25d366;padding:7px 14px;margin:10px auto}
.besturing{display:grid;grid-template-columns:repeat(3,auto);gap:4px 18px;justify-content:center;margin:14px 0 10px;
  font:13px Arial,sans-serif;color:#e8dcb8}
.besturing b{color:#ffd83a;font-family:"Arial Black",Arial,sans-serif}
.instellingen{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;font:13px Arial,sans-serif;color:#e8dcb8;margin-top:8px}
.instellingen input{vertical-align:middle;accent-color:#ffd83a}
p.klein{font:13px Arial,sans-serif;color:#cdbf98;margin-top:14px}
#doodstats{font:17px Arial,sans-serif;line-height:1.7;margin-bottom:12px;color:#fff3cf}
#doodstats b{color:#ffd83a}

/* ---------- winkel ---------- */
.winkelbox{width:min(980px,96vw);max-height:94vh;overflow:auto;background:linear-gradient(180deg,rgba(40,28,8,.95),rgba(18,12,3,.97));
  border:4px solid #ffd83a;border-radius:22px;padding:20px 24px;box-shadow:0 18px 60px rgba(0,0,0,.6)}
.winkelkop{display:flex;justify-content:space-between;align-items:center;gap:12px}
.winkelkop h2{font-size:30px;color:#ffd83a;text-shadow:0 3px 0 #5a2e08}
#winkelsub{font:14px Arial,sans-serif;color:#cdbf98;margin-top:3px}
.geldgroot{font-size:34px;color:#7dff7a;text-shadow:0 3px 0 #0c4a0a}
.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:10px}
.item{background:rgba(255,255,255,.06);border:2px solid rgba(255,216,58,.35);border-radius:14px;padding:11px 12px;text-align:left;position:relative}
.item.actief{border-color:#7dff7a;box-shadow:0 0 0 2px rgba(125,255,122,.3) inset}
.item.op{opacity:.55}
.item .titel{font-size:15px;color:#ffe9a0}
.item .omschr{font:12px Arial,sans-serif;color:#d8cba5;margin:3px 0 7px;min-height:15px}
.stat{display:flex;align-items:center;gap:6px;font:11px Arial,sans-serif;color:#cdbf98;margin:2px 0}
.stat span{width:58px}
.stat .b{flex:1;height:7px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}
.stat .b i{display:block;height:100%;background:linear-gradient(90deg,#ffd83a,#ff9d2a);border-radius:4px}
.item .knop{width:100%;margin-top:8px;font-size:14px;padding:7px}
.item .lvl{position:absolute;top:10px;right:12px;font:bold 12px Arial,sans-serif;color:#ffd83a}
.item .key{position:absolute;top:9px;right:10px;font-size:12px;color:#2a1a02;background:#ffd83a;border-radius:6px;padding:1px 6px}
.winkelvoet{display:flex;gap:12px;align-items:center;margin-top:16px}
.winkelvoet .knop{margin:0}
.winkelvoet .knop.groot{flex:1}

/* ---------- HUD ---------- */
#hud{position:fixed;inset:0;pointer-events:none;z-index:10}
#links-boven{position:absolute;left:18px;top:14px}
#golf{font-size:30px;color:#ffd83a;text-shadow:0 3px 0 #000,0 0 12px rgba(0,0,0,.6)}
#apen{font:bold 16px Arial,sans-serif;text-shadow:0 2px 3px #000}
#geld{position:absolute;right:20px;top:14px;font-size:32px;color:#7dff7a;text-shadow:0 3px 0 #053b04,0 0 10px rgba(0,0,0,.6)}
#geld.bump{animation:bump .25s}
@keyframes bump{50%{transform:scale(1.25)}}
#leven{position:absolute;left:18px;bottom:18px;width:290px}
#leven .label{font-size:22px;text-shadow:0 2px 0 #000}
.balk{height:18px;background:rgba(0,0,0,.55);border:2px solid rgba(255,255,255,.6);border-radius:10px;overflow:hidden;margin-top:4px}
#levenvul{height:100%;width:100%;background:linear-gradient(180deg,#7dff7a,#21a51d);transition:width .15s}
#levenvul.laag{background:linear-gradient(180deg,#ff7a6a,#c51d1d)}
#wapen{position:absolute;right:20px;bottom:18px;text-align:right}
#wapennaam{font-size:18px;color:#ffe9a0;text-shadow:0 2px 0 #000}
#munitie{font-size:42px;line-height:1;text-shadow:0 3px 0 #000}
#munitie small{font-size:20px;color:#ddd}
#munitie.leeg #ammo{color:#ff5b4a}
#herlaadbalk{width:180px;height:8px;background:rgba(0,0,0,.6);border-radius:5px;overflow:hidden;margin:6px 0 0 auto}
#herlaadvul{height:100%;width:0;background:#ffd83a}
#slots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
#slots div{background:rgba(0,0,0,.45);border:2px solid rgba(255,255,255,.25);border-radius:9px;padding:4px 9px;font:bold 12px Arial,sans-serif;color:#ddd}
#slots div.aan{border-color:#ffd83a;color:#ffd83a;background:rgba(60,40,0,.6)}
#slots div b{color:#ffd83a;margin-right:4px}
#vizier{position:absolute;left:50%;top:50%;width:0;height:0}
#vizier i{position:absolute;background:#fff;box-shadow:0 0 2px #000;border-radius:2px}
#vizier i:nth-child(1){width:3px;height:10px;left:-1.5px;top:-17px}
#vizier i:nth-child(2){width:3px;height:10px;left:-1.5px;top:7px}
#vizier i:nth-child(3){width:10px;height:3px;left:-17px;top:-1.5px}
#vizier i:nth-child(4){width:10px;height:3px;left:7px;top:-1.5px}
#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:bold 30px Arial,sans-serif;color:#fff;opacity:0;text-shadow:0 0 4px #000}
#hitmarker.kill{color:#ff4a3a}
#tip{position:absolute;left:50%;top:64%;transform:translateX(-50%);font:bold 17px Arial,sans-serif;text-align:center;
  background:rgba(0,0,0,.45);padding:8px 16px;border-radius:12px;opacity:0;transition:opacity .4s;white-space:nowrap}
#bossbalk{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:min(520px,60vw);text-align:center}
#bossbalk .naam{font-size:18px;color:#ffd83a;text-shadow:0 2px 0 #000}
#bossbalk .balk{height:16px;border-color:#ffd83a}
#bossvul{height:100%;width:100%;background:linear-gradient(180deg,#ff7a3a,#b81d0a)}
#vignet{position:fixed;inset:0;pointer-events:none;z-index:9;opacity:0;
  background:radial-gradient(ellipse at center,rgba(255,0,0,0) 45%,rgba(200,0,0,.75) 100%)}
#banner{position:fixed;left:50%;top:30%;transform:translate(-50%,-50%);z-index:11;pointer-events:none;text-align:center;
  font-size:64px;color:#ffd83a;text-shadow:0 5px 0 #6a3a08,0 10px 30px rgba(0,0,0,.7);opacity:0;white-space:nowrap}
#banner small{display:block;font-size:24px;color:#fff}
#pops{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}
.pop{position:absolute;left:0;top:0;font-size:18px;color:#fff;text-shadow:0 2px 0 #000,0 0 6px #000;white-space:nowrap;will-change:transform,opacity}
.pop.geld{color:#7dff7a;font-size:22px}
.pop.kop{color:#ff4a3a;font-size:20px}
.pop.leven{color:#ff7ad0;font-size:22px}
#laden{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0d1a0f;z-index:50;font-size:28px;color:#ffd83a}

/* ---------- touch ---------- */
.alleen-touch{display:none}
body.touch .alleen-touch{display:block}
#sVolscherm.alleen-touch{display:none}
body.touch #sVolscherm.alleen-touch{display:inline-block}
#pauzeknop{position:absolute;top:60px;right:20px;pointer-events:auto;width:46px;height:46px;border-radius:12px;border:2px solid rgba(255,255,255,.5);
  background:rgba(0,0,0,.4);color:#fff;font-size:22px}
#touch{position:fixed;inset:0;z-index:12;pointer-events:none}
#joy{position:absolute;left:40px;bottom:80px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.12);border:3px solid rgba(255,255,255,.35)}
#joyknop{position:absolute;left:45px;top:45px;width:50px;height:50px;border-radius:50%;background:rgba(255,216,58,.8)}
#touch button{position:absolute;pointer-events:auto;border-radius:50%;border:3px solid rgba(255,255,255,.5);background:rgba(0,0,0,.35);color:#fff;font-size:22px}
#tVuur{right:40px;bottom:110px;width:104px;height:104px;font-size:16px!important;background:rgba(255,200,40,.35)!important}
#tSpring{right:160px;bottom:60px;width:64px;height:64px}
#tHerlaad{right:250px;bottom:70px;width:58px;height:58px}
#tWissel{right:160px;bottom:150px;width:58px;height:58px}
#tGranaat{right:250px;bottom:150px;width:58px;height:58px}
#tRicht{right:52px;bottom:232px;width:62px;height:62px}
#tRicht.aan{background:rgba(255,200,40,.55)!important;border-color:#ffd83a!important}
body.touch .geen-touch{display:none}
body.touch #slots{display:none}
body.touch #leven{bottom:auto;top:90px;width:200px}
body.touch #wapen{bottom:auto;top:58px;right:80px}
body.touch #munitie{font-size:30px}
body.touch #wapennaam{font-size:14px}

@media (max-height:640px){
  h1{font-size:46px}.logo{font-size:44px}.besturing{display:none}.knoppen{margin:10px auto 6px}
}

/* ---------- v2: Apenrots, combo, power-ups, kijker ---------- */
.missie{font:bold 15px Arial,sans-serif;color:#ffe9a0;margin-top:8px}
.missie b{color:#ffb84a}
#winkeldoel{font:14px Arial,sans-serif;color:#ffe9a0;margin-top:4px}
#winkeldoel b{color:#ffb84a}
.item.nieuw .titel{color:#fff}
#granaatinfo{font-size:20px;margin-top:4px;text-shadow:0 2px 0 #000}
#granaatinfo small{font:12px Arial,sans-serif;color:#ddd}
#powers{position:absolute;right:20px;top:58px;text-align:right;font-size:18px;text-shadow:0 2px 0 #000}
#powers .rage{color:#ffae3a}
#powers .dubbel{color:#7dff7a}
#powers .snel{color:#5ad0ff}
#powers .schade{color:#ff5a5a}
.keuzerij{display:flex;gap:14px;margin-top:14px}
.keuzerij .knop{flex:1;margin:0;line-height:1.7}
.keuzerij .knop small{font-size:13px;opacity:.85}
#rotsdoel{position:absolute;top:66px;left:50%;transform:translateX(-50%);font:bold 18px Arial,sans-serif;background:rgba(40,10,0,.55);
  border:2px solid #ff8a3a;border-radius:12px;padding:6px 16px;white-space:nowrap;text-shadow:0 2px 0 #000}
#rotsdoel b{color:#ffd83a}
#markers{position:absolute;inset:0;overflow:hidden}
.marker{position:absolute;left:0;top:0;width:34px;height:34px;opacity:0;will-change:transform}
.marker i{position:absolute;inset:0;border:3px solid #ff3a2a;border-radius:50%;box-shadow:0 0 8px #f00,inset 0 0 6px #f00;animation:pols 1s ease-in-out infinite}
.marker i::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;background:#ff3a2a;border-radius:50%}
@keyframes pols{50%{transform:scale(1.25)}}
#combo{position:absolute;right:22%;top:40%;font-size:34px;color:#ffd83a;text-shadow:0 3px 0 #6a3a08,0 0 14px rgba(0,0,0,.6);opacity:0;text-align:center}
#combo b{color:#fff}
#combo small{display:block;font:bold 14px Arial,sans-serif;color:#7dff7a}
#combo.knal{animation:knal 1.4s ease-out}
@keyframes knal{0%{opacity:1;transform:scale(1.6) rotate(-6deg)}15%{opacity:1;transform:scale(1) rotate(-3deg)}75%{opacity:1}100%{opacity:0;transform:translateY(-20px) rotate(-3deg)}}
.pop.tok{color:#d0d0d0;font-size:16px}
.pop.power{color:#ffae3a;font-size:24px}
#scope{position:fixed;inset:0;pointer-events:none;z-index:8;background:radial-gradient(circle at center,rgba(0,0,0,0) 0,rgba(0,0,0,0) 38vh,rgba(0,0,0,.96) 38.4vh)}
#scope i{position:absolute;background:rgba(0,0,0,.85)}
#scope .h{left:calc(50% - 38vh);width:76vh;top:50%;height:2px;margin-top:-1px}
#scope .v{top:12vh;height:76vh;left:50%;width:2px;margin-left:-1px}
#scope .stip{left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ff2a1a}
#ragegloed{position:fixed;inset:0;pointer-events:none;z-index:9;opacity:0;
  background:radial-gradient(ellipse at center,rgba(255,150,0,0) 55%,rgba(255,140,0,.45) 100%)}
body.touch #rotsdoel{top:auto;bottom:12px;font-size:14px}
body.touch #combo{font-size:24px}
/* smallere schermen: 10 wapenslots passen niet naast leven en munitie */
@media (max-width:1400px){
  #slots{left:18px;transform:none;bottom:82px;flex-wrap:wrap;max-width:calc(100% - 250px)}
  #slots div{padding:3px 7px;font-size:11px}
}

/* ---------- v3: compacter beginscherm, scorebord, milkshake ---------- */
.titelkaart .knoppen{flex-direction:row;flex-wrap:wrap;justify-content:center;width:auto;gap:10px;margin:16px auto 8px}
.titelkaart .knop.groot{width:auto;font-size:16px;padding:9px 18px;margin:0;white-space:nowrap;border-radius:12px;
  box-shadow:0 4px 0 #a86a10,0 6px 12px rgba(0,0,0,.35)}
.knop.paars{background:linear-gradient(180deg,#e2b8ff,#a960ea);color:#2a0a40;box-shadow:0 5px 0 #6a2aa0,0 8px 16px rgba(0,0,0,.4)}
.titelkaart .knop.groot.paars{box-shadow:0 4px 0 #6a2aa0,0 6px 12px rgba(0,0,0,.35)}
.knop.paars:active{box-shadow:0 2px 0 #6a2aa0}
.naamrij{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;font:bold 13px Arial,sans-serif;color:#e8dcb8;margin:4px 0 6px}
.naamveld{width:140px;background:rgba(0,0,0,.4);border:2px solid #ffd83a;color:#fff;border-radius:9px;padding:5px 9px;
  font:15px "Arial Black",Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;user-select:text;-webkit-user-select:text;outline:none}
.naamveld:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,216,58,.35)}
.naamveld::placeholder{color:#9a8c6a;text-transform:none;letter-spacing:0;font-family:Arial,sans-serif}
#punten{font:bold 17px Arial,sans-serif;color:#ffe9a0;text-shadow:0 2px 3px #000;margin-top:2px}
#punten.bump{animation:bump .25s}
#doodpunten{font-size:30px;color:#ffd83a;text-shadow:0 3px 0 #5a2e08;margin:-4px 0 6px}
#plek{font:bold 15px Arial,sans-serif;color:#7dff7a;min-height:20px;margin:2px 0 4px}
#plek.fout{color:#ff9a8a}
.knoprij{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.knoprij .knop{margin:0}
#dood .knop.groot{width:auto}

/* scorebord */
#scores{z-index:30;background:rgba(0,0,0,.6)}
.scorekaart{width:min(580px,94vw);max-height:94vh;overflow:auto;padding:22px 26px}
.scorekaart h2.groot{margin-bottom:10px}
.tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:0 0 12px}
.tab{background:rgba(255,255,255,.08);color:#ffe9a0;border:2px solid rgba(255,216,58,.4);border-radius:10px;padding:6px 12px;font-size:14px}
.tab.aan{background:#ffd83a;color:#3a2004;border-color:#ffd83a}
#scorelijst{min-height:318px}
#scorelijst table{width:100%;border-collapse:collapse;font:15px Arial,sans-serif}
#scorelijst td{padding:5px 8px;border-bottom:1px solid rgba(255,216,58,.15);text-align:left}
#scorelijst td.nr{width:44px;text-align:center;font-family:"Arial Black",Arial,sans-serif;color:#ffe9a0}
#scorelijst td.nm{font-family:"Arial Black",Arial,sans-serif;letter-spacing:1px}
#scorelijst td.gf{color:#cdbf98;font-size:13px;white-space:nowrap}
#scorelijst td.pt{text-align:right;font-family:"Arial Black",Arial,sans-serif;color:#ffd83a}
#scorelijst tr.jij td{background:rgba(125,255,122,.16)}
#scorelijst tr.jij td.nm::after{content:" ← jij";color:#7dff7a;font:bold 12px Arial,sans-serif;letter-spacing:0}
#scorelijst .leeg{font:15px Arial,sans-serif;color:#cdbf98;padding:60px 10px}
#scoreinfo{font:13px Arial,sans-serif;color:#cdbf98;margin:10px 0 2px;min-height:17px}
#scoreinfo b{color:#7dff7a}

/* milkshake */
#shake{width:180px;margin:0 0 6px auto;text-align:right}
#shaketekst{font:bold 13px Arial,sans-serif;color:#ffb8e0;text-shadow:0 2px 2px #000}
#shake .balk{height:10px;border-color:#ff8ad0;margin-top:3px}
#shakevul{height:100%;width:0;background:linear-gradient(180deg,#ffb8e0,#ff4aa8)}
#shake.vol #shaketekst{color:#fff}
#shake.vol .balk{animation:shakepols .6s ease-in-out infinite}
#shake.super .balk{border-color:#fff}
#shake.super #shakevul{background:linear-gradient(90deg,#ff4aa8,#ffe0f2,#ff4aa8)}
@keyframes shakepols{50%{box-shadow:0 0 14px 3px #ff5ab8}}
#shakegloed{position:fixed;inset:0;pointer-events:none;z-index:9;opacity:0;
  background:radial-gradient(ellipse at center,rgba(255,110,200,0) 50%,rgba(255,90,190,.5) 100%)}
#powers .super{color:#ff8ad0}
.pop.super{color:#ff7ad0;font-size:26px}
#tShake{right:150px;bottom:228px;width:64px;height:64px;font-size:28px!important;opacity:.45}
#tShake.vol{opacity:1;background:rgba(255,90,190,.55)!important;border-color:#ffd0ee!important;animation:shakepols .6s ease-in-out infinite}
@media (max-height:640px){ .naamrij{margin:2px 0} #scorelijst{min-height:0} }
.scorekaart{background:linear-gradient(180deg,#2c1e07,#150f03)}
#dood .kaart{max-height:96vh;overflow:auto}
@media (max-height:700px){ #dood .logo{font-size:40px} #dood h2.groot{font-size:26px;margin-bottom:8px} #doodstats{font-size:15px;line-height:1.5} #doodpunten{font-size:24px} }

/* mapkeuze op het titelscherm */
.maprij{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;font:bold 13px Arial,sans-serif;color:#e8dcb8;margin:2px 0 6px}
#maprij{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.mapknop{opacity:.75}
.mapknop.aan{opacity:1;background:linear-gradient(180deg,#9df07a,#4cb236);color:#123a08;box-shadow:0 3px 0 #2a6a18,0 0 0 2px #fff inset}

/* ---------- #23135: besturing in het pauzemenu (altijd zichtbaar) + revive ---------- */
.besturingkop{font:bold 16px "Arial Black",Arial,sans-serif;color:#ffd83a;margin-top:16px}
#pauze .besturing{display:grid;margin:8px 0 4px}
#pauze .touchbesturing{display:none}
body.touch #pauze .geen-touch{display:none}
body.touch #pauze .touchbesturing{display:grid}
#pauze .kaart{max-height:96vh;overflow:auto}
.knop.revive{background:linear-gradient(180deg,#ff8ab0,#e8326a);box-shadow:0 5px 0 #8a1238,0 8px 16px rgba(0,0,0,.4);color:#fff}
#doodstats .nieuw{color:#ffb0c8}
#powers .revive{color:#ff6a9a}
@media (max-height:640px){
  #pauze .besturing{gap:2px 12px;font-size:12px;margin:4px 0 2px}
  .besturingkop{margin-top:8px;font-size:14px}
}