*{box-sizing:border-box}body{margin:0;background:#102a35;color:#f4eedc;font-family:system-ui,-apple-system,sans-serif}button{font:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}header{display:flex;align-items:center;justify-content:space-between;max-width:1050px;margin:auto;padding:12px 18px;font-size:11px}header a{color:#d3eee0;text-decoration:none;font-weight:800}header>span{font-size:10px;letter-spacing:3px;color:#7fa9aa}header button{background:#284750;color:#cee5dd;padding:7px 13px;border-radius:20px}main{max-width:1050px;margin:auto;padding:0 12px 25px}#arena{height:min(73svh,720px);min-height:460px;border-radius:18px;overflow:hidden;position:relative;background:#89c3d5;border:1px solid #587883;touch-action:none}#scene{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none;padding:17px}#hud[hidden]{display:none}.rank{display:flex;align-items:baseline;gap:5px;text-shadow:0 3px 8px #0006}.rank b{font-size:63px;color:#fff2a4;line-height:1;font-weight:950}.rank span{font-size:12px}.race-stats{position:absolute;top:18px;right:18px;background:#103544b3;padding:10px 14px;border-radius:10px;font-variant-numeric:tabular-nums;font-size:13px}.race-stats span{display:block;font-size:18px;margin-top:2px}#map{position:absolute;top:95px;right:12px;background:#13344280;border-radius:10px;width:85px;height:101px}#speed{position:absolute;bottom:15px;left:18px;font-size:22px;font-weight:900;text-shadow:0 2px 5px #0007}#pause{position:absolute;bottom:17px;right:16px;pointer-events:auto;background:#143747b0;color:#fff2d0;border-radius:20px;font-size:10px;padding:8px 12px}#toast{position:absolute;top:28%;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;font-size:16px;font-weight:900;text-shadow:0 3px 10px #163840;color:#fff5b9}#menu,#result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;background:linear-gradient(130deg,#123946f0,#132f37d9);backdrop-filter:blur(4px)}#menu[hidden],#result[hidden]{display:none}.tiny{font-size:9px;letter-spacing:3px;color:#a5d4c1}h1{font-size:clamp(30px,7vw,54px);line-height:1.3;letter-spacing:-1px;margin:13px 0 4px;font-weight:950}h1 span{color:#f4cd7c}#menu p{color:#b5d7d2;font-size:12px;line-height:1.9;margin:9px 0 13px}label{font-size:10px;letter-spacing:2px;color:#94bdb9;margin:9px 0 7px}.choices{display:flex;gap:7px;width:100%;max-width:500px}.choices button{flex:1;font-size:11px;font-weight:850;background:#2e535d;color:#c4ded5;border:2px solid #4a7076;border-radius:9px;padding:12px 6px}.choices button.selected{background:#91bea4;color:#163c39;border-color:#d5efbc}.primary{background:#f1cd85;color:#263f3f;font-size:16px;font-weight:900;padding:15px 25px;border-radius:10px;min-width:240px;margin-top:18px}#menu small{font-size:9px;color:#9bbdbb;margin-top:14px}#countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:100px;font-weight:950;text-shadow:0 5px 20px #0006;pointer-events:none}#countdown[hidden]{display:none}#controls{display:flex;gap:10px;margin-top:11px}#controls[hidden]{display:none}#controls button{width:50%;position:relative;border-radius:12px;font-size:18px;font-weight:950;padding:13px;color:#1a4044;background:#a6d7bd;touch-action:none;overflow:hidden}#controls #item{background:#f5cf82}#controls button:disabled{opacity:.45}#controls small{font-size:8px;display:block;font-weight:600;margin-top:3px}#charge{position:absolute;bottom:0;left:0;height:4px;background:#ffc974;width:0}#status{font-size:10px;text-align:center;color:#91b6b5;min-height:14px}details{border:1px solid #38545d;padding:13px;border-radius:10px;font-size:11px;line-height:1.9;color:#a3c5c2}summary{cursor:pointer;color:#d7e4c7;font-weight:800}details a{color:#f5d28a}#result h2{font-size:47px;color:#f8d990;margin:17px 0 4px}#result-time{font-size:31px}#result-detail{font-size:12px;color:#b3d0c8}#result button:not(.primary){padding:10px 18px;margin-top:9px;border-radius:8px;background:#365860;color:#d8e7d4;font-size:12px}@media(max-height:750px){#arena{min-height:410px;height:68svh}.choices button{padding:9px 4px}#menu p{margin:6px 0;font-size:11px}.primary{padding:12px 22px;margin-top:12px}}@media(orientation:landscape) and (max-height:550px){header{padding:7px 18px}#arena{height:78svh;min-height:280px}#menu{padding:12px}#menu h1{font-size:29px;margin:6px 0}#menu p{display:none}label{margin:5px 0}.choices{max-width:450px}.choices button{padding:7px}#menu small{display:none}.primary{padding:10px;margin-top:9px}#controls{position:relative;margin-top:7px}#controls button{padding:8px;font-size:14px}}

html,body{overscroll-behavior:none}body{background:#122b36}main{max-width:none;padding:0}header,details,#status{display:none}#arena{position:fixed;inset:0;width:100dvw;height:100dvh;min-height:0;border:0;border-radius:0;touch-action:none}#effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}#hud{z-index:2;padding:12px max(15px,env(safe-area-inset-left))}#controls{position:absolute;inset:0;z-index:3;pointer-events:none;margin:0;display:block}#steer-pad{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));width:135px;height:135px;border-radius:50%;background:#173d4b66;border:2px solid #d9eddb80;box-shadow:inset 0 0 30px #072c4160;pointer-events:auto;touch-action:none}#stick{position:absolute;width:62px;height:62px;left:calc(50% - 31px);top:calc(50% - 31px);border-radius:50%;background:radial-gradient(circle at 40% 30%,#e4f2dfbb,#7fa9ad99);border:2px solid #d6e4dbaa;box-shadow:0 5px 18px #06324e50}#steer-pad small{position:absolute;width:100%;text-align:center;bottom:9px;font-size:9px;color:#d7ebdf;letter-spacing:3px;pointer-events:none}.right-controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));right:max(26px,env(safe-area-inset-right));width:220px;height:180px;pointer-events:none}#controls #drift{position:absolute;right:0;bottom:0;width:112px;height:112px;border-radius:50%;pointer-events:auto;background:radial-gradient(circle at 40% 30%,#f7dda8dd,#c99c5dbb);border:3px solid #ffefc4cc;color:#333e40;box-shadow:0 6px 25px #15364566;font-size:20px;padding:13px;touch-action:none}#controls #drift small{font-size:7px;margin-top:5px}#controls #item{position:absolute;right:122px;bottom:17px;width:88px;height:88px;border-radius:50%;pointer-events:auto;background:#a0d2c8cc;border:2px solid #d9f3d8aa;font-size:10px;padding:9px;color:#163d42;touch-action:none}#controls #item:disabled{opacity:.4}#drift:active{transform:scale(.96)}#charge{height:8px;bottom:0;background:#61c8ff}.race-stats{top:max(12px,env(safe-area-inset-top));right:max(15px,env(safe-area-inset-right));font-size:11px;padding:7px 12px}.race-stats span{font-size:15px}#map{top:86px;right:max(15px,env(safe-area-inset-right));width:65px;height:77px}.rank b{font-size:45px}#pause{bottom:auto;top:12px;right:150px}#speed{bottom:12px;left:50%;transform:translateX(-50%);font-size:17px}#toast{top:22%;font-size:15px}#menu,#result{z-index:5}#menu{padding:15px max(40px,env(safe-area-inset-left))}#menu h1{font-size:36px;margin:5px 0}#menu p{display:block;font-size:10px;line-height:1.6;margin:5px 0}#menu label{margin:5px 0 4px}.choices{max-width:530px}.choices button{padding:8px 5px;font-size:10px}#menu .primary{margin-top:10px;padding:11px 22px}#menu small{display:block;margin-top:8px;font-size:8px}#rotate-hint{display:none}#countdown{z-index:4;font-size:85px}.boosting #arena{box-shadow:inset 0 0 60px #91ebff66}.orientation-paused #arena{filter:blur(4px)}@media(orientation:portrait){#rotate-hint{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at top,#31535d,#112b38);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;color:#e6f1df}#rotate-hint h2{font-size:23px}#rotate-hint p{font-size:12px;line-height:1.9;color:#b2cecb}.phone{font-size:70px;color:#f4d092}#arena{pointer-events:none}}@media(orientation:landscape) and (max-height:370px){#steer-pad{width:115px;height:115px;bottom:12px}#controls #drift{width:96px;height:96px}.right-controls{bottom:12px}#menu h1{font-size:28px}#menu p{display:none}.choices button{padding:6px}#menu .primary{padding:9px}#menu small{margin-top:5px}}

#online{border-top:1px solid #7a9895;margin-top:12px;padding-top:8px}#online input{max-width:120px;padding:9px;border-radius:8px;border:1px solid #96bfb2;background:#142c36;color:white}#online button{font-size:12px;padding:9px;margin:3px}#room-info{font-size:12px;color:#b9e6dc;white-space:pre-line}#menu{max-height:94dvh;overflow-y:auto;touch-action:pan-y} @media(max-height:450px){#menu{width:min(750px,92vw);padding:16px}#menu h1{font-size:28px;margin:3px}#menu p{font-size:11px;margin:4px}#menu label{margin-top:4px}#online{margin-top:4px;padding-top:3px}.choices button{padding:8px;font-size:11px}#start{padding:10px}#menu .tiny{display:none}}

#net-status{position:absolute;top:66px;left:50%;transform:translateX(-50%);max-width:54%;padding:5px 10px;border-radius:10px;background:#102936d9;color:#d9f2e9;font-size:11px;text-align:center;pointer-events:none}

.menu-links{display:flex;justify-content:center;gap:18px;margin:8px 0}.menu-links a{font-size:12px;color:#c2e6da;text-decoration:underline}.kart .play{background:linear-gradient(100deg,#f2a16f,#e6d28c)}.kart .popularity-rank{color:#edb774}