:root{--orange:#ff7a18;--amber:#ffb457;--ink:#0b0906;--paper:#f3ece2;--dim:#f3ece28c;--glass:#120e0b9e;--edge:#ffffff1a;--bar-h:112px}*{box-sizing:border-box;margin:0;padding:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:var(--ink);min-height:100svh;color:var(--paper);grid-template-rows:auto 1fr auto auto;gap:0;font:400 14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;display:grid;overflow:hidden}#scene,#rain,.vignette{width:100%;height:100%;position:fixed;inset:0}#scene{object-fit:cover;object-position:center 58%;z-index:-3}#rain{z-index:-2;pointer-events:none}.vignette{z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% 8%,#000000b8,#0000 60%),radial-gradient(90% 60% at 50% 100%,#0000008c,#0000 70%),linear-gradient(#00000073,#0000 35%)}header{z-index:2;justify-content:space-between;align-items:flex-start;padding:14px 24px 0;display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex}.badge{background:linear-gradient(160deg,var(--amber),var(--orange));border-radius:50%;place-items:center;width:38px;height:38px;font-size:19px;display:grid;box-shadow:0 0 22px #ff7a1873}.brand h1{letter-spacing:.01em;font-size:17px;font-weight:700}.route{letter-spacing:.18em;color:var(--dim);margin-top:2px;font-size:10px}.trip{text-align:right}.clock{letter-spacing:.02em;font:600 26px/1 ui-monospace,SF Mono,Consolas,monospace}.clock small{color:var(--dim);margin-left:3px;font-size:13px}.date{letter-spacing:.2em;color:var(--dim);margin-top:3px;font-size:9.5px}.aboard{letter-spacing:.16em;color:var(--dim);margin-top:6px;font-size:10px}.aboard i{background:var(--orange);border-radius:50%;width:6px;height:6px;margin-right:6px;animation:2s ease-in-out infinite pulse;display:inline-block}.aboard b{color:var(--paper);font-weight:600}@keyframes pulse{50%{opacity:.25}}.driver-pill{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--paper);cursor:pointer;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:7px 14px 7px 7px;font-size:12px;transition:box-shadow .25s,border-color .25s,transform .12s;display:inline-flex;box-shadow:0 0 #ff7a1800}.driver-pill:hover{border-color:#ff7a1880;box-shadow:0 0 28px #ff7a1859}.driver-pill:active{transform:scale(.96)}.dp-face{background:linear-gradient(160deg,var(--amber),var(--orange));border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.driver-card{z-index:30;border:1px solid var(--edge);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#120c08eb;border-radius:8px;width:min(340px,100vw - 32px);padding:18px;animation:.18s pop;position:fixed;top:112px;right:24px;box-shadow:0 24px 60px #0009}.driver-card[hidden]{display:none}@keyframes pop{0%{opacity:0;transform:translateY(-8px)scale(.97)}}.dc-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.dc-face{background:linear-gradient(160deg,var(--amber),var(--orange));border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.dc-name{font-size:15px;font-weight:700}.dc-sub{color:var(--dim);margin-top:2px;font-size:11.5px;line-height:1.35}.dc-cta{background:linear-gradient(90deg,var(--amber),var(--orange) 55%,#c2410c);color:#1a0f06;text-align:center;border-radius:8px;padding:12px;font-size:13px;font-weight:700;text-decoration:none;transition:filter .2s,transform .12s;display:block}.dc-cta:hover{filter:brightness(1.1)}.dc-cta:active{transform:scale(.98)}.dc-foot{color:var(--dim);text-align:center;margin-top:10px;font-size:10px}main{z-index:2;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;margin-top:-6px;padding:0 20px;display:flex;position:relative}main>*{pointer-events:auto}.eyebrow{letter-spacing:.34em;color:var(--dim);font-size:11px}.wordmark{letter-spacing:-.01em;filter:drop-shadow(0 4px 24px #000000e6);text-align:center;padding:.12em 0;font-size:clamp(44px,8.5vw,104px);font-weight:800;line-height:1.35;overflow:visible}.wordmark .ch{background:linear-gradient(180deg,#fff 0%,#fff 46%,var(--orange) 47%,var(--orange) 62%,#1a8c4a 63%);color:#0000;will-change:transform;-webkit-background-clip:text;background-clip:text;display:inline-block}.tagline{letter-spacing:.3em;color:var(--dim);align-items:center;gap:14px;font-size:10px;display:flex}.tagline:before,.tagline:after{content:"";background:linear-gradient(90deg,transparent,var(--dim),transparent);width:clamp(30px,7vw,80px);height:1px}.cta-row{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin-top:6px;display:flex}.start{border:1.5px solid var(--orange);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--paper);cursor:pointer;background:linear-gradient(135deg,#ffb45729,#ff7a181f);border-radius:8px;align-items:center;gap:9px;padding:9px 16px 9px 12px;transition:transform .12s,box-shadow .2s,opacity .3s;animation:2.6s ease-in-out infinite nudge;display:flex;box-shadow:0 0 14px #ff7a1838}.start svg{color:var(--amber)}.start:hover{border-color:var(--amber);animation:none;box-shadow:0 0 22px #ff7a1866}.start:active{transform:scale(.95)}.start span{text-align:left;flex-direction:column;line-height:1.25;display:flex}.start b{color:var(--paper);letter-spacing:0;font-size:12px}.start span span,.start span{letter-spacing:.16em;color:var(--dim);font-size:8px}.start.gone{opacity:0;pointer-events:none;transform:scale(.9)}@keyframes nudge{50%{box-shadow:0 0 20px #ff7a1861}}@media (prefers-reduced-motion:reduce){.start{animation:none}}.horn{border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--paper);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:9px 18px 9px 12px;transition:transform .12s,box-shadow .2s,border-color .2s;display:flex}.horn:hover{border-color:#ff7a1880;box-shadow:0 0 26px #ff7a1847}.horn:active{transform:scale(.95)}.horn span{text-align:left;flex-direction:column;line-height:1.25;display:flex}.horn b{font-size:12px}.horn span span,.horn span{letter-spacing:.16em;color:var(--dim);font-size:8px}.horn b{color:var(--paper);letter-spacing:0}.player{z-index:3;border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;grid-template-columns:auto 1fr auto;justify-self:center;align-items:center;gap:16px;width:min(660px,100vw - 32px);margin-bottom:34px;padding:12px 18px 12px 12px;display:grid;position:relative;box-shadow:0 20px 60px #0000008c}.art{background:#241a12;border:2px solid #0000008c;border-radius:50%;flex:none;width:58px;height:58px;animation:6s linear infinite paused spin;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 6px 18px #00000080;-webkit-mask:radial-gradient(circle,#0000 9%,#000 9.5%);mask:radial-gradient(circle,#0000 9%,#000 9.5%)}.art img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.36)}.art.spinning{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.art{animation:none}}.meta{min-width:0}.title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.artist{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.scrub{color:var(--dim);align-items:center;gap:9px;margin-top:8px;font:500 10px/1 ui-monospace,Consolas,monospace;display:flex}.bar{cursor:pointer;background:#ffffff29;border-radius:2px;flex:1;height:4px;position:relative}.bar i{background:linear-gradient(90deg,var(--amber),var(--orange));border-radius:2px;width:0;height:100%;display:block}.bar:after{content:"";position:absolute;inset:-7px 0}.controls{align-items:center;gap:6px;display:flex}.controls button{width:34px;height:34px;color:var(--paper);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:15px;transition:background .15s,transform .1s;display:grid}.controls button:hover{background:#ffffff1f}.controls button:active{transform:scale(.9)}.controls button.on{color:var(--orange);background:#ff7a1829}.play{font-size:16px;color:#111!important;background:#fff!important;width:44px!important;height:44px!important}.play:hover{box-shadow:0 0 24px #ffffff4d;background:#fff!important}.vol{align-items:center;gap:4px;display:flex}#volume{opacity:0;width:0;accent-color:var(--orange);cursor:pointer;transition:width .22s,opacity .22s}.vol:hover #volume,#volume:focus{opacity:1;width:64px}.hints{z-index:2;flex-wrap:wrap;justify-content:space-between;justify-self:center;gap:6px;width:min(660px,100vw - 32px);padding:0 0 40px;list-style:none;display:flex;position:relative}.hints li{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0907b8;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:6px;padding:5px 11px 5px 6px;display:flex;box-shadow:0 4px 14px #0006}.hints span{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:9.5px}kbd{border:1px solid var(--edge);min-width:19px;height:19px;color:var(--paper);background:#ffffff17;border-radius:5px;place-items:center;padding:0 5px;font:600 9.5px/1 ui-monospace,Consolas,monospace;display:inline-grid}#yt-host{opacity:.01;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;left:0;overflow:hidden}@media (width<=640px){header{padding:10px 14px 0}.brand h1{font-size:15px}.route{letter-spacing:.12em;font-size:8.5px}.clock{font-size:20px}.clock small{font-size:11px}.date{font-size:8px}.aboard{letter-spacing:.12em;margin-top:2px;font-size:9px}.aboard i{width:5px;height:5px;margin-right:4px}.trip{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.driver-pill{border-radius:8px;margin-top:0;padding:5px 10px 5px 5px;font-size:10.5px}.dp-face{width:20px;height:20px;font-size:12px}.driver-card{width:auto;inset:auto 12px 22px}main{gap:6px;width:100%;margin-top:4px}.eyebrow{letter-spacing:.24em;font-size:9px}.wordmark{width:100%;font-size:clamp(38px,13vw,64px);line-height:1.4}.tagline{letter-spacing:.2em;font-size:8.5px}.tagline:before,.tagline:after{width:26px}.horn{padding:7px 14px 7px 10px}.horn b{font-size:11px}.player{border-radius:8px;grid-template-columns:auto 1fr;gap:10px 12px;margin-bottom:22px;padding:12px}.art{width:48px;height:48px}.title{font-size:13px}.controls{grid-column:1/-1;justify-content:center;gap:10px}.vol,.hints{display:none}}@media (height<=520px){.wordmark{font-size:clamp(32px,7vw,54px)}.horn{display:none}.player{margin-bottom:12px}}