:root{--ink:#2b1a10;--cream:#f5e6c8;--deep:#0d1b2a;--shell-orange:#e8722c;--claw-blue:#2f9fd6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;height:100%;background:var(--deep);width:100dvw;height:100dvh;color:var(--cream);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none;margin:0;padding:0;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden}#game-root{width:100%;height:100%;width:100dvw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);justify-content:stretch;align-items:stretch;display:flex;position:fixed;inset:0}#game-root canvas{touch-action:none;image-rendering:auto;display:block}.special-stage{z-index:40;opacity:1;background:#9fd9c4;transition:opacity .35s,filter .5s;position:fixed;inset:0;overflow:hidden}.special-stage:after{content:"";pointer-events:none;background:conic-gradient(from 205deg at 78% 0%, transparent 0 12deg, #ffecaa2e 17deg, transparent 25deg), radial-gradient(circle at 50% 48%, transparent 52%, #285a462e 100%);mix-blend-mode:soft-light;position:absolute;inset:-25%}.special-stage.is-entering,.special-stage.is-leaving{opacity:0;filter:saturate(2)brightness(2.4)}.special-stage__canvas{width:100%;height:100%;position:absolute;inset:0}.special-stage__hud{z-index:2;padding:max(22px, env(safe-area-inset-top)) max(26px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(26px, env(safe-area-inset-left));pointer-events:none;color:#f7f0d1;text-shadow:0 3px #071d18,0 0 14px #000c;position:absolute;inset:0}.special-stage__top{letter-spacing:.04em;justify-content:space-between;align-items:flex-start;gap:24px;font-size:clamp(16px,2.3vw,28px);display:flex}.special-stage__top div:first-child{flex-direction:column;display:flex}.special-stage__top strong{color:#ffda62;font-size:.72em}.special-stage__counter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#031d19ad;border:2px solid #8cffd7b3;border-radius:999px;padding:10px 16px}.special-stage__counter b{color:#5df}.special-stage__message{text-align:center;opacity:.88;background:#0319169e;border-radius:999px;max-width:min(760px,82vw);padding:10px 20px;font-size:clamp(15px,2vw,24px);font-weight:800;position:absolute;top:18%;left:50%;transform:translate(-50%)}.special-stage__message.is-popping{animation:.42s cubic-bezier(.2,1.7,.4,1) special-message-pop}.special-stage__message[data-tone=danger]{color:#ff6b75}.special-stage__message[data-tone=gold]{color:#ffe16b}.special-stage__message[data-tone=success]{color:#8dffc7;font-size:clamp(22px,3.4vw,42px)}.special-stage__touch{padding:20px max(24px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom));justify-content:space-between;align-items:flex-end;display:none;position:absolute;inset:auto 0 0}.special-stage__touch button{color:#fff7d1;pointer-events:auto;touch-action:none;background:#0f4f41ad;border:3px solid #ffffffb3;border-radius:50%;width:clamp(68px,10vw,96px);height:clamp(68px,10vw,96px);font:900 clamp(24px,4vw,40px) Trebuchet MS,sans-serif;box-shadow:inset 0 0 18px #68ffce47,0 5px 18px #0006}.special-stage__touch .special-stage__jump{color:#ffdc62;border-color:#ffdc62;width:clamp(80px,12vw,112px);margin-left:auto;font-size:clamp(13px,2vw,18px)}@media (pointer:coarse){.special-stage__touch{gap:14px;display:flex}.special-stage__touch button:nth-child(2){margin-right:auto}}@media (prefers-reduced-motion:reduce){.special-stage,.special-stage__message{transition:none;animation:none!important}}@keyframes special-message-pop{0%{opacity:0;transform:translate(-50%)scale(.72)}65%{opacity:1;transform:translate(-50%)scale(1.08)}to{opacity:.88;transform:translate(-50%)scale(1)}}#boot-splash{background:radial-gradient(circle at 50% 40%, #1b3a5c 0%, var(--deep) 70%);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;transition:opacity .4s;display:flex;position:fixed;inset:0}#boot-splash.is-hidden{opacity:0;pointer-events:none}.boot-splash__title{letter-spacing:.04em;color:var(--shell-orange);text-shadow:0 4px 0 var(--ink);font-size:clamp(1.8rem,6vw,3.4rem);font-weight:800}.boot-splash__bar{border:3px solid var(--ink);background:#00000059;border-radius:999px;width:min(60vw,320px);height:10px;overflow:hidden}.boot-splash__bar span{background:var(--claw-blue);border-radius:999px;width:40%;height:100%;animation:1.1s ease-in-out infinite boot-slide;display:block}@keyframes boot-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}#rotate-hint{z-index:20;text-align:center;background:var(--deep);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:fixed;inset:0}#rotate-hint[hidden]{display:none}.rotate-hint__icon{color:var(--shell-orange);font-size:4rem;animation:2.4s ease-in-out infinite rotate-hint-spin}.rotate-hint__sub{opacity:.75;margin:0;font-size:.95rem}@keyframes rotate-hint-spin{0%,to{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}.noscript{text-align:center;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}
