:root{color:#edf4ef;font-synthesis:none;background:#071421;font-family:Avenir Next,Arial,sans-serif}*{box-sizing:border-box}html,body,#app,#game{width:100%;height:100%;margin:0}body{overflow:hidden}button{font:inherit}#game{display:block;position:fixed;inset:0}#app{pointer-events:none;position:fixed;inset:0}.interface{--edge:clamp(20px, 4vw, 64px);width:100%;height:100%;padding:max(18px, env(safe-area-inset-top)) max(var(--edge), env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(var(--edge), env(safe-area-inset-left));position:relative;overflow:hidden}.interface:before{content:"";pointer-events:none;background:linear-gradient(90deg,#071421fa 0%,#071421c4 55%,#07142100 100%);width:min(68%,920px);position:absolute;inset:0 auto 0 0}.topbar{z-index:4;justify-content:space-between;align-items:center;display:flex;position:relative}.wordmark{letter-spacing:-.03em;font-family:Impact,Arial Black,sans-serif;font-size:16px;font-style:italic}.wordmark span{color:#69e5db}.preferences{pointer-events:auto;gap:8px;display:flex}button{color:#edf4ef;cursor:pointer;border:0;min-height:44px}button:focus-visible{outline-offset:3px;outline:3px solid #69e5db}.icon-button{background:#071421b8;border:1px solid #69e5db57;padding:0 13px;font-size:12px}.ready-screen{z-index:2;padding:90px var(--edge) 50px;align-items:center;display:flex;position:absolute;inset:0}.hero-copy{pointer-events:auto;width:min(590px,52vw)}h1{letter-spacing:-.055em;margin:0 0 20px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(76px,10.5vw,166px);font-style:italic;font-weight:900;line-height:.72}h1 span{display:block}h1 span:last-child{color:#69e5db;transform:translate(.14em)}.hero-description{color:#edf4efbf;max-width:400px;margin:0 0 28px;font-size:clamp(15px,1.4vw,19px);line-height:1.5}.primary-button{color:#071421;background:#ffd081;min-width:190px;min-height:54px;padding:0 28px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:7px 7px #69e5db3d}.primary-button:hover{transform:translate(-2px,-2px);box-shadow:9px 9px #69e5db47}.best-line{color:#edf4ef9e;margin:24px 0 12px;font-size:13px}.best-line strong{color:#ffd081;margin-left:8px;font-size:18px}.key-guide,.run-footer{color:#edf4ef8c;font-size:11px}kbd{min-width:22px;height:22px;font:inherit;border:1px solid #edf4ef4d;place-items:center;margin:0 2px;display:inline-grid}.loading-screen{z-index:7;text-align:center;pointer-events:auto;width:min(360px,100% - 48px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-screen p{font-size:18px}.load-track{background:#edf4ef2e;height:2px;margin:18px 0 10px}.load-track span{background:#69e5db;width:0;height:100%;transition:width .18s linear;display:block}.load-value{color:#69e5db;font-size:12px}.hud{z-index:3;top:max(75px, calc(env(safe-area-inset-top) + 64px));left:var(--edge);right:var(--edge);pointer-events:none;align-items:flex-start;gap:clamp(18px,3vw,48px);display:flex;position:absolute}.hud span{color:#edf4ef8c;text-transform:uppercase;letter-spacing:.12em;margin-bottom:3px;font-size:10px;display:block}.hud strong{font-size:17px}.hud-primary strong{color:#ffd081;font-family:Impact,Arial Black,sans-serif;font-size:40px;line-height:1;display:block}.shield-status{color:#69e5db}.pause-button{pointer-events:auto;background:#071421b3;border:1px solid #edf4ef59;margin-left:auto;padding:0 18px}.run-footer{z-index:3;right:var(--edge);bottom:max(22px, env(safe-area-inset-bottom));left:var(--edge);justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.run-footer p{margin:0}.run-footer strong{color:#edf4ef;font-size:16px}.touch-controls{display:none}.menu-panel{z-index:8;text-align:center;pointer-events:auto;background:#071421f0;border:1px solid #69e5db40;width:min(430px,100% - 40px);padding:clamp(28px,5vw,52px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:18px 18px #030a1157}.panel-label{color:#69e5db;text-transform:uppercase;letter-spacing:.14em;margin:0 0 9px;font-size:11px}.menu-panel h2{margin:0 0 26px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(38px,6vw,58px);font-style:italic;line-height:.95}.menu-panel .primary-button{width:100%;margin:22px 0 12px;display:block}.text-button{color:#edf4efb8;text-underline-offset:4px;background:0 0;min-height:42px;padding:0 12px;text-decoration:underline}.result-grid{text-align:left;background:#69e5db33;grid-template-columns:1fr 1fr;gap:1px;display:grid}.result-grid span{color:#edf4ef94;background:#0b1d2c;padding:13px;font-size:11px}.result-grid strong{color:#edf4ef;margin-top:4px;font-size:21px;display:block}.sr-status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ready-screen,.hud,.run-footer,.touch-controls,.menu-panel,.loading-screen{display:none}[data-phase=loading] .loading-screen{display:block}[data-phase=ready] .ready-screen,[data-phase=running] .hud,[data-phase=running] .run-footer{display:flex}[data-phase=paused] .pause-panel,[data-phase=gameover] .result-panel,[data-phase=error] .error-panel{display:block}@media (hover:none),(pointer:coarse){[data-phase=running] .touch-controls{z-index:5;right:max(14px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;display:flex;position:absolute}.touch-controls div{gap:8px;display:flex}.touch-controls button{pointer-events:auto;touch-action:manipulation;background:#071421cc;border:1px solid #69e5db73;min-width:58px;min-height:52px;padding:0 10px;font-size:12px}.run-footer{bottom:max(82px, calc(env(safe-area-inset-bottom) + 72px))}.run-footer p{display:none}}@media (width<=600px){.interface{--edge:18px}.interface:before{background:linear-gradient(#071421e6,#0714218c 58%,#0000);width:100%;height:70%}.wordmark{font-size:13px}.icon-button{min-height:40px;padding:0 9px;font-size:10px}.motion-button{display:none}.ready-screen{align-items:flex-start;padding-top:clamp(132px,21vh,180px)}.hero-copy{width:100%}h1{margin-bottom:17px;font-size:clamp(58px,20vw,78px)}.hero-description{max-width:270px;margin-bottom:clamp(46px,9vh,78px);font-size:14px}.primary-button{min-height:56px}.key-guide{display:none}.best-line{margin-top:19px}.hud{gap:16px;top:70px}.hud-primary strong{font-size:30px}.hud-metric strong,.shield-status strong{font-size:13px}.shield-status{display:none}.pause-button{min-width:48px;min-height:48px;padding:0 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important}[data-phase=running]:before{background:linear-gradient(#07142199,#0000 22% 80%,#07142166);width:100%}#game{touch-action:none;outline:none}@media (width<=600px){[data-phase=running]:before{height:100%}[data-phase=running] .touch-controls{z-index:5;right:14px;bottom:max(18px, env(safe-area-inset-bottom));justify-content:space-between;display:flex;position:absolute;left:14px}.touch-controls div{gap:8px;display:flex}.touch-controls button{pointer-events:auto;touch-action:manipulation;background:#071421cc;border:1px solid #69e5db73;min-width:58px;min-height:52px;padding:0 10px;font-size:12px}.run-footer{bottom:max(82px, calc(env(safe-area-inset-bottom) + 72px))}.run-footer p{display:none}.shield-status{text-align:right;display:block;position:absolute;top:50px;right:0}}@media (pointer:coarse),(width<=600px){button,.icon-button,.text-button{min-width:48px;min-height:48px}}