:root{color:#fff9e8;font-synthesis:none;background:#182e45;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}canvas{touch-action:none;width:100vw;height:100dvh;display:block}.vignette{pointer-events:none;background:linear-gradient(#102d4855,#0000 25% 65%,#142a4055);position:fixed;inset:0}header{top:max(23px, env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex;position:fixed;left:26px;right:26px}.brand{color:inherit;letter-spacing:-2px;font-family:Rubik,Arial;font-size:30px;font-weight:800;text-decoration:none}.brand span{color:#f9d578;margin:0 3px;font-size:22px}.brand small{letter-spacing:2.1px;margin-top:2px;font:700 8px Manrope,Arial;display:block}button{cursor:pointer;color:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18394d66;border:1px solid #ffffff35;border-radius:14px;padding:12px 15px;font:700 13px Manrope,Arial}button:focus-visible{outline:3px solid #ffdc8c}#pause{width:46px;height:46px;padding:6px;font-size:20px}#hud{top:max(100px, calc(env(safe-area-inset-top) + 80px));pointer-events:none;position:fixed;left:26px;right:26px}.chapter{letter-spacing:2px;color:#ffdc8c;font-size:9px;font-weight:800}.chapter span{color:#fff9e8;float:right;letter-spacing:1.4px;font-size:8px}.stats{justify-content:space-between;margin-top:16px;font-size:13px;font-weight:700;display:flex}.coin{color:#ffda6d;font-size:22px;line-height:22px}.coin b{color:#fff;margin-left:6px}.progress{background:#ffffff30;border-radius:3px;height:3px;margin-top:13px}.progress i{background:#ffda79;width:0;height:100%;transition:width .15s;display:block}#panel{text-align:center;text-shadow:0 2px 22px #12334b;background:radial-gradient(#143a5077,#0000 70%);padding:25px 20px;position:fixed;bottom:13%;left:0;right:0}h1{letter-spacing:-2px;margin:13px 0 18px;font-family:Rubik,Arial;font-size:clamp(44px,8vh,72px);font-weight:800;line-height:1.04}h1 em{color:#ffe09b;font-style:normal}.eyebrow{letter-spacing:4px;color:#ffe2a3;font-size:10px;font-weight:800}p{margin:0 0 22px;font-size:13px;line-height:1.8}.primary{color:#273f4d;background:#ffdb83;border:0;border-bottom:4px solid #d0a353;border-radius:18px;min-width:248px;padding:17px 22px;font-size:15px;box-shadow:0 9px 28px #102e4f40}.primary:disabled{opacity:.6}.instructions{letter-spacing:1.2px;margin-top:20px;font-size:8px;font-weight:800}.temporary{opacity:.65;margin-top:12px;font-size:9px;line-height:1.6}footer{bottom:max(18px, env(safe-area-inset-bottom));align-items:center;gap:8px;display:flex;position:fixed;left:24px;right:24px}footer span{letter-spacing:1.3px;flex:1;font-size:8px;font-weight:700}footer button{border-radius:9px;padding:8px;font-size:9px}#diagnostics{pointer-events:none;background:#081f36dc;padding:12px;font-size:11px;position:fixed;bottom:65px;left:16px}#toast{text-align:center;color:#ffe299;pointer-events:none;width:100%;font-size:16px;font-weight:800;position:fixed;top:27%}.playing #panel{display:none}@media (width>=700px){#panel{width:420px;left:calc(50% - 210px);right:auto}header,#hud,footer{max-width:700px;margin:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.remaining{opacity:.8;justify-content:space-between;margin-top:10px;font-size:9px;display:flex}.remaining b{font-weight:700}.boosting .vignette{box-shadow:inset 0 0 60px #54eced60}.stumbled .vignette{box-shadow:inset 0 0 38px #f6b29c80}#speed{color:#ffe2a3;align-self:center;font-size:11px}#levels{justify-content:center;gap:10px;margin:16px 0;display:flex}#levels button{background:#183752dd;min-width:76px;padding:9px 13px;font-size:18px}#levels small{font-size:9px;display:block}#levels .selected{color:#ffdf38;background:#214775;border:2px solid #ffcf00}#levels[hidden]{display:none}#again{margin:9px auto 0;padding:8px 14px;display:block}#again[hidden]{display:none}#effects{top:calc(max(100px, env(safe-area-inset-top) + 80px) + 110px);text-align:center;color:#ffe32a;text-shadow:0 2px 3px #122c4b;pointer-events:none;width:100%;font-size:13px;font-weight:800;position:fixed}.magnetic .vignette{box-shadow:inset 0 0 45px #fa38ae35}.chapter b{font-weight:800}#panel h1{font-size:clamp(32px,6vh,54px)}#panel{bottom:11%}#message{margin-bottom:10px}.instructions{margin-top:12px}.temporary{margin-top:7px}#ocean-score{text-align:center;color:#fff4a5;text-shadow:0 2px 4px #16415b;pointer-events:none;font-size:12px;font-weight:800;position:fixed;top:215px;left:0;right:0}#levels{gap:6px}#levels button{min-width:60px;padding:8px 11px}#joystick{left:max(22px, env(safe-area-inset-left));bottom:calc(max(22px, env(safe-area-inset-bottom)) + 62px);touch-action:none;-webkit-user-select:none;user-select:none;z-index:5;background:radial-gradient(circle,#4cabc03b,#166a8d80);border:2px solid #d4ffffa8;border-radius:50%;place-items:center;width:144px;height:144px;display:grid;position:fixed;box-shadow:inset 0 0 24px #bdeaff25,0 5px 20px #07405f45}#joystick[hidden]{display:none}.stick-knob{pointer-events:none;background:radial-gradient(circle at 35% 25%,#e1fff5dd,#53bcd0bf);border:2px solid #e3ffffbd;border-radius:50%;width:56px;height:56px;position:absolute;box-shadow:0 3px 10px #0d53645c}.stick-arrows{color:#e4ffff80;text-align:center;pointer-events:none;font-size:27px;line-height:1.45}.stick-label{letter-spacing:2px;color:#e1ffff;pointer-events:none;font-size:9px;position:absolute;bottom:-23px}