*{box-sizing:border-box}body{margin:0;background:#80c7e8;font-family:Arial,Helvetica,sans-serif;color:#fff;overflow:hidden}button{font:inherit;cursor:pointer;border:0}#game{width:100vw;height:100vh;display:block}#menu{position:fixed;inset:0;background:url('assets/menu.png') center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,31,36,.88),rgba(18,31,36,.36) 45%,transparent 75%)}.menu-content{position:relative;margin:6vh 0 0 6vw;max-width:490px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:3px;color:#ffe1a5}h1{font-size:clamp(60px,8.5vw,126px);line-height:.79;letter-spacing:-7px;margin:30px 0 22px;font-weight:1000;font-style:italic;text-shadow:0 5px 0 #172c39}h1 em{color:#ffd453;font-style:inherit}h1 span{font-size:55px;vertical-align:top;letter-spacing:0}.cup{font-size:14px;font-weight:bold;letter-spacing:4px}.cup span{border:1px solid #ffffff60;padding:4px 7px;margin-left:12px;color:#ffd453}p{font-size:15px;line-height:1.6;color:#e0e5e4}.choice{margin:22px 0 16px}.choice label{font-size:10px;letter-spacing:2px;color:#e6d5b7}#cats{display:flex;gap:9px;margin-top:10px}#cats button{font-size:25px;width:48px;height:48px;background:#ffffff15;border:2px solid transparent;border-radius:12px}#cats button.selected{border-color:#ffcf48;background:#ffcf482a;transform:translateY(-3px)}#start,.modal button{background:#ffd04b;color:#27343a;font-weight:900;padding:18px 32px;border-radius:8px;min-width:270px;box-shadow:0 5px 0 #ac7429}#start:disabled{opacity:.5}#controller{margin:20px 0 12px;font-size:11px;color:#dbdcd3}summary{cursor:pointer;font-size:12px;color:#e4d6bc}details p{font-size:12px;max-width:450px}.badge{position:absolute;right:35px;bottom:26px;font-size:11px;letter-spacing:2px;font-weight:bold}.badge i{color:#ffd453;margin:0 10px}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:2px 3px 0 #172330}.position{position:absolute;left:32px;top:22px;font-style:italic}.position b{font-size:105px;color:#ffd347;-webkit-text-stroke:2px #242b32}.position span{font-size:38px;font-weight:900}#standings{position:absolute;left:30px;top:145px;display:grid;gap:7px}.standing{background:#172c3960;padding:4px 12px;border-radius:7px;font-size:18px}.standing.me{border:2px solid #ffdb51;color:#ffe787}.top{position:absolute;left:50%;top:25px;transform:translateX(-50%);text-align:center}.top span{display:block;font-size:11px;letter-spacing:4px;margin-bottom:8px}.top strong{font-size:25px}.bottom{position:absolute;left:30px;bottom:28px;display:flex;gap:25px;background:#352a2280;border-radius:12px;padding:12px 20px;font-size:28px}.speed{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);text-align:center}.speed b{font-size:46px}.speed small{font-size:10px;margin-left:8px}#boostbar{height:5px;background:#51dfff;max-width:160px;width:0;box-shadow:0 0 18px #51dfff;margin:6px auto}#map{position:absolute;bottom:180px;right:15px}#item{position:absolute;right:38px;bottom:26px;border:4px solid #eee;background:#172b3bbd;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:52px;box-shadow:0 0 0 4px #27323d}#item small{position:absolute;bottom:-22px;font-size:10px;white-space:nowrap}#message{position:fixed;top:39%;width:100%;text-align:center;font-size:80px;font-weight:1000;font-style:italic;color:#ffe475;text-shadow:4px 5px #27313b;pointer-events:none}.modal{position:fixed;inset:0;background:#132a39db;backdrop-filter:blur(10px);text-align:center;padding-top:27vh}.modal h2{font-size:48px}.modal button{margin:12px;min-width:220px}.modal button+button{background:#fff} [hidden]{display:none!important}@media(max-height:740px){.menu-content{margin-top:4vh}h1{font-size:80px;margin:24px 0}.choice{margin:12px 0}p{margin:12px 0}#start{padding:14px 25px}#controller{margin:15px 0 10px}}

.graphics-choice{display:flex;align-items:center;gap:15px;margin-top:18px}.graphics-choice label{font-size:10px;letter-spacing:2px;color:#e7d9be}.graphics-choice select{padding:8px 12px;border:1px solid #ffffff40;background:#213941;color:#f6e5c4;border-radius:6px;font-size:11px}#height{display:block;color:#ffde85;font-size:11px;letter-spacing:1px;margin-bottom:6px}.top strong{font-variant-numeric:tabular-nums}.top{padding:12px 24px;border-radius:16px;background:linear-gradient(#23393d80,transparent)}

#fps-counter{position:fixed;right:18px;top:16px;z-index:100;display:flex;align-items:baseline;gap:6px;padding:8px 11px;border:1px solid #ffffff30;border-radius:9px;background:#142930d9;color:#edf8ee;font:11px Arial,sans-serif;pointer-events:none;font-variant-numeric:tabular-nums;box-shadow:0 3px 15px #0002}#fps-counter b{font-size:21px;color:#b6f2bd}#fps-counter small{font-size:9px;letter-spacing:1px;margin-left:5px;color:#f0d9a8}#fps-counter[data-level="medium"] b{color:#ffe1a0}#fps-counter[data-level="low"] b{color:#ffab94}

.level-picker{position:absolute;right:5vw;top:15vh;width:350px;padding:24px;background:#19343ce8;border:1px solid #ffffff35;border-radius:18px;box-shadow:0 16px 50px #10252a55;backdrop-filter:blur(14px)}#levels{display:grid;gap:9px;margin:20px 0}.level-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid #ffffff25;border-radius:9px;background:#ffffff09;text-align:left;color:#fff}.level-card.active{border-color:var(--accent);background:#ffffff1f;box-shadow:inset 3px 0 var(--accent)}.level-card strong{display:block;font-size:14px}.level-card small{display:block;font-size:8px;letter-spacing:1px;margin-top:6px;color:#dfdfcf}.level-icon{font-size:24px}.level-card svg{margin-left:auto;width:72px;height:48px;flex-shrink:0}.level-card path{stroke:var(--accent);fill:none;stroke-width:3;stroke-linejoin:round}#level-difficulty{font-size:12px;color:#ffdb94}#level-description{font-size:12px;min-height:58px;line-height:1.5}.level-picker>small{font-size:10px;color:#bfcfca}@media(max-width:1050px){.level-picker{right:3vw;width:310px;padding:18px}.menu-content{margin-left:4vw;max-width:440px}h1{font-size:86px}}@media(max-width:780px){#menu{overflow:auto}.menu-content{margin:45px 24px 0}.level-picker{position:relative;top:auto;right:auto;margin:30px 24px 70px;width:auto}.badge{display:none}.modal{overflow:auto;padding-top:15vh}.modal h2{font-size:32px}}@media(max-height:690px) and (min-width:781px){.level-picker{top:7vh;padding:16px}#levels{margin:12px 0;gap:6px}.level-card{padding:8px}#level-description{min-height:40px}.menu-content{margin-top:3vh}h1{font-size:68px}.choice{margin:8px 0}}

.mode-choice{display:flex;align-items:center;gap:14px;margin:14px 0}.mode-choice label{font-size:10px;letter-spacing:2px;color:#e7d9be}.mode-choice select{padding:9px;border-radius:6px;background:#213941;color:#fff;border:1px solid #ffffff40}#cats2{display:flex;gap:9px;margin-top:9px}#cats2 button{font-size:25px;width:48px;height:48px;background:#ffffff15;border:2px solid transparent;border-radius:12px}#cats2 button.selected{border-color:#6addf4;background:#6addf42a}#cats button:disabled,#cats2 button:disabled{opacity:.3}#menu{overflow:auto}.menu-content{padding-bottom:35px}#intro{position:fixed;inset:0;pointer-events:none;border-top:50px solid #0c1e28;border-bottom:50px solid #0c1e28;z-index:20}#intro>span{position:absolute;left:30px;top:20px;letter-spacing:3px;font-size:13px;text-shadow:1px 2px #123}#intro button{position:absolute;right:25px;bottom:20px;background:#162f3dda;color:#fff;border:1px solid #ffffff50;border-radius:9px;padding:12px;pointer-events:auto}.hud-player{position:fixed;inset:0;pointer-events:none}.player-tag{position:absolute;left:30px;top:7px;font-size:11px;letter-spacing:2px;color:#ffe197;text-shadow:1px 2px #142934}.pickup-toast{position:absolute;top:22%;left:50%;transform:translateX(-50%);width:max-content;max-width:85%;padding:12px 20px;border:1px solid #ffdc8b99;border-radius:12px;background:#16313ae8;text-align:center;box-shadow:0 7px 24px #13232e55}.pickup-toast small,.pickup-toast strong,.pickup-toast span{display:block}.pickup-toast small{font-size:10px;letter-spacing:2px;color:#ffe1a0}.pickup-toast strong{font-size:20px;margin:6px 0}.pickup-toast span{font-size:11px;color:#dbe7e1}.active-effect{position:absolute;bottom:180px;right:25px;color:#b9edff;font-size:14px;text-shadow:1px 2px #17313a}#item,#item-2{position:absolute;right:22px;bottom:25px;width:300px;height:auto;min-height:115px;border:2px solid #d2e5e6a0;border-radius:14px;background:#152e3ced;box-shadow:0 6px 25px #15263155;display:flex;align-items:center;gap:12px;padding:13px;text-shadow:none}.inventory-icon{font-size:44px}.inventory-text{display:grid;gap:5px}.inventory-text small{position:static!important;font-size:9px!important;letter-spacing:1px;color:#e6cb94;white-space:normal!important}.inventory-text strong{font-size:16px}.inventory-text span{font-size:11px;color:#d0dfdf}.inventory-text kbd{font:10px Arial;color:#c3dfeb}.split-race #hud{right:50%;width:50%}.split-race #hud2{left:50%;width:50%;border-left:3px solid #d8e9ed}.split-race .position{top:22px;left:18px}.split-race .position b{font-size:65px}.split-race .position span{font-size:23px}.split-race #standings,.split-race #standings-2{display:none}.split-race .top{top:24px;padding:5px 9px;max-width:60%}.split-race .top span{font-size:8px;letter-spacing:1px}.split-race .top strong{font-size:18px}.split-race .bottom{left:14px;bottom:22px;font-size:18px;gap:12px;padding:9px}.split-race .speed{bottom:158px;left:50%}.split-race .speed b{font-size:33px}.split-race #map,.split-race #map-2{position:absolute;bottom:150px;right:5px;width:140px;height:115px}.split-race #item,.split-race #item-2{width:250px;right:12px;bottom:62px;min-height:86px;padding:10px}.split-race .inventory-icon{font-size:33px}.split-race .inventory-text strong{font-size:14px}.split-race .active-effect{bottom:275px;right:12px;font-size:12px}.split-race .pickup-toast strong{font-size:16px}.split-race .player-tag{left:18px}.split-race #boostbar,.split-race #boostbar-2{height:5px;background:#51dfff;max-width:160px;margin:6px auto}#map-2{position:absolute;bottom:180px;right:15px}#hud2 .top span{display:block}#hud2 .bottom b,#hud2 .speed b{font-weight:900}.modal{z-index:30;overflow:auto;padding-top:18vh}.modal p{max-width:85%;margin:12px auto}#resultInfo{line-height:2}.menu-content h1{font-size:clamp(60px,7vw,100px)}@media(max-height:850px){.menu-content{margin-top:3vh}h1{margin:20px 0}.choice{margin:12px 0}.menu-content>p{margin:10px 0}.graphics-choice{margin-top:13px}#controller{margin:12px 0}#cats button,#cats2 button{height:38px;width:40px;font-size:22px}#start{padding:13px 26px}}@media(max-width:950px){.split-race .top{left:62%}.split-race #item,.split-race #item-2{width:210px}.split-race .inventory-text span{display:none}.split-race .speed{left:23%}.split-race .pickup-toast{max-width:90%;padding:10px}.split-race .pickup-toast strong{font-size:13px}}

.hud-player{text-shadow:2px 3px 0 #172330}#height-2{display:block;color:#ffde85;font-size:11px;letter-spacing:1px;margin-bottom:6px}.inventory-text,.pickup-toast{text-shadow:none}