:root{--lime: #b6ff3c;--lime-deep: #6fd000;--lime-glow: rgba(170, 255, 60, .55);--ink: #050607;--panel: rgba(6, 8, 10, .78);--band: rgba(150, 156, 162, .42);--chrome: linear-gradient(180deg, #f4f6f8 0%, #b9c0c8 38%, #5a626b 52%, #9aa3ad 78%, #e2e6ea 100%);--text: #eef2f5;--muted: #9aa3ab;--font: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:#000;color:var(--text);font-family:var(--font);overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-text-size-adjust:100%}button,a,.gate{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}kbd{font:600 .72em/1 var(--font);font-style:normal;padding:.18em .4em;border:1px solid rgba(255,255,255,.35);border-radius:4px;background:#ffffff0f;letter-spacing:.04em}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none;cursor:grab}#scene.dragging{cursor:grabbing}.ui{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .6s ease}.ui.show{opacity:1}.ui.show .top,.ui.show .bottom{transform:none}.ui button,.ui a{pointer-events:auto}.top{position:absolute;top:0;left:0;right:0;padding:clamp(8px,1.2vw,16px) clamp(10px,2vw,28px) 0;transform:translateY(-110%);transition:transform .8s cubic-bezier(.2,.9,.2,1) .1s}.top-panel{position:relative;max-width:1180px;margin:0 auto;background:linear-gradient(180deg,#000000db,#0406089e);border-radius:14px;padding:clamp(6px,.7vw,10px) clamp(10px,1.1vw,16px) 4px;box-shadow:0 10px 40px #0000008c,inset 0 1px #ffffff0f}.top-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{height:clamp(34px,3.6vw,56px);width:auto;filter:drop-shadow(3px 3px 0 #000) drop-shadow(0 0 8px rgba(255,255,255,.25));transform:skew(-6deg)}.title{margin:0;font-weight:600;font-style:italic;font-size:clamp(24px,2.7vw,42px);line-height:1;letter-spacing:.01em;color:var(--lime);transform:skew(-8deg);text-shadow:0 0 10px var(--lime-glow),0 0 26px rgba(150,255,40,.35),2px 2px 0 #142200;animation:titleGlow 3.2s ease-in-out infinite;white-space:nowrap}@keyframes titleGlow{0%,to{text-shadow:0 0 10px var(--lime-glow),0 0 26px rgba(150,255,40,.35),2px 2px 0 #142200}50%{text-shadow:0 0 16px rgba(190,255,90,.8),0 0 40px rgba(150,255,40,.5),2px 2px 0 #142200}}.slider{position:relative;height:9px;margin:clamp(5px,.6vw,8px) 0 6px;border-radius:8px;background:linear-gradient(180deg,#8a9097,#5d636a 55%,#747a81);box-shadow:inset 0 1px 2px #0009,0 1px #ffffff14}.slider-dot{position:absolute;top:50%;left:10px;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c9ced3 45%,#6c737a);box-shadow:0 0 0 1px #00000080,0 0 8px #ffffff59;transition:left .45s cubic-bezier(.3,1.3,.4,1)}.carousel{position:relative;display:flex;align-items:center;gap:6px;height:clamp(66px,6.4vw,96px);padding:0 clamp(4px,.6vw,10px);background:var(--band);border-radius:12px;box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0000004d;backdrop-filter:blur(2px)}.arrow{flex:none;display:grid;place-items:center;width:clamp(30px,2.6vw,40px);height:clamp(30px,2.6vw,40px);border:0;background:none;padding:0;color:#ffffffd9;border-radius:50%;transition:transform .15s,color .15s,filter .15s}.arrow svg{width:100%;height:100%;stroke-width:1.4;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.arrow:hover{color:var(--lime);filter:drop-shadow(0 0 8px var(--lime-glow))}.arrow:active{transform:scale(.9)}.track-wrap{position:relative;flex:1;height:100%;overflow:hidden;touch-action:pan-y;cursor:grab}.track-wrap .tile button{touch-action:pan-y}.track{position:absolute;top:0;left:50%;height:100%;margin:0;padding:0;list-style:none;display:flex;align-items:center;transition:transform .45s cubic-bezier(.25,1,.3,1)}.tile{--w: clamp(84px, 9vw, 136px);position:relative;flex:none;width:var(--w);height:100%;display:grid;place-items:center}.tile button{position:relative;display:grid;place-items:center;width:82%;height:84%;border:0;padding:0;background:transparent;border-radius:12px;color:#ffffff8c;transition:background .25s,box-shadow .25s,color .25s,transform .25s}.tile .ico{display:grid;place-items:center;width:100%;height:100%}.tile .ico svg{width:auto;height:46%;stroke-width:1.7;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.tile button{border:2px solid rgba(255,255,255,.22);background:linear-gradient(160deg,#ffffff1f,#fff0 60%);border-radius:8px;width:74%;height:70%}.tile.active button{color:#fff;background:linear-gradient(180deg,#3d4a3c,#1e261c 60%,#2a3427);box-shadow:0 0 0 3px #2a3b14,0 0 0 5px var(--lime),0 0 18px 4px var(--lime-glow),inset 0 0 22px #a0ff3c40}.tile.active button{width:86%;height:86%;border-color:transparent;animation:tileGlow 2.2s ease-in-out infinite}@keyframes tileGlow{0%,to{box-shadow:0 0 0 3px #2a3b14,0 0 0 5px var(--lime),0 0 10px 2px #aaff3c59,inset 0 0 14px #a0ff3c26}50%{box-shadow:0 0 0 3px #2a3b14,0 0 0 5px #d8ff8a,0 0 26px 8px #aaff3cbf,inset 0 0 30px #a0ff3c66}}.tile.active .ico svg{height:52%;filter:drop-shadow(0 0 6px rgba(190,255,120,.6))}.tile:not(.active) button:hover{color:#fff;transform:scale(1.04)}.badge{position:absolute;top:-7px;right:-6px;font:700 italic clamp(9px,.7vw,11px)/1 var(--font);letter-spacing:.12em;padding:3px 7px 3px 6px;color:#120018;background:linear-gradient(180deg,#ff6ad5,#c7189b);border-radius:4px;transform:skew(-10deg);box-shadow:0 0 10px #ff3cc8b3;animation:blink 1.6s steps(2) infinite}@keyframes blink{50%{filter:brightness(1.45)}}.item-label{display:flex;flex-direction:column;align-items:center;min-height:clamp(34px,3.2vw,48px);padding:4px 0 2px;text-align:center}.item-label span{font:600 italic clamp(20px,1.9vw,30px)/1 var(--font);color:var(--lime);text-shadow:0 0 10px var(--lime-glow),2px 2px 0 #142200;transform:skew(-6deg)}.item-label small{margin-top:3px;font:500 italic clamp(12px,.85vw,14px)/1.2 var(--font);color:var(--muted);letter-spacing:.04em}.item-label.swap span{animation:labelIn .35s ease}@keyframes labelIn{0%{opacity:0;transform:translateY(6px) skew(-6deg)}}.bottom{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:0 clamp(10px,2vw,28px) clamp(10px,1.6vw,20px);transform:translateY(120%);transition:transform .8s cubic-bezier(.2,.9,.2,1) .25s}.car-panel{pointer-events:auto;min-width:min(300px,48vw);padding:10px 14px;border-radius:12px;background:linear-gradient(180deg,#0a0c0ecc,#0009);box-shadow:inset 0 1px #ffffff12,0 8px 30px #00000080}.car-switch{display:flex;align-items:center;gap:8px}.chip{width:34px;height:28px;border-radius:8px;border:0;background:var(--chrome);color:#111;font-size:14px;box-shadow:0 2px #1a1d20,inset 0 1px #fff;transition:transform .1s,box-shadow .15s}.chip:hover{box-shadow:0 2px #1a1d20,0 0 10px var(--lime-glow)}.chip:active{transform:translateY(2px);box-shadow:inset 0 1px #fff}.chip-label{font:600 italic 15px/1 var(--font);letter-spacing:.14em;color:var(--muted)}.car-name{margin-top:8px;font:600 italic clamp(18px,1.5vw,24px)/1.05 var(--font);color:#fff;text-shadow:0 2px 0 #000;transform:skew(-4deg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-hint{margin-top:3px;font:500 italic 13px/1 var(--font);color:#6c747c;letter-spacing:.05em}.actions{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:min(380px,46vw)}.actions-row{display:flex;gap:8px}.actions-row .pill{flex:1}.pill{pointer-events:auto;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;height:46px;border-radius:14px;border:0;font:600 italic 22px/1 var(--font);color:#fff;background:linear-gradient(180deg,#0c0e10,#000) padding-box,linear-gradient(180deg,#fff,#8f969d 45%,#3a4046 55%,#c9ced3) border-box;border:3px solid transparent;box-shadow:0 4px 16px #0009;transition:transform .12s,box-shadow .2s,color .2s}.pill svg{width:18px;height:18px;flex:none}.pill.small{height:36px;font-size:16px;padding:0 12px;border-width:2px}.pill:hover{color:var(--lime);box-shadow:0 4px 16px #0009,0 0 14px var(--lime-glow)}.pill:active{transform:scale(.97)}.pill.off{color:var(--muted)}.pill.main{height:54px;font-size:clamp(19px,1.6vw,24px);font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#0b1a00;background:linear-gradient(180deg,#d6ff7a,#a6f230 45%,#6fcf00 55%,#8fe41c) padding-box,linear-gradient(180deg,#fff,#8f969d 45%,#3a4046 55%,#c9ced3) border-box;box-shadow:0 4px 16px #0009,0 0 22px #a0ff2873;animation:ctaPulse 2s ease-in-out infinite}.pill.main:hover{color:#000;filter:brightness(1.1);box-shadow:0 4px 16px #0009,0 0 34px #aaff3cbf}.pill.main kbd{border-color:#0006;background:#0000001a}.pill.main .chev{color:#0b1a00;text-shadow:none}@keyframes ctaPulse{50%{box-shadow:0 4px 16px #0009,0 0 34px #aaff3cb3}}.pill.main span#goLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chev{color:var(--lime);font-size:1.4em;font-style:normal;text-shadow:0 0 10px var(--lime);animation:chev 1s ease-in-out infinite}@keyframes chev{0%,to{transform:translate(0);opacity:1}50%{transform:translate(6px);opacity:.55}}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#0000008c;backdrop-filter:blur(3px);z-index:20;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}}.modal-box{width:min(760px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;border-radius:16px;padding:3px;background:var(--chrome);box-shadow:0 20px 60px #000c,0 0 30px #96ff321f;animation:popIn .3s cubic-bezier(.2,1.3,.4,1)}@keyframes popIn{0%{transform:scale(.92);opacity:0}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(180deg,#121518,#050607);border-radius:13px 13px 0 0}.modal-head h2{margin:0;font:600 italic 40px/1 var(--font);color:var(--lime);text-shadow:0 0 10px var(--lime-glow);transform:skew(-8deg)}.modal-body{overflow:auto;padding:6px 18px 18px;background:linear-gradient(180deg,#0e1114f7,#050607f7);border-radius:0 0 13px 13px}.modal-body section{padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}.modal-body section:first-child{border-top:0}.modal-body h3{margin:0 0 10px;font:600 italic 22px/1 var(--font);letter-spacing:.03em;color:#e6eaee}.modal-body section.row{display:flex;align-items:center;justify-content:space-between}.modal-body section.row h3{margin:0}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.swatch{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;font:600 italic 16px/1.1 var(--font);text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.swatch i{flex:none;width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c),inset 0 0 0 2px #ffffff59}.swatch.none i{background:repeating-linear-gradient(45deg,#333 0 4px,#111 4px 8px);box-shadow:inset 0 0 0 2px #ffffff40}.swatch:hover{border-color:#fff6}.swatch.sel{border-color:var(--lime);background:#a0ff3c1a;box-shadow:0 0 12px #a0ff3c40}.cars{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.car-opt{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;text-align:left;font:600 italic 18px/1.1 var(--font)}.car-opt small{display:block;margin-top:2px;font-size:13px;color:var(--muted);font-weight:500}.car-opt:hover{border-color:#fff6}.car-opt.sel{border-color:var(--lime);background:#a0ff3c1a;color:var(--lime)}.cc{display:flex;gap:14px;align-items:flex-start}.cc-badge{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;text-align:center;font:700 18px/.9 var(--font);border:2px solid #ddd;color:#ddd}.cc-badge small{font-size:11px}.cc p{margin:0;font:500 16px/1.45 var(--font);color:#c9d0d6;user-select:text;-webkit-user-select:text;word-break:break-word}.cc a{color:var(--lime)}.segmented{display:inline-flex;padding:3px;gap:3px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#0d1012}.segmented button{min-width:78px;padding:7px 12px;border:0;border-radius:7px;background:transparent;font:600 italic 16px/1 var(--font);color:var(--muted);transition:background .15s,color .15s}.segmented button:hover{color:#fff}.segmented button[aria-checked=true]{background:linear-gradient(180deg,#d6ff7a,#8fe41c);color:#0b1a00;box-shadow:0 0 10px #a0ff3c59}.gate{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#000;cursor:pointer;transition:opacity .4s}.gate.out{opacity:0;pointer-events:none}.gate-inner{display:grid;justify-items:center;gap:28px;padding:16px;text-align:center}.gate-logo{width:min(520px,80vw);opacity:.9;filter:drop-shadow(0 0 18px rgba(255,255,255,.25))}.gate-press{font:600 italic clamp(18px,2.4vw,28px)/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);text-shadow:0 0 10px var(--lime-glow);animation:blink 1.1s steps(2) infinite}.gate{cursor:default}.gate.ready{cursor:pointer}.gate-load{display:grid;justify-items:center;gap:12px;font:500 italic 15px/1 var(--font);color:#8a929a;letter-spacing:.14em;text-transform:uppercase}.gate-bar{position:relative;width:min(260px,60vw);height:4px;border-radius:2px;background:#1b1f23;overflow:hidden}.gate-bar i{position:absolute;top:0;bottom:0;left:-40%;width:40%;border-radius:2px;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:gateBar 1.1s ease-in-out infinite}@keyframes gateBar{to{left:100%}}.gate.loading .gate-press,.gate.ready .gate-load{display:none}.gate-press.error{animation:none;color:#ff6a6a;text-shadow:none}.intro{position:fixed;inset:0;z-index:30;background:#000;overflow:hidden}.intro.reveal{background:transparent;transition:background 1.4s ease}.ph{position:absolute;inset:0;display:grid;place-items:center;opacity:0}.ph1 img{width:min(780px,82vw);filter:drop-shadow(0 0 22px rgba(255,255,255,.55))}.ph1.run{animation:ph1 4.2s ease forwards}@keyframes ph1{0%{opacity:0;transform:scale(.94);filter:blur(6px)}22%{opacity:1;transform:scale(1);filter:blur(0)}78%{opacity:1;transform:scale(1.03)}to{opacity:0;transform:scale(1.05);filter:blur(4px)}}.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.flash.run{animation:flash .9s ease-out forwards}@keyframes flash{0%{opacity:0}12%{opacity:.95}to{opacity:0}}.ph2{background:radial-gradient(ellipse at center,#0d1a06,#000 70%)}.ph2.run{animation:ph2 4.4s linear forwards}@keyframes ph2{0%{opacity:0}4%{opacity:1}6%{opacity:.2}9%{opacity:1}88%{opacity:1}91%{opacity:.1}93%{opacity:.9}to{opacity:0}}.emblem{position:relative;width:min(640px,80vw);display:grid;justify-items:center}.emblem img{width:100%;grid-area:1 / 1}.em-a{filter:drop-shadow(0 0 14px rgba(170,255,60,.7))}.em-r,.em-b{mix-blend-mode:screen;opacity:.75}.em-r{filter:brightness(0) invert(1) sepia(1) saturate(30) hue-rotate(-50deg)}.em-b{filter:brightness(0) invert(1) sepia(1) saturate(30) hue-rotate(160deg)}.ph2.run .em-r{animation:rgbR .18s steps(2) infinite}.ph2.run .em-b{animation:rgbB .22s steps(2) infinite}.ph2.run .emblem{animation:jitter 2.1s steps(1) infinite}@keyframes rgbR{0%{transform:translate(-6px)}50%{transform:translate(-2px,1px)}}@keyframes rgbB{0%{transform:translate(5px,-1px)}50%{transform:translate(2px)}}@keyframes jitter{0%,to{transform:none;clip-path:none}12%{transform:translate(14px) skew(-8deg);clip-path:inset(30% 0 48% 0)}13%{transform:none;clip-path:none}47%{transform:translate(-20px);clip-path:inset(62% 0 18% 0)}48%{transform:translateY(2px);clip-path:none}71%{transform:scaleY(1.06) translate(8px);clip-path:inset(10% 0 70% 0)}72%{transform:none;clip-path:none}}.em-text{margin-top:10px;font:700 italic clamp(22px,3.4vw,48px)/1 var(--font);color:var(--lime);letter-spacing:.32em;margin-right:-.32em;white-space:nowrap;text-shadow:0 0 14px var(--lime-glow),-3px 0 rgba(255,0,80,.6),3px 0 rgba(0,200,255,.6)}.noise{position:absolute;inset:0;width:100%;height:100%;opacity:.16;mix-blend-mode:screen;pointer-events:none}.ph2:after{content:"";position:absolute;left:0;right:0;height:18vh;top:-20vh;background:linear-gradient(180deg,transparent,rgba(180,255,120,.08),transparent);animation:roll 2.4s linear infinite}@keyframes roll{to{top:110vh}}.skip{position:absolute;right:clamp(12px,3vw,36px);bottom:clamp(12px,3vw,32px);z-index:3;padding:10px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.45);background:#0009;font:600 italic 18px/1 var(--font);letter-spacing:.08em;color:#e9edf0;transition:color .15s,border-color .15s}.skip:hover{color:var(--lime);border-color:var(--lime)}.crt{position:fixed;inset:0;pointer-events:none;z-index:50;display:none}.crt.soft,.crt.strong{display:block}.crt.soft:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,#0000 0 2px,#00000021 2px 3px),repeating-linear-gradient(90deg,#ff000004 0 1px,#00ff0003 1px 2px,#0000ff04 2px 3px)}.crt.soft:after{content:"";position:absolute;inset:-2px;border-radius:3.5%/5%;box-shadow:inset 0 0 0 2px #000,inset 0 0 50px 10px #00000080,inset 0 0 180px 30px #00000038;background:radial-gradient(ellipse at center,#ffffff05,#0000 60%,#0000002e)}.crt.strong:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,#0000 0 2px,#00000042 2px 3px),repeating-linear-gradient(90deg,#ff000008 0 1px,#00ff0006 1px 2px,#0000ff08 2px 3px);animation:flicker .12s steps(2) infinite}.crt.strong:after{content:"";position:absolute;inset:-2px;border-radius:3.5%/5%;box-shadow:inset 0 0 0 2px #000,inset 0 0 70px 18px #000000d9,inset 0 0 220px 40px #00000073;background:radial-gradient(ellipse at center,#ffffff08,#0000 55%,#00000059)}@keyframes flicker{50%{opacity:.9}}body.crt-on #scene,body.crt-on .ui{filter:saturate(1.08) contrast(1.04)}body.crt-strong .ui{text-shadow:.6px 0 rgba(255,0,60,.25),-.6px 0 rgba(0,180,255,.25)}@media (max-width: 760px){.top{padding:8px 8px 0}.top-panel{border-radius:10px;padding:8px 8px 4px}.carousel{height:64px}.tile{--w: 78px}.item-label small{display:none}.bottom{flex-direction:column;align-items:stretch;gap:8px;padding:0 8px 10px}.car-panel{min-width:0;padding:8px 12px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px}.car-name{margin:0;font-size:18px}.car-hint,.chip-label{display:none}.actions{min-width:0}.pill.small{font-size:15px;height:36px}.pill.small kbd{display:none}.pill.main{height:50px;font-size:18px}.pill.main kbd{display:none}}.on-touch{display:none}@media (hover: none) and (pointer: coarse){kbd,.car-hint,.chip-label{display:none!important}.on-desktop{display:none}.on-touch{display:inline}}@media (prefers-reduced-motion: reduce){.chev,.title,.badge,.gate-press,.tile.active button,.pill.main,.crt.strong:before{animation:none}}@media (max-height: 520px) and (orientation: landscape){.top{padding:6px 10px 0}.top-panel{padding:4px 10px 2px;border-radius:10px}.brand{height:28px}.title{font-size:22px}.slider{height:6px;margin:4px 0}.slider-dot{width:8px;height:8px;margin:-4px 0 0 -4px}.carousel{height:48px;border-radius:8px}.arrow{width:26px;height:26px}.tile{--w: 68px}.badge{font-size:8px;padding:2px 4px;top:-4px}.item-label{min-height:0;padding:2px 0 0}.item-label span{font-size:17px}.item-label small,.car-hint,.chip-label,.pill kbd{display:none}.bottom{padding:0 10px 8px;gap:8px;align-items:flex-end}.car-panel{min-width:0;padding:6px 10px;display:flex;align-items:center;gap:8px}.car-name{margin:0;font-size:16px;max-width:30vw}.chip{width:28px;height:24px;font-size:12px}.actions{flex-direction:row;min-width:0;gap:6px;align-items:center}.actions-row{gap:6px}.pill.small{height:34px;font-size:14px;padding:0 10px;white-space:nowrap}.pill.main{height:40px;font-size:16px;padding:0 14px}.modal-box{max-height:calc(100vh - 16px)}.modal{padding:8px}}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
