html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#2a2a2e;height:100%;margin:0;overflow:hidden}#view{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}#woorden{pointer-events:none;letter-spacing:-.04em;text-align:center;white-space:pre-line;color:#fff;-webkit-text-stroke:.06em #000;paint-order:stroke fill;text-shadow:.06em .06em #e6007e,-.05em -.03em #00e5ff;opacity:0;place-items:center;font:italic 900 min(13vw,30vh)/.9 Arial Black,Impact,system-ui,sans-serif;display:grid;position:fixed;inset:0}#woorden.klap{opacity:1;will-change:transform;animation:.55s cubic-bezier(.2,1.6,.4,1) both klap}#woorden.klein{box-sizing:border-box;place-items:start center;padding-top:9vh;font-size:min(8.2vw,11vh);line-height:1}#woorden.titel{color:#ffe600;text-shadow:.07em .07em #e6007e,-.05em -.04em #00e5ff;font-size:min(14.5vw,26vh);animation:.45s cubic-bezier(.2,1.8,.4,1) both klap,90ms steps(2,end) .45s 14 alternate tril}@keyframes tril{0%{transform:scale(1)rotate(-3deg)translate(-.02em,.01em)}to{transform:scale(1.03)rotate(-2deg)translate(.02em,-.01em)}}#woorden.fout{opacity:1;letter-spacing:0;-webkit-text-stroke:0;text-shadow:none;padding:24px;font:600 18px/1.4 system-ui,sans-serif}@keyframes klap{0%{opacity:0;transform:scale(3.2)rotate(-7deg)}35%{opacity:1}to{transform:scale(1)rotate(-3deg)}}body.beving{animation:70ms steps(2,end) infinite beving}@keyframes beving{0%{transform:translate(-1.4vmin,.9vmin)rotate(-.7deg)}25%{transform:translate(1.2vmin,-1.1vmin)rotate(.6deg)}50%{transform:translate(-.9vmin,-1.3vmin)rotate(.4deg)}75%{transform:translate(1.5vmin,1vmin)rotate(-.5deg)}to{transform:translate(-1.1vmin,.6vmin)rotate(.7deg)}}#gasten{left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 54px);pointer-events:none;flex-wrap:wrap;justify-content:center;gap:7px;max-width:90vw;display:flex;position:fixed;transform:translate(-50%)}.gast{width:22px;height:16px;image-rendering:pixelated}.gast.loopt{animation:2.4s steps(12,end) both loopt}.gast.zit{animation:.7s steps(2,end) infinite alternate wiebel}@keyframes loopt{0%{transform:translate(var(--dx), var(--dy))}to{transform:none}}@keyframes wiebel{0%{transform:translateY(0)}to{transform:translateY(-2px)}}#balk{left:50%;bottom:max(10px, env(safe-area-inset-bottom));opacity:.55;background:#1414188c;border-radius:10px;gap:4px;padding:4px;transition:opacity .2s;display:flex;position:fixed;transform:translate(-50%)}#balk:hover,#balk:focus-within{opacity:1}@media (aspect-ratio>=4/3){#balk{left:auto;right:max(10px, env(safe-area-inset-right));transform:none}#gasten{left:auto;right:max(10px, env(safe-area-inset-right));justify-content:flex-end;max-width:94px;transform:none}}#woorden.toon{opacity:1;transform:rotate(-3deg)}.tv #woorden,.tv #woorden.titel{text-shadow:.06em .06em #e6007e;animation:none}.tv body.beving{animation:none}.tv #balk{display:none}.tv #view{cursor:none}.tv #gasten{bottom:4vh;right:3vw}#melding{text-align:center;pointer-events:none;letter-spacing:.12em;color:#fff;text-shadow:0 0 6px #000,0 0 2px #000;font:700 min(3vw,22px)/1 ui-monospace,Menlo,monospace;position:fixed;top:4vh;left:0;right:0}#balk button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:7px;width:40px;height:36px;font:20px/1 system-ui,sans-serif}#balk button:hover{background:#ffffff24}#balk button:focus-visible{outline:2px solid #fff}#stil.uit{color:#888;text-decoration:line-through}@media (prefers-reduced-motion:reduce){#woorden.klap,#woorden.titel,body.beving,.gast.loopt,.gast.zit{animation:none}}
