:root{font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;color:#fff;font-synthesis:none;background:#a9e0eb}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:none}button:focus-visible{outline:3px solid white;outline-offset:5px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block}#top{position:fixed;top:calc(env(safe-area-inset-top) + 16px);left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;z-index:3}.level{display:flex;align-items:center;gap:9px;text-shadow:0 2px 3px #19577377}.level-icon{display:grid;place-items:center;width:38px;height:38px;background:#fff2d1;color:#2386a5;font-size:30px;font-weight:900;border-radius:12px;box-shadow:0 3px 0 #267a9950}.level small{display:block;font-size:9px;font-weight:900;letter-spacing:1.6px;opacity:.9}.level b{display:block;font-size:15px;font-weight:900;letter-spacing:-.3px}.top-actions{display:flex;gap:8px}.round{position:relative;border:2px solid #fff7;background:#154d7840;backdrop-filter:blur(8px);width:38px;height:38px;border-radius:12px;font-size:18px;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 0 #14587730}.mute{position:absolute;font-size:26px;transform:rotate(12deg);left:15px;top:0;text-shadow:0 0 2px #145877}#progress-wrap{position:fixed;top:calc(env(safe-area-inset-top) + 73px);left:20px;right:20px;z-index:3}.progress-line{position:relative;height:7px;background:#174c754d;border:1px solid #fff6;border-radius:10px;box-shadow:0 2px 3px #154d7820}.progress-line i{height:100%;display:block;width:0;background:#fdf7d3;border-radius:9px;box-shadow:0 0 8px #fff3}.checkpoint-marker{position:absolute;top:-3px;width:4px;height:11px;background:#fff8;border-radius:3px}.checkpoint-marker.one{left:33%}.checkpoint-marker.two{left:66%}.progress-label{display:flex;justify-content:space-between;margin-top:6px;font-size:8px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 2px #175673}#race-info{position:fixed;top:calc(env(safe-area-inset-top) + 112px);left:20px;right:20px;display:flex;justify-content:space-between;z-index:2;font-size:12px;font-weight:900;text-shadow:0 2px 3px #164d73}#checkpoint{color:#ffefad}.scrim{position:fixed;inset:0;z-index:5;background:linear-gradient(#0d4f7e30 0%,#16436e00 35%,#123d6b66 60%,#0b2d53eb 100%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:max(100px,calc(env(safe-area-inset-top) + 100px)) 24px calc(env(safe-area-inset-bottom) + 24px)}.title-lockup{text-align:center;filter:drop-shadow(0 4px 0 #174a6b55);animation:pop .55s both}.intro-tag{font-size:10px;letter-spacing:3px;font-weight:900;color:#ffefac}h1{font-size:65px;font-weight:1000;font-style:italic;line-height:.84;letter-spacing:-5px;margin:18px 0 10px;transform:rotate(-5deg);-webkit-text-stroke:1px #fff9;paint-order:stroke fill}h1 span{display:block;font-size:40px;letter-spacing:-2px;color:#ffdf7a;text-shadow:0 4px 0 #b66b42;margin-top:6px}h1+p{font-size:13px;font-weight:800;margin-top:17px}.intro-bottom{width:100%;max-width:350px}.how-to{display:flex;flex-direction:column;gap:14px;margin-bottom:25px}.how-to>div{display:flex;align-items:center;gap:12px}.step-number{flex:0 0 28px;height:28px;border:1px solid #fff5;background:#2f749a55;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:900}.gas-step{background:#bcdf3b;color:#34562a;border-color:#e2fb83}.how-to p{margin:0}.how-to b{font-size:13px;font-weight:900;display:block}.how-to small{display:block;margin-top:3px;font-size:10px;color:#d2e5f2;line-height:1.4}.primary{width:100%;background:#ffdc70;border:2px solid #fff0ae;border-radius:18px;box-shadow:0 6px 0 #c5913f,0 10px 18px #0b2a4a50;color:#3d4a39;display:flex;align-items:center;justify-content:center;gap:30px;padding:19px;font-size:15px;font-weight:1000;letter-spacing:.5px;transition:transform .12s}.primary span{font-size:22px;line-height:15px}.primary:active{transform:translateY(4px);box-shadow:0 2px 0 #c5913f}.crew-note{font-size:8px;text-align:center;color:#c2d8e7;margin:18px -10px 0;line-height:1.5}#play-controls{position:fixed;inset:0;pointer-events:none;z-index:4}#joystick-zone{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom) + 27px);display:flex;flex-direction:column;align-items:center;gap:13px;pointer-events:auto}.control-label,.hold-label{font-size:9px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 3px #184d76}#joystick{width:132px;height:132px;position:relative;border:2px solid #ffffff75;border-radius:50%;background:#174a7b30;box-shadow:inset 0 3px 8px #174a7b25,0 3px 0 #174a7b20;backdrop-filter:blur(3px);touch-action:none}#joystick:after{content:'';position:absolute;inset:17px;border:1px dashed #ffffff40;border-radius:50%}.joystick-arrows{position:absolute;inset:6px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff8;font-size:17px;font-weight:700}.joystick-arrows span:nth-child(2){width:100%;display:flex;justify-content:space-between;white-space:pre}#stick{position:absolute;left:41px;top:41px;width:46px;height:46px;border-radius:50%;background:linear-gradient(#fff9e7,#e0e9dd);border:3px solid white;box-shadow:0 4px 0 #779fa75e,0 7px 14px #154d7840;z-index:2;pointer-events:none}.gas-control{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 23px);width:112px;pointer-events:auto;display:flex;align-items:center;flex-direction:column;gap:8px}#gas{border:3px solid #efffa3;border-radius:50%;width:104px;height:104px;background:linear-gradient(#c6ef46,#96cd29);color:#365823;box-shadow:0 7px 0 #518523,0 10px 20px #164c7350;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;transition:transform .1s}#gas svg{width:49px;height:41px;filter:drop-shadow(0 2px 0 #e3ff8a66)}#gas b{font-size:18px;font-weight:1000;font-style:italic}#gas.active{transform:translateY(5px);box-shadow:0 2px 0 #518523;background:#d3fa5e}.hold-label{font-size:7px;margin-top:5px}#toast{position:fixed;top:24%;left:20px;right:20px;text-align:center;font-size:15px;font-weight:1000;color:#fff8d6;text-shadow:0 3px 0 #174863,0 5px 10px #17486380;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;z-index:4}#toast.visible{opacity:1;transform:translateY(0)}#desktop-help{display:none}#modal{justify-content:center;background:#0e365c9c;backdrop-filter:blur(7px)}.result{width:100%;max-width:330px;text-align:center}#result-icon{font-size:45px;display:block;color:#ffdd77;margin-bottom:18px}.result>small{display:block;font-size:10px;font-weight:900;letter-spacing:2px;color:#dfefb9}h2{font-size:44px;letter-spacing:-2px;line-height:1.05;margin:14px 0;font-weight:1000}.result p{font-size:12px;line-height:1.7;color:#d4e5ee;margin:0 0 28px}.secondary{display:block;margin:22px auto 0;border:0;background:none;border-bottom:1px solid #fff5;padding:5px;font-size:11px;font-weight:700;color:#d6e5ed}#loading,#error{position:fixed;inset:0;background:#164f77;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}#loading b{font-size:17px}#loading p{font-size:11px;opacity:.7;margin:0}.loading-ring{width:48px;height:48px;border:7px solid #ffdf83;border-top-color:#a6cf65;border-radius:50%;animation:spin 1s linear infinite}#error{text-align:center;padding:30px}#error p{font-size:13px;max-width:290px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{from{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:760px){#top{left:35px;right:35px;top:25px}#progress-wrap{left:50%;right:auto;transform:translateX(-50%);width:330px;top:34px}#race-info{top:80px;left:50%;width:330px;transform:translateX(-50%)}.scrim{padding-top:90px;padding-bottom:28px}.intro-bottom{max-width:380px}h1{font-size:83px}h1 span{font-size:49px}.intro-tag{font-size:11px}.how-to{background:#103b5b55;border:1px solid #fff2;padding:20px;border-radius:18px;gap:14px;margin-bottom:18px}#joystick-zone{left:42px;bottom:42px}.gas-control{right:42px;bottom:39px}#desktop-help:not([hidden]){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;font-size:9px;color:#fff;text-shadow:0 1px 3px #194c66;white-space:nowrap}kbd{font:9px system-ui;border:1px solid #fff6;background:#16497545;padding:5px 7px;border-radius:5px}#desktop-help span{margin:0 4px}}@media(max-height:650px){.scrim{padding-top:78px;padding-bottom:17px}h1{font-size:47px;margin-top:12px}h1 span{font-size:30px}.intro-tag{font-size:8px}h1+p{font-size:11px;margin:12px 0}.how-to{gap:9px;margin-bottom:17px}.how-to b{font-size:12px}.how-to small{font-size:9px}.crew-note{margin-top:13px}.primary{padding:14px}.title-lockup{margin-bottom:10px}#joystick{width:112px;height:112px}#stick{left:31px;top:31px}#gas{width:87px;height:87px}.gas-control{width:96px}#joystick-zone{bottom:20px}.gas-control{bottom:16px}#gas svg{width:40px;height:33px}#gas b{font-size:16px}}@media(prefers-reduced-motion:reduce){.title-lockup{animation:none}.primary,#toast,#gas{transition:none}}

#top{z-index:6}body:not(.is-playing) #progress-wrap,body:not(.is-playing) #race-info,body:not(.is-playing) #pause{display:none!important}
@media(orientation:landscape) and (max-height:500px){#intro.scrim{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:72px 7% 20px;align-items:center}.title-lockup{align-self:center}.intro-bottom{max-width:320px;justify-self:center}.how-to{gap:7px;margin-bottom:12px}.how-to small{font-size:8px}.how-to b{font-size:11px}.how-to>div{gap:8px}.step-number{flex-basis:23px;height:23px;border-radius:8px}.crew-note{font-size:7px;margin:10px 0 0}.primary{padding:12px;font-size:12px}#modal{padding:20px}#result-icon{font-size:28px;margin-bottom:8px}h2{font-size:34px;margin:10px 0}.result p{margin-bottom:18px;font-size:11px}.secondary{margin-top:14px}#race-info{top:103px}#toast{top:35%}}
/* Modes and shared lobby: a single mobile column, above the live raft. */
button:disabled{cursor:default;opacity:.5;filter:saturate(.45);box-shadow:0 3px 0 #7d794f;transform:none}.multiplayer-button{width:100%;margin-top:15px;padding:15px 12px;border:1px solid #fff7;border-radius:16px;background:#1d5378cc;font-size:12px;font-weight:900;letter-spacing:.5px;box-shadow:0 4px 0 #0b2d50}.multiplayer-button small{display:block;margin-top:5px;font-size:9px;color:#cadce6;font-weight:600;letter-spacing:0}.room-panel{width:100%;max-width:370px}.panel-description{font-size:12px;line-height:1.6;color:#d0e4f0;margin:8px 0 23px}.field-label{display:block;font-size:8px;letter-spacing:1.4px;font-weight:900;color:#d4e7f0;margin:20px 0 8px}.text-input{display:block;min-width:0;width:100%;background:#0c3153a8;border:1px solid #a0c9de60;border-radius:11px;padding:13px 14px;color:#fff;font:600 14px system-ui;outline:0;user-select:text;-webkit-user-select:text;touch-action:auto}.text-input:focus{border-color:#ffdc70;box-shadow:0 0 0 2px #ffdc7025}.text-input::placeholder{color:#88a7bb}.room-panel>.primary{margin-top:22px}.room-panel h2{font-size:38px;margin:12px 0}.code-row,.invite-row{display:flex;gap:8px}.code-row input{text-transform:uppercase;letter-spacing:3px}.small-button{border:1px solid #a0c9de60;background:#2c6585;border-radius:11px;padding:0 16px;font-size:10px;font-weight:900}.form-error{font-size:11px;line-height:1.5;color:#ffe29d;min-height:16px;margin-bottom:0}.lobby-heading{display:flex;justify-content:space-between;align-items:center}#player-count{font-weight:900;font-size:22px;color:#ffe292}#lobby-code{color:#ffe292;letter-spacing:2px;margin-left:5px}#player-list{margin:16px 0 21px;display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid #ffffff17;padding:9px 0}.player-avatar{width:33px;height:33px;border:2px solid #ffffff66;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:13px;box-shadow:inset 0 -4px 0 #0002}.player-name{font-size:12px;font-weight:900;flex:1}.player-name small{display:block;font-weight:500;color:#aac9d9;font-size:8px;margin-top:3px}.player-state{font-size:9px;color:#bee675;font-weight:900}.player-state.waiting{color:#a7bdcd}.player-row.empty{opacity:.4;font-size:11px;min-height:43px}.share-button{width:100%;background:#ffffff0e;border:1px solid #fff3;border-radius:11px;padding:12px;margin-top:8px;font-size:10px;font-weight:900;letter-spacing:1px}#invite-url{font-size:10px}#room-entry,#lobby-screen{justify-content:center;background:#103b60cf;backdrop-filter:blur(8px);overflow-y:auto;touch-action:pan-y;padding-top:90px}#lobby-screen .room-panel>.primary{margin-top:18px}#lobby-status{margin:13px 0 0;min-height:13px;line-height:1.6}#orbit-zone{position:absolute;left:max(19px,env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom) + 37px);pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:14px}.orbit-buttons{display:flex;gap:9px}.orbit-buttons button{width:58px;height:64px;background:#f2f8e8df;border:2px solid #fff;border-radius:19px;color:#2e6480;font-size:34px;font-weight:900;box-shadow:0 5px 0 #6a96a4aa;display:grid;place-items:center}.orbit-buttons button.active{transform:translateY(4px);background:#fff7ca;box-shadow:0 1px 0 #6a96a4}.network-badge{color:#d7efa6}#gas{width:98px;height:98px}#desktop-help{font-size:8px}.crew-note{font-size:9px}@media(min-width:760px){#orbit-zone{left:42px;bottom:50px}.orbit-buttons button{width:64px;height:68px}.room-panel{max-width:375px}}@media(max-height:700px){#room-entry,#lobby-screen{justify-content:flex-start;padding-top:85px;padding-bottom:20px}.room-panel h2{font-size:30px}.panel-description{font-size:11px;margin-bottom:12px}#player-list{gap:3px;margin:8px 0 14px}.player-row{padding:6px 0}.field-label{margin-top:13px}.room-panel>.primary{margin-top:17px}.room-panel .secondary{margin-top:15px}#intro .how-to{gap:10px;margin-bottom:20px}#intro .crew-note{font-size:8px}.multiplayer-button{padding:12px;margin-top:13px}#orbit-zone{bottom:28px}.orbit-buttons button{width:55px;height:60px}}@media(max-width:370px){.orbit-buttons{gap:7px}.orbit-buttons button{width:51px}.gas-control{right:20px;width:96px}#gas{width:91px;height:91px}.control-label{font-size:8px}}@media(orientation:landscape) and (max-height:500px){#room-entry,#lobby-screen{padding-top:70px}.room-panel{max-width:390px}#intro .intro-bottom{max-width:310px}#intro .how-to{margin-bottom:12px;gap:8px}#intro .crew-note{font-size:7px}.multiplayer-button{padding:10px;margin-top:10px}#gas{width:85px;height:85px}.orbit-buttons button{width:53px;height:54px}}

body:not(.is-playing){touch-action:pan-y}

body:not(.is-playing) #toast{z-index:9;top:auto;bottom:24px;background:#153f5bf2;border:1px solid #ffffff40;border-radius:12px;padding:12px;font-size:11px;text-shadow:none;box-shadow:0 5px 20px #08263a30}
.difficulty-picker{display:flex;gap:5px;padding:4px;border-radius:12px;background:#0c315777;border:1px solid #fff3}.difficulty-picker button{flex:1;border:0;border-radius:8px;padding:10px 3px;background:none;color:#c8deeb;font-size:10px;font-weight:900}.difficulty-picker button.selected{background:#fcebb8;color:#375263;box-shadow:0 2px 0 #d4ae68}.difficulty-description{font-size:9px;color:#d4e8f1;text-align:center;margin:7px 0 11px}.customize-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0d;border:1px solid #fff5;border-radius:12px;padding:11px;color:#ecf5fa;font-size:10px;font-weight:800;margin:0 0 13px}.customize-button i{display:block;width:12px;height:12px;border-radius:50%;background:#b7ed19;border:1px solid #fff6}.lobby-options{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.6px;color:#d5e6ed;padding:9px 0;border-block:1px solid #fff2}.lobby-options select{font:700 11px system-ui;color:#fff;background:#1d4d6c;border:1px solid #fff3;border-radius:7px;padding:7px;min-width:0}.lobby-options button{margin-left:auto;background:none;border:0;color:#ffe39c;font-size:10px;white-space:nowrap}.player-avatar .gas-dot{width:7px;height:7px;border-radius:50%;position:absolute;right:-4px;bottom:-3px;border:1px solid #fff}.player-avatar{position:relative}#settings-screen{z-index:8;background:#0f3458ed;backdrop-filter:blur(12px);justify-content:flex-start;overflow:auto;touch-action:pan-y;padding-top:83px;padding-bottom:28px}#settings-screen h2{font-size:34px}.character-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.character-options button{border:1px solid #fff3;background:#1b5073;border-radius:15px;padding:13px 3px 11px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#d5e7ef;font-size:11px;font-weight:900;min-height:90px}.character-options button>span{font-size:32px;line-height:37px}.character-options button.selected{background:#365b66;border:2px solid #ffe5a0;color:#ffe5a0;padding:12px 2px 10px}.character-description{color:#bdd5e3;font-size:10px;margin:9px 0 18px;min-height:14px}.swatches{display:flex;gap:5px;flex-wrap:wrap}.swatches button{width:44px;height:44px;border:2px solid transparent;border-radius:50%;padding:6px;background:transparent}.swatches button i{display:block;width:100%;height:100%;background:var(--swatch);border-radius:50%;box-shadow:inset 0 -4px 0 #0002}.swatches button.selected{border-color:#fff5c1;background:#fff1}.audio-settings{margin-top:20px;border-top:1px solid #fff2;padding-top:8px}.audio-settings h3{font-size:14px;margin-bottom:10px}.audio-toggle{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;min-height:42px;cursor:pointer}.audio-toggle input{width:20px;height:20px;accent-color:#caed68}.volume-row{display:flex;align-items:center;gap:8px;font-size:9px;color:#bcd5e4;margin:2px 0 8px}.volume-row>span{flex:1}.volume-row input{width:110px;accent-color:#f8df8b;touch-action:pan-x}.volume-row output{width:30px;text-align:right}#settings-screen>.room-panel>.primary{margin-top:18px}.top-actions button[aria-pressed="false"]{opacity:.7}.top-actions button[aria-pressed="true"]{color:#ffeaa6;border-color:#ffeaa6}.top-actions{gap:6px}.top-actions .round{width:35px;height:35px}.level b{font-size:14px}#edge-glow{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .15s;--edge-color:#ffbd5988}#edge-glow.left{background:linear-gradient(90deg,var(--edge-color),transparent 28%)}#edge-glow.right{background:linear-gradient(-90deg,var(--edge-color),transparent 28%)}#edge-glow[data-level="1"]{opacity:.3}#edge-glow[data-level="2"]{opacity:.55}#edge-glow[data-level="3"]{opacity:.85;--edge-color:#ff645da8;animation:edge-pulse .6s infinite alternate}#edge-warning{position:fixed;top:175px;left:18px;right:18px;z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:10px;color:#3e3826;background:#fff0b5ee;padding:9px 12px;border:1px solid #fff9;border-radius:11px;box-shadow:0 4px 15px #16476e30;font-size:10px;font-weight:900}#edge-warning b{font-size:24px;line-height:22px}#edge-warning.critical{background:#ff7770f0;color:#fff}#telemetry{position:fixed;top:135px;left:20px;right:20px;display:flex;justify-content:space-between;gap:8px;z-index:2;font-size:8px;font-weight:900;letter-spacing:.6px;text-shadow:0 2px 3px #164d73}#telemetry span{background:#15547e55;border:1px solid #ffffff35;padding:5px 7px;border-radius:6px}#telemetry .damaged{color:#ffe58d}body:not(.is-playing) #telemetry{display:none}#toast{top:28%}@keyframes edge-pulse{to{opacity:.45}}@media(min-width:760px){#telemetry{top:111px;left:50%;width:330px;right:auto;transform:translateX(-50%)}#edge-warning{top:155px;left:50%;right:auto;transform:translateX(-50%);max-width:500px;white-space:nowrap}#settings-screen{align-items:center}#settings-screen .room-panel{max-width:390px}.difficulty-picker button{font-size:11px}}@media(max-height:700px){#intro .how-to{display:none}#intro .customize-button{padding:9px;margin-bottom:11px}.difficulty-description{margin-bottom:8px;font-size:8px}.difficulty-picker button{padding:8px 3px}#intro .multiplayer-button{margin-top:11px}.character-options button{min-height:80px;padding:9px 3px}.character-options button.selected{padding:8px 2px}.audio-settings{margin-top:13px}#settings-screen{padding-top:78px}#edge-warning{top:166px}#telemetry{top:130px}}@media(orientation:landscape) and (max-height:500px){#intro .difficulty-description{font-size:8px}#intro .customize-button{padding:7px;margin-bottom:9px}#intro .how-to{display:none}#telemetry{top:115px;max-width:300px}#edge-warning{top:150px;max-width:350px;left:50%;transform:translateX(-50%);font-size:9px}#settings-screen .room-panel{max-width:450px}}@media(prefers-reduced-motion:reduce){#edge-glow[data-level="3"]{animation:none}}

#sound[aria-pressed="false"] .waves,#sound[aria-pressed="true"] .muted{display:none}
.stage-picker{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #fff4;background:#0e3c5d99;border-radius:12px;margin-bottom:6px}.stage-picker>span{font-size:8px;font-weight:900;letter-spacing:1px;color:#c7e0eb;flex:0 0 auto}.stage-picker select{width:100%;min-width:0;background:#153d59;border:0;color:#fff2bf;font:800 11px system-ui;padding:3px;outline:0}.stage-description{font-size:8px;color:#c7dce8;line-height:1.5;margin:5px 0 11px;text-align:center}.lobby-stage{margin-top:12px}.gas-control{bottom:calc(env(safe-area-inset-bottom) + 23px)}.gas-meters{width:98px;display:flex;flex-direction:column;gap:4px}.gas-meter-label{font-size:7px;letter-spacing:.4px;font-weight:900;color:#fff9d1;text-align:center;text-shadow:0 1px 3px #174b6c}.pressure-track,.heat-track{height:5px;background:#15415c99;border:1px solid #fff8;border-radius:8px;overflow:hidden}.heat-track{height:4px;border-color:#fff4}.pressure-track i,.heat-track i{display:block;height:100%;width:0;transition:width .07s linear}.pressure-track i{background:#dcff8b}.heat-track i{background:linear-gradient(90deg,#ffd27a,#ff7568)}#gas.hot{background:#eaa573;color:#80462c;border-color:#ffdfb0;box-shadow:0 6px 0 #9b5743}#gas.hot b{font-size:12px}.gas-control:has(#gas.hot) .gas-meter-label{color:#ffe3ba}.gas-control .control-label{font-size:8px}.hold-label{min-height:10px;font-size:6px}#intro .intro-bottom{max-width:370px}@media(max-height:800px){#intro .how-to{display:none}#intro .stage-picker{padding:7px 9px}.stage-description{font-size:7px;margin-bottom:9px}#intro h1{font-size:58px}#intro h1 span{font-size:35px}#intro h1+p{font-size:11px}}@media(min-width:760px){.gas-control{bottom:36px}.gas-meters{width:104px}.stage-picker select{font-size:12px}}@media(orientation:landscape) and (max-height:500px){#intro .scrim{padding-top:65px}.stage-description{display:none}.stage-picker{margin-bottom:8px}#intro .customize-button{padding:6px;margin-bottom:8px}#intro .difficulty-picker button{padding:7px 3px}.gas-meters{width:83px}.gas-control{bottom:17px}#gas{width:80px;height:80px}#gas svg{width:36px;height:31px}}
/* In-play onboarding stays above the thumbs and leaves the river visible. */
#tutorial{position:fixed;z-index:12;top:150px;left:50%;transform:translateX(-50%);width:min(340px,calc(100% - 36px));padding:16px 19px;background:rgba(22,53,68,.94);color:#fff7dc;border-left:3px solid #ffe38a;border-radius:4px 16px 16px 4px;box-shadow:0 8px 30px #12354133;pointer-events:none}
#tutorial small{font-size:10px;letter-spacing:1.4px;color:#ffe38a}#tutorial h3{font-size:20px;margin:7px 0}#tutorial p{font-size:13px;line-height:1.5;margin:0;color:#e5f1f4}
.tutorial-focus{outline:3px solid #ffe38a;outline-offset:7px;animation:lesson-pulse 1.4s ease-in-out infinite}
@keyframes lesson-pulse{50%{outline-offset:11px;outline-color:#fff5cf55}}
@media(max-height:700px){#tutorial{top:118px;padding:10px 15px}#tutorial h3{font-size:17px;margin:4px 0}#tutorial p{font-size:12px}}
@media(max-height:480px){#tutorial{top:90px;left:20px;transform:none;width:240px}}
@media(prefers-reduced-motion:reduce){.tutorial-focus{animation:none}}