:root{color:#f7f2e8;background:#171717;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{width:100%;height:100%}body{min-width:320px;min-height:100vh;min-height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{position:relative;width:100vw;min-height:100vh;min-height:100dvh;overflow:hidden}.game-canvas{display:block;width:100vw;height:100vh;height:100dvh;touch-action:none;-webkit-user-select:none;user-select:none}.hud{position:fixed;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));padding-top:6px;padding-left:6px;pointer-events:none;display:flex;align-items:baseline;gap:clamp(10px,3vw,16px)}.audio-toggle{pointer-events:auto;width:auto;min-height:0;padding:7px 10px;border:1px solid rgb(247 242 232 / 28%);background:#171717a8;color:#f7f2e8;font-size:.72rem;line-height:1;box-shadow:none}.audio-toggle:hover{filter:brightness(1.16)}.audio-toggle:active{box-shadow:none;transform:translateY(1px)}.audio-toggle.is-muted{color:#f7f2e894}.portal-exit-button{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:8;display:grid;place-items:center;width:74px;min-height:74px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgb(143 216 255 / 52%) 0 20%,rgb(117 199 255 / 14%) 21% 46%,transparent 47%),radial-gradient(circle at 50% 50%,rgb(8 17 23 / 86%) 0 74%,rgb(117 199 255 / 44%) 75% 78%,transparent 79%);color:#f7f2e8;font-size:.58rem;line-height:.95;box-shadow:0 0 14px #75c7ff38,inset 0 0 0 1px #f7f2e81a,inset 0 0 14px #75c7ff24;text-transform:uppercase}.portal-exit-button.hidden{display:none}.portal-exit-button.is-returning{background:radial-gradient(circle at 50% 50%,rgb(143 216 255 / 58%) 0 20%,rgb(117 199 255 / 18%) 21% 46%,transparent 47%),radial-gradient(circle at 50% 50%,rgb(8 17 23 / 86%) 0 74%,rgb(143 216 255 / 50%) 75% 78%,transparent 79%)}.portal-exit-ring{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgb(143 216 255 / 58%);border-radius:50%;box-shadow:0 0 10px #75c7ff2e,inset 0 0 12px #75c7ff2e}.portal-exit-label{position:relative;z-index:1;width:46px;color:#f7f2e8;font-size:.52rem;font-weight:950;letter-spacing:.06em;text-align:center;text-shadow:0 1px 10px rgb(117 199 255 / 60%)}.eyebrow{margin:0 0 8px;color:#f0b35b;font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:1;text-shadow:0 2px 24px rgb(0 0 0 / 40%)}.score-readout,.level-readout,.coin-readout,.special-readout{margin:0;color:#f7f2e8;font-size:clamp(1.25rem,3vw,2.2rem);font-weight:900;text-shadow:0 2px 24px rgb(0 0 0 / 40%)}.level-readout{color:#ffe8a3}.special-readout{color:#d8c6ff}.is-pulsing{animation:hud-pulse .52s ease-out}@keyframes hud-pulse{0%{transform:scale(1)}42%{transform:scale(1.3);filter:brightness(1.65)}to{transform:scale(1)}}.level-toast{position:fixed;top:max(86px,calc(env(safe-area-inset-top) + 68px));left:50%;min-width:min(320px,calc(100vw - 32px));padding:17px 20px 19px;border:1px solid rgb(255 232 163 / 62%);background:#171717e0;color:#f7f2e8;text-align:center;pointer-events:none;transform:translate(-50%,-12px) scale(.96);opacity:0;box-shadow:0 18px 42px #00000061,0 0 34px #f0b35b2e}.level-toast.hidden{display:none}.level-toast .eyebrow{margin-bottom:5px;color:#ffd166;font-size:.78rem}.level-toast p:last-child{margin:0;color:#ffe8a3;font-size:clamp(1.75rem,6.4vw,2.65rem);font-weight:950;line-height:1;text-shadow:0 2px 20px rgb(0 0 0 / 52%),0 0 18px rgb(255 184 107 / 26%)}.level-toast.is-showing{animation:level-toast 1.5s ease-out forwards}@keyframes level-toast{0%{opacity:0;transform:translate(-50%,-12px) scale(.96)}18%{opacity:1;transform:translate(-50%) scale(1.02)}72%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(.98)}}.start-screen,.game-over{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#0000009e}.start-screen.hidden,.game-over.hidden{display:none}.game-over-panel{width:min(360px,100%);padding:clamp(24px,5.8vw,30px);border:1px solid rgb(247 242 232 / 18%);background:#171717eb;text-align:center}h2{margin:0 0 22px;font-size:clamp(2rem,8.5vw,3rem);line-height:1;white-space:nowrap}.start-subtitle{margin:-10px 0 24px;color:#f7f2e8ad;font-size:.98rem;font-weight:800;line-height:1.35}.run-rewards{margin:0 0 9px;color:#f7f2e8db;font-size:1.08rem;font-weight:900}.best-run{margin:0 0 26px;color:#f7f2e894;font-size:.95rem;font-weight:800}button{width:100%;min-height:54px;border:2px solid #171717;background:#f0b35b;color:#171717;cursor:pointer;font:inherit;font-weight:900;box-shadow:0 5px #9f6f2d;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}button:hover{filter:brightness(1.06)}button:active{box-shadow:0 2px #9f6f2d;transform:translateY(3px)}button:focus-visible{outline:3px solid #f7f2e8;outline-offset:4px}@media(max-width:480px){.hud{flex-direction:column;align-items:flex-start;gap:2px}.eyebrow{margin-bottom:4px;font-size:.72rem}.score-readout,.level-readout,.coin-readout,.special-readout{font-size:1.35rem}h2{font-size:clamp(2rem,13vw,3.2rem)}button{min-height:56px}}