*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#081523;color:#f5f6e9;font-family:system-ui,-apple-system,sans-serif;touch-action:none}#shell{position:absolute;width:240px;height:282px;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;background:#173c53}canvas{display:block;width:240px;height:282px}.hud{position:absolute;inset:0 0 auto;pointer-events:none;padding:6px 9px 0;text-shadow:0 1px 3px #143047;font-size:9px;font-weight:800;letter-spacing:.08em;background:linear-gradient(#102b40e8,#102b40b8 70%,transparent);padding-bottom:8px}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:center}.hud-bottom{margin-top:3px}.meter{height:3px;background:#ffffff60;border-radius:8px;margin-top:4px}.meter>div{height:100%;width:0;background:#f3ce70;border-radius:8px}.pause{position:absolute;right:8px;top:6px;background:#132d41ad;color:white;border:1px solid #ffffff80;border-radius:50%;width:25px;height:25px;font-size:13px}.controls{position:absolute;bottom:5px;left:5px;right:5px;display:flex;gap:4px;justify-content:space-between;align-items:end}.controls button{height:30px;min-width:38px;border:1px solid #d9f3f0a8;border-radius:9px;background:#102e48bd;color:white;font-size:11px;font-weight:900;touch-action:none}.controls #brake{background:#ed9b49db;color:#102134;min-width:53px}.controls #jump{background:#73ccd6dc;color:#102134;min-width:49px}#notice{position:absolute;top:71px;left:10px;right:10px;text-align:center;font-size:11px;font-weight:900;color:#ffe09a;text-shadow:0 2px 4px #142d42;pointer-events:none}.panel{position:absolute;inset:0;background:linear-gradient(180deg,#112d43d6,#0b2435f2 57%,#08192af8);padding:21px 16px 13px;display:flex;flex-direction:column;align-items:stretch}.eyebrow{font-size:8px;color:#eecb79;font-weight:900;letter-spacing:.17em}.panel h1{font-size:29px;line-height:.93;letter-spacing:-.055em;margin:10px 0 8px;font-weight:950}.panel h1 em{font-style:normal;color:#89d7db}.panel p{font-size:10px;line-height:1.42;color:#c9d9db;margin:0 0 8px}.course-picker{display:flex;gap:4px;margin:1px 0 8px}.course-picker button{flex:1;min-width:0;border:1px solid #6596a4;background:#153950;color:#e9f3ee;border-radius:6px;padding:5px 1px;font-size:8px;font-weight:800}.course-picker button.active{background:#eecb79;color:#152b37;border-color:#eecb79}.course-picker button:disabled{opacity:.37}.primary{width:100%;padding:8px 9px;background:#f2ce7e;color:#132939;border:0;border-radius:7px;font-size:11px;font-weight:950;letter-spacing:.07em;text-align:left;display:flex;justify-content:space-between}.panel .tip{font-size:8px;color:#a8c4ca;margin:7px 0 0}button:focus-visible{outline:2px solid white} [hidden]{display:none!important}
.secondary{margin-top:5px;padding:6px;color:#cce6e4;border:1px solid #83b2b9;border-radius:6px;background:#15354a;font-size:9px;font-weight:850}

.controls #paddle{background:#89d7dbe0;color:#102b35;min-width:32px;font-size:13px}.controls #left,.controls #right{min-width:31px}.controls #brake{min-width:47px}.controls #jump{min-width:41px}.panel{background:linear-gradient(180deg,#0a2032b0,#092338eb 54%,#081a2af8)}

.course-picker{display:block;margin:0 0 7px}.picker-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:8px;font-weight:850;letter-spacing:.08em}.picker-nav button{flex:none;width:28px;padding:3px}.picker-list{display:grid;grid-template-columns:1fr 1fr;gap:3px}.picker-list button{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px;font-size:8px}.panel{padding-top:16px}.panel h1{font-size:27px;margin:7px 0 5px}.panel p{margin-bottom:6px}

#distanceHud,#rivalsHud,#modeHud{font-size:8px;margin-top:2px;color:#fff4b9}#modeHud{color:#adf6dd}.panel.results{background:linear-gradient(180deg,#112b41a6 0%,#092338bc 39%,#061928f0 75%)}.panel.results h1{margin-top:22px}.panel.results .course-picker{display:none}.panel.results #description{font-size:11px;line-height:1.5;background:#071a29b8;border:1px solid #8fd7d58c;border-radius:8px;padding:9px;margin:8px 0 12px}.panel.results .tip{margin-top:9px}
.hud{background:linear-gradient(#102b40e8,#102b40b8 78%,transparent);padding-bottom:11px}.hud-top{font-size:9px}.hud-bottom{font-size:8px}#distanceHud,#rivalsHud,#modeHud{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #082433}.hud #rivalsHud{color:#d5f5f2}#notice{top:104px}.panel.results{top:99px;padding:8px 12px;background:linear-gradient(#09263bec,#071a2afa)}.panel.results .eyebrow{display:none}.panel.results h1{font-size:22px;margin:0 0 3px}.panel.results #description{font-size:9px;line-height:1.3;padding:5px;margin:2px 0 4px}.panel.results .tip{display:none}.panel.results .primary{padding:6px}.panel.results .secondary{padding:4px;margin-top:3px}
.panel.results{top:0;bottom:111px;padding:7px 12px}.panel.results h1{font-size:20px}.panel.results #description{font-size:8px;line-height:1.25;padding:4px;margin:2px 0 3px}.panel.results .primary{padding:5px}.panel.results .secondary{padding:3px}