#start{text-align:center;cursor:pointer;background:#00000059;place-content:center;gap:6px;display:grid;position:fixed;inset:0}#start p{color:#a4abb8;margin:0;font:13px/1.4 system-ui,sans-serif}#start .title{color:#eef0f4;font-size:22px;font-weight:600}#start.hidden{display:none}:root{--game-ink:#140c12;--game-sfx-yellow:#ffd23f;--game-sfx-red:#e2383f;--game-comic-font:"Bangers", Impact, "Arial Black", sans-serif}#crosshair{width:6px;height:6px;box-shadow:0 0 0 1.5px var(--game-ink);pointer-events:none;background:#fffc;border-radius:50%;margin:-3px 0 0 -3px;position:fixed;top:50%;left:50%}#prompt{opacity:0;color:#fff;font:28px/1 var(--game-comic-font);letter-spacing:1px;text-shadow:2px 2px 0 var(--game-ink);pointer-events:none;transition:opacity .15s,transform .15s;position:fixed;bottom:16%;left:50%;transform:translate(-50%,8px)}#prompt.visible{opacity:1;transform:translate(-50%)}#prompt kbd{border:2px solid var(--game-ink);background:var(--game-sfx-yellow);min-width:1.3em;box-shadow:2px 2px 0 var(--game-ink);color:var(--game-ink);font:inherit;text-align:center;text-shadow:none;border-radius:4px;margin-right:.3em;padding:2px .3em 0;display:inline-block}@property --iris{syntax:"<percentage>";inherits:false;initial-value:150%}#transition{z-index:20;pointer-events:none;position:fixed;inset:0}#transition .ink{--iris:150%;background:radial-gradient(circle, #ffecc81a 25%, transparent 28%) 0 0 / 9px 9px, var(--game-ink);-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--iris), #000 calc(var(--iris) + 0.5%));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--iris), #000 calc(var(--iris) + 0.5%));mask-image:radial-gradient(circle at 50% 50%, transparent var(--iris), #000 calc(var(--iris) + 0.5%));transition:--iris var(--wipe-seconds,.55s) cubic-bezier(.7, 0, .3, 1);position:absolute;inset:0}#transition[data-state=covered]{pointer-events:auto}#transition[data-state=covered] .ink{--iris:0%}#transition .sfx{color:var(--game-sfx-yellow);font:clamp(48px, 10vw, 128px) / 1 var(--game-comic-font);letter-spacing:3px;-webkit-text-stroke:3px var(--game-ink);text-shadow:6px 6px 0 var(--game-sfx-red);transition:transform .25s cubic-bezier(.3,1.6,.5,1);position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)scale(0)}#transition[data-state=covered] .sfx.pop{transform:translate(-50%,-50%)rotate(-8deg)scale(1)}#hint{color:#ffffffd9;font:18px/1 var(--game-comic-font);letter-spacing:1px;text-shadow:2px 2px 0 var(--game-ink);white-space:nowrap;pointer-events:none;position:fixed;bottom:9%;left:50%;transform:translate(-50%)}.game-layer{z-index:300;position:fixed;inset:0}.game-layer .game-canvas{width:100vw;height:100vh;display:block;position:fixed;inset:0}.game-layer--showcase{z-index:30;pointer-events:none}.game-layer--showcase .game-canvas{inset:auto}.game-layer--showcase .game-ui{display:none}.game-objective{border:3px solid var(--game-ink);max-width:min(420px,100vw - 44px);color:var(--game-ink);font:18px/1.15 var(--game-comic-font);letter-spacing:.04em;box-shadow:4px 4px 0 var(--game-ink);background:#fff9e9;padding:8px 14px 7px;position:fixed;top:18px;left:22px;transform:rotate(-1deg)}.game-objective:empty,.game-layer--hidden{display:none}.emote-wheel{--size:380px;z-index:15;width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);border-radius:50%;display:none;position:fixed}.emote-wheel.is-open{pointer-events:auto;animation:.16s cubic-bezier(.2,1.4,.4,1) both emote-wheel-in;display:block}@keyframes emote-wheel-in{0%{opacity:0;transform:scale(.7)rotate(-12deg)}}.emote-wheel:before{pointer-events:none;content:"";border:4px solid var(--game-ink);background:radial-gradient(circle,#ffecc814 25%,#0000 28%) 0 0/9px 9px,radial-gradient(circle,#0000 0 33%,#140c12c7 33.5% 100%);border-radius:50%;position:absolute;inset:0;box-shadow:8px 8px #140c1273}.emote-wheel:after{pointer-events:none;content:"";background:conic-gradient(from var(--wedge,0deg), var(--game-sfx-yellow) 0 var(--span), transparent var(--span));opacity:0;border-radius:50%;transition:opacity .1s;position:absolute;inset:4px;-webkit-mask-image:radial-gradient(circle,#0000 0 34%,#000 34.5%);mask-image:radial-gradient(circle,#0000 0 34%,#000 34.5%)}.emote-wheel.has-pick:after{opacity:1}.emote-wheel__slot{z-index:1;color:#fff9e9;width:76px;font:15px/1 var(--game-comic-font);letter-spacing:.05em;text-transform:uppercase;text-shadow:2px 2px 0 var(--game-ink);transform:translate(var(--x), var(--y));cursor:pointer;background:0 0;border:0;justify-items:center;gap:3px;margin:-27px 0 0 -38px;padding:0;transition:transform .12s,color .12s;display:grid;position:absolute;top:50%;left:50%}.emote-wheel__slot b{font:26px/1 system-ui,sans-serif}.emote-wheel__slot.is-picked{color:var(--game-ink);text-shadow:none;transform:translate(var(--x), var(--y)) scale(1.18)}.emote-wheel__centre{z-index:2;text-align:center;border:4px solid var(--game-ink);width:118px;height:118px;color:var(--game-ink);box-shadow:3px 3px 0 var(--game-ink);background:#fff3b8;border-radius:50%;place-content:center;gap:4px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.emote-wheel__centre small{color:var(--game-sfx-red);font:13px/1 var(--game-comic-font);letter-spacing:.12em}.emote-wheel__centre strong{min-height:1em;font:24px/1 var(--game-comic-font);letter-spacing:.04em}.voice{z-index:16;pointer-events:none;justify-items:start;gap:9px;display:grid;position:fixed;bottom:18px;left:22px}.game-layer--showcase .voice{display:none}.voice-chip{border:3px solid var(--game-ink);color:var(--game-ink);font:16px/1 var(--game-comic-font);letter-spacing:.05em;text-transform:uppercase;box-shadow:3px 3px 0 var(--game-ink);opacity:.8;background:#fff9e9;border-radius:999px;align-items:center;gap:7px;padding:6px 13px 5px;transition:opacity .15s,background .15s;display:flex}.voice-chip kbd{border:2px solid var(--game-ink);background:var(--game-sfx-yellow);min-width:1.3em;font:inherit;text-align:center;border-radius:4px;padding:2px .3em 0}.voice-chip.is-live{opacity:1;background:var(--game-sfx-yellow);animation:.9s ease-in-out infinite voice-live}.voice-chip.is-live kbd{background:#fff9e9}.voice-chip.is-off{opacity:.55;background:#e6e2d8}@keyframes voice-live{50%{transform:scale(1.04)}}.voice-bubble{border:3px solid var(--game-ink);max-width:min(44ch,52vw);color:var(--game-ink);box-shadow:5px 5px 0 var(--game-ink);background:#fff;border-radius:18px;padding:12px 16px 10px;animation:.14s ease-out voice-bubble-in;position:relative;transform:rotate(-.7deg)}.voice-bubble[hidden]{display:none}.voice-bubble:before,.voice-bubble:after{content:"";border:12px solid #0000;border-bottom-width:0;position:absolute;left:24px}.voice-bubble:before{border-top-color:var(--game-ink);bottom:-15px}.voice-bubble:after{border-top-color:#fff;bottom:-10px}.voice-bubble__text{font:22px/1.15 var(--game-comic-font);letter-spacing:.03em;text-transform:uppercase;margin:0}.voice-bubble.is-empty .voice-bubble__text{display:none}.voice-bubble__dots{gap:5px;padding:4px 1px 3px;display:none}.voice-bubble.is-empty .voice-bubble__dots{display:flex}.voice-bubble__dots b{background:var(--game-ink);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite voice-dots}.voice-bubble__dots b:nth-child(2){animation-delay:.16s}.voice-bubble__dots b:nth-child(3){animation-delay:.32s}.voice-bubble__note{color:var(--game-sfx-red);font:15px/1.2 var(--game-comic-font);letter-spacing:.04em;text-transform:uppercase;margin-top:5px;font-style:normal;display:block}.voice-bubble__note:empty{display:none}@keyframes voice-dots{0%,60%,to{opacity:.3}30%{opacity:1}}@keyframes voice-bubble-in{0%{opacity:0;transform:rotate(-.7deg)translateY(6px)scale(.96)}}@media (prefers-reduced-motion:reduce){.voice-bubble,.voice-bubble__dots b,.voice-chip.is-live{animation:none}}.emote-wheel__pages{justify-content:center;align-items:center;gap:5px;font:11px/1 system-ui,sans-serif;display:flex}.emote-wheel__pages[hidden]{display:none}.emote-wheel__pages button{color:var(--game-ink);cursor:pointer;background:0 0;border:0;padding:2px 7px;font:700 22px/1 system-ui,sans-serif}.emote-wheel__pages button:hover,.emote-wheel__pages button:focus-visible{background:var(--game-sfx-yellow)}
