*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:#000}body{font-family:Trebuchet MS,Arial Black,sans-serif;-webkit-user-select:none;user-select:none}canvas.webgl{display:block}#hud-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;color:#fff}#lap{position:absolute;top:18px;left:22px;font-size:42px;font-weight:900;letter-spacing:1px;color:#ffd94a;text-shadow:3px 3px 0 #b3391f,-2px -2px 0 #b3391f,2px -2px 0 #b3391f,-2px 2px 0 #b3391f,0 4px 8px rgba(0,0,0,.45)}#pos{position:absolute;bottom:26px;right:30px;font-size:92px;font-weight:900;line-height:1;color:#fff;text-shadow:4px 4px 0 #d84437,-3px -3px 0 #d84437,3px -3px 0 #d84437,-3px 3px 0 #d84437,0 6px 12px rgba(0,0,0,.5);transform:skew(-6deg)}#pos .suffix{font-size:40px}#item-slot{position:absolute;top:16px;left:50%;transform:translate(-50%);width:96px;height:96px;background:#14193c8c;border:5px solid rgba(255,255,255,.85);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:56px;line-height:1;box-shadow:0 6px 16px #00000059,inset 0 0 18px #508cff59}#item-slot.rolling{animation:shake .12s infinite}@keyframes shake{0%{transform:translate(-50%) rotate(-3deg)}50%{transform:translate(-50%) rotate(3deg)}to{transform:translate(-50%) rotate(-3deg)}}#minimap-wrap{position:absolute;bottom:22px;left:22px;width:190px;height:190px}#minimap{width:100%;height:100%}#countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px}#countdown-num{font-size:180px;font-weight:900;color:#fd3;text-shadow:6px 6px 0 #d84437,0 10px 30px rgba(0,0,0,.5)}#countdown-num.go{color:#6f6}.count-lights{display:flex;gap:22px}.light{width:46px;height:46px;border-radius:50%;background:#3a2020;border:4px solid #222;box-shadow:0 4px 10px #00000080}.light.on-red{background:radial-gradient(circle at 35% 30%,#ff8a7a,#e02a1a 65%)}.light.on-green{background:radial-gradient(circle at 35% 30%,#b6ffb0,#23c731 65%)}.pop{animation:pop .9s ease-out both}@keyframes pop{0%{transform:scale(2.4);opacity:0}18%{transform:scale(1);opacity:1}80%{opacity:1}to{opacity:.15}}#notice{position:absolute;top:26%;left:50%;transform:translate(-50%);font-size:54px;font-weight:900;color:#ff5340;text-shadow:3px 3px 0 #500,0 4px 10px rgba(0,0,0,.6);display:none}#results{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0a0f288c;pointer-events:auto}#results-panel{background:linear-gradient(180deg,#2b3a8f,#1b2560);border:6px solid #ffd94a;border-radius:22px;padding:34px 54px;min-width:430px;box-shadow:0 20px 60px #0009;text-align:center}#results-panel h1{font-size:52px;color:#ffd94a;margin-bottom:18px;text-shadow:3px 3px 0 #b3391f}.result-row{display:flex;justify-content:space-between;gap:30px;font-size:26px;padding:7px 6px;border-radius:10px}.result-row.me{background:#ffd94a38;outline:2px solid #ffd94a}.result-row .r-name{font-weight:700}#restart-btn{margin-top:24px;pointer-events:auto;cursor:pointer;font-family:inherit;font-size:26px;font-weight:900;color:#fff;background:linear-gradient(180deg,#ff6a5e,#d84437);border:4px solid #fff;border-radius:14px;padding:12px 38px;box-shadow:0 6px #8f2318}#restart-btn:active{transform:translateY(4px);box-shadow:0 2px #8f2318}#help{position:absolute;bottom:22px;left:50%;transform:translate(-50%);font-size:15px;color:#ffffffbf;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:opacity 1s}#title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;pointer-events:auto;background:linear-gradient(180deg,#141e5ae0,#0a0f32eb)}#logo{text-align:center;line-height:.95;transform:skew(-6deg)}#logo span{display:block;font-weight:900}.logo-super{font-size:40px;color:#fff;letter-spacing:14px;text-shadow:3px 3px 0 #d84437}.logo-kart{font-size:110px;color:#ffd94a;text-shadow:5px 5px 0 #d84437,10px 10px 0 rgba(0,0,0,.35)}.logo-gp{font-size:34px;color:#6f6;letter-spacing:10px;text-shadow:3px 3px 0 #0a7a2a}#char-select{text-align:center}#char-label{font-size:22px;font-weight:900;color:#fff;letter-spacing:4px;margin-bottom:14px;text-shadow:2px 2px 0 rgba(0,0,0,.5)}#char-grid{display:grid;grid-template-columns:repeat(3,130px);gap:14px;justify-content:center}.char-card{background:#ffffff14;border:3px solid rgba(255,255,255,.25);border-radius:14px;padding:12px 6px 8px;cursor:pointer;transition:transform .1s,border-color .1s,background .1s}.char-card:hover{background:#ffffff29}.char-card.selected{border-color:#ffd94a;background:#ffd94a2e;transform:scale(1.08);box-shadow:0 0 18px #ffd94a80}.char-swatch{width:58px;height:58px;border-radius:50%;margin:0 auto 8px;position:relative;border:3px solid rgba(0,0,0,.25);display:flex;align-items:flex-start;justify-content:center}.char-cap{width:34px;height:16px;border-radius:17px 17px 0 0;margin-top:6px;border:2px solid rgba(0,0,0,.2)}.char-name{font-size:18px;font-weight:900;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.5)}#char-hint{margin-top:14px;font-size:15px;color:#fffc}#title-help{font-size:14px;color:#fff9}#timer{position:absolute;top:66px;left:22px;font-weight:900;line-height:1.25;text-shadow:2px 2px 0 rgba(0,0,0,.55)}#race-time{font-size:26px;color:#fff}#lap-time{font-size:18px;color:#cfe0ff}#coins{position:absolute;top:128px;left:22px;font-size:24px;font-weight:900;color:#ffd94a;text-shadow:2px 2px 0 rgba(0,0,0,.55)}#pos-list{position:absolute;left:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px}.pos-row{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:900;color:#ffffffd9;background:#0a0f2866;border-radius:8px;padding:3px 9px 3px 5px;text-shadow:1px 1px 0 rgba(0,0,0,.6)}.pos-row.me{background:#ffd94a47;color:#fff;outline:2px solid #ffd94a}.pos-rank{width:16px;text-align:right}.pos-dot{width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(0,0,0,.3)}#final-lap{position:absolute;top:34%;left:50%;transform:translate(-50%);font-size:72px;font-weight:900;color:#ff5340;text-shadow:4px 4px 0 #500,0 6px 16px rgba(0,0,0,.6);pointer-events:none}#final-lap.flash{animation:finalflash .5s ease-in-out 5 alternate}@keyframes finalflash{0%{transform:translate(-50%) scale(1);opacity:.85}to{transform:translate(-50%) scale(1.25);opacity:1}}#item-slot .x3{position:absolute;right:4px;bottom:2px;font-size:22px;color:#fff;font-weight:900;text-shadow:2px 2px 0 #000}#item-slot{position:relative}