:root{color-scheme:dark;--ink:#101c31;--paper:#f4f7fa;--lime:#cbef62;--muted:#abb8c8}*{box-sizing:border-box}body{margin:0;background:var(--ink);font-family:Arial,Helvetica,sans-serif;color:var(--paper);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:700 13px Arial;letter-spacing:.08em;color:inherit;background:#17273fe8;border:1px solid #ffffff29;border-radius:8px;padding:13px 17px;cursor:pointer}button:hover{background:#324660}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}#game{display:block;position:fixed;width:100%;height:100%;inset:0}.topbar{position:fixed;top:0;left:0;right:0;z-index:5;padding:27px 3.5%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.topbar>*{pointer-events:auto}.brand{font-weight:950;font-size:25px;letter-spacing:-1px;line-height:1;text-decoration:none;color:#fff;transform:skew(-8deg)}.brand span{color:var(--lime)}.brand small{display:block;font-size:10px;letter-spacing:3.5px;margin-top:7px;font-weight:600;color:#c3cddd}.top-actions{display:flex;gap:8px}.top-actions button{font-size:11px;padding:10px 13px;backdrop-filter:blur(10px)}.menu{position:fixed;inset:0;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:6vw;padding:100px 7% 100px;background:linear-gradient(90deg,#0a142bf0 0%,#0a142b90 45%,#0a142b50 100%)}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800;color:var(--lime);margin-bottom:22px}h1{font-size:clamp(52px,6.8vw,100px);font-weight:950;line-height:.91;letter-spacing:-.065em;margin:0 0 28px;transform:skew(-6deg);text-shadow:0 4px 0 #080e20}h1 em{font-style:normal;color:var(--lime)}.intro p{font-size:17px;color:#d1dbe7;max-width:360px;line-height:1.6}.track-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}.track-tags span{font-size:12px;border:1px solid #ffffff30;border-radius:30px;padding:8px 12px;background:#14223980}.selection{padding:25px;background:#122039ec;border:1px solid #8195b44d;border-radius:18px;box-shadow:0 24px 70px #0006;backdrop-filter:blur(12px)}.section-label{display:flex;justify-content:space-between;letter-spacing:.13em;font-size:11px;font-weight:800;margin-bottom:18px}.section-label span{color:var(--muted)}#roster{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.racer{padding:0;overflow:hidden;border-radius:10px;background:linear-gradient(160deg,#ffffff12,#ffffff03);border:2px solid transparent;letter-spacing:0;position:relative;transition:transform .15s,border-color .15s}.racer:hover{transform:translateY(-3px)}.racer.active{border-color:var(--lime);background:linear-gradient(160deg,#cbee6230,#cbee6205)}.portrait{width:100%;aspect-ratio:1.6;display:block;height:auto;background-repeat:no-repeat;background-size:600% 270.43%;filter:drop-shadow(0 5px 4px #0006)}.racer span{display:block;font-size:13px;padding:2px 0 10px}.racer i{position:absolute;left:8px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--kart)}.selected-line{display:flex;justify-content:space-between;align-items:center;margin:13px 0}.selected-line strong{font-size:21px}.selected-line span{font-size:11px;color:var(--muted)}.primary{background:var(--lime);color:#16222c;border:0;font-size:14px;width:100%;padding:18px 22px;display:flex;justify-content:center;gap:24px;align-items:center;box-shadow:0 4px 0 #799231}.primary:hover{background:#ddff80}.primary span{font-size:21px}#asset-status{font-size:12px;color:var(--muted);text-align:center;margin:13px 0 0}.controls{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:#c6d0dd}kbd{font:600 10px Arial;border:1px solid #ffffff40;border-radius:4px;padding:3px 5px;background:#14203860;color:#f0f5fb;white-space:nowrap}.race-stats{position:absolute;top:106px;left:4%;display:flex;align-items:center;gap:26px;text-shadow:0 3px 6px #0008}.position b{font-size:75px;font-style:italic;letter-spacing:-6px;color:var(--lime)}.position span{font-size:20px;margin-left:12px}.race-stats small,.item-box small{display:block;font-size:11px;letter-spacing:2px;color:#bdcadd;margin-bottom:6px}.race-stats .lap b,.timer b{font-size:25px}.lap span{font-size:16px;color:#bdcadd}.item-box{position:absolute;top:112px;right:4%;width:125px;text-align:center;background:#101e36cf;border:2px solid #bfd66d99;border-radius:14px;padding:13px;box-shadow:0 6px 24px #0003}.item-box b{display:block;font-size:40px;line-height:1.3;color:var(--lime)}.item-box span{font-size:11px;color:#d3dfed}.item-box kbd{letter-spacing:0}#map{position:absolute;bottom:42px;left:3%;width:200px;height:155px;background:#0c19359c;border:1px solid #c5d6ed24;border-radius:20px}.speed{position:absolute;right:4%;bottom:45px;width:185px;text-align:right;text-shadow:0 2px 4px #0008}.speed b{font-size:64px;font-style:italic;letter-spacing:-4px}.speed>span{font-size:11px;margin-left:12px;color:#c2d3e4}.drift-track{height:6px;background:#ffffff30;margin:10px 0;border-radius:4px;overflow:hidden}#drift-fill{display:block;width:0;height:100%;background:#67ddff}.speed small{font-size:10px;letter-spacing:.07em}.race-help{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:11px;color:#d1dbe8;white-space:nowrap}#notice{position:absolute;top:106px;left:50%;transform:translateX(-50%);font-weight:800;font-size:16px;color:var(--lime);text-shadow:0 2px 5px #000}#center-message{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) skew(-8deg);font-weight:950;font-size:100px;color:var(--lime);text-shadow:0 7px 0 #0a142e,0 0 70px #bbff5050;pointer-events:none}.overlay{position:fixed;inset:0;z-index:10;background:#061025bb;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.panel{width:min(440px,90vw);padding:30px;background:#15253a;border:1px solid #91a9c444;border-radius:20px;text-align:center;max-height:90vh;overflow:auto}.panel h2{font-size:36px;margin:10px 0;letter-spacing:-1.5px}.panel p{color:#b8c8da;font-size:14px;line-height:1.5}.panel button{margin-top:12px;width:100%}.panel .eyebrow{margin-bottom:10px}#results{margin:20px 0}.result-row{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #ffffff15;font-size:14px}.result-row.you{color:var(--lime);background:#cbee6210}#touch{position:fixed;bottom:15px;left:15px;right:15px;display:flex;justify-content:space-between;z-index:7;pointer-events:none}#touch>div{display:flex;gap:7px;pointer-events:auto}#touch button{touch-action:none;user-select:none;padding:16px 12px;background:#17273fc9;font-size:11px}
@media(max-width:1000px){.menu{padding:95px 4% 85px;gap:4vw;grid-template-columns:1fr 370px}h1{font-size:65px}.selection{padding:20px}.intro p{font-size:15px}.track-tags{gap:5px}.track-tags span{font-size:10px}.controls{left:4%;right:4%;justify-content:center}.controls span:last-child{display:none}}@media(max-width:700px){.topbar{padding:18px 5%}.brand{font-size:20px}.menu{overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;padding:95px 6% 35px;gap:22px}.intro{width:100%}h1{font-size:47px;line-height:.94;margin-bottom:14px}h1 br{display:none}h1 em{margin-left:10px}.eyebrow{margin-bottom:13px;font-size:10px}.intro p{font-size:13px;margin:0}.track-tags{margin-top:12px}.selection{width:100%;max-width:420px;padding:16px}.portrait{aspect-ratio:1.6}.controls{position:static;font-size:10px;margin-top:2px}.race-stats{top:86px;gap:15px}.position b{font-size:48px}.position span{font-size:13px}.race-stats .lap b,.timer b{font-size:18px}.item-box{top:162px;right:4%;width:94px;padding:9px}.item-box b{font-size:26px}#map{width:130px;height:102px;bottom:107px}.speed{bottom:113px;width:130px}.speed b{font-size:44px}.race-help{display:none}#notice{top:140px;width:80%;text-align:center;font-size:13px}}@media(max-height:600px) and (min-width:701px){.menu{padding-top:80px;padding-bottom:50px;grid-template-columns:1fr 340px}.selection{padding:14px}.portrait{aspect-ratio:1.9}.eyebrow{margin-bottom:12px}.selected-line{margin:11px 0}.primary{padding:13px}.controls{bottom:15px}h1{font-size:58px}}

#shield-status{position:absolute;top:175px;left:4%;padding:8px 12px;border:1px solid #64cfff99;border-radius:20px;background:#163c66c9;color:#b8efff;font-size:12px;font-weight:700;letter-spacing:.05em}@media(max-width:700px){#shield-status{top:153px;left:4%;font-size:10px}}

#celebration{position:fixed;z-index:8;top:31%;left:50%;transform:translateX(-50%) skew(-7deg);width:95%;text-align:center;font-size:clamp(36px,6vw,82px);font-weight:950;letter-spacing:-.05em;color:#d8ff79;text-shadow:0 4px 0 #142538,0 0 28px #12273b;pointer-events:none}#celebration.groosed{color:#96f377}#rear-status{position:fixed;left:50%;bottom:45px;transform:translateX(-50%);background:#162a47dd;padding:9px 16px;border:1px solid #93d6ff88;border-radius:8px;color:#c3ecff;font-size:12px;font-weight:700;pointer-events:none}@media(max-width:700px){#touch>div{flex-wrap:wrap;max-width:70%;justify-content:flex-end}#touch>div:first-child{max-width:28%}#touch button{padding:13px 10px}#rear-status{bottom:180px;font-size:10px}}

.map-label{display:block;font-size:12px;letter-spacing:.12em;margin:0 0 8px;color:#d0dce9}#map-choice{max-width:100%;width:330px;background:#182e49;color:#fff;border:1px solid #a9bddb77;border-radius:9px;padding:12px;font:700 15px Arial;margin-bottom:24px}.intro h1{font-size:clamp(44px,5.8vw,84px)}@media(max-height:650px){#map-choice{margin-bottom:14px;padding:9px}.intro h1{font-size:48px}}