:root{color:#f5f1e9;background:#141614;font-family:Manrope,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button{color:inherit;font:inherit}.experience{--steer: 0deg;position:relative;width:100vw;height:100svh;min-height:540px;overflow:hidden;isolation:isolate;background:#d65a43}#road{position:absolute;inset:0;width:100%;height:100%}.atmosphere,.cab{position:absolute;inset:0;pointer-events:none}.sun-glow{position:absolute;top:24%;left:50%;width:38vw;height:16vw;transform:translate(-50%,-50%);border-radius:50%;background:#ffb12442;filter:blur(44px);mix-blend-mode:screen}.windshield-grit{position:absolute;inset:4.5% 5.6% 21%;opacity:.23;background:radial-gradient(circle at 22% 35%,rgba(20,20,18,.45) 0 1px,transparent 1.6px),radial-gradient(circle at 77% 44%,rgba(255,235,211,.3) 0 1px,transparent 1.6px),radial-gradient(circle at 48% 61%,rgba(26,22,18,.4) 0 .8px,transparent 1.4px);background-size:89px 83px,107px 127px,67px 71px;-webkit-mask-image:linear-gradient(120deg,transparent 3%,black 30%,black 70%,transparent 97%);mask-image:linear-gradient(120deg,transparent 3%,black 30%,black 70%,transparent 97%)}.windshield-shade{position:absolute;inset:4% 5% 20%;border-radius:4% 4% 0 0;background:linear-gradient(90deg,rgba(5,8,8,.28),transparent 16%,transparent 84%,rgba(5,8,8,.3)),linear-gradient(rgba(8,11,11,.18),transparent 19%,transparent 73%,rgba(8,10,10,.12))}.windshield-decor{position:absolute;z-index:7;top:6.8%;right:8.5%;left:8.5%;height:44px;pointer-events:none}.windshield-decor__rail{height:10px;border-bottom:2px solid rgba(51,24,19,.72);background:linear-gradient(135deg,transparent 34%,#ffbd22 35% 48%,transparent 49%) 0 0 / 22px 10px,linear-gradient(45deg,transparent 34%,#00b9ad 35% 48%,transparent 49%) 11px 0 / 22px 10px,#e42d54;box-shadow:0 3px 9px #0f090857}.windshield-decor__fringe{display:flex;justify-content:space-around;padding:0 1.5%}.windshield-decor__fringe span{position:relative;width:clamp(8px,.8vw,13px);height:clamp(15px,1.6vw,24px);clip-path:polygon(0 0,100% 0,50% 100%);background:#ff6b22;filter:drop-shadow(0 3px 2px rgba(14,9,7,.28))}.windshield-decor__fringe span:nth-child(3n+2){background:#ffd12e}.windshield-decor__fringe span:nth-child(3n){background:#05b9ad}.windshield-decor__fringe span:nth-child(4n){background:#ed367f}.cab-charm{position:absolute;top:6px;right:27%;width:26px;height:74px;border-left:1px solid rgba(58,37,22,.82)}.cab-charm i,.cab-charm b,.cab-charm em{position:absolute;display:block;border-radius:50%}.cab-charm i{bottom:15px;left:-8px;width:16px;height:12px;background:#ffd226;box-shadow:inset -3px -2px #7145124d}.cab-charm b{bottom:1px;left:-3px;width:6px;height:20px;border-radius:80% 15%;background:#21a451;transform:rotate(16deg)}.cab-charm em{top:13px;left:-4px;width:7px;height:7px;background:#f13d68}.cab-charm em:nth-of-type(2){top:25px;background:#ffc928}.cab-charm em:nth-of-type(3){top:37px;background:#08b8ab}.topbar{position:absolute;z-index:8;top:clamp(24px,4.5vh,48px);left:clamp(70px,7.5vw,130px);right:clamp(70px,7.5vw,130px);display:grid;grid-template-columns:1fr auto 1fr;align-items:start;font-family:DM Mono,monospace;font-size:clamp(10px,.75vw,13px);letter-spacing:.08em;text-shadow:0 1px 12px rgba(0,0,0,.45)}.topbar__item{display:flex;gap:10px;align-items:center;line-height:1}.topbar__item--time{display:grid;gap:8px}.topbar__item--status{color:#f5f1e9c7}.cruise-toggle{padding:0;border:0;background:none;cursor:pointer}.topbar__item--route{display:grid;justify-content:end;justify-items:end;gap:8px}.eyebrow{color:#f5f1e975;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.16em;line-height:1.2}.status-light{width:6px;height:6px;border-radius:50%;background:#b9f38e;box-shadow:0 0 10px #8ee75d}.topbar__divider{width:1px;height:12px;margin:0 5px;background:#ffffff3d}.route-arrow{display:inline-block;padding:0 8px;color:#ffd02b}.identity{position:absolute;z-index:5;top:16.5%;left:50%;width:min(620px,72vw);transform:translate(-50%);text-align:center;text-shadow:0 2px 28px rgba(11,9,8,.4);transition:opacity .6s ease,transform .6s ease}.identity__mark{display:flex;justify-content:center;align-items:flex-end;gap:4px;height:20px;margin-bottom:10px}.identity__mark span{display:block;width:22px;height:3px;background:#ffd129;transform:skew(-34deg)}.identity__mark span:nth-child(2){width:34px;transform:translateY(-6px) skew(-34deg)}.identity p{margin:0;font-family:DM Mono,monospace;font-size:clamp(10px,.8vw,13px);letter-spacing:.48em}.identity h1{margin:4px 0 7px;font-size:clamp(34px,5vw,78px);font-weight:500;letter-spacing:-.055em;line-height:.95}.identity h1 span{color:#ffae28;font-weight:400;text-shadow:0 2px 9px rgba(41,23,17,.82)}.identity .identity__sub{color:#f5f1e98a;font-size:8px;letter-spacing:.34em}.experience[data-running=true] .identity{opacity:.82}.cab__roof{position:absolute;z-index:6;top:-3%;left:0;right:0;height:10%;border-bottom:3px solid #c62c58;background:linear-gradient(#11111a 12%,#282033 72%,#10131a);box-shadow:0 12px 30px #0405058c}.cab__roof:before,.cab__roof:after{position:absolute;bottom:14px;width:16%;height:5px;border-radius:50%;background:#060707b3;box-shadow:0 1px #ffffff14;content:""}.cab__roof:before{left:16%}.cab__roof:after{right:16%}.pillar{position:absolute;z-index:6;top:3%;bottom:18%;width:10.5%;background:linear-gradient(90deg,#10151d 0 20%,#263c46 44%,#11121b 82%);filter:drop-shadow(0 0 14px rgba(5,6,6,.5))}.pillar--left{left:-1.4%;clip-path:polygon(0 0,64% 0,100% 100%,27% 100%)}.pillar--right{right:-1.4%;clip-path:polygon(36% 0,100% 0,73% 100%,0 100%)}.pillar:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04) 48%,transparent 55%);content:""}.mirror{position:absolute;z-index:7;top:29%;width:clamp(88px,8vw,136px);height:clamp(128px,16vh,180px);padding:8px;border:4px solid #161715;border-radius:18% 18% 25% 25%;background:#292a26;box-shadow:0 10px 18px #04050559,inset 0 0 0 1px #4f4f47}.mirror:before{position:absolute;top:38%;width:8vw;max-width:120px;height:9px;border-radius:10px;background:#171816;box-shadow:inset 0 2px #353630;content:""}.mirror--left{left:1.7%}.mirror--right{right:1.7%}.mirror--left:before{left:82%;transform:rotate(-5deg)}.mirror--right:before{right:82%;transform:rotate(5deg)}.mirror__glass{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12% 12% 20% 20%;background:linear-gradient(148deg,rgba(255,255,255,.17),transparent 27%),linear-gradient(#8a7672 0 42%,#564b43 42% 46%,#272a29 46%);box-shadow:inset 0 0 20px #00000061}.mirror__road{position:absolute;top:45%;left:50%;width:130%;height:80%;transform:translate(-50%);clip-path:polygon(36% 0,64% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,transparent 0 47%,rgba(239,218,176,.7) 48% 52%,transparent 53% 100%),#383936;animation:mirror-road 1s linear infinite}.mirror__glass span{position:absolute;right:15%;bottom:24%;width:4px;height:4px;border-radius:50%;background:#f46d53;box-shadow:0 0 8px 2px #f46d538c}.experience[data-running=false] .mirror__road{animation-play-state:paused}@keyframes mirror-road{to{background-position:0 32px}}.dashboard{position:absolute;z-index:7;right:-4%;bottom:-21%;left:-4%;height:48%;border-top:2px solid #71444f;border-radius:52% 52% 0 0/24% 24% 0 0;background:radial-gradient(ellipse at 50% 3%,rgba(238,66,119,.15),transparent 36%),linear-gradient(#332838,#20252d 38%,#12181d 72%);box-shadow:0 -12px 35px #0708088c,inset 0 3px #ffffff0a}.dashboard__stitch{position:absolute;top:12%;right:12%;left:12%;height:1px;opacity:.5;background:repeating-linear-gradient(90deg,#74746b 0 5px,transparent 5px 11px)}.dashboard__cloth{position:absolute;top:4%;right:31%;left:31%;height:11px;border-radius:2px 2px 7px 7px;background:linear-gradient(45deg,transparent 33%,#ffce2b 34% 66%,transparent 67%) 0 0 / 18px 18px,linear-gradient(-45deg,transparent 33%,#00b7ab 34% 66%,transparent 67%) 9px 0 / 18px 18px,#e13468;box-shadow:0 3px 8px #04050559}.lucky-plaque{position:absolute;top:16%;left:31%;display:grid;min-width:72px;padding:4px 9px 5px;border:1px solid rgba(255,207,45,.72);border-radius:4px;background:linear-gradient(135deg,#e9434f,#8c235d);box-shadow:0 4px 9px #00000052,inset 0 1px #ffdd9f2e;transform:translate(-50%);color:#ffd85a;text-align:center}.lucky-plaque span{font-size:10px;line-height:1}.lucky-plaque small{margin-top:2px;color:#ffe6be8a;font-family:DM Mono,monospace;font-size:4px;letter-spacing:.14em}.dash-vent{position:absolute;top:19%;display:flex;justify-content:space-evenly;width:12%;height:12%;padding:8px 10px;border:1px solid #4a4b46;border-radius:11px;background:#101210;transform:perspective(200px) rotateX(12deg);box-shadow:inset 0 2px 6px #050606}.dash-vent--left{left:12%}.dash-vent--right{right:12%}.dash-vent i{width:2px;background:#373934;box-shadow:1px 0 #090a09}.cluster{position:absolute;top:12%;left:50%;display:grid;grid-template-columns:74px 88px 74px;gap:8px;align-items:center;transform:translate(-50%)}.gauge{position:relative;display:grid;place-content:center;width:74px;height:74px;border:6px solid #131514;border-radius:50%;background:repeating-conic-gradient(from 225deg,rgba(220,208,183,.65) 0 1deg,transparent 1deg 12deg),radial-gradient(circle,#222622 0 58%,transparent 59%),#101210;box-shadow:inset 0 0 0 1px #52534c,0 5px 15px #00000059;text-align:center}.gauge:before{position:absolute;inset:8px;border-radius:50%;background:#1a1e1b;content:""}.gauge__label,.gauge__value{position:relative;z-index:2;font-family:DM Mono,monospace}.gauge__label{margin-top:10px;color:#888b7e;font-size:6px;letter-spacing:.13em}.gauge__value{color:#d2caaa;font-size:14px}.gauge__needle{position:absolute;z-index:3;bottom:50%;left:calc(50% - 1px);width:2px;height:27%;border-radius:3px;background:#ff5c5c;transform:rotate(-44deg);transform-origin:50% 100%;box-shadow:0 0 3px #dc795499}.gauge--fuel .gauge__needle{transform:rotate(45deg)}.cluster__screen{display:grid;place-items:center;height:64px;padding:5px;border:4px solid #101210;border-radius:8px;background:linear-gradient(145deg,#0b4f50,#091c28);box-shadow:inset 0 0 15px #00000080,0 4px 12px #0000004d;color:#9ef8da;font-family:DM Mono,monospace;line-height:.8}.cluster__screen span,.cluster__screen small{font-size:7px;letter-spacing:.14em}.cluster__screen strong{font-size:23px;font-weight:400}.wheel-wrap{position:absolute;top:-12%;right:17%;transform:perspective(600px) rotateX(9deg)}.wheel{position:relative;width:clamp(210px,22vw,330px);aspect-ratio:1;transform:rotate(var(--steer));transition:transform .12s ease-out}.wheel__rim{position:absolute;inset:4%;border:clamp(20px,2vw,29px) solid #171918;border-radius:50%;box-shadow:inset 5px 5px #2d2f2b,inset -6px -7px #0b0c0b,0 11px 25px #00000080}.wheel__rim:after{position:absolute;inset:-12px;border:1px solid rgba(255,255,255,.06);border-radius:50%;content:""}.wheel__spoke{position:absolute;z-index:2;top:46%;left:50%;width:34%;height:13%;border-radius:8px;background:linear-gradient(#292b28,#111311);transform-origin:0 50%;box-shadow:inset 0 2px #ffffff0f}.wheel__spoke--left{transform:rotate(157deg)}.wheel__spoke--right{transform:rotate(23deg)}.wheel__spoke--bottom{transform:rotate(90deg)}.wheel__hub{position:absolute;z-index:3;top:34%;left:34%;display:grid;place-items:center;width:32%;height:32%;border:4px solid #0e100f;border-radius:42%;background:linear-gradient(145deg,#33352f,#171917);box-shadow:inset 0 2px #ffffff14,0 7px 15px #00000073}.wheel__hub i{width:32%;height:18%;border:1px solid #717268;border-radius:2px;transform:skew(-22deg)}.trip-card,.radio{position:absolute;z-index:9;bottom:clamp(28px,4vh,52px);border:1px solid rgba(255,255,255,.13);background:linear-gradient(120deg,#4b1e4de0,#08383dd6);box-shadow:0 12px 35px #02030352,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(18px) saturate(.9);backdrop-filter:blur(18px) saturate(.9)}.trip-card{right:clamp(20px,3.8vw,68px);width:clamp(190px,15vw,245px);padding:17px 19px;border-radius:13px}.trip-card>div:first-child{display:grid;gap:5px}.trip-card strong{font-size:11px;font-weight:500;letter-spacing:.05em}.trip-card__distance{position:absolute;top:15px;right:17px;display:flex;align-items:baseline;gap:3px;color:#ffd344;font-family:DM Mono,monospace}.trip-card__distance span{font-size:20px}.trip-card__distance small{font-size:7px}.trip-card__bar{height:2px;margin:15px 0 9px;overflow:hidden;border-radius:4px;background:#ffffff1f}.trip-card__bar span{display:block;width:67%;height:100%;background:linear-gradient(90deg,#ffcc2f,#f33e78)}.trip-card p{margin:0;color:#ffffff75;font-family:DM Mono,monospace;font-size:7px;letter-spacing:.12em}.trip-card p span{padding:0 4px}.radio{left:clamp(20px,3.8vw,68px);display:grid;grid-template-columns:auto minmax(135px,1fr) 54px auto auto;gap:13px;align-items:center;width:clamp(420px,43vw,590px);padding:11px 13px;border-radius:54px}.radio__art,.round-button,.spotify-button{display:grid;flex:none;place-items:center;border:0;border-radius:50%;cursor:pointer}.radio__art{width:48px;height:48px;background:radial-gradient(circle at center,#181a18 0 12%,transparent 13%),repeating-radial-gradient(circle,transparent 0 5px,rgba(240,220,187,.13) 6px 7px),linear-gradient(145deg,#ff8c24,#d92d78 58%,#2948a9);box-shadow:inset 0 0 0 1px #ffffff29}.radio__waves{display:flex;gap:2px;align-items:center}.radio__waves i{width:2px;height:11px;border-radius:2px;background:#f6efe2;animation:waves .8s ease-in-out infinite alternate;animation-play-state:paused}.radio__waves i:nth-child(2){height:17px;animation-delay:-.22s}.radio__waves i:nth-child(3){animation-delay:-.44s}.sound-on .radio__waves i{animation-play-state:running}@keyframes waves{to{transform:scaleY(.4);opacity:.6}}.radio__copy{display:grid;min-width:0;gap:3px}.radio__copy strong,.radio__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio__copy strong{font-size:12px;font-weight:500}.radio__copy small{color:#ffffff80;font-size:9px}.radio__signal{display:flex;align-items:center;gap:3px;height:25px;opacity:.46}.radio__signal i{flex:1;height:20%;border-radius:2px;background:#eee6d8;animation:signal 1.4s ease-in-out infinite alternate}.radio__signal i:nth-child(2n){animation-delay:-.3s}.radio__signal i:nth-child(3n){animation-delay:-.7s}.radio__signal i:nth-child(4n){animation-delay:-1s}@keyframes signal{30%{height:95%}70%{height:40%}}.spotify-button{width:37px;height:37px;border:0;background:#1ed760;box-shadow:0 5px 13px #00000042}.spotify-button svg{width:21px;fill:none;stroke:#112418;stroke-linecap:round;stroke-width:1.8}.spotify-button:hover,.spotify-button:focus-visible{background:#47e47e;transform:translateY(-1px)}.music-toggle.is-playing{animation:spotify-pulse 1.4s ease-in-out infinite}@keyframes spotify-pulse{50%{box-shadow:0 0 0 7px #1ed76021,0 5px 13px #00000042}}.round-button{width:43px;height:43px;background:#f3eee5;box-shadow:0 6px 15px #00000047}.round-button svg{width:18px;fill:#20221f}.music-toggle .icon-pause{display:none}.music-toggle.is-playing .icon-pause{display:block}.music-toggle.is-playing .icon-play{display:none}.experience[data-running=false] .status-light{background:#e5a25f;box-shadow:0 0 10px #cf744c}.transport-controls{display:flex;align-items:center;gap:3px}.track-button{display:grid;place-items:center;width:28px;height:34px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer}.track-button:hover,.track-button:focus-visible{background:#ffffff14}.track-button svg{width:16px;fill:#f6f1e8b8}.spotify-player{position:absolute;z-index:12;bottom:clamp(112px,14vh,138px);left:clamp(20px,3.8vw,68px);width:min(430px,calc(100vw - 40px));overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#141614e6;box-shadow:0 22px 55px #0203038c;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:spotify-in .22s ease-out}.spotify-player[hidden]{display:none}.spotify-player__header{display:flex;justify-content:space-between;align-items:center;height:42px;padding:0 10px 0 15px;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.11em}.spotify-player__header>div{display:flex;align-items:center;gap:8px}.spotify-dot{width:7px;height:7px;border-radius:50%;background:#1ed760;box-shadow:0 0 9px #1ed760a6}.spotify-player__header button{display:grid;place-items:center;width:27px;height:27px;padding:0 0 2px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff0f;cursor:pointer}.spotify-player iframe{display:block;width:100%;height:352px;border:0}@keyframes spotify-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.controls-hint{position:absolute;z-index:9;bottom:8px;left:50%;display:flex;gap:18px;transform:translate(-50%);color:#ffffff4d;font-family:DM Mono,monospace;font-size:7px;letter-spacing:.12em;white-space:nowrap}.controls-hint span{display:flex;gap:3px;align-items:center}kbd{min-width:15px;padding:2px 3px;border:1px solid rgba(255,255,255,.2);border-radius:3px;box-shadow:0 1px #ffffff14;color:#ffffff80;font:inherit;text-align:center}.grain{position:absolute;z-index:20;inset:-50%;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:grain .35s steps(2) infinite;mix-blend-mode:soft-light}@keyframes grain{0%{transform:translate(2%,-3%)}25%{transform:translate(-3%,1%)}50%{transform:translate(4%,2%)}75%{transform:translate(-1%,-4%)}to{transform:translate(2%,3%)}}@media(max-width:820px){.topbar{left:42px;right:42px}.topbar__item--status{display:none}.topbar{grid-template-columns:1fr 1fr}.identity{top:20%}.identity__sub{display:none}.mirror{top:34%;transform:scale(.8)}.mirror--left{transform-origin:left center}.mirror--right{transform-origin:right center}.cluster{top:18%;transform:translate(-50%) scale(.8)}.wheel-wrap{right:8%;top:-5%}.trip-card{display:none}.radio{left:50%;width:min(480px,calc(100vw - 36px));transform:translate(-50%)}.spotify-player{left:50%;transform:translate(-50%)}.spotify-player{animation-name:spotify-in-mobile}.controls-hint{display:none}}@keyframes spotify-in-mobile{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.98)}}@media(max-width:520px){.experience{min-height:480px}.topbar{top:24px;left:30px;right:30px}.topbar__item--route .eyebrow{display:none}.identity{width:92vw}.identity h1{font-size:32px}.pillar{width:14%}.mirror{display:none}.dashboard{bottom:-15%;height:41%}.dashboard__stitch,.dashboard__cloth,.lucky-plaque,.dash-vent{display:none}.cluster{top:13%;left:68%;transform:translate(-50%) scale(.68)}.wheel-wrap{top:-18%;right:-2%}.radio{grid-template-columns:1fr auto auto;gap:8px}.radio__art,.radio__signal{display:none}.radio__copy strong{font-size:11px}.spotify-player{bottom:108px}.spotify-player iframe{height:352px}.windshield-decor{top:6.7%;right:10%;left:10%}.cab-charm{right:18%;transform:scale(.78);transform-origin:top}}@media(prefers-reduced-motion:reduce){.grain,.mirror__road,.radio__signal i,.radio__waves i{animation:none}}