@import"https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Roboto+Condensed:wght@700;900&display=swap";*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#07162b;color:#fff;font-family:Roboto Condensed,Impact,sans-serif}canvas{display:block}#stage{position:fixed;inset:0}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 80px #00152b66}.panel{position:fixed;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%) skew(-2deg);width:min(620px,92vw);padding:28px 38px;background:#07162bea;border:5px solid #fff;box-shadow:12px 12px #ff274f;text-align:center}.panel h1{font:clamp(42px,8vw,82px)/.9 "Black Ops One";margin:0;text-shadow:5px 5px #e7264f}.panel h1 i{color:#4bc7ff}.panel h2{color:#ffd434;font-size:18px;letter-spacing:2px}.panel p{color:#bfd9ed}.panel label{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-size:19px}.panel select,.panel button{font:900 18px Roboto Condensed;padding:10px;background:#fff;border:0;min-width:230px}.panel button{margin-top:15px;background:#ffd434;box-shadow:5px 5px #e7264f;cursor:pointer}.controls{margin-top:20px;font-size:12px;color:#9fc2dc}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none;z-index:3;font-family:Impact,Arial Black,sans-serif;text-shadow:3px 3px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}.hud-left,.hud-center,.hud-right{position:absolute;top:10px}.hud-left{left:3vw;width:190px}.hud-left label,.hud-right label{display:block;text-align:center;font-size:17px;letter-spacing:2px}.hud-left>#lap{font-size:62px;line-height:.82;text-align:center}.lap-row{display:flex;gap:8px;font:21px/1.12 Roboto Condensed;color:#eaff38}.lap-row b{color:#fff;width:42px}.hud-center{left:50%;transform:translate(-50%);width:390px;text-align:center}.hud-center>#raceClock{font-size:67px;line-height:.7;color:#ffe137;background:linear-gradient(#fff9b0,#ffad16);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:3px #111;filter:drop-shadow(3px 4px #000)}#tach{width:390px;height:136px;margin-top:-2px}.speed-readout{margin-top:-45px;font-size:58px;color:#ffb51b;font-style:italic}.speed-readout small{font-size:19px;color:#fff;margin-left:5px}.speed-readout em{display:inline-block;font-size:17px;color:#53ff38;margin-left:7px;padding:1px 5px;background:#09120dcc;border:2px solid #fff;transform:skew(-8deg)}.speed-readout #gear{font-size:28px;color:#ffe02b;min-width:34px}.hud-right{right:3vw;width:205px;text-align:center}.hud-right>#pos{font-size:62px;line-height:.88;color:#39ff25;-webkit-text-stroke:2px #101010}.radar-frame{width:136px;height:136px;margin:7px auto 0;border:3px solid #111;box-shadow:0 0 0 4px #fff,0 0 0 7px #111;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}#radar{width:136px;height:136px}.hud-right>b{font-size:17px;letter-spacing:2px}#message{position:absolute;top:35%;width:100%;text-align:center;font:clamp(48px,9vw,105px)/1 "Black Ops One";color:#ffd434;text-shadow:7px 7px #e7264f}#draft{position:absolute;left:50%;top:59%;transform:translate(-50%);opacity:0;color:#41dcff;font-size:30px}.on{opacity:1!important;animation:pulse .3s infinite alternate}@keyframes pulse{to{transform:translate(-50%) scale(1.12)}}#map{position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#status{position:absolute;right:2vw;bottom:2vh;font:14px Roboto Condensed;color:#d5e8f4;text-shadow:2px 2px #000}#speedlines{position:fixed;inset:-20%;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg,#fff0 0deg 2deg,#ffffff30 2.2deg,#fff0 2.5deg);-webkit-mask-image:radial-gradient(circle,#0000 8%,#000 70%);mask-image:radial-gradient(circle,#0000 8%,#000 70%);z-index:2}#debug{display:none;position:fixed;left:10px;top:80px;z-index:10;white-space:pre-wrap;background:#000c;padding:10px;font:12px Consolas;color:#66ff9a}.show{display:block!important}#calibration{z-index:11}#results{z-index:12}@media(max-width:850px){.hud-left{left:1vw;transform:scale(.72);transform-origin:top left}.hud-right{right:1vw;transform:scale(.72);transform-origin:top right}.hud-center{transform:translate(-50%) scale(.72);transform-origin:top center}.panel{padding:20px}.panel label{font-size:14px}.panel select{min-width:155px}#status{display:none}}#map,#status{display:none}#draft{top:235px;font-size:20px}:root{--hud-scale:1.3;--show-scale:1}.hud-left{transform:scale(var(--hud-scale));transform-origin:top left}.hud-center{transform:translate(-50%) scale(var(--hud-scale));transform-origin:top center}.hud-right{transform:scale(var(--hud-scale));transform-origin:top right}.show-screen{position:fixed;inset:0;z-index:20;overflow:hidden;background:radial-gradient(circle at 50% 38%,#113d75aa,#020816e8 70%);font-family:Impact,Arial Black,sans-serif;isolation:isolate}.show-screen:before{content:"";position:absolute;inset:-15%;z-index:-2;background:repeating-conic-gradient(from 0deg,#fff0 0 9deg,#46bdff14 9.3deg 9.8deg);animation:show-spin 28s linear infinite;will-change:transform}.show-screen:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#e525420f,#fff0 25% 75%,#1976d20f)}.show-title{position:absolute;left:50%;top:3vh;transform:translate(-50%) scale(var(--show-scale)) rotate(-2deg);width:min(90vw,980px);text-align:center;animation:title-slam .75s cubic-bezier(.1,1.3,.25,1) both}.show-title .presented{font:900 clamp(11px,1.2vw,18px) "Roboto Condensed";letter-spacing:.35em;color:#a9ddff}.show-title h1{margin:0;font:clamp(82px,14vw,190px)/.72 "Black Ops One";color:#fff;letter-spacing:-.07em;-webkit-text-stroke:clamp(2px,.4vw,7px) #0a1830;text-shadow:.045em .045em #e52b4c,.085em .085em #38aee6,.12em .12em #071020}.show-title h3{margin:0;font:clamp(48px,8vw,110px)/.7 "Black Ops One";color:#3ec4ff;text-shadow:.06em .06em #e52b4c,.12em .12em #071020}.show-title h3 span{color:#fff}.show-title p{margin:1.5vh 0 0;font-size:clamp(14px,2vw,28px);letter-spacing:.12em;color:#ffe23b;text-shadow:3px 3px #b01832}.menu-card{position:absolute;left:50%;bottom:6vh;transform:translate(-50%) scale(var(--show-scale)) skew(-2deg);transform-origin:bottom center;width:min(92vw,930px);padding:clamp(15px,2vh,28px) clamp(20px,3vw,42px);background:linear-gradient(135deg,#061324ed,#102b4aee);border:clamp(3px,.4vw,7px) solid #fff;box-shadow:clamp(8px,1vw,16px) clamp(8px,1vw,16px) 0 #e82b4c,0 0 0 clamp(4px,.5vw,9px) #09203a;animation:card-rise .7s .15s cubic-bezier(.1,1.3,.25,1) both}.menu-card h2{margin:0 0 1vh;color:#ffe23b;font-size:clamp(16px,2vw,27px);letter-spacing:.12em}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px}.menu-grid label{display:flex;align-items:center;justify-content:space-between;font-size:clamp(14px,1.35vw,21px);letter-spacing:.05em}.menu-grid select{width:52%;padding:8px;background:#f4f4e9;border:3px solid #0a1320;font:900 clamp(14px,1.3vw,20px) "Roboto Condensed";box-shadow:3px 3px #e52b4c}.menu-card button,.result-content button{display:block;width:75%;margin:1.5vh auto .8vh;padding:clamp(10px,1.5vh,18px);border:4px solid #fff;background:linear-gradient(#ffec43,#ff9d12);font:clamp(19px,2.2vw,32px) Impact;color:#10233b;letter-spacing:.06em;box-shadow:7px 7px #e52b4c;animation:button-throb .65s infinite alternate;cursor:pointer}.menu-card .controls{font:900 clamp(9px,.85vw,13px) "Roboto Condensed";color:#baddf3;text-align:center}.eagle-seal{position:absolute;left:3vw;top:18vh;transform:rotate(-9deg) scale(var(--show-scale));width:clamp(125px,15vw,220px);aspect-ratio:1;border-radius:50%;border:clamp(5px,.6vw,10px) double #fff;background:radial-gradient(circle,#e52b4c 0 48%,#163c70 49%);display:grid;place-items:center;text-align:center;box-shadow:8px 8px #09101d;animation:seal-wobble 1.1s infinite alternate}.eagle-seal b{position:absolute;font-size:clamp(80px,11vw,155px);color:#ffe33d;opacity:.35}.eagle-seal strong{font-size:clamp(21px,2.5vw,38px);line-height:.8;color:#fff;z-index:1}.eagle-seal small{position:absolute;bottom:12%;font-size:clamp(7px,.65vw,11px);z-index:1}.fuel-stack{position:absolute;right:2vw;top:19vh;display:grid;gap:1vh;transform:rotate(5deg) scale(var(--show-scale));transform-origin:top right}.fuel-stack b{display:block;padding:.7vh 1.2vw;background:#fff;color:#12213a;border:4px solid #12213a;font-size:clamp(15px,1.7vw,27px);box-shadow:6px 6px #e52b4c}.fuel-stack b:nth-child(2){background:#5de35b}.fuel-stack b:nth-child(3){background:#ffdb34}.fuel-stack i{display:block;font:900 .48em Roboto Condensed;color:#d51f42}.slogan-ribbon,.ticker{position:absolute;left:-5%;width:110%;overflow:hidden;white-space:nowrap;background:#e52949;border-block:4px solid #fff;color:#fff;transform:rotate(-1deg);font-size:clamp(13px,1.5vw,23px);letter-spacing:.15em;padding:.35em 0}.slogan-ribbon{top:0}.ticker{bottom:0;background:#153d70;transform:rotate(.7deg)}.slogan-ribbon span,.ticker span{display:inline-block;min-width:200%;animation:ticker 14s linear infinite}.nitro{position:absolute;bottom:-10vh;width:24vw;height:58vh;background:linear-gradient(90deg,#fff0,#43c9ff 20%,#fff 43%,#ffe135 62%,#ff4a18 80%,#fff0);clip-path:polygon(50% 0,63% 25%,88% 12%,74% 45%,100% 52%,68% 66%,76% 100%,48% 78%,20% 100%,32% 65%,0 51%,26% 42%,12% 10%,39% 26%);animation:nitro .26s steps(2) infinite alternate;will-change:height}.nitro-left{left:-7vw;transform:rotate(12deg)}.nitro-right{right:-7vw;transform:rotate(-12deg)}.depart{animation:depart .5s ease-in forwards}.result-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--show-scale)) rotate(-2deg);width:min(88vw,900px);text-align:center}.result-content small{font-size:clamp(14px,1.6vw,24px);letter-spacing:.2em}.result-content h1{margin:0;font:clamp(100px,17vw,230px)/.8 "Black Ops One";color:#ffe136;-webkit-text-stroke:5px #101b2c;text-shadow:10px 10px #e52b4c,18px 18px #168ac7}.result-content h2{font-size:clamp(32px,5vw,72px);margin:2vh}.result-content h2 b{font-size:1.4em;color:#51ff37}.result-times{display:flex;justify-content:center;gap:4vw;font-size:clamp(18px,2vw,30px)}.result-times b{display:block;color:#ffe238;font-size:1.25em}.result-content p{font-size:clamp(15px,1.8vw,25px);color:#8ceaff}.result-burst{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:90vw;line-height:1;color:#ffffff0a;animation:show-spin 9s linear infinite}@keyframes show-spin{to{transform:rotate(360deg)}}@keyframes title-slam{0%{transform:translate(-50%) scale(2.8) rotate(-12deg);opacity:0}to{transform:translate(-50%) scale(var(--show-scale)) rotate(-2deg);opacity:1}}@keyframes card-rise{0%{transform:translate(-50%,120%) scale(var(--show-scale)) skew(-8deg)}to{transform:translate(-50%) scale(var(--show-scale)) skew(-2deg)}}@keyframes seal-wobble{to{transform:rotate(-3deg) scale(calc(var(--show-scale) * 1.05))}}@keyframes button-throb{to{transform:scale(1.04);filter:brightness(1.18)}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes nitro{to{height:64vh;opacity:.82}}@keyframes depart{to{transform:scale(1.5);opacity:0}}@media(max-width:800px){.menu-grid{grid-template-columns:1fr}.eagle-seal,.fuel-stack{display:none}.menu-card{bottom:4vh}.show-title{top:5vh}.hud-left,.hud-right{transform:scale(calc(var(--hud-scale) * .72))}.hud-center{transform:translate(-50%) scale(calc(var(--hud-scale) * .72))}}.show-title{top:5vh;width:min(76vw,820px)}.show-title h1{font-size:clamp(66px,10vw,145px)}.show-title h3{font-size:clamp(40px,6vw,82px)}.show-title p{font-size:clamp(12px,1.45vw,21px)}.eagle-seal{width:clamp(105px,11vw,165px);top:15vh;opacity:.86}.fuel-stack{top:15vh;transform:rotate(4deg) scale(calc(var(--show-scale) * .78));opacity:.9}.menu-card{width:min(84vw,800px);bottom:5vh;padding:clamp(12px,1.5vh,20px) clamp(18px,2vw,30px);background:linear-gradient(135deg,#061324df,#102b4add)}.menu-card h2{font-size:clamp(14px,1.55vw,21px)}.backstory{margin:.5vh auto 1.2vh;max-width:690px;font:900 clamp(11px,1vw,15px)/1.2 "Roboto Condensed";color:#d8e9f4!important}.menu-grid{gap:5px 20px}.menu-grid input{width:52%;padding:7px;background:#f4f4e9;border:3px solid #0a1320;font:900 clamp(13px,1.15vw,18px) "Roboto Condensed";box-shadow:3px 3px #e52b4c;text-transform:uppercase}.menu-card button{width:68%;font-size:clamp(16px,1.7vw,25px);padding:clamp(8px,1vh,13px)}#leaderboard{position:absolute;left:2vw;top:42%;width:clamp(180px,15vw,250px);padding:7px;background:#061120c9;border-left:5px solid #ffe132;font:900 clamp(11px,.95vw,15px) "Roboto Condensed";text-shadow:2px 2px #000;transform:skew(-2deg)}#leaderboard h4{margin:0 0 5px;color:#ffe132;font-size:1em;letter-spacing:.05em}#leaderRows div{display:grid;grid-template-columns:24px 1fr;padding:2px 5px;border-top:1px solid #ffffff25}#leaderRows .you{color:#48e9ff;background:#e52b4c66}#leaderRows b{color:#ffe132}#nitroMeter{position:absolute;left:50%;bottom:3vh;transform:translate(-50%) skew(-5deg);width:clamp(260px,28vw,470px);text-align:center;font:900 clamp(12px,1.1vw,18px) "Roboto Condensed";text-shadow:2px 2px #000}#nitroMeter>div{height:clamp(14px,1.5vw,23px);border:3px solid #fff;background:#06101b;box-shadow:4px 4px #e52b4c;overflow:hidden}#nitroFill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#23bfff,#fff,#ffe22f,#ff521e);transition:width .08s linear}#nitroMeter b{display:block;color:#ffe132;margin-top:3px}.boosting{animation:nitroHud .12s infinite alternate}#cinematicText{position:absolute;left:50%;bottom:13vh;transform:translate(-50%);width:90%;text-align:center;font:clamp(23px,3.2vw,54px) Impact;color:#ffe232;text-shadow:4px 4px #e52b4c,8px 8px #071020;letter-spacing:.05em}@keyframes nitroHud{to{filter:brightness(1.5);transform:translate(-50%) skew(-5deg) scale(1.04)}}@media(max-width:850px){#leaderboard{display:none}#nitroMeter{bottom:2vh}.backstory{display:none}.menu-card{width:90vw}.show-title{width:92vw}}#pauseOverlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);z-index:30;width:min(78vw,650px);padding:clamp(20px,3vw,42px);text-align:center;background:#071426ed;border:6px solid #fff;box-shadow:12px 12px #e52b4c,20px 20px #153f73;font-family:Impact;pointer-events:none}#pauseOverlay h2{margin:0 0 18px;font-size:clamp(34px,5vw,70px);color:#ffe233;text-shadow:5px 5px #e52b4c}#pauseOverlay p{display:inline-block;margin:5px;padding:7px 12px;background:#153f73;border:2px solid #fff;font-size:clamp(13px,1.4vw,20px)}#pauseOverlay b{display:block;margin-top:20px;font-size:clamp(16px,2vw,28px);color:#4de8ff}.word-boom{animation:wordBoom .78s cubic-bezier(.08,1.5,.2,1) both!important;z-index:40!important;bottom:auto!important;top:50%!important;font-size:clamp(58px,11vw,170px)!important;line-height:.82!important;color:#fff!important;-webkit-text-stroke:clamp(2px,.45vw,7px) #091326;text-shadow:.05em .05em #ffe12d,.1em .1em #e52b4c,.15em .15em #168dcc!important}.result-content button{margin-top:clamp(45px,8vh,110px)}@keyframes wordBoom{0%{transform:translate(-50%,-50%) scale(.05) rotate(-18deg);opacity:0}35%{transform:translate(-50%,-50%) scale(1.35) rotate(5deg);opacity:1}50%{transform:translate(-50%,-50%) scale(.92) rotate(-3deg)}65%{transform:translate(-50%,-50%) scale(1.08) rotate(2deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}.hud-center .speed-readout{font-family:Roboto Condensed;font-weight:700;font-size:48px}.clock-label{display:block;margin-bottom:1px;color:#fff;font:900 12px Roboto Condensed;letter-spacing:.25em}.hud-right{right:5vw;top:4vh;transform-origin:top right!important}.hud-right>#pos{font-size:78px}.hud-right>.radar-frame{margin-top:22px}.hud-right>b{display:block;margin-top:7px}#leaderboard{top:37%;width:clamp(230px,19vw,330px);font-size:clamp(12px,1.05vw,17px);padding:10px;border-left-width:7px}#leaderRows div{grid-template-columns:31px 1fr;padding:3px 7px}#paceDelta{margin-top:8px;text-align:center;color:#55ff75;font:900 16px Roboto Condensed;letter-spacing:.05em}.behind{color:#ff5b65!important}#broadcast{position:absolute;left:50%;top:24%;transform:translate(-50%,-15px) skew(-5deg);min-width:min(620px,70vw);padding:10px 28px;text-align:center;background:linear-gradient(90deg,#08172ddd,#163b69ee,#08172ddd);border-block:4px solid #ffe231;opacity:0;transition:.18s;font-family:Roboto Condensed;box-shadow:0 8px #e52b4c66}#broadcast.active{opacity:1;transform:translate(-50%) skew(-5deg)}#broadcast b{display:block;font:clamp(18px,2.3vw,34px) Impact;color:#ffe231;letter-spacing:.08em}#broadcast span{font-size:clamp(11px,1.15vw,17px);color:#d7efff}#visaBadge{position:absolute;right:2vw;bottom:2vh;width:clamp(190px,16vw,270px);padding:8px 12px;background:#061425d9;border:3px solid #fff;box-shadow:5px 5px #e52b4c;transform:rotate(1deg);font:900 12px Roboto Condensed;text-align:center}#visaBadge small{display:block;color:#66dfff;letter-spacing:.18em}#visaBadge b{display:block;margin:3px 0;color:#ffe231;font-size:14px}#visaBadge span{display:block;height:8px;background:#02070c;border:1px solid #fff;overflow:hidden}#styleFill{display:block;height:100%;background:linear-gradient(90deg,#3ad8ff,#ffe231,#ff3d55)}#visaBadge em{font-style:normal;color:#fff}#cockpitPanel{display:none;position:absolute;inset:auto 0 0;height:31vh;background:linear-gradient(#0000,#07101de8 32%,#111820 33%);z-index:4}#cockpitPanel.show{display:flex;align-items:flex-end;justify-content:center;gap:7vw;padding-bottom:2vh}.cockpit-wheel{position:relative;width:clamp(150px,18vw,270px);aspect-ratio:1;border:clamp(15px,2vw,30px) solid #16191c;border-radius:50%;transform:rotate(var(--steer));transition:transform .06s linear;box-shadow:inset 0 0 0 6px #555}.cockpit-wheel:before,.cockpit-wheel:after{content:"";position:absolute;left:50%;top:50%;width:80%;height:12px;background:#343a40;border:3px solid #0b0d0f;transform:translate(-50%,-50%)}.cockpit-wheel:after{transform:translate(-50%,-50%) rotate(90deg);width:55%}.cockpit-gauge{position:relative;width:clamp(110px,12vw,185px);aspect-ratio:1;border:8px solid #cbd1d5;border-radius:50%;background:radial-gradient(circle,#142333 0 53%,#070b10 54%);display:grid;place-items:center}.cockpit-gauge i{position:absolute;width:42%;height:5px;background:#ff3c44;transform-origin:right center;right:50%;transform:rotate(var(--speed-angle))}.cockpit-gauge.rpm i{transform:rotate(var(--rpm-angle))}.cockpit-gauge b{font-size:clamp(26px,3vw,48px);margin-top:25%}.cockpit-gauge small{position:absolute;bottom:18%;font:900 11px Roboto Condensed;color:#ffe22e}#hud.cinema>.hud-left,#hud.cinema>.hud-center,#hud.cinema>.hud-right,#hud.cinema>#leaderboard,#hud.cinema>#nitroMeter,#hud.cinema>#draft,#hud.cinema>#broadcast,#hud.cinema>#visaBadge{opacity:0}#hud.cinema>#cinematicText{opacity:1}.show-title{top:6vh;width:min(74vw,900px)}.show-title h1{font-size:clamp(72px,11vw,158px)}.show-title p{max-width:760px;margin:1.4vh auto 0;line-height:1.15}.menu-card{bottom:4vh;width:min(76vw,880px)}.eagle-seal{left:2vw;top:23vh}.fuel-stack{right:1vw;top:23vh}.result-content{width:min(76vw,850px)}.result-content h1{font-size:clamp(88px,14vw,190px)}.result-visa{display:inline-block;margin-top:2vh;padding:10px 24px;background:#fff;color:#10233b;border:5px solid #10233b;box-shadow:7px 7px #e52b4c;transform:rotate(-2deg)}.result-visa small{display:block;font:900 12px Roboto Condensed;letter-spacing:.18em}.result-visa strong{display:block;color:#d51f42;font-size:clamp(20px,2.6vw,38px)}@media(max-width:1000px){.eagle-seal,.fuel-stack{display:none}.menu-card{width:min(92vw,850px)}#leaderboard{transform:scale(.86);transform-origin:left center}.hud-right{right:2vw}}.hud-center>#raceClock{font:900 25px/1 Roboto Condensed;letter-spacing:.08em;color:#fff;background:#071426b8;-webkit-text-stroke:0;filter:none;display:inline-block;padding:2px 11px;border:2px solid #fff;border-radius:2px}.hud-center .clock-label{display:none}.hud-center .speed-readout{margin-top:-48px}#strategyPanel{position:absolute;right:3vw;bottom:8vh;width:clamp(170px,15vw,245px);padding:8px;background:#061120cf;border:3px solid #fff;box-shadow:5px 5px #e52b4c;font:900 clamp(11px,.9vw,15px) "Roboto Condensed";text-shadow:2px 2px #000;transform:skew(-3deg)}#strategyPanel b,#strategyPanel em{display:block;font-style:normal}#strategyPanel span{display:block;height:9px;margin:5px 0;background:#1a2732;border:1px solid #fff}#strategyPanel i{display:block;height:100%;background:linear-gradient(90deg,#e52b4c,#ffe132,#48e77b)}.menu-card{width:min(94vw,1040px);bottom:3.5vh;padding:clamp(10px,1.2vh,18px) clamp(16px,2vw,28px)}.menu-grid{grid-template-columns:repeat(3,1fr);gap:4px 18px}.menu-grid label{font-size:clamp(11px,1vw,15px)}.menu-grid select,.menu-grid input{width:56%;padding:5px!important;font-size:clamp(11px,1vw,15px)!important}.menu-card button{margin:1vh auto .5vh;padding:clamp(7px,1vh,12px)}#careerWallet{text-align:center;margin-top:8px;color:#ffe132;font:900 clamp(12px,1.1vw,17px) "Roboto Condensed";letter-spacing:.07em}.backstory{font-size:clamp(10px,.8vw,13px)!important}#mobileControls,#rotateDevice{display:none}@media(max-width:950px){.menu-grid{grid-template-columns:repeat(2,1fr)}#strategyPanel{transform:scale(.78);transform-origin:bottom right}.hud-center>#raceClock{font-size:20px}}@media(pointer:coarse){html,body,#app,#stage,canvas{touch-action:none;overscroll-behavior:none}#mobileControls{display:block;position:fixed;inset:0;z-index:8;pointer-events:none;font-family:Impact}#mobileControls button,#mobileWheel{pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none;color:#fff;text-shadow:2px 2px #000;background:#0614268c;border:3px solid #ffffffb8;box-shadow:0 0 0 4px #091a2d77}.mobile-steer{position:absolute;left:3vw;bottom:5vh;display:flex;gap:2vw}.mobile-steer button{width:clamp(72px,12vw,125px);height:clamp(72px,12vw,125px);border-radius:50%;font-size:clamp(30px,6vw,62px)}.mobile-pedals{position:absolute;right:3vw;bottom:4vh;width:clamp(210px,31vw,390px);display:grid;grid-template-columns:repeat(2,1fr);gap:1.2vw}.mobile-pedals button{height:clamp(55px,8vw,92px);border-radius:22px;font-size:clamp(15px,2.4vw,28px)}.mobile-pedals button[data-mobile=gas]{background:#168f4c9c}.mobile-pedals button[data-mobile=brake]{background:#c7283f9c}.mobile-pedals button[data-mobile=nitro]{background:#168dcc9c}.mobile-pedals button[data-mobile=drift]{background:#e090189c}#mobileControls .pressed{transform:scale(.92);filter:brightness(1.7);background:#ffe132b8!important;color:#081426}#mobileWheel{position:absolute;left:4vw;bottom:4vh;width:clamp(125px,21vw,230px);height:clamp(125px,21vw,230px);border-radius:50%;transform:rotate(var(--wheel-turn));background:#06142678}#mobileWheel:before,#mobileWheel:after,#mobileWheel i{content:"";position:absolute;left:50%;top:50%;width:82%;height:13%;background:#ffffffa8;transform:translate(-50%,-50%);border-radius:20px}#mobileWheel:after{transform:translate(-50%,-50%) rotate(90deg)}#mobileWheel i{width:27%;height:27%;border-radius:50%;background:#e52b4ccc;z-index:2}#mobileWheel b{position:absolute;left:50%;top:103%;transform:translate(-50%);font-size:15px}html[data-mobile-steering=buttons] #mobileWheel,html[data-mobile-steering=wheel] .mobile-steer,html[data-mobile-steering=tilt] .mobile-steer,html[data-mobile-steering=tilt] #mobileWheel{display:none}body:has(#menu:not(.hidden)) #mobileControls,body:has(#results:not(.hidden)) #mobileControls{display:none}#leaderboard,#status,#strategyPanel{display:none}.hud-left,.hud-right{transform:scale(.68)!important}.hud-center{transform:translate(-50%) scale(.62)!important}.hud-left{left:1vw}.hud-right{right:1vw}#nitroMeter{bottom:2vh;transform:scale(.75)}}@media(pointer:coarse)and (orientation:portrait){#rotateDevice{display:flex;position:fixed;inset:0;z-index:1000;background:#071426;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#ffe132;font:9vw Impact;padding:8vw}#rotateDevice span{font:900 4vw Roboto Condensed;color:#fff;margin-top:4vh}#mobileControls,#stage,#hud{visibility:hidden}}.front-end{background:linear-gradient(115deg,#020812e8,#0a2444e6 58%,#180b12e8),repeating-linear-gradient(90deg,#fff0 0 80px,#47cfff0c 81px 82px)}.front-header{position:absolute;left:3vw;right:3vw;top:5vh;height:10vh;display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid #fff;padding-bottom:1vh}.front-header>div:first-child{display:flex;align-items:baseline;gap:1.3vw}.front-header b{font:clamp(36px,5.5vw,78px)/.8 "Black Ops One";color:#fff;text-shadow:5px 5px #e52b4c,9px 9px #168dcc}.front-header em{font:900 clamp(10px,1vw,15px) "Roboto Condensed";color:#ffe132;letter-spacing:.16em}#profileStrip{display:flex;gap:1.2vw;text-align:right;font:900 clamp(12px,1.1vw,17px) "Roboto Condensed"}#profileStrip span{display:block;padding:.4vh .7vw;border-left:3px solid #49d9ff}#profileStrip small{display:block;color:#92b8d4;font-size:.62em;letter-spacing:.12em}#profileStrip .credits{color:#ffe132}#frontNav{position:absolute;left:3vw;top:17vh;width:14vw;display:grid;gap:.65vh}#frontNav button{padding:1.1vh .7vw;text-align:left;background:#0b2542dd;border:2px solid #ffffff55;border-left:6px solid #45d9ff;color:#fff;font:clamp(14px,1.4vw,22px) Impact;letter-spacing:.06em;cursor:pointer;transform:skew(-4deg)}#frontNav button:hover{background:#e52b4c;border-left-color:#ffe132;transform:translate(.5vw) skew(-4deg)}#frontContent{position:absolute;left:19vw;right:3vw;top:17vh;bottom:8vh;overflow:auto;padding:0 1.5vw 3vh;scrollbar-color:#e52b4c #071426}.front-hero{position:relative;margin:0 0 2vh;padding:1.5vh 1.5vw;background:linear-gradient(90deg,#e52b4cdd,#153f73bb 67%,#07142644);border-left:8px solid #ffe132;transform:skew(-2deg)}.front-hero>*{transform:skew(2deg)}.front-hero small{font:900 clamp(10px,.9vw,14px) "Roboto Condensed";letter-spacing:.2em;color:#ffe132}.front-hero h1{margin:.2vh 0;font:clamp(27px,3.5vw,55px)/.95 "Black Ops One";text-shadow:4px 4px #071426}.front-hero p{margin:.6vh 0 0;max-width:1000px;font:900 clamp(11px,1vw,15px) "Roboto Condensed";color:#d6eafa}.hub-grid,.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1vw}.hub-tile,.choice-card{position:relative;min-height:18vh;padding:1.4vh 1.2vw;text-align:left;background:linear-gradient(145deg,#0b2a4de8,#071426f0);border:3px solid #ffffff66;border-bottom:7px solid #168dcc;color:#fff;cursor:pointer;overflow:hidden}.hub-tile:before,.choice-card:before{content:"";position:absolute;right:-20%;bottom:-70%;width:70%;aspect-ratio:1;background:#47d8ff16;transform:rotate(35deg)}.hub-tile:hover,.choice-card:hover,.choice-card.selected{border-color:#fff;border-bottom-color:#ffe132;background:linear-gradient(145deg,#174c82,#8d1d37);transform:translateY(-3px)}.hub-tile.career{grid-column:span 2;background:linear-gradient(145deg,#8d1d37,#143e70)}.hub-tile small,.choice-card small{display:block;color:#62dcff;font:900 clamp(9px,.72vw,12px) "Roboto Condensed";letter-spacing:.15em}.hub-tile b,.choice-card b{display:block;margin:.5vh 0;font:clamp(22px,2.3vw,38px)/.95 Impact;color:#fff;letter-spacing:.04em}.hub-tile span,.choice-card span{display:block;font:900 clamp(10px,.9vw,14px)/1.2 "Roboto Condensed";color:#c6dded}.choice-card em{display:block;margin-top:.7vh;color:#9cb9cf;font:900 10px Roboto Condensed}.choice-card strong{display:block;margin-top:.8vh;color:#ffe132;font:900 11px Roboto Condensed;letter-spacing:.08em}.choice-card.locked,.choice-card.ineligible,.event-card.locked{filter:grayscale(1) brightness(.48);cursor:not-allowed}.career-road{display:grid;gap:1vh}.event-card{display:grid;grid-template-columns:62px 1fr 120px;gap:1vw;align-items:center;width:100%;padding:1vh 1.2vw;text-align:left;color:#fff;background:linear-gradient(90deg,#0c2a4ae8,#081422ed);border:2px solid #ffffff55;border-left:7px solid #43d8ff;cursor:pointer}.event-card:hover,.event-card.selected{border-color:#ffe132;background:linear-gradient(90deg,#99213c,#153d70)}.event-card>i{font:clamp(30px,4vw,60px) "Black Ops One";color:#ffe132;text-align:center}.event-card b{display:block;font:clamp(19px,2vw,31px) Impact}.event-card span,.event-card em,.event-card p{font:900 clamp(9px,.8vw,13px) "Roboto Condensed";margin:.15vh 0}.event-card em{display:inline-block;padding:2px 7px;background:#e52b4c;color:#fff;font-style:normal}.event-card p{color:#b9d2e3}.event-card>strong{color:#ffe132;font-size:22px;text-align:right}.event-card>strong small{display:block;color:#fff;font:900 11px Roboto Condensed}.choice-grid.cars{grid-template-columns:repeat(3,minmax(0,1fr))}.car-silhouette{height:5vh;margin-bottom:1vh;background:linear-gradient(165deg,transparent 28%,var(--car-color) 29% 72%,#111 73%);clip-path:polygon(3% 68%,16% 60%,30% 20%,70% 20%,84% 58%,97% 67%,100% 85%,0 85%);transform:scaleX(var(--car-scale));filter:drop-shadow(4px 5px #0008)}.team-card{border-top:10px solid var(--team-color)}.team-card>i{float:right;font:clamp(30px,4vw,60px) Impact;color:var(--team-color);text-shadow:2px 2px #000}.team-card>strong{font-size:16px}.stat-bars{display:grid;grid-template-columns:repeat(2,1fr);gap:3px 8px;margin-top:1vh;font:900 8px Roboto Condensed}.stat-bars span{position:relative;height:12px;background:#ffffff18;color:#fff;overflow:hidden;padding-left:2px}.stat-bars i{position:absolute;left:0;bottom:0;height:3px;background:#ffe132}.front-actions{display:flex;justify-content:center;gap:1vw;margin:2vh 0}.front-actions button,.race-review button,.launch-race{padding:1vh 1.4vw;background:#ffe132;border:3px solid #fff;box-shadow:5px 5px #e52b4c;color:#071426;font:clamp(13px,1.25vw,20px) Impact;cursor:pointer}.front-actions button:hover,.race-review button:hover,.launch-race:hover{filter:brightness(1.25);transform:scale(1.03)}.shelf-title{margin:2vh 0 .7vh;padding-left:1vw;border-left:6px solid #ffe132;font:clamp(18px,2vw,30px) Impact;letter-spacing:.08em}.shop-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8vw}.shop-item{min-height:11vh;padding:1vh;text-align:left;background:#0b263fe8;border:2px solid #ffffff55;color:#fff;cursor:pointer}.shop-item b,.shop-item span,.shop-item small{display:block}.shop-item b{font:clamp(15px,1.4vw,23px) Impact;color:#ffe132}.shop-item span,.shop-item small{font:900 clamp(9px,.75vw,12px) "Roboto Condensed";color:#b9d5e8}.shop-item.owned{border-color:#4de682}.shop-item.equipped{background:#8e203b}.shop-item:disabled{filter:grayscale(.8) brightness(.55);cursor:not-allowed}.settings-board,.race-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:1vh 1.5vw;padding:2vh;background:#071426d8;border:3px solid #ffffff55}.settings-board label,.race-rules label{display:flex;align-items:center;justify-content:space-between;font:clamp(13px,1.2vw,19px) Impact}.settings-board input,.settings-board select,.race-rules select{width:55%;padding:8px;background:#fff;border:3px solid #10243d;box-shadow:4px 4px #e52b4c;font:900 14px Roboto Condensed}.career-contract{display:grid;grid-template-columns:repeat(4,1fr);gap:1vw;padding:1.3vh;background:#071426d8;border:3px solid #ffffff55}.career-contract span{padding:1vh;border-left:5px solid #ffe132;background:#153d7077}.career-contract small,.career-contract b{display:block}.career-contract small{color:#64ddff;font:900 9px Roboto Condensed;letter-spacing:.12em}.career-contract b{margin-top:.4vh;font:clamp(14px,1.3vw,21px) Impact}.race-review{display:grid;grid-template-columns:repeat(4,1fr);gap:1vw;margin-bottom:2vh}.race-review>div{padding:1.2vh 1vw;background:#0b2947e8;border-top:6px solid #43d8ff}.race-review small,.race-review b,.race-review span{display:block}.race-review small{color:#69dcff;font:900 10px Roboto Condensed;letter-spacing:.14em}.race-review b{min-height:2.1em;margin:.5vh 0;font:clamp(17px,1.7vw,27px)/1 Impact}.race-review span{min-height:2.4em;color:#b9d3e5;font:900 11px Roboto Condensed}.race-review button{margin-top:1vh;padding:.5vh .7vw;font-size:13px}.launch-race{display:block;width:min(650px,85%);margin:2.5vh auto;font-size:clamp(22px,2.8vw,42px);animation:button-throb .65s infinite alternate}.eligibility-warning{width:min(800px,90%);margin:2vh auto;padding:2vh;text-align:center;background:#a91f3b;border:5px solid #fff;box-shadow:8px 8px #ffe132;font:clamp(20px,2.3vw,34px) Impact;color:#fff}.front-footer{position:absolute;left:3vw;right:3vw;bottom:1.4vh;display:flex;justify-content:space-between;border-top:3px solid #fff;padding-top:.7vh;font:900 clamp(9px,.8vw,12px) "Roboto Condensed";color:#b8d1e2}.front-footer b{color:#ffe132}@media(max-width:1000px){#frontNav{width:17vw}#frontContent{left:22vw}.hub-grid,.choice-grid,.choice-grid.cars,.shop-row{grid-template-columns:repeat(2,minmax(0,1fr))}.front-header em,#profileStrip span:nth-child(3){display:none}.race-review,.career-contract{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){#frontNav{left:2vw;width:18vw}#frontContent{left:22vw;right:1vw}.front-header{left:2vw;right:2vw}.front-header b{font-size:30px}#profileStrip{font-size:9px}.hub-grid,.choice-grid,.choice-grid.cars,.shop-row{grid-template-columns:1fr}.hub-tile.career{grid-column:auto}.event-card{grid-template-columns:38px 1fr}.event-card>strong{display:none}.settings-board,.race-rules{grid-template-columns:1fr}.front-footer span{display:none}}
