:root{--ink:#1d1d35;--paper:#f6f4ff;--accent:#ff5d8f;--accent2:#46d5ff;--accent3:#ffd23f;--good:#4ade80;font-size:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--paper);-webkit-user-select:none;user-select:none;background:#0b0b1e;font-family:"Baloo 2",system-ui,sans-serif;overflow:hidden}#game-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{pointer-events:none;position:fixed;inset:0}#ui-root>*{pointer-events:auto}.screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:radial-gradient(at 50% 30%,#463ca040,#0a0a1eb8 78%);flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;padding:2rem;animation:.35s both fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1}}.logo{letter-spacing:.02em;background:linear-gradient(100deg,#46d5ff 0%,#7c6bff 35%,#ff5d8f 70%,#ffd23f 100%);color:#0000;filter:drop-shadow(0 6px #00000059);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.8rem,7vw,5.2rem);font-weight:800;line-height:.95}.tagline{color:#b9c6ff;letter-spacing:.25em;text-transform:uppercase;font-family:Space Grotesk,monospace;font-size:clamp(.9rem,2vw,1.2rem)}.menu-list{flex-direction:column;gap:.7rem;min-width:320px;display:flex}.btn{color:var(--ink);cursor:pointer;background:linear-gradient(#fff,#d8dcff);border:none;border-radius:999px;padding:.8rem 2.4rem;font-family:inherit;font-size:1.25rem;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 5px #8a8fc4,0 12px 24px #00000059}.btn:hover,.btn.focused{filter:brightness(1.05);transform:translateY(-3px)scale(1.03);box-shadow:0 8px #8a8fc4,0 16px 30px #0006}.btn:active{transform:translateY(1px);box-shadow:0 2px #8a8fc4}.btn.primary{background:linear-gradient(#ffe98a,#ffb73f);box-shadow:0 5px #b06d1f,0 12px 24px #00000059}.btn.primary:hover{box-shadow:0 8px #b06d1f,0 16px 30px #0006}.btn.ghost{color:var(--paper);background:0 0;box-shadow:inset 0 0 0 2px #ffffff59}.btn.ghost:hover{box-shadow:inset 0 0 0 2px #fffc}h2.screen-title{color:#fff;text-shadow:0 4px #0000004d;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.screen .hint{color:#8e9bd9;letter-spacing:.08em;font-family:Space Grotesk;font-size:.85rem}.char-grid{grid-template-columns:repeat(3,minmax(150px,200px));gap:1rem;display:grid}.char-card{cursor:pointer;background:#ffffff12;border:2px solid #ffffff24;border-radius:18px;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .8rem .9rem;transition:transform .15s,border-color .15s,background .15s;display:flex}.char-card:hover{background:#ffffff21;transform:translateY(-4px)}.char-card.sel-p1{border-color:var(--accent2);box-shadow:0 0 22px #46d5ff73}.char-card.sel-p2{border-color:var(--accent);box-shadow:0 0 22px #ff5d8f73}.char-card.sel-p1.sel-p2{border-image:linear-gradient(90deg, var(--accent2), var(--accent)) 1}.char-card canvas{width:110px;height:110px}.char-name{font-size:1.15rem;font-weight:800}.char-trait{color:#aab4e8;letter-spacing:.05em;font-family:Space Grotesk;font-size:.72rem}.char-tag{border-radius:999px;margin-top:.2rem;padding:.05rem .55rem;font-size:.7rem;font-weight:700}.char-tag.p1{background:var(--accent2);color:#00303f}.char-tag.p2{background:var(--accent);color:#4d0019}.edu-card{background:linear-gradient(160deg,#16183af5,#281646f5);border:2px solid #8c96ff59;border-radius:24px;flex-direction:column;align-items:center;gap:.9rem;max-width:680px;padding:2rem 2.4rem;display:flex;box-shadow:0 30px 80px #00000080}.edu-card .circuit-no{letter-spacing:.3em;color:var(--accent3);font-family:Space Grotesk;font-size:.8rem}.edu-card h2{font-size:2.2rem;font-weight:800}.edu-card .concept{color:var(--accent2);font-size:1.05rem;font-weight:700}.edu-card .quote{color:#cfd6ff;border-left:3px solid var(--accent);text-align:left;padding-left:1rem;font-family:Space Grotesk;font-size:1rem;line-height:1.5}.edu-card canvas.diagram{background:#ffffff0a;border-radius:14px}.results-table{border-collapse:collapse;min-width:420px;font-size:1.1rem}.results-table td,.results-table th{text-align:left;padding:.45rem 1.2rem}.results-table tr{background:#ffffff0d}.results-table tr.human{background:#46d5ff29}.results-table tr.human.p2{background:#ff5d8f29}.results-table td.pos{color:var(--accent3);font-weight:800}.results-table td.pts{color:#b9c6ff;font-family:Space Grotesk}.hud{pointer-events:none;--panel:#0b0e20a8;--panel-edge:#96a5ff38;font-weight:700;position:absolute}.hud .top-row{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:16px;left:18px;right:18px}.hud .bottom-row{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.hud .pos-card{background:var(--panel);border:1px solid var(--panel-edge);border-left:4px solid var(--accent3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:.5rem 1.1rem .55rem;transform:skew(-6deg);box-shadow:0 10px 30px #0006,inset 0 1px #ffffff14}.hud .pos-card>*{transform:skew(6deg)}.hud .position{color:#fff;text-shadow:0 3px 8px #00000080;font-size:3.1rem;font-weight:800;line-height:.95}.hud .position sup{color:var(--accent3);font-size:1.3rem}.hud .lap-chip{letter-spacing:.18em;color:#aeb9e8;margin-top:.15rem;font-family:Space Grotesk;font-size:.72rem}.hud .lap-chip em{color:#5e6aa0;font-style:normal}.hud .lap-chip .lap-n{color:#fff;font-size:.9rem}.hud .item-card{flex-direction:column;align-items:center;gap:3px;display:flex}.hud .item-slot{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;font-size:2.1rem;transition:border-color .25s,box-shadow .25s;display:flex;box-shadow:0 10px 30px #0006,inset 0 1px #ffffff14}.hud .item-slot:has(.item-icon:not(:empty)){border-color:#ffd23fbf;box-shadow:0 10px 30px #0006,0 0 22px #ffd23f59}.hud .item-slot.rolling{animation:.12s linear infinite itemRoll}@keyframes itemRoll{50%{transform:scale(1.1)rotate(4deg)}}.hud .item-label{letter-spacing:.26em;color:#8e9bd9;font-family:Space Grotesk;font-size:.6rem}.hud .speed-card{background:var(--panel);border:1px solid var(--panel-edge);border-left:4px solid var(--accent2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;min-width:175px;padding:.55rem 1.1rem .65rem;transform:skew(-6deg);box-shadow:0 10px 30px #0006,inset 0 1px #ffffff14}.hud .speed-card>*{transform:skew(6deg)}.hud .speed{color:#fff;text-shadow:0 2px 8px #00000080;align-items:baseline;gap:.4rem;font-family:Space Grotesk;font-size:2.2rem;font-weight:600;line-height:1;display:flex}.hud .speed small{color:#8e9bd9;letter-spacing:.12em;font-size:.75rem}.hud .speed-bar{background:#ffffff1a;border-radius:99px;height:6px;margin:.45rem 0 .35rem;overflow:hidden}.hud .speed-fill{background:linear-gradient(90deg,#2f9fe0,#46d5ff 60%,#ffd23f);border-radius:99px;width:0%;height:100%;transition:width .12s linear}.hud .speed-fill.boosting{background:linear-gradient(90deg,#ffd23f,#ff9a3c,#ff5d2e)}.hud .curv-ind{letter-spacing:.1em;color:#8e9bd9;font-family:Space Grotesk;font-size:.66rem}.hud .map-card{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:.5rem .6rem .55rem;display:flex;box-shadow:0 10px 30px #0006,inset 0 1px #ffffff14}.hud .map-head{letter-spacing:.24em;color:#8e9bd9;align-items:center;gap:.5rem;font-family:Space Grotesk;font-size:.58rem;display:flex}.hud .map-key{color:#cfd6ff;border:1px solid #ffffff4d;border-radius:4px;padding:0 .3rem;font-size:.58rem}.hud canvas.minimap{background:#05071480;border-radius:10px}.hud .orient-badge{letter-spacing:.08em;color:#1d1d35;background:#ffffffd9;border-radius:999px;padding:.1rem .6rem;font-family:Space Grotesk;font-size:.68rem;transition:background .3s,color .3s}.hud .orient-badge.flipped{color:#ffd23f;background:#1d1d35;transform:scaleX(-1)}.hud .edu-toast{color:#e8ecff;white-space:nowrap;opacity:0;text-shadow:none;background:#0f122ce0;border:1.5px solid #8c96ff80;border-radius:999px;padding:.55rem 1.3rem;font-family:Space Grotesk;font-size:.95rem;font-weight:600;transition:opacity .3s;position:absolute;top:18%;left:50%;transform:translate(-50%)}.hud .edu-toast.show{opacity:1}.hud .center-msg{color:#ffd23f;text-shadow:0 5px #0006,0 0 40px #ffd23f80;opacity:0;font-size:4rem;font-weight:800;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.hud .center-msg.pop{animation:.8s both msgPop}@keyframes msgPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}35%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}.hud .wrong-way{color:#ff6b6b;text-shadow:0 3px #00000080;font-size:1.6rem;font-weight:800;animation:.5s steps(2,end) infinite blink;display:none;position:absolute;top:28%;left:50%;transform:translate(-50%)}.hud .wrong-way.show{display:block}@keyframes blink{50%{opacity:.15}}.hud .vignette{pointer-events:none;background:radial-gradient(#0000 62%,#0506146b 100%);position:absolute;inset:0}.hud .boost-fx{pointer-events:none;opacity:0;background:radial-gradient(#0000 48%,#46d5ff4d 100%);transition:opacity .18s;position:absolute;inset:0}.hud .boost-fx.on{opacity:1;animation:.22s linear infinite alternate boostPulse}@keyframes boostPulse{to{filter:brightness(1.35)}}.split-divider{z-index:5;background:#ffffff8c;position:absolute;box-shadow:0 0 12px #0009}#pause-overlay .edu-card{gap:1rem}.kbd{background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;padding:.05rem .45rem;font-family:Space Grotesk;font-size:.8em}.controls-cols{color:#cfd6ff;text-align:left;gap:3rem;font-size:.92rem;display:flex}.controls-cols h4{color:#fff;margin-bottom:.3rem}.controls-cols div p{margin:.15rem 0;font-family:Space Grotesk}