@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}.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}#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{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)}@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}}