:root{--bg:#f3f5fb;--text:#0d002c;--muted:#4a4f6e;--chrome:#0d002c;--action:#2576ea;--action-hover:#1a55b8;--on-action:#e6eaf6;--line:#c9d2ec;--focus:#2576ea;--on-chrome:#e6eaf6;--game-button-disc:#07001a;--game-button-edge:#2b3a8c;--game-button-edge-hover:#3fe0c5;--game-button-icon:#e6eaf6;--game-button-shadow:#2b5ce6;--footer-bg:#07001a;--footer-border:#2b3a8c;--footer-inset:#3b4aa833;--footer-title:#e6eaf6;--footer-muted:#9aa4bf;--footer-link:#3fe0c5;--footer-link-hover:#8fd8fa}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d002c;--text:#d3d9ec;--muted:#9aa3c7;--chrome:#07001a;--line:#2a2560;--focus:#8fd8fa}}:root[data-theme=dark]{--bg:#0d002c;--text:#d3d9ec;--muted:#9aa3c7;--chrome:#07001a;--line:#2a2560;--focus:#8fd8fa}:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:1000px;margin:0 auto;padding:clamp(20px,5vw,56px) clamp(16px,4vw,32px)}h1{letter-spacing:-.02em;margin:0 0 .3em;font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:800;line-height:1.1}.author{color:var(--muted);letter-spacing:.03em;margin:-.15rem 0 .8rem;font-size:.8rem;font-weight:500}.lede{color:var(--muted);margin:0 0 1.5rem;line-height:1.55}.stage{background:var(--chrome);border-radius:14px;padding:clamp(6px,1.2vw,12px)}.game{position:relative}canvas{aspect-ratio:16/9;width:100%;max-width:100%;height:auto;image-rendering:crisp-edges;image-rendering:pixelated;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:8px;display:block}.game-button{--size:max(6.5%, 28px);width:var(--size);aspect-ratio:1;box-shadow:none;background:0 0;border-radius:50%;padding:0;line-height:0;position:absolute;top:2%}.game-button--fullscreen{right:1.5%}.game-button--sound{right:calc(1.5% + var(--size) + 1%)}.game-button--pause{right:calc(1.5% + 2 * var(--size) + 2%)}.game-button--fullscreen[hidden]~.game-button--sound{right:1.5%}.game-button--fullscreen[hidden]~.game-button--pause{right:calc(1.5% + var(--size) + 1%)}.game-button:hover{background:0 0}.game-button[hidden]{display:none}.game-button__icon,.game-button__icon svg{width:100%;height:100%;display:block}.game-button__icon[hidden]{display:none}.px-disc{fill:var(--game-button-disc)}.px-edge{fill:var(--game-button-edge)}.px-icon{fill:var(--game-button-icon)}.px-shadow{fill:var(--game-button-shadow)}.game-button:enabled:hover .px-edge,.game-button:focus-visible .px-edge{fill:var(--game-button-edge-hover)}.game-button:disabled{opacity:.45;cursor:default}.game-button[data-muted=true] .game-button__icon--on,.game-button[data-paused=true] .game-button__icon--pause,.game-button[data-fullscreen=true] .game-button__icon--enter{display:none}.game-button[data-muted=true] .game-button__icon--off,.game-button[data-paused=true] .game-button__icon--play,.game-button[data-fullscreen=true] .game-button__icon--exit{display:block}.stage:fullscreen{background:var(--chrome);border-radius:0;justify-content:center;align-items:center;padding:0;display:flex}.stage:fullscreen .game{width:min(100vw,177.778vh)}.stage:fullscreen canvas{border-radius:0}.rotate-hint{display:none}.controls{flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;display:flex}button{color:var(--text);cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--line);background:0 0;border:0;border-radius:999px;padding:.6em 1.2em;font:500 .95rem Poppins,system-ui,sans-serif}button:hover{background:var(--line)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.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}.hint{color:var(--muted);font-size:.9rem;line-height:1.5}.footer{max-width:1000px;margin:0 auto;padding:0 clamp(16px,4vw,32px) 28px}.footer__status{color:var(--footer-muted);font-size:.75rem;line-height:1.4}.footer__content{background:var(--footer-bg);border:1px solid var(--footer-border);box-shadow:inset 0 0 0 1px var(--footer-inset);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.footer__brand{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer__game{color:var(--footer-title);font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.9rem;font-weight:700}.footer__author{color:var(--footer-muted);font-size:.85rem}.footer__link{color:var(--footer-link);font-size:.85rem;text-decoration:none;transition:color .2s,opacity .2s}.footer__link:hover{color:var(--footer-link-hover)}.footer__link:focus-visible{outline:2px solid var(--footer-link);outline-offset:3px;border-radius:4px}@media (width<=600px){.footer__content{flex-direction:column;align-items:flex-start}.footer__brand{flex-direction:column;align-items:flex-start;gap:3px}}@media (pointer:coarse){.game-button{--size:max(6.5%, 44px)}}@media (pointer:coarse) and (orientation:portrait) and (width<=600px){body{overflow:hidden}.rotate-hint{z-index:10;background:var(--chrome);color:var(--on-chrome);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.rotate-hint__icon{width:96px;height:96px;animation:2s ease-in-out infinite rotate-hint}.rotate-hint__text{margin:0;font-size:1.15rem;font-weight:500}}@keyframes rotate-hint{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.rotate-hint__icon{animation:none}}@media (pointer:coarse) and (orientation:landscape) and (height<=600px){body{background:var(--chrome);overflow:hidden}h1,.author,.lede,.controls,.footer{display:none}main{max-width:none;padding:0}.stage{height:100dvh;padding:0 env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px);border-radius:0;justify-content:center;align-items:center;display:flex}.game{width:min(100%,177.778dvh)}canvas{border-radius:0}}