:root{color-scheme:dark;font-family:Rajdhani,sans-serif;--red: #ff263c;--cyan: #16d9ff;--amber: #ffb020;--panel: rgba(7, 11, 17, .72)}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;background:#020305}body{-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit}#scene{position:absolute;inset:0;width:100%;height:100%}.hidden{display:none!important}.vignette{pointer-events:none;position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 45%,transparent 38%,rgba(0,0,0,.25) 70%,rgba(0,0,0,.75) 110%)}.speed-lines{pointer-events:none;position:absolute;inset:0;z-index:3;opacity:0;transition:opacity .2s;background:repeating-conic-gradient(from 90deg at 50% 55%,transparent 0deg .3deg,rgba(180,230,255,.08) .34deg .38deg,transparent .42deg 3deg);-webkit-mask-image:radial-gradient(circle,transparent 0 15%,#000 60%);mask-image:radial-gradient(circle,transparent 0 15%,#000 60%)}.speed-lines.active{opacity:.8;animation:speedPulse .12s infinite alternate}@keyframes speedPulse{to{transform:scale(1.04);opacity:1}}.screen{position:absolute;inset:0;z-index:20}#start-screen{opacity:0;pointer-events:none;transition:opacity .55s ease}#start-screen.active{opacity:1;pointer-events:auto}.start-art{position:absolute;inset:0;background:url(/assets/redline-chase-BR1t15P4.png) center / cover no-repeat;transform:scale(1.025);animation:heroDrift 14s ease-in-out infinite alternate}@keyframes heroDrift{to{transform:scale(1.08) translate(-1%)}}.start-shade{position:absolute;inset:0;background:linear-gradient(90deg,#010408f5,#010408c7 27%,#01040814 65%),linear-gradient(0deg,#020407 0%,transparent 35%)}.start-content{position:absolute;left:clamp(28px,7vw,110px);top:50%;transform:translateY(-53%);width:min(580px,48vw)}.eyebrow{display:flex;align-items:center;gap:10px;color:#ffffffa6;letter-spacing:.24em;font-size:13px;font-weight:700;text-transform:uppercase}.eyebrow span{width:28px;height:2px;background:var(--red);box-shadow:0 0 12px var(--red)}h1{margin:18px 0 0;font:italic 800 clamp(64px,8vw,126px)/.66 "Barlow Condensed",sans-serif;letter-spacing:-.045em;text-transform:uppercase;transform:skew(-3deg)}h1 i{color:#fff;font-style:italic;text-shadow:0 2px 0 #83909a,0 0 24px rgba(255,255,255,.15)}h1 b{color:var(--red);font-weight:800;text-shadow:0 0 36px rgba(255,38,60,.45)}.cn-title{margin:22px 0 8px 4px;font:600 20px Barlow Condensed;letter-spacing:.48em;color:#ffffffd9}.tagline{margin:20px 0 28px 4px;color:#e0e8efb8;line-height:1.65;font-size:16px}.primary-btn{position:relative;width:280px;height:56px;border:1px solid rgba(255,74,88,.65);background:linear-gradient(115deg,#d80b26,#ff3049);transform:skew(-8deg);cursor:pointer;overflow:hidden;box-shadow:0 0 32px #ff143233;text-transform:uppercase;font-weight:700;letter-spacing:.1em}.primary-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-120%);transition:.4s}.primary-btn:hover:before{transform:translate(120%)}.primary-btn span,.primary-btn kbd{display:inline-block;transform:skew(8deg)}.primary-btn kbd{margin-left:30px;font-size:10px;padding:4px 7px;border:1px solid rgba(255,255,255,.5);background:#0003}.controls-hint{display:flex;gap:22px;margin:26px 0 0 4px;color:#ffffff75;font-size:12px;text-transform:uppercase}kbd{font:600 10px Rajdhani;border:1px solid rgba(255,255,255,.25);padding:2px 5px;margin-right:3px}.start-meta{position:absolute;right:36px;bottom:28px;display:flex;gap:18px;align-items:center;color:#ffffff73;text-transform:uppercase;font-size:11px;letter-spacing:.15em}.start-meta strong{color:#fff;font-size:16px;padding-right:18px;border-right:1px solid rgba(255,255,255,.2)}.countdown{position:absolute;z-index:25;inset:0;display:grid;place-items:center;background:radial-gradient(circle,transparent 0%,rgba(0,0,0,.4) 80%)}.countdown span{font:italic 800 190px Barlow Condensed;text-shadow:8px 8px 0 rgba(255,20,45,.75),0 0 60px rgba(255,255,255,.5);animation:countIn .9s ease-out}@keyframes countIn{0%{opacity:0;transform:scale(1.8);filter:blur(10px)}40%{opacity:1}to{opacity:0;transform:scale(.65);filter:blur(0)}}#hud{position:absolute;inset:0;z-index:5;pointer-events:none}.top-hud{position:absolute;top:0;left:0;right:0;height:105px;display:grid;grid-template-columns:180px 1fr 180px;align-items:start;padding:20px 30px;background:linear-gradient(#030509cc,transparent)}.position-block{position:relative;line-height:.8}.position-block strong{font:italic 800 54px Barlow Condensed}.position-block>span{font:700 19px Barlow Condensed;color:#85919d}.position-block small{display:block;margin-top:9px;letter-spacing:.2em;color:#8e99a3;font-size:10px;text-transform:uppercase}.race-progress{width:min(530px,45vw);justify-self:center;padding-top:7px}.progress-label{display:flex;justify-content:space-between;align-items:end;color:#67717b;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.progress-label b{color:#fff;font-size:13px}.progress-track{position:relative;height:3px;margin-top:12px;background:#ffffff24}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),#ff7a44);box-shadow:0 0 10px var(--red)}.progress-track em{position:absolute;top:50%;left:0;width:8px;height:8px;transform:translate(-50%,-50%) rotate(45deg);background:#fff;box-shadow:0 0 10px #fff}.pursuit-block{display:flex;justify-content:flex-end;gap:10px;align-items:center;text-align:right}.pursuit-block small{display:block;color:#84909c;letter-spacing:.15em;text-transform:uppercase;font-size:9px}.pursuit-block strong{color:#ff344b;letter-spacing:.16em;text-shadow:0 0 8px red}.police-lights{display:flex;width:48px;height:10px;transform:skew(-15deg)}.police-lights i{flex:1;animation:policeFlash .35s infinite alternate;background:#168cff;box-shadow:0 0 16px #008cff}.police-lights i:last-child{background:#ff1838;box-shadow:0 0 16px red;animation-delay:.35s}@keyframes policeFlash{50%{opacity:.18}}.rival-panel{position:absolute;top:130px;right:28px;width:190px;padding:11px 13px;border-right:2px solid var(--red);background:linear-gradient(90deg,transparent,rgba(5,8,13,.8));text-align:right;transform:skew(-5deg)}.rival-tag{display:flex;justify-content:space-between;color:#9aa6b0;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.rival-tag span{color:var(--red)}.rival-name{margin:5px 0;display:flex;justify-content:flex-end;align-items:center;gap:8px;font:700 18px Barlow Condensed;letter-spacing:.08em}.rival-name i{width:7px;height:7px;background:#ff5b30;box-shadow:0 0 7px currentColor}.health-bar{position:relative;height:6px;background:#ffffff1f;transform:skew(-18deg);overflow:hidden}.health-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff152f,#ffb22e);box-shadow:0 0 8px #ff334d;transition:width .2s}.health-bar.small{height:3px}.event-feed{position:absolute;left:30px;top:130px;display:flex;flex-direction:column;gap:7px}.feed-item{min-width:200px;padding:7px 12px;border-left:2px solid var(--cyan);background:linear-gradient(90deg,rgba(6,12,18,.75),transparent);font-size:12px;letter-spacing:.06em;animation:feedLife 3.8s forwards}.feed-item b{color:var(--cyan);margin-right:7px}.feed-item.danger{border-color:var(--red)}.feed-item.danger b{color:var(--red)}@keyframes feedLife{0%{opacity:0;transform:translate(-20px)}10%,80%{opacity:1;transform:none}to{opacity:0;transform:translate(-8px)}}.lock-on{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:170px;height:170px;border:1px solid rgba(18,218,255,.5);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cyan);text-shadow:0 0 8px var(--cyan);font-size:11px;letter-spacing:.15em;background:radial-gradient(circle,transparent 40%,rgba(0,180,255,.08))}.lock-on i{position:absolute;inset:12px;border:2px dashed var(--cyan);border-radius:50%;animation:spin 2s linear infinite}.lock-on b{font-size:22px}.lock-on span{margin-bottom:5px}@keyframes spin{to{transform:rotate(360deg)}}.jammed,.incoming{position:absolute;top:115px;left:50%;transform:translate(-50%) skew(-7deg);padding:8px 18px;border:1px solid var(--cyan);background:#003241bf;color:var(--cyan);font-size:12px;letter-spacing:.15em;text-transform:uppercase;box-shadow:0 0 20px #00beff33}.incoming{color:#ff384f;border-color:#ff384f;background:#46000abf;animation:warning .5s infinite alternate}.incoming span{background:#ff243f;color:#fff;padding:2px 6px;margin-right:8px}.incoming b{font-weight:700}.incoming.evading{color:var(--cyan);border-color:var(--cyan);background:#00374bc7;box-shadow:0 0 22px #16d9ff4d}.incoming.evading span{background:var(--cyan);color:#00151b}@keyframes warning{to{opacity:.55}}.tactic-alert{position:absolute;top:168px;left:50%;transform:translate(-50%) skew(-7deg);display:flex;gap:12px;align-items:center;padding:7px 16px;border:1px solid rgba(255,38,60,.55);background:linear-gradient(90deg,#46000cb3,#050a10d1);text-transform:uppercase;letter-spacing:.12em;font-size:10px;animation:tacticIn .22s ease-out}.tactic-alert span{color:#ff5264;font-weight:700}.tactic-alert b{color:#d9e2e8;font-weight:600}@keyframes tacticIn{0%{opacity:0;transform:translate(-50%) translateY(-12px) skew(-7deg)}}.drift-hud{position:absolute;left:50%;bottom:174px;transform:translate(-50%) skew(-7deg);width:155px;text-align:center;color:#fff;text-shadow:0 0 12px var(--cyan)}.drift-hud span{color:var(--cyan);font:italic 700 13px Barlow Condensed;letter-spacing:.3em}.drift-hud strong{margin-left:9px;font:italic 700 22px Barlow Condensed}.drift-hud div{height:3px;margin-top:4px;background:#ffffff21}.drift-hud i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),#fff);box-shadow:0 0 9px var(--cyan);transition:width .08s}.bottom-hud{position:absolute;bottom:0;left:0;right:0;height:190px;display:grid;grid-template-columns:1fr 260px 1fr;align-items:end;padding:0 28px 24px;background:linear-gradient(transparent,#000000d1)}.integrity{width:260px;margin-bottom:8px}.integrity-head{display:flex;justify-content:space-between;color:#9ba5ae;text-transform:uppercase;font-size:10px;letter-spacing:.14em;margin-bottom:8px}.integrity-head b{color:#fff;font-size:12px}.integrity-head small{margin-left:7px;color:#75818a;font-size:8px;letter-spacing:.08em}.integrity-head small[data-level="1"]{color:#ffb632}.integrity-head small[data-level="2"],.integrity-head small[data-level="3"]{color:#ff344c;text-shadow:0 0 7px red}.lives{display:flex;gap:5px;align-items:center;margin-top:9px}.lives span{width:18px;height:6px;background:var(--red);transform:skew(-20deg);box-shadow:0 0 6px red;transition:.2s}.lives span.lost{background:#30353b;box-shadow:none}.lives b{font-size:9px;color:#68737d;text-transform:uppercase;letter-spacing:.1em;margin-left:5px}.speedo{position:relative;height:150px;justify-self:center;width:240px}.speed-ring{position:absolute;inset:0;text-align:center}.speed-ring svg{position:absolute;left:20px;top:10px;width:200px;overflow:visible}.speed-ring path{fill:none;stroke-width:4;stroke-linecap:round}.speed-base{stroke:#ffffff1f}.speed-arc{stroke:var(--red);stroke-dasharray:258;stroke-dashoffset:258;filter:drop-shadow(0 0 6px red);transition:stroke-dashoffset .1s}.speed-ring strong{display:block;padding-top:43px;font:italic 700 58px/.8 Barlow Condensed;letter-spacing:-.03em}.speed-ring span{font-size:10px;color:#81909b;letter-spacing:.2em}.gear{position:absolute;right:8px;bottom:18px;text-align:center}.gear small{display:block;color:#7d8891;font-size:8px}.gear b{font:700 20px Barlow Condensed}.abilities{display:flex;gap:7px;justify-content:flex-end;pointer-events:auto}.ability{position:relative;width:82px;height:82px;padding:7px;background:#060a0fc7;border:1px solid rgba(255,255,255,.14);cursor:pointer;overflow:hidden;transition:.2s}.ability:hover,.ability.ready{border-color:#13d3ff80}.ability:active{transform:scale(.96)}.ability kbd{position:absolute;top:5px;left:5px;color:#88959f}.ability-icon{display:block;color:var(--cyan);font:700 30px/34px Barlow Condensed;text-shadow:0 0 8px var(--cyan)}.ability span{display:block;font-size:9px;color:#afbac2;text-transform:uppercase;white-space:nowrap}.ability b{position:absolute;right:5px;top:4px;color:#fff;font-size:12px}.ability em{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.ability.cooling{filter:saturate(.2)}.ability.cooling em{background:#6c7680}.ability.empty{opacity:.35}.pause-tip{position:absolute;right:28px;top:102px;font-size:9px;color:#65717a;letter-spacing:.1em;text-transform:uppercase}.wreck-screen{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,transparent 0%,rgba(105,0,10,.22) 50%,rgba(0,0,0,.82));pointer-events:none;animation:wreckFlash .25s ease-out}.wreck-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 15px,rgba(255,20,40,.035) 16px 17px)}.wreck-screen small{color:#ff4056;letter-spacing:.55em;text-transform:uppercase}.wreck-screen strong{font:italic 800 clamp(82px,14vw,190px)/.8 "Barlow Condensed";color:#fff;text-shadow:8px 8px 0 #c50021,0 0 40px rgba(255,0,35,.35)}.wreck-screen p{color:#adb6bd;letter-spacing:.25em;text-transform:uppercase}@keyframes wreckFlash{0%{background:#fff;filter:contrast(2)}}.modal-screen{z-index:30;display:grid;place-items:center;background:#000000ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card,.result-card{min-width:390px;padding:42px;text-align:center;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#12171ff5,#030508f5);box-shadow:0 30px 90px #000}.modal-card small,.result-card>small{color:var(--red);letter-spacing:.45em;text-transform:uppercase}.modal-card h2,.result-card h2{margin:0 0 30px;font:italic 800 76px Barlow Condensed;text-transform:uppercase}.modal-card .primary-btn{display:block;margin:0 auto 10px}.ghost-btn{border:0;background:transparent;color:#77838d;text-transform:uppercase;cursor:pointer;padding:10px 20px}.result-card{width:min(540px,90vw)}.result-card h2{margin-bottom:0}.result-rank strong{font:italic 800 100px/.8 Barlow Condensed;color:var(--red)}.result-rank span{font-size:22px;color:#7e8992}.result-card p{color:#9da7af}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0;border-block:1px solid rgba(255,255,255,.1);padding:18px 0}.result-stats div+div{border-left:1px solid rgba(255,255,255,.1)}.result-stats span{display:block;color:#68747e;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.result-stats b{font:700 18px Barlow Condensed}.result-card .primary-btn{margin:auto}.touch-controls{display:none;position:absolute;z-index:8;left:18px;right:18px;bottom:112px;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:8px}.touch-controls button{pointer-events:auto;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#00000059;font-size:28px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.touch-controls button.gas{border-color:#ff1e3c99;font-size:12px;background:#b400194d}.touch-controls button[data-key=brake],.touch-controls button[data-key=handbrake]{font-size:11px}.touch-controls button[data-key=handbrake]{border-color:#16d9ff8c;background:#00506e47}@media(max-width:800px){.start-content{width:calc(100% - 48px);left:24px}.start-shade{background:linear-gradient(90deg,#010408e6,#01040840),linear-gradient(0deg,#020407,transparent 60%)}h1{font-size:72px}.tagline{font-size:14px}.controls-hint,.start-meta{display:none}.top-hud{grid-template-columns:100px 1fr 100px;padding:15px}.race-progress{width:100%}.pursuit-block{transform:scale(.8);transform-origin:right top}.bottom-hud{grid-template-columns:1fr 150px 1fr;height:145px;padding:0 12px 12px}.speedo{width:150px;transform:scale(.72);transform-origin:center bottom}.integrity{width:150px}.abilities{position:absolute;right:10px;bottom:118px}.ability{width:54px;height:57px;padding:4px}.ability-icon{font-size:23px;line-height:25px}.ability span{font-size:7px}.touch-controls{display:flex}.rival-panel{top:100px;right:14px;transform:scale(.78);transform-origin:right top}.event-feed{left:14px;top:100px}.pause-tip{display:none}.tactic-alert{top:138px}.drift-hud{bottom:139px}}