:root{--ink: #f3f1e7;--ink-soft: #f3f1e7cc;--ink-dim: #f3f1e785;--glass: #062a32d9;--glass-strong: #04212ae8;--line: #ffffff2e;--accent: #8ee6d2;--warm: #f2d39b;--go: #9ff0b8;--sans: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;--serif: Georgia, "Times New Roman", serif;font-family:var(--sans);color:var(--ink);background:#06303a;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:#06303a;-webkit-font-smoothing:antialiased}button,select,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--warm);outline-offset:4px}#ocean{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#fx-vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 60%,#00151d40 100%)}.hidden{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}kbd{font:600 9px/1 var(--sans);letter-spacing:.6px;border:1px solid #ffffff55;border-radius:4px;padding:3px 6px;background:#ffffff10}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--warm);box-shadow:0 0 10px #f2d39b88}.label,.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.2px;color:var(--ink-soft)}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow>span{width:26px;height:1px;background:currentColor}.primary,.secondary{border-radius:3px;padding:14px 20px;font-size:12px;font-weight:700;letter-spacing:.6px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;transition:transform .18s,background .18s,border-color .18s}.primary{border:0;background:#f1efe2;color:#12363d;box-shadow:0 8px 30px #00202a40}.primary span{font-size:18px;font-weight:400}.primary:hover{background:#fff;transform:translateY(-1px)}.secondary{border:1px solid #ffffff4d;background:#0a3a4430;backdrop-filter:blur(10px)}.secondary:hover{border-color:#ffffffa0;background:#ffffff18}.production-credit{color:#d2dfd8;font:400 10px/1.5 var(--sans);letter-spacing:1px;text-decoration:none}.production-credit strong{font-weight:650;color:#f3f1e7}.production-credit:hover strong{color:var(--accent);text-decoration:underline;text-underline-offset:3px}#loading{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(80% 70% at 50% 40%,#0d4e5a,#052530);transition:opacity .6s}#loading.done{opacity:0;pointer-events:none}.brand-mark svg{width:60px;height:40px;color:var(--ink)}.loading-title{font-weight:800;letter-spacing:6px;font-size:15px}.loading-bar{width:min(240px,60vw);height:2px;background:#fff2;overflow:hidden;border-radius:2px}.loading-bar i{display:block;height:100%;width:0;background:var(--ink);transition:width .3s}#loading-status{font-size:11px;letter-spacing:1.5px;color:var(--ink-dim)}#loading .production-credit{margin:-7px 0 3px}#topbar{position:fixed;top:22px;left:28px;right:28px;z-index:10;display:flex;align-items:center;justify-content:space-between;pointer-events:none}#topbar>*{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;letter-spacing:3px;font-size:14px;text-shadow:0 1px 3px #00191fff,0 2px 14px #00191fff}.wordmark svg{width:30px;height:22px}.location{font-size:9px;letter-spacing:1.8px;display:flex;gap:10px;align-items:center;color:#f3f1e7;padding:8px 10px;border-radius:4px;background:#04262fba}.location .sep{opacity:.4}nav{display:flex;gap:8px}nav .round{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff4d;background:#04262fce;backdrop-filter:blur(10px);display:grid;place-items:center;font-size:13px}nav .round svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.4}nav .pill{height:36px;padding:0 16px;border-radius:18px;border:1px solid #ffffff4d;background:#04262fce;backdrop-filter:blur(10px);font-size:9px;font-weight:700;letter-spacing:1.2px}nav button:hover{background:#ffffff1c}body[data-stage=loading] #topbar{opacity:0}#title-screen{position:fixed;left:clamp(24px,6vw,90px);bottom:clamp(70px,14vh,150px);z-index:6;max-width:560px;text-shadow:0 2px 26px #00202a66}#title-screen:before{content:"";position:absolute;inset:-26px -36px -28px;z-index:-1;pointer-events:none;border-radius:20px;background:radial-gradient(ellipse at 34% 55%,#04232ac7,#04232a75 60%,transparent 76%)}#title-screen h1{font:500 clamp(54px,7vw,104px)/.95 var(--sans);letter-spacing:-3px;margin:20px 0 18px}#title-screen h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-2px}#title-screen p{font-size:13px;line-height:1.75;color:var(--ink-soft);margin:0 0 26px}.title-credit{display:inline-block;margin:-14px 0 23px}.title-actions{display:flex;gap:12px;flex-wrap:wrap}.title-hint{margin-top:18px;font-size:10px;color:var(--ink-dim);display:flex;align-items:center;gap:6px}.title-hint .dot{opacity:.5;margin:0 4px}#conditions{position:fixed;right:clamp(20px,4vw,54px);bottom:clamp(70px,14vh,150px);z-index:6;width:320px;padding:20px 22px 0;background:var(--glass);border:1px solid var(--line);border-radius:6px;backdrop-filter:blur(16px)}.cond-row{display:flex;justify-content:space-between;margin:18px 0}.cond-row b{display:block;font:400 22px var(--sans)}.cond-row b small{font-size:9px;margin-left:3px;opacity:.8}.cond-row>div>span{font-size:8px;letter-spacing:1px;color:#d2dfd8}.cond-row b>span{font:inherit;letter-spacing:-.5px;color:var(--ink);font-variant-numeric:tabular-nums}.cond-foot{border-top:1px solid var(--line);padding:12px 0;font-size:10px;color:var(--ink-soft);display:flex;align-items:center;gap:8px}#journey-hud{position:fixed;left:30px;top:86px;z-index:5;pointer-events:none;text-shadow:0 2px 18px #07354090;max-width:300px}#journey-hud .chapter{font-size:9px;letter-spacing:2px;color:#d8f2e8}#journey-hud h2{font:400 28px/1.1 var(--serif);margin:12px 0 9px;letter-spacing:-.3px}#journey-hud p{font-size:12px;line-height:1.65;color:#edf6ed;margin:0}#journey-hud{padding:15px 18px;border-left:2px solid #8ee6d299;border-radius:2px 8px 8px 2px;background:linear-gradient(110deg,#04262fd9,#04262f8c)}.track{height:2px;background:#ffffff30;width:160px;margin-top:16px;overflow:hidden}.track i{display:block;height:100%;width:0;background:#d8f2e8;transition:width .3s}#lineup-hud{position:fixed;left:50%;bottom:110px;transform:translate(-50%);z-index:5;width:min(360px,calc(100vw - 40px));text-align:center;pointer-events:none;text-shadow:0 2px 14px #00283588}.lineup-label{font-size:10px;font-weight:700;letter-spacing:2.4px}.lineup-eta{font:400 30px/1.1 var(--serif);margin:8px 0 12px;min-height:33px}.lineup-bar{position:relative;height:4px;background:#ffffff2a;border-radius:3px;overflow:visible}.lineup-bar i{position:absolute;inset:0 auto 0 0;width:0;background:#e9f6ee;border-radius:3px}.lineup-bar b{position:absolute;top:-5px;height:14px;border:1px solid var(--go);background:#9ff0b830;border-radius:3px}.lineup-tip{font-size:11px;color:var(--ink-soft);margin-top:12px}#lineup-hud.go .lineup-label,#lineup-hud.go .lineup-eta{color:var(--go)}.peak-arrow{margin-top:8px;font-size:10px;letter-spacing:1.5px;color:var(--warm);min-height:14px}#lineup-hud{padding:16px 22px 12px;border:1px solid #ffffff26;border-radius:9px;background:#04262fce}#takeoff-hud{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:5;width:min(380px,calc(100vw - 40px));padding:20px 22px 18px;border:1px solid #e3f3df33;border-radius:10px;background:linear-gradient(135deg,#073843e6,#0f3e45cc);backdrop-filter:blur(14px);box-shadow:0 12px 50px #002b3440;pointer-events:none}.takeoff-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#d0e5d9}.takeoff-top strong{font-weight:500}#takeoff-hud h2{margin:12px 0 6px;font:400 26px/1.1 var(--serif)}#takeoff-hud p{font-size:12px;color:#d6e8e1;line-height:1.5;margin:0 0 16px;min-height:36px}.takeoff-meter{position:relative;height:7px;background:#d9eee023;border-radius:4px;margin:2px 0 16px}.takeoff-meter i{position:absolute;inset:0 auto 0 0;border-radius:4px;background:#d8eee5}.takeoff-meter b{display:none;position:absolute;top:-4px;height:15px;border:1px solid #90deb6;background:#70cf9838;border-radius:3px}.takeoff-meter em{display:none;position:absolute;top:-4px;width:3px;height:15px;margin-left:-1px;border-radius:2px;background:#fff;box-shadow:0 0 12px #baffdf}#takeoff-hud[data-phase=window] .takeoff-meter b,#takeoff-hud[data-phase=window] .takeoff-meter em{display:block}#takeoff-hud[data-phase=window]{border-color:#9adbb488}#takeoff-hud[data-phase=window] h2{color:#c2f0cb}.takeoff-keys{display:flex;justify-content:space-between;gap:9px;font-size:8px;letter-spacing:.6px;color:#d7e9df}#ride-hud{position:fixed;inset:0;z-index:4;pointer-events:none;text-shadow:0 2px 16px #00283588}.ride-speed{position:absolute;left:30px;bottom:58px;display:flex;align-items:baseline;gap:8px}.ride-speed strong{font:300 52px/1 var(--sans);letter-spacing:-2px;font-variant-numeric:tabular-nums}.ride-speed span{font-size:9px;letter-spacing:2px;color:var(--ink-soft)}.ride-score{position:absolute;right:30px;bottom:58px;text-align:right}.ride-score strong{display:block;font:300 40px/1.05 var(--sans);font-variant-numeric:tabular-nums;margin:6px 0 4px}.ride-score small{font-size:11px;letter-spacing:1.5px;color:var(--warm)}.pocket{position:absolute;left:50%;bottom:62px;transform:translate(-50%);width:240px;text-align:center}.pocket-label{font-size:9px;letter-spacing:2px;font-weight:700}.pocket-track{position:relative;height:3px;margin:11px 0 8px;background:linear-gradient(90deg,#ffffff40,#ffffff40 34%,#9ff0b8cc 34% 66%,#ff9d7a99 66%);border-radius:3px}.pocket-track i{position:absolute;top:-5px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;box-shadow:0 0 14px #fffa;left:50%;transition:left .12s linear}.pocket-ends{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px;color:var(--ink-dim)}.barrel-timer{position:absolute;left:50%;bottom:112px;transform:translate(-50%);text-align:center;display:flex;align-items:baseline;gap:10px}.barrel-timer span{font-size:9px;letter-spacing:3px;color:var(--accent)}.barrel-timer strong{font:italic 400 30px/1 var(--serif);font-variant-numeric:tabular-nums}.ride-speed,.ride-score,.pocket,.barrel-timer{padding:9px 12px;border-radius:6px;background:#04262fbf}.pocket-ends{color:#e1e8df}.barrel-timer{bottom:136px;padding:7px 12px}#toasts{position:fixed;left:50%;top:84px;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{font:italic 400 22px/1.2 var(--serif);text-shadow:0 2px 22px #00202acc;white-space:nowrap;animation:toast 2.4s ease forwards}.toast b{font:700 12px var(--sans);letter-spacing:1.5px;margin-left:10px;color:var(--warm);font-style:normal}.toast.small{font:600 11px var(--sans);letter-spacing:1.5px;text-transform:uppercase}.toast{padding:7px 12px;border-radius:5px;background:#04262fbf}@keyframes toast{0%{opacity:0;transform:translateY(8px) scale(.96)}10%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}#callout{position:fixed;left:50%;top:24%;transform:translate(-50%,-50%);z-index:6;font:italic 400 clamp(26px,3.2vw,42px) var(--serif);text-shadow:0 4px 34px #001820;pointer-events:none;animation:callout 1.8s ease forwards}@keyframes callout{0%{opacity:0;transform:translate(-50%,-40%) scale(.92)}15%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1}to{opacity:0}}#results{position:fixed;inset:0;z-index:12;display:grid;place-items:center;background:linear-gradient(0deg,#04202acc,#04202a55);backdrop-filter:blur(4px)}.results-card{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;padding:28px 30px 24px;background:var(--glass-strong);border:1px solid var(--line);border-radius:10px;box-shadow:0 30px 100px #00141c80;animation:rise .5s ease}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.results-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:var(--ink-soft)}.results-score{display:flex;align-items:baseline;gap:14px;margin:14px 0 16px}.results-score strong{font:300 76px/1 var(--sans);letter-spacing:-3px;font-variant-numeric:tabular-nums}.results-score span{font:italic 22px var(--serif);color:var(--warm)}#results-list{list-style:none;padding:0;margin:0 0 18px;border-top:1px solid var(--line)}#results-list li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #ffffff14;font-size:13px}#results-list li small{color:var(--ink-dim);margin-left:8px}#results-list li b{font-weight:600;font-variant-numeric:tabular-nums}#results-list li.empty{color:var(--ink-dim);font-style:italic}.results-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.results-foot span{display:block;font-size:8px;letter-spacing:1.6px;color:var(--ink-dim)}.results-foot b{font:400 18px var(--sans)}.results-actions{display:flex;gap:10px}.results-actions .primary{flex:1}.results-hint{margin-top:12px;font-size:10px;color:var(--ink-dim)}#board-picker{position:fixed;inset:0;z-index:14;display:flex;align-items:flex-end;justify-content:center;padding:30px;background:linear-gradient(0deg,#092e3bdf,#08282d25 80%);backdrop-filter:blur(3px)}.sheet{width:min(860px,100%);max-height:calc(100dvh - 60px);overflow-y:auto;padding:24px 28px;background:#edf0e4;color:#1b3d3c;border-radius:10px;box-shadow:0 18px 90px #03212970}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start}.sheet .eyebrow{color:#4c6860}.sheet h2{font:400 32px var(--serif);margin:8px 0 20px}.close{border:1px solid #173f3b33;background:#ffffff30;border-radius:50%;width:42px;height:42px;font-size:22px;line-height:1}.board-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.board-option{text-align:left;padding:16px;border-radius:8px;border:1px solid #173f3b26;background:#ffffff70;color:#173f3b;transition:transform .16s,background .16s,border-color .16s}.board-option:hover{transform:translateY(-3px);background:#fff;border-color:#527c6f}.board-option[aria-pressed=true]{background:#fff;border-color:#2f6f62;box-shadow:inset 0 0 0 1px #2f6f62}.board-art{float:right;width:42px;height:138px;margin:-2px 0 6px 10px}.board-size{font-size:10px;letter-spacing:.8px;color:#576d63}.board-option h3{font:400 22px var(--serif);margin:8px 0}.board-type{font-size:10px;color:#52695f}.board-option p{font-size:11px;line-height:1.6;margin:14px 0 10px;min-height:52px}.board-stat{display:flex;align-items:center;gap:7px;font-size:9px;margin:7px 0}.board-stat>span{width:46px;color:#576e63}.board-stat i{display:block;width:64px;height:3px;background:#174f4126}.board-stat b{display:block;height:100%;background:#497a6d}.board-choose{font-size:10px;font-weight:700;border-top:1px solid #173f3b1c;padding-top:12px;margin-top:10px;clear:both;display:flex;justify-content:space-between}.sheet-foot{font-size:11px;color:#586f63;margin:16px 0 0}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#04202aa8;backdrop-filter:blur(9px)}.modal-card{position:relative;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:32px;background:#0f3c46;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 100px #001e2a66}.modal-card.wide{width:min(640px,calc(100vw - 28px))}.modal-card h2{font:400 34px/1.08 var(--serif);margin:14px 0 22px}.modal-card .close{position:absolute;right:14px;top:12px;border-color:#ffffff40;color:var(--ink);background:none}.menu{display:grid;gap:10px}.menu .primary,.menu .secondary{width:100%}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;margin-bottom:18px}.settings-grid label{display:grid;gap:7px;font-size:11px;letter-spacing:.4px;color:var(--ink-soft)}.settings-grid label.check{display:flex;align-items:center;gap:9px}.settings-grid select{background:#072c34;border:1px solid var(--line);border-radius:4px;padding:8px}.settings-grid input[type=range]{accent-color:var(--accent)}.note{font-size:11px;line-height:1.7;color:var(--ink-dim);margin:0 0 18px}.help-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.help-cols h3{font:600 11px var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin:0 0 10px}.help-cols dl{margin:0 0 18px;display:grid;grid-template-columns:auto 1fr;gap:8px 12px;font-size:12px}.help-cols dt{color:var(--ink);font-weight:600;white-space:nowrap}.help-cols dd{margin:0;color:var(--ink-soft)}#look-hint{position:fixed;left:50%;top:60%;transform:translate(-50%);z-index:5;font:600 11px var(--sans);letter-spacing:1.5px;text-transform:uppercase;color:#fffbe6e0;text-shadow:0 2px 14px #00202acc;pointer-events:none;text-align:center}#reticle{position:fixed;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;z-index:5;pointer-events:none;border-radius:50%;border:2px solid #fffbe6e6;box-shadow:0 0 0 1px #00202a66,inset 0 0 0 1px #00202a44}#reticle:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:#fffbe6;box-shadow:0 0 0 1px #00202a66}#look-hint span{display:block;margin-top:4px;font-weight:400;letter-spacing:1px;opacity:.72}#look-hint{padding:10px 14px;border-radius:6px;background:#04262fce}#hints{position:fixed;left:30px;right:30px;bottom:18px;z-index:4;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#fffbe6bb;pointer-events:none}#hint-keys{display:flex;gap:14px;flex-wrap:wrap}#hint-keys kbd{margin-right:5px}#hint-keys:not(:empty){padding:7px 10px;border-radius:4px;background:#04262fce;color:#f3f1e7}.render-label{display:flex;gap:8px;align-items:center;font-size:7px;letter-spacing:1.6px;opacity:.5}body[data-stage=title] #hint-keys{display:none}body[data-hud=immersive]:is([data-stage=beach],[data-stage=paddle],[data-stage=lineup],[data-stage=takeoff],[data-stage=ride]) :is(#hints,.location){display:none}body[data-hud=immersive][data-stage=ride] #ride-hud{display:none}.touch{position:fixed;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:8;display:flex;justify-content:space-between;pointer-events:none}.touch>div{display:flex;gap:8px;pointer-events:auto}.touch button{width:clamp(46px,12vw,62px);height:54px;border-radius:12px;border:1px solid #fff8;background:#08495570;backdrop-filter:blur(6px);font-size:10px;letter-spacing:.4px;touch-action:none;user-select:none}.touch button:active{background:#edf4df;color:#153f40}@media(max-width:760px){#topbar{top:14px;left:14px;right:14px}.location{display:none}nav .pill{padding:0 10px;font-size:8px}#conditions{display:none!important}#title-screen h1{font-size:52px}.board-options{grid-template-columns:1fr}.board-art{height:100px}.settings-grid,.help-cols{grid-template-columns:1fr}.ride-speed{bottom:150px;left:18px}.ride-speed strong{font-size:38px}.ride-score{bottom:150px;right:18px}.ride-score strong{font-size:28px}.pocket{bottom:216px;width:190px}.barrel-timer{bottom:285px}#lineup-hud,#takeoff-hud{bottom:160px}#hints{display:none}#journey-hud{top:70px;left:16px}#journey-hud h2{font-size:23px}}body[data-demo=on] :is(#topbar,#title-screen,#conditions,#journey-hud,#lineup-hud,#takeoff-hud,#ride-hud,#results,#toasts,#callout,#hints,#touch-controls,#look-hint){display:none!important}body[data-demo=background] :is(#journey-hud,#lineup-hud,#takeoff-hud,#ride-hud,#results,#toasts,#callout,#hints,#touch-controls,#look-hint,#camera-btn){display:none!important}body[data-demo=background] #demo{z-index:3}body[data-demo=background] #demo :is(.demo-controls,.demo-card,.demo-caption,.demo-third){display:none!important}#demo{position:fixed;inset:0;z-index:9;pointer-events:none}#demo .letterbox{display:none}#demo .letterbox.top{top:0}#demo .letterbox.bottom{bottom:0}#demo.hidden{display:block!important;visibility:hidden}#demo.hidden .letterbox.top{transform:translateY(-100%)}#demo.hidden .letterbox.bottom{transform:translateY(100%)}.demo-card{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity 1.2s ease;text-shadow:0 4px 40px #001820cc}.demo-card.on{opacity:1}.demo-mark{font:600 clamp(30px,5vw,64px)/1 var(--sans);letter-spacing:clamp(10px,1.6vw,22px);padding-left:clamp(10px,1.6vw,22px)}.demo-sub{margin-top:14px;font:italic 400 clamp(14px,1.6vw,20px) var(--serif);color:var(--ink-soft)}.demo-credit{display:inline-block;margin-top:15px;pointer-events:auto}.demo-card:not(.on) .demo-credit{visibility:hidden;pointer-events:none}.demo-caption{position:absolute;left:clamp(16px,4vw,48px);bottom:26px;font:700 10px var(--sans);letter-spacing:3px;color:#fffc;text-shadow:0 1px 12px #000a}.demo-third{position:absolute;left:clamp(16px,4vw,48px);bottom:65px;padding:14px 20px 12px;min-width:min(420px,80vw);background:linear-gradient(90deg,#04222acc,#04222a55);border-left:3px solid var(--accent);backdrop-filter:blur(6px);animation:third-in .6s ease both}@keyframes third-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.demo-third-head{display:flex;align-items:baseline;gap:14px}.demo-third-head span{font:700 10px var(--sans);letter-spacing:3px;color:var(--ink-soft)}.demo-third-head b{font:300 38px/1 var(--sans);font-variant-numeric:tabular-nums}.demo-third-head em{font:italic 400 20px var(--serif);color:var(--warm)}.demo-third-moves{margin-top:6px;font-size:12px;color:var(--ink-soft)}.demo-controls{position:absolute;right:clamp(12px,3vw,36px);bottom:18px;padding:5px;border-radius:22px;background:#04262fce;display:flex;gap:12px;align-items:center;pointer-events:auto}.demo-views{display:flex;border:1px solid #ffffff38;border-radius:18px;overflow:hidden}.demo-views button,#demo-exit{height:34px;padding:0 14px;font:700 9px var(--sans);letter-spacing:1.6px;text-transform:uppercase;color:#fffd;background:transparent;border:0;cursor:pointer}.demo-views button+button{border-left:1px solid #ffffff28}.demo-views button.on{background:#edf4df;color:#153f40}#demo-exit{border:1px solid #ffffff38;border-radius:18px;display:flex;align-items:center;gap:8px}#demo-exit kbd{font-size:8px}.demo-views button:hover,#demo-exit:hover{background:#fff2}.demo-views button.on:hover{background:#edf4df}.demo-fade{position:absolute;inset:0;background:#000;opacity:0;transition:opacity .9s ease}.demo-fade.on{opacity:1}@media(max-width:760px){.demo-controls{right:10px;left:10px;justify-content:space-between;bottom:12px}.demo-views button,#demo-exit{padding:0 9px}.demo-third{bottom:90px}.demo-caption{bottom:65px}}@media(pointer:coarse){#title-hint{display:none}}@media(pointer:coarse)and (min-width:761px){#hints{display:none}.ride-speed,.ride-score{bottom:92px}.pocket{bottom:98px}#lineup-hud,#takeoff-hud{bottom:96px}}@media(max-height:500px){.location{display:none}#conditions{display:none!important}#title-screen{bottom:20px;max-width:420px}#title-screen h1{font-size:40px;letter-spacing:-1.5px;margin:8px 0 10px}#title-screen p{line-height:1.5;margin-bottom:12px}.title-credit{margin:-4px 0 12px}.ride-speed strong{font-size:34px}.ride-score strong{font-size:26px}#journey-hud{top:64px}}@media(prefers-reduced-motion:reduce){.toast,#callout,.results-card{animation-duration:.01s}}:root{--display: Impact, "Arial Narrow", "Franklin Gothic Medium", var(--sans);--foam: #f6f4e9;--signal: #b9f5de}body:after{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,#00161e70,transparent 22%,transparent 86%,#00161e35)}body[data-stage=loading]:after{display:none}kbd{border:0;border-bottom:1px solid #ffffff90;border-radius:0;background:transparent;padding:3px 2px}#topbar{top:26px;left:3.4vw;right:3.4vw}.wordmark{font-size:11px;letter-spacing:3px}.location{padding:0;background:none;font-size:8px;letter-spacing:2.5px;text-shadow:0 1px 3px #001b22,0 2px 9px #001b22}nav .round,nav .pill{border:0;border-radius:0;background:transparent;backdrop-filter:none;filter:drop-shadow(0 1px 2px #001820)}nav .pill{border-bottom:1px solid #ffffff66;padding:0 4px;margin-right:8px}nav button:hover{background:#001b2233;color:var(--signal)}body[data-stage=title] .wordmark span,body[data-stage=title] #pause-btn{display:none}#title-screen{left:5.5vw;bottom:5.5vh;max-width:760px;text-shadow:0 2px 3px #00131b70,0 5px 35px #00131b6b}#title-screen:before{position:fixed;inset:0;border-radius:0;background:linear-gradient(90deg,#00192370,#00192324 38%,transparent 68%)}#title-screen .eyebrow{font-size:9px;font-weight:600;letter-spacing:4px;color:#fffdf1}#title-screen .eyebrow>span{background:var(--signal);width:32px;height:2px}#title-screen h1{position:relative;display:inline-block;font:italic 400 clamp(92px,12.1vw,174px)/.92 var(--display);letter-spacing:-.035em;margin:20px 0 10px;color:var(--foam);transform:skew(-5deg)}.title-slice{position:absolute;height:2px;width:100%;left:-3%;bottom:13%;background:linear-gradient(90deg,transparent,#9cffe7 40%,#fff 63%,transparent);opacity:.6;transform:rotate(-7deg);box-shadow:0 0 14px #83efda88}#title-screen .title-deck{font:600 10px/1.4 var(--sans);letter-spacing:5.4px;color:#effff5;margin:5px 0 30px 3px}.title-actions{display:flex;flex-direction:column;gap:2px;width:340px}.game-action{position:relative;display:flex;align-items:center;gap:16px;width:100%;padding:12px 12px 12px 0;color:var(--foam);text-align:left;border:0;background:none;isolation:isolate;transition:padding-left .2s,color .2s}.game-action:before{content:"";position:absolute;left:0;right:14%;bottom:0;height:1px;background:linear-gradient(90deg,#ffffff6b,transparent);transform-origin:left;transition:transform .3s}.game-action:after{content:"";position:absolute;z-index:-1;inset:0 0 0 -18px;background:linear-gradient(100deg,#92efd218,transparent 84%);clip-path:polygon(3% 0,100% 0,96% 100%,0 100%);opacity:0;transition:opacity .2s}.game-action:hover,.game-action:focus-visible{padding-left:11px;color:#fff;outline:none}.game-action:hover:after,.game-action:focus-visible:after{opacity:1}.game-action:hover:before,.game-action:focus-visible:before{background:linear-gradient(90deg,var(--signal),transparent);transform:scaleX(1.12);box-shadow:0 3px 12px #8dedca44}.action-number{align-self:flex-start;font:500 9px/2.1 var(--sans);letter-spacing:1px;color:#c9efdf}.action-copy{display:grid;gap:3px}.action-copy strong{font:italic 400 25px/1 var(--display);letter-spacing:1px}.action-copy small{font:400 10px/1.5 var(--sans);color:#e6ece2;letter-spacing:.35px}.action-arrow{margin-left:auto;font-size:22px;font-weight:300;color:var(--signal);opacity:.65;transition:transform .2s}.game-action:hover .action-arrow,.game-action:focus-visible .action-arrow{transform:translate(3px,-2px);opacity:1}#start-lineup .action-copy strong{color:#c6ffe6}.title-credit{display:inline-block;margin:23px 0 0;font-size:9px;letter-spacing:1.2px;text-shadow:0 2px 8px #001722}.title-hint{margin-top:12px;font-size:8px;color:#e0eee6;gap:8px;letter-spacing:.3px}#conditions{right:4.5vw;bottom:6.5vh;width:280px;padding:0;background:none;border:0;border-radius:0;backdrop-filter:none;text-shadow:0 2px 3px #001923,0 4px 15px #001923}#conditions .label{font-size:9px;letter-spacing:3px;color:#eafff6}.report-slash{color:var(--signal);margin-right:8px}.swell-trace{display:block;width:100%;height:36px;margin-top:15px;overflow:visible;filter:drop-shadow(0 2px 5px #001c23)}.swell-trace path{fill:none;stroke:var(--signal);stroke-width:1.4}.swell-trace .trace-base{stroke:#fff5;stroke-width:.5;stroke-dasharray:2 7}.cond-row{margin:14px 0 18px}.cond-row b{font:italic 400 30px/1 var(--display);letter-spacing:.5px}.cond-row b small{font:500 8px var(--sans)}.cond-row>div>span{display:block;font-size:7px;letter-spacing:1.2px;margin-top:7px}.cond-foot{padding:10px 0 0;border-top:1px solid #ffffff44;font-size:8px;line-height:1.6}#journey-hud{top:102px;left:3.4vw;padding:0 0 0 15px;border-left:2px solid var(--signal);border-radius:0;background:none;text-shadow:0 2px 3px #00151e,0 3px 15px #00151e}#journey-hud h2{font:italic 400 30px/1.1 var(--display);letter-spacing:.5px;text-transform:uppercase}#journey-hud p{font-size:11px;max-width:260px}#journey-hud .chapter{color:#c7ffe6;font-size:8px}.track{height:1px;margin-top:18px}.track i{box-shadow:0 0 8px #bcffdc}#lineup-hud,#takeoff-hud{padding:14px 10px;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;text-shadow:0 2px 3px #00151e,0 3px 15px #00151e}.lineup-wave{display:block;width:130px;height:24px;margin:0 auto 12px;fill:none;stroke:#c4f5e1;stroke-width:1;filter:drop-shadow(0 0 5px #96f2d277)}#lineup-hud{bottom:74px;width:310px}.lineup-eta{font:italic 400 33px/1.1 var(--display);letter-spacing:1px;margin-top:9px}.lineup-label{font-size:8px;letter-spacing:3px}.lineup-bar{height:2px;background:#e5fff55c;margin:0 12px}.lineup-bar i{box-shadow:0 0 11px #baffdf}.lineup-bar b{border-radius:0;background:#baffdf25}.lineup-tip{font-size:10px}#lineup-hud.go .lineup-wave{stroke:#eaffdb;animation:catch-breath .85s ease-in-out infinite alternate}#takeoff-hud{width:340px;bottom:82px;text-align:center;padding-top:72px}.catch-instrument{width:180px;height:105px;position:absolute;top:-19px;left:calc(50% - 90px);fill:none;filter:drop-shadow(0 2px 4px #001b27)}.catch-track{stroke:#effff64a;stroke-width:2}#catch-arc{stroke:#c0ffe1;stroke-width:3;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round;filter:drop-shadow(0 0 4px #99f2cf)}.catch-ticks{stroke:#f4fffaaa;stroke-width:1}#catch-tip{fill:#fffde7;stroke:none;filter:drop-shadow(0 0 4px #fff)}.takeoff-top{justify-content:center;gap:18px;font-size:8px;letter-spacing:2px}#takeoff-hud h2{font:italic 400 32px/1 var(--display);text-transform:uppercase;letter-spacing:1px;margin:12px 0 7px}#takeoff-hud p{font-size:10px;min-height:27px;margin-bottom:14px}.takeoff-meter{height:3px;margin:3px 18px 16px;background:#dffff94d}.takeoff-meter i{box-shadow:0 0 10px #abffd7}.takeoff-meter b{border-radius:0}.takeoff-keys{font-size:7px;letter-spacing:1px}#takeoff-hud[data-phase=window] .catch-instrument{animation:catch-breath .5s ease-in-out infinite alternate}#takeoff-hud[data-phase=window] h2{color:#c7ffe0;text-shadow:0 0 18px #a0ffbb99,0 2px 4px #00211c}@keyframes catch-breath{to{filter:drop-shadow(0 0 11px #baffd5)}}.ride-speed,.ride-score,.pocket,.barrel-timer{background:none;border-radius:0;padding:0;text-shadow:0 2px 3px #00161e,0 3px 14px #00161e}.ride-speed{left:3.4vw;bottom:58px;width:100px;height:100px;justify-content:center;align-items:center;flex-direction:column;gap:0}.ride-speed strong{font:italic 400 52px/.95 var(--display);letter-spacing:-1px;padding-right:6px}.ride-speed span{font-size:7px;letter-spacing:2px;margin-top:5px}.speed-instrument{position:absolute;inset:-5px;width:110px;height:110px;fill:none;filter:drop-shadow(0 2px 3px #001820)}.speed-track{stroke:#f6fff637;stroke-width:1;stroke-dasharray:1 3}#speed-ring{stroke:#bbffdb;stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round}.ride-score{right:3.4vw;bottom:65px}.ride-score .label{font-size:8px;letter-spacing:3px}.ride-score strong{font:italic 400 45px/.95 var(--display);letter-spacing:1px;margin:9px 0}.ride-score small{font-size:9px;letter-spacing:2px;color:#c5ffe2}.pocket{bottom:63px;width:224px}.pocket-label{font-size:8px;letter-spacing:3px}.pocket-track{height:1px}.pocket-track i{top:-4px;width:3px;height:9px;border-radius:0;box-shadow:0 0 8px #d7ffe6}.pocket-ends{font-size:6px;letter-spacing:1px}.barrel-timer{bottom:114px;gap:9px;color:#d0ffe9}.barrel-timer:before{content:"";width:28px;height:28px;border:1px solid #c4ffe0a6;border-right-color:transparent;border-radius:50%;transform:rotate(-35deg);box-shadow:0 0 12px #a6ffcd33}.barrel-timer span{font-size:7px;letter-spacing:3px}.barrel-timer strong{font:italic 400 31px/1 var(--display)}#toasts{top:calc(29% + 50px);gap:2px}.toast{padding:8px 15px;border-radius:0;background:none;color:#fffbea;font:italic 400 clamp(23px,3vw,36px)/1 var(--display);text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px #001820,0 0 20px #00182099}.toast.small{font:600 10px/1.45 var(--sans);letter-spacing:1.5px;text-align:center;white-space:normal;max-width:420px}.toast.scoring:after{content:"";position:absolute;height:2px;left:-10%;right:-10%;bottom:0;transform:rotate(-4deg);background:linear-gradient(90deg,transparent,#caffec 42%,#fff 56%,transparent);box-shadow:12px -8px 0 -1px #caffec;animation:scoring-spray .65s ease-out}.toast.scoring:before{content:"";position:absolute;inset:-18px -30px;pointer-events:none;background:radial-gradient(circle at 10% 70%,#e7fff5 0 1px,transparent 2px),radial-gradient(circle at 85% 25%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 91% 54%,#cbffe1 0 1px,transparent 2px),radial-gradient(circle at 19% 28%,#fff 0 1px,transparent 2px);animation:scoring-spray .65s ease-out}.toast b{font:600 12px var(--sans);color:#c6ffe0}@keyframes scoring-spray{0%{opacity:0;transform:scaleX(.3) translateY(9px)}30%{opacity:1}to{opacity:.7;transform:scaleX(1)}}#callout{top:29%;font:italic 400 clamp(34px,5vw,64px)/1 var(--display);text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px #001820,0 0 25px #0b544c99}#callout:after{content:"";display:block;height:2px;margin:10px -12px 0;background:linear-gradient(90deg,transparent,#c9ffe3,transparent);transform:rotate(-4deg)}#hint-keys:not(:empty),#look-hint{background:none;border-radius:0;padding:0;text-shadow:0 2px 3px #001923,0 3px 12px #001923}#hints{bottom:21px;left:3.4vw;right:3.4vw}#hint-keys{font-size:8px;letter-spacing:.5px}#results{backdrop-filter:none;background:linear-gradient(90deg,#001c29dc,#001c2940 80%,transparent);place-items:center start;padding-left:8vw}.results-card{background:none;border:0;border-radius:0;box-shadow:none;width:min(520px,85vw);padding:20px 0}.results-score strong{font:italic 400 112px/.9 var(--display)}.results-score span{font:italic 400 32px var(--display);text-transform:uppercase}.results-head{color:#cbffe4;font-size:9px}.results-foot b{font:italic 400 23px var(--display)}.results-actions .primary,.menu .primary{color:#c9ffe3;background:none;border:0;border-bottom:2px solid #b2efd0;border-radius:0;box-shadow:none}.primary,.secondary{border-radius:0}.modal{backdrop-filter:blur(5px);background:linear-gradient(90deg,#001e29e8,#001e2988)}.modal-card{background:none;border:0;border-left:2px solid #b7f6d5;border-radius:0;box-shadow:none;padding-left:30px}.modal-card h2{font:italic 400 42px/1 var(--display);text-transform:uppercase;letter-spacing:1px}.menu .secondary{border:0;border-bottom:1px solid #ffffff40;background:none;backdrop-filter:none}.sheet{border-radius:0;background:#eef2e5f5;border-top:4px solid #315c4e}.sheet h2{font:italic 400 38px var(--display);text-transform:uppercase}.board-option{border-radius:0;background:transparent;border-width:0 0 1px}.board-option h3{font:italic 400 29px var(--display);text-transform:uppercase}.demo-third{background:linear-gradient(90deg,#00212a66,transparent);backdrop-filter:none;border-left:2px solid #b9f6d7;padding:7px 14px}.demo-third-head b{font:italic 400 45px var(--display)}.demo-third-head em{font:italic 400 23px var(--display);text-transform:uppercase}.demo-controls{background:none;border-radius:0;filter:drop-shadow(0 2px 3px #001820)}.demo-views{border:0;border-radius:0;border-bottom:1px solid #ffffff6b}.demo-views button{padding:0 10px}.demo-views button.on,.demo-views button.on:hover{color:#c8ffe2;background:#001e2960;box-shadow:inset 0 -2px #c8ffe2}#demo-exit{border-radius:0;border:0;border-bottom:1px solid #ffffff6b}.demo-caption{font-size:8px;letter-spacing:3px}.touch button{border-radius:0;border-width:0 0 2px;background:#0329346b}@media(max-width:1000px)and (min-width:761px){#conditions{width:240px}.title-actions{width:310px}#title-screen h1{font-size:12vw}}@media(max-width:760px){#topbar{top:14px;left:18px;right:18px}#title-screen{left:22px;bottom:max(28px,env(safe-area-inset-bottom));max-width:calc(100vw - 44px)}#title-screen h1{font-size:clamp(68px,18vw,120px);letter-spacing:-.04em;margin-top:15px}#title-screen .eyebrow{font-size:8px;letter-spacing:2.7px}#title-screen .title-deck{font-size:8px;letter-spacing:3.8px;margin-bottom:23px}.title-actions{width:min(330px,calc(100vw - 44px))}.game-action{padding-top:11px;padding-bottom:11px}.action-copy strong{font-size:23px}.action-copy small{font-size:9px}.title-credit{margin-top:22px;font-size:8px}.title-hint{display:none}#journey-hud{top:82px;left:22px;max-width:245px}#journey-hud h2{font-size:25px}.ride-speed{left:15px;bottom:145px;transform:scale(.8);transform-origin:left bottom}.ride-score{right:22px;bottom:151px}.ride-score strong{font-size:34px}.pocket{bottom:237px;width:190px}.barrel-timer{bottom:275px}#lineup-hud{bottom:153px;width:290px}#takeoff-hud{bottom:125px;width:min(310px,calc(100vw - 40px))}#takeoff-hud h2{font-size:28px}.catch-instrument{width:150px;left:calc(50% - 75px);top:-15px}#toasts{top:calc(29% + 44px);width:calc(100vw - 40px)}.toast{white-space:normal;text-align:center}#results{padding-left:7vw}.results-card{width:86vw}.results-score strong{font-size:87px}.results-foot{gap:6px}.demo-controls{bottom:12px}}@media(max-height:530px){#title-screen{top:84px;bottom:auto;left:5vw;width:90vw;max-width:none}#title-screen h1{font-size:65px;margin:20px 0 10px}#title-screen .eyebrow{font-size:7px;letter-spacing:2px}#title-screen .title-deck{font-size:7px;letter-spacing:2.5px;width:42%}.title-actions{position:absolute;top:-5px;left:51%;width:46%}.game-action{padding:9px 6px 9px 0}.action-copy strong{font-size:21px}.action-copy small{font-size:8px}.title-credit{font-size:7px;margin-top:15px}.title-hint{display:none}#journey-hud{top:65px}#takeoff-hud{bottom:67px;transform:translate(-50%) scale(.8);transform-origin:bottom}#lineup-hud{bottom:72px;transform:translate(-50%) scale(.85);transform-origin:bottom}.ride-speed{bottom:75px}.ride-score,.pocket{bottom:85px}.barrel-timer{bottom:127px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}body:has(#set-motion:checked) *,body:has(#set-motion:checked) *:before,body:has(#set-motion:checked) *:after{animation:none!important;transition-duration:.01ms!important}#session-select{position:fixed;z-index:7;isolation:isolate;right:4.5vw;top:max(106px,17vh);width:280px;color:var(--foam);text-shadow:0 2px 8px #001923}#session-select:before{content:"";position:absolute;z-index:-1;inset:-44px -52px -42px -54px;pointer-events:none;background:radial-gradient(ellipse at 54% 45%,#001722b8 0%,#00172299 34%,#00172266 54%,transparent 76%)}#session-select .label{font-size:9px;letter-spacing:3px}#session-tabs{display:flex;gap:19px;margin:13px 0 16px;border-bottom:1px solid #ffffff40}#session-tabs button{padding:5px 3px 9px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;font:italic 29px var(--display);color:#f1fff7}#session-tabs button[aria-pressed=true]{border-bottom-color:var(--signal);color:var(--signal)}#session-tabs button:disabled{opacity:.58;cursor:not-allowed}#session-tabs button.cleared:after{content:"·";color:var(--signal);font:14px var(--sans)}#session-detail{font-size:8px;letter-spacing:1.35px}#session-name{font:italic 34px/1 var(--display);margin:9px 0;text-transform:uppercase}#session-goal{font-size:11px;line-height:1.55;margin:0 0 7px;max-width:270px}#session-best{display:block;font-size:8px;color:#d5e6df;letter-spacing:.4px}#start-session{display:flex;justify-content:space-between;width:100%;padding:13px 0 9px;margin-top:9px;border:0;border-bottom:1px solid #d2eedaaa;border-radius:0;background:#001d2833;color:#eaffed;font-size:10px;font-weight:700;letter-spacing:1.7px}#session-objective{position:fixed;right:28px;top:93px;z-index:5;max-width:245px;padding:8px 12px;border-right:2px solid var(--signal);background:linear-gradient(270deg,#00212a99,transparent);text-align:right;pointer-events:none;text-shadow:0 2px 5px #001923}#objective-name{font:italic 20px var(--display);text-transform:uppercase}#objective-goal{margin:4px 0 6px;font-size:10px;line-height:1.4}#objective-progress{font-size:8px;letter-spacing:1px;color:var(--signal);font-variant-numeric:tabular-nums}#results-session{font-size:12px;line-height:1.5;color:var(--signal)}#results-next-session{margin:0 0 12px;width:100%}body[data-demo=on] #session-select,body:is([data-demo=on],[data-demo=background]) #session-objective{display:none!important}body[data-hud=immersive] #session-objective{display:none!important}@media(max-width:760px){#session-select{right:22px;top:88px;width:210px}#session-select:before{inset:-27px -32px -25px}#session-tabs{gap:17px;margin:8px 0 10px}#session-tabs button{font-size:23px;padding-bottom:6px}#session-name{font-size:27px}#session-goal{font-size:10px}#session-objective{right:14px;top:73px;max-width:190px}}@media(max-height:650px)and (min-width:761px){#session-select{top:88px}#session-name{font-size:27px}#session-tabs{margin:7px 0 9px}#conditions{width:245px;bottom:25px}}@media(max-width:760px)and (orientation:portrait){#session-select{left:22px;right:22px;top:84px;width:auto}#session-tabs{gap:24px;margin:6px 0 9px}#session-name{font-size:25px;margin:7px 0}#session-goal{max-width:100%;margin-bottom:5px}#start-session{margin-top:4px;padding-top:8px}#title-screen h1{font-size:clamp(62px,17vw,82px);margin:12px 0 7px}#title-screen .title-deck{display:none}.game-action{padding:8px 0}.action-copy strong{font-size:22px}.title-credit{margin-top:13px}}@media(max-height:530px){#session-select{left:5vw;right:auto;top:79px;width:39vw}#title-screen :is(h1,.eyebrow,.title-deck,.title-credit){display:none}#session-tabs{margin:5px 0 7px}#session-name{font-size:25px;margin:7px 0}#session-detail,#session-best{font-size:7px}#start-session{padding-top:8px}}#lineup-hud{top:102px;bottom:auto;left:3.4vw;transform:none;width:280px;padding:0 0 0 15px;border-left:2px solid var(--signal);text-align:left}#lineup-hud .lineup-wave{width:110px;margin:0 0 10px}#lineup-hud .lineup-bar{margin:0}#takeoff-hud{left:3.4vw;bottom:64px;transform:none}@media(pointer:coarse){#takeoff-hud{bottom:96px}}@media(max-height:500px){#lineup-hud{top:64px}#takeoff-hud{bottom:20px;padding-top:58px}#takeoff-hud .catch-instrument{transform:scale(.82);transform-origin:50% 0}}@media(max-width:760px){#lineup-hud{top:70px;left:16px;width:min(240px,calc(100vw - 32px))}#takeoff-hud{left:16px;right:16px;bottom:96px;width:auto}}#lineup-hud .lineup-type{margin-top:7px;font-size:9px;font-weight:700;letter-spacing:2.2px;color:var(--signal);min-height:11px}#lineup-hud .lineup-type-tip{margin-top:3px;font-size:10px;color:var(--ink-soft);min-height:12px}