@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--lime:#d2f756;--ink:#142321;--muted:#9fb3a8;--pink:#f479d0;--white:#f2f5e9}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white);font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer;transition:filter .2s,transform .2s}button:hover{filter:brightness(1.17)}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}#world,canvas.renderer,.vignette,#danger,#labels{position:fixed;inset:0;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(90deg,#0c211be8,#14271c33 63%,#10251a30),linear-gradient(0deg,#0d201aef,transparent 45%,#0e241d55)}#danger{pointer-events:none;box-shadow:inset 0 0 120px #eb3d5c00;transition:box-shadow .3s;z-index:2}body.outside #danger{box-shadow:inset 0 0 110px #ed455c77}#labels{pointer-events:none;z-index:2}.world-label{position:absolute;transform:translate(-50%,-100%);text-align:center;white-space:nowrap;font-size:11px;text-shadow:0 2px 5px #0d201e;background:#182b247a;padding:5px 9px;border-top:2px solid var(--pink)}.world-label b{color:var(--pink);margin-right:5px}.world-label small{display:block;margin-top:3px;font:10px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#e0e8d9}.world-label.enemy{border-color:var(--lime);background:#15251d90}.world-label.enemy b{color:var(--lime)}
header{position:fixed;top:26px;left:4.1%;right:4.1%;height:50px;display:flex;align-items:center;justify-content:space-between;z-index:10}.brand{display:flex;gap:12px;align-items:center;color:var(--white);text-decoration:none;font:800 25px/1 'Barlow Condensed',sans-serif;letter-spacing:1px}.brand>b{font-size:53px;color:var(--lime);font-style:italic;line-height:.9}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:3.7px;margin-top:8px}.header-center{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:2px}.header-center i{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #d2f75666}.header-center>span{font:10px 'Barlow Condensed',sans-serif;color:#b5c4b8;letter-spacing:2px;margin-left:8px}.header-actions{display:flex;gap:10px}.header-actions button{width:34px;height:34px;background:#ffffff08;border:1px solid #ffffff25;border-radius:50%;font-size:18px;position:relative}.header-actions button>span{position:absolute;color:var(--lime);left:14px;top:3px;font-size:23px}.hero{position:absolute;top:25%;left:6.5%;z-index:3}.eyebrow{font:11px 'Barlow Condensed',sans-serif;letter-spacing:3px;display:flex;align-items:center;gap:12px;color:#cfddcb}.eyebrow>span{width:27px;height:1px;background:var(--lime)}h1{font-size:clamp(55px,6.7vw,101px);line-height:1.1;letter-spacing:-5px;margin:28px 0 24px;font-weight:900}h1>span{color:var(--lime)}h1 em{display:block;font:500 18px 'Barlow Condensed',sans-serif;letter-spacing:12px;color:#d7e0cb;margin-top:19px}.hero p{font-size:12px;color:#b9cbbd;line-height:2.15;letter-spacing:.8px;margin:0 0 30px}.primary{background:var(--lime);color:#1b291d;padding:16px 24px;min-width:220px;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:13px;font-weight:700;transform:skew(-4deg)}.primary b{font-size:24px;line-height:1}.primary:hover{transform:skew(-4deg) translateY(-2px)}.home-tip{font-size:9px;color:#c0cdbb;margin-top:18px;display:flex;align-items:center;gap:8px}.home-tip>span{margin-left:10px;color:#9cb09c}kbd{font:9px sans-serif;border:1px solid #ffffff3a;border-radius:2px;padding:3px 5px;color:#e1e9d5}.mode-card{position:absolute;right:4.2%;top:25%;width:246px;z-index:3;background:#10241fce;border:1px solid #ffffff25;backdrop-filter:blur(15px)}.card-top{display:flex;justify-content:space-between;padding:15px 17px;font-size:10px;letter-spacing:2px}.card-top b{font:11px 'Barlow Condensed',sans-serif;color:var(--muted)}.arena-art{height:145px;background:#59755f;position:relative;overflow:hidden}.arena-art>span{position:absolute;left:18px;top:18px;font:800 29px/.87 'Barlow Condensed',sans-serif;letter-spacing:1px}.arena-art i{color:var(--lime);font-style:normal}.art-circle{position:absolute;width:180px;height:180px;border:2px solid #d2f756aa;border-radius:50%;right:-24px;top:-17px;box-shadow:0 0 0 23px #d2f75615,0 0 0 44px #d2f75610}.art-road{position:absolute;right:-25px;bottom:-8px;width:180px;height:75px;border:12px solid #dfdbb9a0;border-radius:50%;transform:rotate(-35deg)}.art-dot{width:7px;height:7px;border-radius:50%;background:var(--pink);position:absolute;box-shadow:0 0 20px var(--pink)}.art-dot.a{top:32px;right:40px}.art-dot.b{top:81px;right:90px;background:var(--lime)}.art-dot.c{top:116px;right:16px}ol{list-style:none;padding:6px 20px 10px;margin:0}ol li{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #ffffff13}ol li:last-child{border:0}ol li>b{font:500 21px 'Barlow Condensed',sans-serif;color:var(--lime)}ol li>span{font-size:11px;letter-spacing:.5px}ol small{display:block;color:#9eb49f;font-size:9px;margin-top:5px}.home-stats{position:absolute;bottom:145px;left:6.5%;display:flex;gap:45px}.home-stats small{display:block;font-size:9px;letter-spacing:1px;color:#a7bba6}.home-stats strong{font:500 27px 'Barlow Condensed',sans-serif;display:block;margin-top:5px}footer{position:absolute;left:4.1%;right:4.1%;bottom:0;height:94px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}footer i{color:var(--lime);margin:0 11px}footer small{font-size:9px;color:#98ac9a}
#hud{position:fixed;inset:0;pointer-events:none;z-index:3}#hud button{pointer-events:auto}body.playing .vignette{background:linear-gradient(0deg,#11291cbb,transparent 32%,transparent 65%,#122c2255)}.zone-card{position:absolute;left:4.2%;top:119px;width:207px}.zone-card>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;color:var(--lime)}.zone-card>div:first-child b{font:10px 'Barlow Condensed',sans-serif;color:#ccdac2}.zone-card>strong{font:500 45px/1.25 'Barlow Condensed',sans-serif;letter-spacing:2px;display:block;margin:6px 0 10px}.zone-detail{display:flex;justify-content:space-between;color:#c0d0b9;font-size:9px}.zone-progress{height:3px;background:#ffffff25;margin-top:13px}.zone-progress>span{display:block;height:100%;width:100%;background:var(--lime)}#outside-warning{color:#ff8d99;font-size:11px;margin-top:17px;display:flex;align-items:center;gap:8px}#outside-warning b{font:600 24px 'Barlow Condensed',sans-serif}#outside-warning small{font-size:8px}.alive-card{position:absolute;right:4.2%;top:119px;text-align:right}.alive-card>small{font-size:10px;letter-spacing:2px;color:#c9d8bd}.alive-card>strong{font:600 59px/1.2 'Barlow Condensed',sans-serif;display:block}.alive-card>strong>span{font-size:20px;color:#a8b99d}.alive-card>p{font-size:9px;margin-top:6px;letter-spacing:1px;color:#b9cbb1}.alive-card>p>b{color:var(--lime);font-size:13px}.compass{position:absolute;left:50%;top:105px;transform:translateX(-50%);text-align:center;font:11px 'Barlow Condensed',sans-serif;letter-spacing:4px;color:#d7e2cc}.compass strong{display:block;font-size:12px;letter-spacing:1px;color:var(--lime);margin-top:9px}
#announcement{position:absolute;top:28%;left:50%;transform:translateX(-50%);text-align:center;width:90%;opacity:0;transition:opacity .25s;pointer-events:none;text-shadow:0 2px 15px #09231666}#announcement.visible{opacity:1}#announcement>small{display:block;color:var(--lime);font:12px 'Barlow Condensed',sans-serif;letter-spacing:4px;margin-bottom:8px}#announcement>strong{font-size:29px;letter-spacing:2px}#duel-hud{position:absolute;top:19%;left:50%;transform:translateX(-50%);background:#10281eaf;border-top:2px solid var(--lime);width:310px;padding:13px 20px;text-align:center;backdrop-filter:blur(12px)}#duel-hud>span{font:9px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:var(--lime)}#duel-hud>div{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 0;font-size:10px}#duel-hud>div>i{color:#b1c5a6;font:italic 20px 'Barlow Condensed',sans-serif}#duel-hud>strong{font:500 34px 'Barlow Condensed',sans-serif}#duel-hud>small{display:block;font-size:9px;color:#b3c4a8;margin-top:5px}#interaction{position:absolute;bottom:29%;left:50%;transform:translateX(-50%);background:#132c22e6;border:1px solid #d2f75655;min-width:300px;display:flex;align-items:center;gap:13px;padding:13px 16px;backdrop-filter:blur(10px)}#interaction>kbd{font-size:18px;border-color:#d2f75688;padding:6px 10px;color:var(--lime)}#interaction strong{font-size:12px;font-weight:600;display:block}#interaction small{font-size:9px;color:#adc09f;display:block;margin-top:5px}#interaction button{background:var(--lime);color:var(--ink);font-size:10px;padding:9px 12px;margin-left:auto;white-space:nowrap}
.map-wrap{position:absolute;bottom:84px;left:3.8%;width:220px}.map-wrap>canvas{width:100%;height:auto}.map-wrap>div{display:flex;align-items:center;justify-content:space-between;padding:0 15px}.map-wrap span{font:9px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#c2d4b5}.map-wrap button{background:none;font:12px 'Barlow Condensed',sans-serif;color:var(--lime)}.speedometer{position:absolute;bottom:90px;right:4.3%;width:221px;transform:skew(-4deg)}.vehicle{display:flex;gap:10px;align-items:center}.vehicle>b{background:var(--lime);color:#13251b;min-width:34px;text-align:center;font:700 27px 'Barlow Condensed',sans-serif;padding:2px 6px}.vehicle small{font:8px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#b9cbae;display:block}.vehicle strong{font:600 15px 'Barlow Condensed',sans-serif;letter-spacing:1px;display:block;margin-top:3px}.speed-number{display:flex;align-items:end;gap:13px;margin-top:10px}.speed-number>strong{font:600 101px/.93 'Barlow Condensed',sans-serif}.speed-number>span{padding-bottom:6px;display:flex;flex-direction:column;align-items:center;gap:10px}.speed-number b{border:1px solid #ffffff50;font:21px 'Barlow Condensed',sans-serif;padding:0 8px}.speed-number small{font:10px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#c6d6bb}.rpm{height:4px;background:#ffffff30;margin-top:17px}.rpm>span{display:block;width:0;height:100%;background:var(--white)}.car-spec{display:flex;justify-content:space-between;font:9px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#b7cba8;margin-top:10px}.car-spec>span:first-child{color:var(--lime)}.race-controls{position:absolute;left:4.2%;right:4.2%;bottom:28px;display:flex;justify-content:center;align-items:center;gap:25px;color:#b2c4a6;font-size:9px}.race-controls kbd{margin-right:5px}.race-controls>button{background:none;font-size:10px;color:#dce6cf;margin-left:auto}.race-controls>button kbd{margin-left:8px}#countdown{position:absolute;top:42%;left:0;width:100%;text-align:center;font:800 100px 'Barlow Condensed',sans-serif;color:var(--lime);text-shadow:0 3px 15px #15352888}#touch{display:none}
.overlay{position:fixed;inset:0;background:#0c211bcb;backdrop-filter:blur(15px);z-index:30;display:flex;align-items:center;justify-content:center;padding:23px}.modal{background:#162b23;border:1px solid #ffffff25;max-width:840px;width:100%;max-height:92dvh;overflow:auto;padding:38px;position:relative}.modal h2{font-size:30px;letter-spacing:1px;margin:11px 0 15px}.modal .eyebrow{color:var(--lime)}.modal-intro{font-size:12px;color:#b2c6ab;line-height:1.9}.close{position:absolute;top:12px;right:17px;font-size:26px;background:none;color:#bfd0b5;z-index:2}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:25px 0}.choice{background:#ffffff04;border:1px solid #ffffff25;padding:22px 18px;text-align:left;color:#e8efda}.choice.selected{border-color:var(--lime);background:#d2f7560b}.choice>b{font:600 31px 'Barlow Condensed',sans-serif;color:var(--lime);display:block}.choice strong{display:block;font-size:17px;margin:10px 0}.choice p{font-size:10px;color:#b2c5a9;line-height:1.8;margin:0}.choice small{display:block;color:var(--lime);font-size:9px;letter-spacing:1px;margin-top:17px}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.secondary{padding:13px 21px;background:#ffffff08;border:1px solid #ffffff30;font-size:12px}.map-container{position:relative;margin-top:18px;display:flex;justify-content:center;background:#10231c80;border:1px solid #ffffff15}.map-container canvas{width:100%;max-width:560px;max-height:48vh;object-fit:contain}.map-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:9px;color:#aec4a5;margin-top:13px}.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:6px}.map-legend span:nth-child(2) i{background:#ffffff}.map-legend span:nth-child(3) i{background:#ee84b6}.help-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;margin:24px 0}.help-list>div{border-top:1px solid #ffffff20;padding-top:14px}.help-list b{font-size:12px;color:var(--lime)}.help-list p{font-size:11px;color:#b2c5aa;line-height:1.9;margin-bottom:0}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.record-grid strong{display:block;color:var(--lime);font:600 39px 'Barlow Condensed',sans-serif}.record-grid small{font-size:10px;color:#b0c4a7}#toast{position:fixed;bottom:130px;left:50%;transform:translate(-50%,10px);max-width:90%;width:max-content;background:#162d23f0;border:1px solid #d2f75666;padding:13px 19px;font-size:11px;color:#e8efda;z-index:50;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}#error{position:fixed;inset:0;z-index:99;background:#142b23;place-content:center;text-align:center}.help-source{font-size:9px;color:#8fa68a;margin-top:22px}.help-source a{color:#b0c7a4}
@media(max-width:1000px){.header-center>span{display:none}.mode-card{width:211px}.hero{left:6%}h1{font-size:72px}.hero p{font-size:11px}.race-controls{gap:13px}.race-controls>span{font-size:8px}.compass{top:99px}.home-stats{bottom:125px;gap:30px}footer{height:80px}}
@media(max-height:720px) and (min-width:701px){.hero{top:24%}h1{font-size:63px;margin:20px 0}h1 em{font-size:13px;letter-spacing:9px;margin-top:14px}.hero p{font-size:10px;margin-bottom:24px}.mode-card{top:23%;width:210px}.arena-art{height:100px}.arena-art>span{font-size:23px;top:14px}ol li{padding:12px 0}.home-stats{bottom:103px}.home-stats strong{font-size:22px}footer{height:65px}.home-tip{font-size:8px}.primary{padding:14px 20px;min-width:195px}}
@media(max-width:700px){header{left:5.5%;right:5.5%;top:20px;height:42px}.brand{font-size:20px;gap:9px}.brand>b{font-size:42px}.brand small{font-size:7px;letter-spacing:2.9px}.header-center{display:none}.header-actions{gap:7px}.header-actions button{width:29px;height:29px;font-size:16px}.hero{top:22%;left:7%;right:7%}.hero .eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:67px;margin:23px 0}h1 em{font-size:14px;letter-spacing:8px;margin-top:13px}.hero p{font-size:11px;line-height:2}.hero .primary{min-width:197px;max-width:240px;padding:15px 20px}.home-tip{font-size:8px;gap:5px}.home-tip>span{margin-left:5px}.mode-card{left:7%;right:7%;top:auto;bottom:170px;width:auto}.card-top,.arena-art{display:none}ol{display:flex;padding:15px 13px;justify-content:space-between;gap:10px}ol li{border:0;padding:0;gap:7px}ol li>b{font-size:18px}ol li>span{font-size:9px}ol small{font-size:7px}.home-stats{left:7%;bottom:99px;gap:37px}.home-stats small{font-size:8px}.home-stats strong{font-size:23px}footer{left:7%;right:7%;height:70px;display:block;padding-top:18px;font-size:8px}footer small{display:block;margin-top:8px;font-size:8px}.zone-card{top:91px;left:6%;width:150px}.zone-card>div:first-child{font-size:9px}.zone-card>strong{font-size:35px;margin:5px 0 8px}.zone-detail{font-size:8px}.zone-progress{margin-top:9px}.alive-card{top:90px;right:6%}.alive-card>small{font-size:9px}.alive-card>strong{font-size:45px}.alive-card>strong>span{font-size:16px}.alive-card>p{font-size:8px;margin-top:4px}.compass{top:80px;font-size:8px;letter-spacing:2px}.compass strong{font-size:9px;max-width:130px;margin-top:6px}.speedometer{bottom:164px;width:151px;right:6%}.vehicle>b{font-size:22px;min-width:29px}.vehicle small{font-size:6px}.vehicle strong{font-size:11px}.vehicle{gap:7px}.speed-number{margin-top:8px;gap:9px}.speed-number>strong{font-size:75px}.speed-number>span{gap:6px}.speed-number b{font-size:15px;padding:0 6px}.speed-number small{font-size:8px}.rpm{margin-top:12px;height:3px}.car-spec{font-size:7px}.map-wrap{width:159px;left:3.5%;bottom:159px}.map-wrap>div{padding:0 11px}.map-wrap span{font-size:7px;letter-spacing:1px}.map-wrap button{font-size:10px}.race-controls{bottom:128px;justify-content:flex-end}.race-controls>span{display:none}.race-controls>button{font-size:9px}#touch{display:flex;position:absolute;bottom:35px;left:5%;right:5%;justify-content:space-between;gap:12px;pointer-events:auto;touch-action:none}#touch>div{display:flex;gap:6px;align-items:end}#touch button{background:#142e22ba;border:1px solid #c6dfb359;border-radius:9px;min-width:43px;height:50px;font-size:11px;touch-action:none;user-select:none}#touch .accelerate{height:67px;color:var(--lime);background:#d2f75620}#announcement{top:30%}#announcement>strong{font-size:22px}#announcement>small{font-size:10px}#duel-hud{top:24%;width:270px;padding:10px 15px}#duel-hud>div{font-size:9px;margin:9px 0}#duel-hud>strong{font-size:27px}#duel-hud>small{font-size:8px}#interaction{bottom:43%;min-width:280px;padding:10px 12px;gap:10px}#interaction strong{font-size:11px}#interaction small{font-size:8px}#interaction>kbd{font-size:14px}.modal{padding:29px 21px}.modal h2{font-size:25px}.modal-intro{font-size:11px}.cards{gap:9px;margin:20px 0}.choice{padding:14px 11px}.choice strong{font-size:13px}.choice p{font-size:9px}.choice small{font-size:8px}.choice>b{font-size:24px}.help-list{grid-template-columns:1fr;gap:12px}.help-list b{font-size:11px}.help-list p{font-size:10px}.record-grid strong{font-size:30px}.record-grid small{font-size:9px}#toast{bottom:123px;font-size:10px}.world-label{font-size:9px;padding:4px 6px}.world-label small{font-size:8px}#outside-warning{font-size:9px;gap:5px;margin-top:10px}#outside-warning b{font-size:21px}#outside-warning small{font-size:7px}}
@media(max-width:700px) and (max-height:650px){.hero{top:23%}.hero .eyebrow{font-size:8px}h1{font-size:47px;margin:15px 0}h1 em{font-size:10px;letter-spacing:6px;margin-top:9px}.hero p{font-size:9px;margin-bottom:19px}.hero .primary{padding:12px 18px;min-width:186px}.home-tip{margin-top:12px;font-size:7px}.mode-card{bottom:89px}.mode-card ol{padding:12px}.home-stats{display:none}footer{height:63px}.zone-card{top:84px;width:128px}.zone-card>strong{font-size:29px}.alive-card{top:83px}.alive-card>strong{font-size:38px}.compass{top:83px;max-width:140px}.map-wrap{width:142px;bottom:142px}.speedometer{width:140px;bottom:146px}.speed-number>strong{font-size:66px}.vehicle strong{font-size:10px}.race-controls{bottom:111px}#touch{bottom:23px}#touch button{height:44px;min-width:41px}#touch .accelerate{height:56px}#duel-hud{top:25%;width:250px;padding:7px 12px}#duel-hud>strong{font-size:22px}#duel-hud>div{margin:6px 0}#interaction{bottom:40%;padding:9px 12px}.world-label{font-size:8px}}
@media(max-width:420px){.cards{grid-template-columns:1fr}.choice{display:grid;grid-template-columns:35px 1fr;gap:0 8px;padding:12px}.choice>b{grid-row:1/4}.choice strong{margin:0 0 4px}.choice small{margin-top:7px}.home-tip>span{font-size:7px}#touch{left:4%;right:4%;gap:6px}#touch button{min-width:39px}.hero h1{font-size:58px}.hero h1 em{font-size:12px}.mode-card ol li>b{display:none}.mode-card ol li>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.reward-cards{grid-template-columns:repeat(2,1fr)}@media(max-width:700px){.compass{top:193px}}@media(max-width:700px) and (max-height:650px){.compass{display:none}}@media(max-width:420px){.reward-cards{grid-template-columns:1fr}}
/* Transparent overlay UI: world geometry remains visible through every panel. */
:root{--white:#f3f8fb;--muted:#d6e4ea}
header,#hud,#home{filter:drop-shadow(0 1px 2px #061c29aa)}
.mode-card,.card-top,.arena-art,.modal,.choice,.secondary,.primary,.header-actions button,.world-label,.world-label.enemy,#duel-hud,#interaction,#toast,.map-container,#touch button,#touch .accelerate,.vehicle>b{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.primary,.vehicle>b{color:var(--lime);border:1px solid #d2f756aa}
.primary{min-width:225px;padding:15px 23px}
.overlay{background:rgba(8,19,28,.09);backdrop-filter:blur(6px)}
.modal{border:1px solid #d6e9ec44;max-width:1000px;text-shadow:0 1px 3px #06202be6}
.mode-card{border-color:#e3f0ea30}.choice{border-color:#d5ebea55}.choice.selected{border-color:var(--lime)}
body.playing .vignette{background:linear-gradient(0deg,#122c3840,transparent 26%,transparent 76%,#10253326)}
.vignette{background:linear-gradient(90deg,#0d26305c,transparent 73%),linear-gradient(0deg,#10293255,transparent 40%,#10293222)}
.hero p,.modal-intro,.zone-detail,.car-spec,.home-tip,.home-tip>span,ol small,.help-list p,.race-controls,.choice p,.map-legend{color:#e1ecdf}
.header-actions button{border-color:#d5e9ec66}#duel-hud{top:22%;border-color:#d2f75699}#interaction{border-color:#d2f75699}#interaction button{background:transparent;color:var(--lime);border:1px solid #d2f75688}
.world-label{border:none;text-shadow:0 1px 4px #0c2638,0 0 8px #0c2638}.world-label b{color:#ffb8ef}
.map-wrap{width:266px;bottom:70px;left:3.2%;filter:drop-shadow(0 1px 2px #11222d)}
.map-wrap>canvas{display:block}.map-wrap>div{padding:0 20px}.map-wrap span{color:#eff7ee;font-size:9px}
.map-container{border-color:#e4f2f52b}.map-container canvas{max-width:850px;max-height:59vh}
.cards{grid-template-columns:repeat(3,1fr)}.record-grid strong{color:var(--lime)}
#touch button{color:#eff7f4;border-color:#d7ebef88}#touch .accelerate{color:var(--lime);border-color:#d2f756cc}
#toast{border-color:#d2f75688;text-shadow:0 1px 3px #102b3b}
@media(max-width:700px){.map-wrap{width:187px;left:1.8%;bottom:152px}.map-wrap span{font-size:7px}.speedometer{right:4.5%;width:145px}.map-container canvas{max-height:46vh}.cards{grid-template-columns:repeat(2,1fr)}#duel-hud{top:26%}.overlay{padding:16px}.modal{padding:27px 18px}.compass{top:193px}}
@media(max-width:700px) and (max-height:650px){.map-wrap{width:165px;bottom:138px}.speedometer{width:138px;bottom:143px}.cards{grid-template-columns:repeat(3,1fr)}.choice{display:block;padding:10px}.choice p{font-size:8px}.choice strong{font-size:11px}.map-container canvas{max-height:33vh}.compass{display:none}}
@media(max-width:420px){.cards{grid-template-columns:repeat(2,1fr)}.choice{display:block;padding:12px}.choice strong{font-size:12px;margin-top:5px}.reward-cards{grid-template-columns:1fr 1fr}}
#home{filter:none}.hero,.mode-card,.home-stats,footer{filter:drop-shadow(0 1px 2px #061c29aa)}
.header-actions #garage{width:auto;padding:0 12px;font-size:11px;letter-spacing:1px}
#navigation{position:absolute;left:4.2%;top:310px;max-width:260px;display:flex;gap:12px;align-items:flex-start;padding-top:13px;border-top:1px solid #96e9f970;background:transparent;text-shadow:0 1px 4px #122735}#navigation>b{font:40px/1 sans-serif;color:#9deeff;min-width:38px}#navigation strong{display:block;font-size:13px;font-weight:500;line-height:1.5;color:#d9f7fc}#navigation small{font-size:10px;color:#d3e7e4;display:block;margin:6px 0}#navigation button{background:transparent;border:0;padding:2px 0;font-size:9px;color:#96e9f9;letter-spacing:1px;cursor:pointer;pointer-events:auto}#terrain-info{position:absolute;right:4.2%;top:267px;color:#e6ecd8;font-size:10px;text-shadow:0 1px 3px #182a31}.vehicle-tradeoffs{margin-top:13px;padding-top:8px;border-top:1px solid #e0eee333}.vehicle-tradeoffs p{font-size:10px;min-height:0;line-height:1.7;margin:8px 0;color:#e7eee2}.vehicle-tradeoffs b{color:#c4eabd;font-size:9px;margin-right:7px}.vehicle-tradeoffs p+p b{color:#ffc3aa}.fleet-card footer{height:auto;padding:10px 0 0;margin-top:8px;letter-spacing:0}.fleet-card .vehicle-stats{gap:6px}.fleet-card .vehicle-stats>div{padding-bottom:3px}.car-silhouette{height:62px}.fleet-card h3{margin-top:8px}.fleet-card p{min-height:0}.fleet-card .vehicle-stats b{font-size:14px}#interact-stats .vehicle-stats{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}#interact-stats .vehicle-stats>div:nth-last-child(-n+2){display:none}#interact-stats .vehicle-stats{grid-template-columns:repeat(5,minmax(0,1fr))}#arena-map{cursor:crosshair}
@media(max-width:700px){#navigation{left:5.5%;top:250px;max-width:205px;gap:6px;padding-top:9px}#navigation>b{font-size:29px;min-width:28px}#navigation strong{font-size:11px}#navigation small{font-size:8px;margin:4px 0}#navigation button{font-size:8px}#terrain-info{right:6%;top:214px;font-size:8px;max-width:170px;text-align:right}.fleet-card .vehicle-stats{grid-template-columns:repeat(4,1fr)}#duel-hud{top:39%;left:auto;right:5.5%;transform:none;width:245px;padding:8px 10px}#duel-hud>div{font-size:8px;gap:6px}#duel-hud>strong{font-size:23px}#announcement{top:44%}#interaction{bottom:255px}}
@media(max-width:700px) and (max-height:650px){#navigation{top:206px;max-width:185px}#navigation>b{font-size:23px;min-width:24px}#navigation strong{font-size:10px}#navigation small{font-size:7px}#terrain-info{top:177px;font-size:7px}#duel-hud{top:36%;width:210px}#duel-hud>span{font-size:7px;letter-spacing:1px}#duel-hud>strong{font-size:20px}#interaction{bottom:248px}#navigation{background:transparent}.vehicle-tradeoffs p{font-size:9px}}
.tier-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.tier-tabs button{background:transparent;color:#eef3e9;border:1px solid #d1e8e855;padding:10px 13px;font:inherit;font-size:11px;cursor:pointer}.tier-tabs button.selected{border-color:var(--lime);color:var(--lime)}
.fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fleet-card{min-width:0;border:1px solid #d8ede74d;padding:20px;background:transparent;text-shadow:0 1px 3px #102832}.fleet-card.equipped{border-color:var(--lime)}.fleet-card>small{font-size:10px;color:var(--lime)}.fleet-card h3{font-size:20px;letter-spacing:.5px;margin:12px 0 7px}.fleet-card p{font-size:11px;color:#e1ecdf;min-height:30px}.fleet-card footer{position:static;display:block;font-size:10px;margin-top:18px;color:#b8cfbf}.fleet-note{font-size:11px;color:#d5e6d8;line-height:1.7;margin-top:18px}
.vehicle-stats{display:grid;gap:8px;margin-top:14px}.vehicle-stats>div{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid #e2f1e728;padding-bottom:5px;font-size:11px}.vehicle-stats span{flex:1;color:#dce9dd}.vehicle-stats b{font-variant-numeric:tabular-nums;font-size:15px}.vehicle-stats small{font-size:8px;opacity:.8;margin-left:4px}.vehicle-stats em{font-size:10px;font-style:normal;width:37px;text-align:right;font-variant-numeric:tabular-nums}.gain{color:#d2f756}.loss{color:#ffb2b2}
.car-silhouette{height:74px;position:relative;margin:13px 0 5px}.car-silhouette i{position:absolute;bottom:15px;left:5%;width:90%;height:26px;border-radius:13px 32px 8px 6px;background:var(--car-color);box-shadow:inset 0 -7px #19333b45}.car-silhouette i:before{content:'';position:absolute;left:23%;width:53%;top:-19px;height:23px;border:3px solid var(--car-color);border-radius:22px 35px 0 0;background:#a5dce044}.car-silhouette b,.car-silhouette em{position:absolute;bottom:7px;width:27px;height:27px;border-radius:50%;border:7px solid #20313c;background:#b7c9cf}.car-silhouette b{left:16%}.car-silhouette em{right:14%}.body-0 i{height:32px;border-radius:9px 12px 6px 6px}.body-0 i:before{width:50%;left:17%;top:-23px;height:26px;border-radius:5px 15px 0 0}.body-2 i{height:19px;border-radius:40px 25px 5px 5px}.body-2 i:before{top:-14px;height:19px;width:43%;left:30%;border-radius:35px 30px 0 0}
#car-traits{text-align:right;color:#d7e8d6;font-size:9px;letter-spacing:.4px;margin-top:7px}#interact-stats:empty{display:none}#interact-stats .vehicle-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:9px}#interact-stats .vehicle-stats>div{display:block;font-size:9px;border:0}#interact-stats .vehicle-stats span{display:block}#interact-stats .vehicle-stats b{font-size:12px}#interact-stats .vehicle-stats small{display:none}#interact-stats .vehicle-stats em{display:block;text-align:left;width:auto}#interaction{max-width:min(600px,95vw);bottom:235px}#interaction>div{min-width:0}.reward-cards{grid-template-columns:1fr 1fr}.reward-cards .choice{display:block}
@media(max-width:700px){.fleet-grid{grid-template-columns:1fr}.fleet-card{padding:16px}.car-silhouette{max-width:250px;margin:auto}.fleet-card p{min-height:0}.fleet-card .vehicle-stats{grid-template-columns:repeat(5,1fr);gap:9px}.fleet-card .vehicle-stats>div{display:block}.fleet-card .vehicle-stats span{display:block}.fleet-card .vehicle-stats b{font-size:13px}.fleet-card .vehicle-stats small{display:block;margin:0}.fleet-card h3{font-size:17px}.tier-tabs{gap:5px}.tier-tabs button{padding:8px 10px}#interaction{bottom:268px}#car-traits{font-size:8px}#interact-stats .vehicle-stats{gap:7px}.reward-cards .vehicle-stats{gap:6px}.reward-cards .vehicle-stats b{font-size:13px}.reward-cards .vehicle-stats em{font-size:9px;width:auto}}

#navigation{top:282px}.vehicle-tradeoffs p{min-height:0}.fleet-card .vehicle-stats{gap:6px}.fleet-card .vehicle-stats>div{padding-bottom:4px}
@media(max-width:700px){#navigation{top:247px}}
@media(max-width:700px) and (max-height:650px){#navigation{top:206px}}

@media(max-width:700px){#navigation{max-width:44vw}#duel-hud{top:247px;max-width:45vw;width:200px}#duel-hud>span{font-size:7px;letter-spacing:.8px}#duel-hud>div{font-size:8px;gap:5px}}
@media(max-width:700px) and (max-height:650px){#duel-hud{top:206px}}


.quick-actions{position:absolute;left:50%;bottom:83px;transform:translateX(-50%);display:flex;gap:12px;pointer-events:auto}.quick-actions button{background:transparent;border:1px solid #d6e9ec66;color:#eff6e7;display:flex;align-items:center;gap:10px;padding:10px 14px;min-width:175px;text-align:left;text-shadow:0 1px 3px #112c35}.quick-actions kbd{font-size:19px;color:var(--lime);padding:3px 7px;border-color:#d2f75688}.quick-actions button>span{font-size:13px}.quick-actions small{display:block;font-size:9px;color:#d1dfd1;margin-top:4px;white-space:nowrap}.quick-actions button.available{border-color:var(--lime);color:var(--lime)}.quick-actions button.available small{color:#ddf5b5}.quick-actions button:disabled{opacity:.5;cursor:default}#interact-button kbd{margin-left:6px;padding:2px 4px;color:var(--lime);font-size:12px}
@media(max-width:700px){.quick-actions{left:5.5%;bottom:120px;transform:none;gap:6px}.quick-actions button{min-width:0;width:94px;padding:6px 7px;gap:6px}.quick-actions kbd{font-size:14px;padding:2px 4px}.quick-actions button>span{font-size:11px}.quick-actions small{display:none}}
@media(max-width:700px) and (max-height:650px){.quick-actions{bottom:105px}}

body.panel-open #labels,body.panel-open #interaction,body.panel-open #announcement,body.panel-open #countdown{visibility:hidden}canvas.renderer:focus{outline:none}

#final-ranking{position:absolute;right:4.2%;top:116px;width:250px;background:transparent;text-shadow:0 1px 4px #17312d}#final-ranking header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:var(--lime);padding-bottom:10px;border-bottom:1px solid #d2f75666}.final-place{display:flex;align-items:baseline;gap:8px}.final-place>strong{font:italic 60px/1.15 sans-serif;color:var(--lime)}.final-place>span{font-size:22px}.final-place>small{margin-left:auto;font-size:9px}#final-gap{font-size:10px;color:#d8eedb;margin:0 0 12px}.final-standing{display:flex;align-items:center;gap:10px;border-top:1px solid #d3e7de44;padding:7px 0;font-size:11px}.final-standing>b{width:19px;font-size:15px}.final-standing>span{flex:1;min-width:0}.final-standing small{display:block;margin-top:3px;font-size:8px;color:#cee4d3}.final-standing>strong{text-align:right;font-size:11px;font-weight:500}.final-standing.is-player{color:var(--lime);border-top-color:#d2f75699}.final-standing.is-player small{color:#e5f3b4}#final-ranking footer{position:static;font-size:8px;color:#d1e4d5;margin-top:7px}.final-results{margin:24px 0}.final-results h3{font-size:15px}.final-results h3 small{display:block;font-weight:400;font-size:10px;margin-top:6px;color:#d5ead8}.final-results .final-standing{font-size:13px;padding:10px 0}.final-results .final-standing small{font-size:10px}.final-results .final-standing>strong{font-size:13px}.final-race .alive-card{display:none}.final-race #terrain-info{top:404px;font-size:9px}body.panel-open #final-ranking{visibility:hidden}
#final-ranking header{position:static;height:auto;left:auto;right:auto;top:auto}#final-ranking footer{display:block;height:auto;padding:0;border:0;background:transparent;letter-spacing:0}
#final-ranking header{padding-bottom:7px}.final-place>strong{font-size:48px;line-height:1.05}#final-ranking .final-standing{padding:5px 0;line-height:1.2}#final-ranking .final-standing small{line-height:1.2;margin-top:2px}.final-race #terrain-info{display:none}
@media(max-width:700px){#final-ranking{right:5.5%;top:104px;width:42vw;max-width:230px}#final-ranking header{font-size:8px;padding-bottom:5px}.final-place>strong{font-size:42px}.final-place>span{font-size:16px}.final-place>small{display:none}#final-gap{font-size:8px;margin-bottom:6px}.final-standing{gap:5px;padding:5px 0;font-size:9px}.final-standing>b{width:15px;font-size:12px}.final-standing small{font-size:7px}.final-standing>strong{font-size:9px}#final-ranking footer{font-size:7px}.final-race #terrain-info{display:none}.final-race #duel-hud{top:auto;bottom:194px}.final-results .final-standing{font-size:11px}}