:root{--paper:#f2e8d5;--paper-deep:#e7d9bf;--ink:#17130e;--red:#d7262e;--blue:#1f4fbf;--yellow:#f6cf3c;--cyan:#19b8d6;--magenta:#e2367d;--display:"Bangers", Impact, sans-serif;--text:"Comic Neue", "Comic Sans MS", sans-serif;--shadow-hard:5px 5px 0 var(--ink);--shadow-press:2px 2px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);font-family:var(--text);background-color:var(--paper);background-image:radial-gradient(circle at center, transparent 38%, var(--paper) 78%), radial-gradient(#17130e29 1.3px, transparent 1.7px), repeating-conic-gradient(from 0deg at 50% 48%, #d7262e0d 0deg 3deg, transparent 3deg 9deg);background-size:100% 100%,11px 11px,100% 100%;overflow:hidden}body:after{content:"";pointer-events:none;background-image:radial-gradient(#17130e38 1.6px,#0000 2px);background-size:9px 9px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#0000 55%,#000 100%);mask-image:radial-gradient(#0000 55%,#000 100%)}.stage{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hud{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:2;width:max-content;max-width:calc(100vw - 32px);position:fixed;transform:translate(-50%)}.hint,.btn,.pager-label{font-family:var(--display);letter-spacing:.04em;color:var(--ink);border:3px solid var(--ink);box-shadow:var(--shadow-hard)}.hint{background:var(--yellow);cursor:pointer;text-shadow:-1.5px 0 var(--cyan), 1.5px 0 var(--magenta);padding:10px 20px;font-size:clamp(1.15rem,2.4vw,1.5rem);transition:transform .16s,box-shadow .16s;animation:2.4s ease-in-out infinite anim-nudge;transform:rotate(-1.5deg)}.pager{align-items:center;gap:10px;display:flex}.pager-label{background:var(--paper);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;padding:8px 14px;font-size:clamp(1rem,2.2vw,1.25rem);overflow:hidden}.btn{background:var(--yellow);cursor:pointer;place-items:center;min-width:46px;height:46px;padding:0 10px;font-size:1.2rem;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-grid}.btn-text{background:var(--paper);padding:0 14px}.icon{flex-shrink:0}@media (hover:hover){.btn:hover:not(:disabled),.hint:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)rotate(-1.5deg)}.btn:hover:not(:disabled){transform:translate(-2px,-2px)}}.btn:active:not(:disabled),.hint:active{box-shadow:var(--shadow-press);transform:translate(3px,3px)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn:focus-visible,.hint:focus-visible,.credit a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.credit{color:#17130e99;z-index:2;margin:0;font-size:12px;position:fixed;bottom:10px;right:14px}.credit a{color:inherit;position:relative}.credit a:after{content:"";position:absolute;inset:-12px -4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes anim-nudge{0%,to{translate:0}50%{translate:0 -4px}}@media (width<=640px){.hud{bottom:max(44px, env(safe-area-inset-bottom))}.pager{gap:8px}.credit{text-align:center;left:0;right:0}}@media (prefers-reduced-motion:reduce){[class*=anim-],.hint{animation:none!important}}