:root{--navy:#030b1e;--navy2:#071a3d;--blue:#007cff;--cyan:#42c8ff;--orange:#ff5b09;--gold:#ff9d16;--cream:#fff3d7;--muted:#8da6c7;--line:#173968;--shadow:#01050f}
*{box-sizing:border-box}html{background:#020716}body{margin:0;background:radial-gradient(circle at 50% -20%,#12427a 0,#030b1e 45%);color:white;font-family:"Arial Narrow","Roboto Condensed",Impact,sans-serif;min-height:100vh}.app-shell{position:relative;width:min(100%,480px);min-height:100svh;margin:auto;overflow:hidden;background:linear-gradient(165deg,#071a3d 0,#030b1e 42%,#020715 100%);box-shadow:0 0 80px #000;isolation:isolate;padding-bottom:92px}.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(120deg,transparent 0 48%,#168cff 49% 50%,transparent 51%),radial-gradient(#4ab4ff 1px,transparent 1px);background-size:190px 190px,26px 26px;z-index:-2}.paint{position:absolute;z-index:-1;filter:blur(.2px);transform:rotate(-11deg);opacity:.7}.paint-blue{width:470px;height:95px;top:210px;left:-140px;background:linear-gradient(90deg,transparent,#0088ff 20%,#00a7ff 56%,transparent);clip-path:polygon(0 39%,100% 0,86% 35%,100% 46%,78% 51%,97% 79%,17% 100%)}.paint-orange{width:420px;height:65px;top:390px;right:-220px;background:#ff5a00;clip-path:polygon(0 32%,100% 0,77% 42%,100% 67%,19% 100%)}button,input,select{font:inherit}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;position:relative;z-index:4}.brand{background:none;border:0;color:white;text-align:left;transform:skew(-7deg) rotate(-2deg);cursor:pointer;line-height:.72}.brand-top{font-size:13px;letter-spacing:.28em;color:#55ccff;display:block;margin-left:4px}.brand-bottom{display:block;font-size:29px;font-style:italic;letter-spacing:.02em;text-shadow:3px 3px 0 #ff5b09}.live-pill{border:1px solid #235589;background:#06142c;border-radius:99px;padding:8px 10px;font:700 10px/1 Arial,sans-serif;letter-spacing:.15em;color:#abc5e6}.live-pill span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange);margin-right:5px;animation:blink 1.6s infinite}@keyframes blink{50%{opacity:.35}}.screen{display:none;min-height:calc(100svh - 188px);padding:8px 20px 30px;animation:screenIn .35s ease both}.screen.active{display:block}@keyframes screenIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}.hero-copy{position:relative;z-index:2}.eyebrow{font:800 11px/1 Arial,sans-serif;letter-spacing:.28em;color:var(--cyan);margin:8px 0 10px}.hero-copy h1,h2{font-weight:900;font-stretch:condensed;font-style:italic;line-height:.78;letter-spacing:-.045em;text-transform:uppercase;margin:0;text-shadow:4px 4px 0 rgba(0,0,0,.4)}.hero-copy h1{font-size:clamp(55px,16vw,78px)}h2{font-size:56px;margin-bottom:24px}em{font-style:inherit;color:var(--orange);text-shadow:3px 3px 0 #7f2000}.lede{font:500 13px/1.45 Arial,sans-serif;color:#c5d2e3;max-width:270px;margin:17px 0}.car-stage{height:218px;position:relative;margin:-16px -38px -18px;z-index:1}.car-stage img{width:117%;position:absolute;right:-8%;bottom:-8px;filter:drop-shadow(0 18px 10px #000a);transform:rotate(-2deg);animation:idle 4s ease-in-out infinite}@keyframes idle{50%{transform:rotate(-2deg) translateY(-5px)}}.speed-lines{position:absolute;left:5%;right:2%;top:30%;height:90px;transform:skewX(-18deg);background:repeating-linear-gradient(173deg,transparent 0 8px,#ff6500 9px 11px,transparent 12px 19px,#078cff 20px 24px);opacity:.35;filter:blur(1px)}.hero-actions{position:relative;z-index:2;display:grid;gap:10px}.race-button{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;border:0;color:white;min-height:60px;padding:0 20px 0 24px;cursor:pointer;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);font-weight:900;font-style:italic;letter-spacing:.06em;text-transform:uppercase;transition:.18s transform,.18s filter}.race-button:active{transform:scale(.97)}.race-button:hover{filter:brightness(1.12)}.race-button b{font-size:28px}.race-button.primary{background:linear-gradient(135deg,#ff9010,#ff4a00 62%,#c92800);box-shadow:inset 0 2px #ffc275}.race-button.primary:before{content:"";position:absolute;inset:4px;border:1px solid #ffb565;clip-path:inherit}.race-button.secondary{background:linear-gradient(135deg,#058fff,#004fb8);box-shadow:inset 0 2px #59caff}.race-card{display:flex;justify-content:space-between;align-items:center;margin-top:14px;border:1px solid var(--line);background:#07152dcc;padding:13px 14px;transform:skew(-2deg)}.race-card>div:first-child{display:grid;gap:3px}.race-card small,.panel small{font:700 9px/1 Arial,sans-serif;color:var(--muted);letter-spacing:.18em}.race-card strong{font-size:16px}.race-card span{font:500 10px Arial,sans-serif;color:#a8bdd7}.countdown{text-align:right}.countdown b{font:800 16px Arial,sans-serif;color:var(--gold);display:block}.countdown small{font-size:8px}.back,.text-button{border:0;background:none;color:#9fbbdc;font:800 10px Arial,sans-serif;letter-spacing:.18em;padding:4px 0 14px;cursor:pointer}.panel{background:linear-gradient(145deg,#0a2044e8,#051126f2);border:1px solid #1f4779;box-shadow:0 12px 32px #0008, inset 0 1px #2d6190;padding:18px}.panel label{display:grid;gap:8px;font:800 10px Arial,sans-serif;letter-spacing:.16em;color:#9fb8d8;margin-bottom:16px}.field-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px}.panel input,.panel select{width:100%;border:1px solid #285386;background:#020b1c;color:white;border-radius:0;padding:14px 12px;outline:none;font:700 16px Arial,sans-serif}.panel input:focus,.panel select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #0088ff33}.submit{margin-top:4px}.microcopy{text-align:center;color:#708bac;font:500 10px Arial,sans-serif;margin:13px}.ticket{display:flex;align-items:center;gap:16px;transform:skew(-3deg);border-left:5px solid var(--orange)}.ticket .number{font-size:39px;font-weight:900;color:var(--orange)}.ticket>div{display:grid;gap:3px;flex:1}.ticket strong{font-size:18px}.ticket .check{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-weight:bold}.status-orbit{text-align:center;padding:35px 20px 28px;display:grid;justify-items:center;gap:8px}.pulse{width:55px;height:55px;border:2px solid var(--orange);border-radius:50%;position:relative;box-shadow:0 0 25px #ff5b0955}.pulse:before,.pulse:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--orange);animation:pulse 1.4s infinite}.pulse:after{inset:-10px;background:none;border:1px solid var(--orange)}@keyframes pulse{50%{transform:scale(1.25);opacity:.25}}.status-orbit strong{font-style:italic}.status-orbit span{font:500 11px/1.4 Arial,sans-serif;color:var(--muted);max-width:260px}.field-list{padding:6px 14px}.field-list div{display:grid;grid-template-columns:32px 1fr auto;padding:11px 2px;border-bottom:1px solid #17365e;align-items:center}.field-list div:last-child{border:0}.field-list span{color:var(--muted);font-size:11px}.field-list b{font-size:13px}.field-list i{font-style:normal;color:var(--cyan);font-size:13px}.field-list .you{color:#ff9145}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-card{min-height:135px;background:linear-gradient(145deg,#0a2b5c,#05152e);border:1px solid #2062a4;color:white;text-align:left;padding:15px;display:flex;flex-direction:column;cursor:pointer;clip-path:polygon(0 0,92% 0,100% 10%,100% 100%,8% 100%,0 90%)}.control-card:nth-child(2),.control-card:nth-child(3){border-color:#a64213;background:linear-gradient(145deg,#5f1e08,#1c0c0a)}.control-card span{font-size:11px;color:var(--cyan)}.control-card strong{font-size:17px;font-style:italic;margin-top:auto}.control-card small{font:700 8px Arial,sans-serif;letter-spacing:.1em;color:#8eabc9;margin-top:5px}.race-state{margin-top:13px;display:grid;gap:8px}.race-state strong{color:var(--gold);font-size:22px;font-style:italic}.progress{height:8px;background:#020714;overflow:hidden}.progress i{display:block;width:12%;height:100%;background:linear-gradient(90deg,var(--orange),var(--gold));transition:width 1s}.winner-screen{text-align:center;padding-top:26px}.winner-screen h2{font-size:62px}.winner-car{height:205px;margin:-10px -55px -8px;position:relative}.winner-car:before{content:"";position:absolute;inset:8% 15%;background:radial-gradient(circle,#ff650090,transparent 65%);filter:blur(12px)}.winner-car img{position:relative;width:112%;transform:rotate(-4deg);filter:drop-shadow(0 20px 11px #000)}.podium{display:flex;text-align:left;align-items:center;gap:13px;background:linear-gradient(105deg,#ff6500,#962000);padding:13px 17px;transform:skew(-5deg);margin-bottom:15px}.podium>span{font-size:45px;font-weight:900;border-right:1px solid #ffc08c;padding-right:14px}.podium>div{display:grid;gap:2px}.podium small{font:700 8px Arial,sans-serif;letter-spacing:.15em}.podium strong{font-size:20px}.podium b{font:700 10px Arial,sans-serif}.winner-screen .text-button{margin:14px}.confetti{position:absolute;inset:80px 0 auto;height:300px;pointer-events:none;background-image:linear-gradient(110deg,transparent 45%,#ff5b09 46% 48%,transparent 49%),linear-gradient(70deg,transparent 45%,#00a6ff 46% 48%,transparent 49%);background-size:52px 60px,71px 79px;opacity:.22}.confetti.burst{animation:burst .7s ease}@keyframes burst{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.5);opacity:.12}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);height:82px;padding:8px 8px max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:#020817ee;border-top:1px solid #16345d;backdrop-filter:blur(16px);z-index:20}.nav-item{border:0;background:none;color:#718ba9;display:grid;place-items:center;align-content:center;gap:4px;cursor:pointer;font:700 8px Arial,sans-serif;letter-spacing:.08em}.nav-item i{font-style:normal;font-size:19px}.nav-item.active{color:var(--orange)}@media(min-width:481px){body{padding:24px 0}.app-shell{min-height:900px;border:1px solid #1a3a62;border-radius:26px}.bottom-nav{bottom:24px;border-radius:0 0 26px 26px}.screen{min-height:712px}}@media(max-height:760px){.topbar{height:76px}.hero-copy h1{font-size:53px}.car-stage{height:180px}.hero-actions{grid-template-columns:1fr 1fr}.race-button{min-height:53px}.race-card{margin-top:10px}.screen{padding-top:0}.winner-car{height:175px}}
