@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Share+Tech+Mono&display=swap";:root{--ink:#f4f7ff;--dim:#9fb3d9;--bg:#0a1128;--panel:#0a142ec7;--edge:#a0beff3d;--hot:#f5a15b;--p1:#e33d3d;--p2:#3d8ce3}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Chakra Petch,system-ui,sans-serif;overflow:hidden}.mono{font-variant-numeric:tabular-nums;font-family:Share Tech Mono,ui-monospace,monospace}#app{height:100%}.screen{text-align:center;background:radial-gradient(120% 80% at 50% 0,#16306b 0%,#0000 60%),linear-gradient(#0a1128 0%,#060b1c 100%);flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;padding:24px;display:flex}.title{letter-spacing:.14em;text-shadow:0 0 26px #f5a15b59;margin:0;font-size:clamp(40px,9vw,82px);font-weight:700;line-height:1}.title.win{letter-spacing:.06em}.subtitle{color:var(--dim);letter-spacing:.04em;margin:6px 0 0;font-size:15px}.verdict{color:var(--ink);margin:4px 0 18px;font-size:17px}.notice{color:var(--hot);margin:10px 0 0;font-size:14px}.hint{color:var(--dim);max-width:420px;margin:18px 0 0;font-size:12.5px;line-height:1.6}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:14px;width:min(560px,100%);margin-top:22px;padding:22px}.players{grid-template-columns:1fr 1fr;gap:14px;display:grid}.player{text-align:left;flex-direction:column;gap:8px;display:flex}.player span{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:11px}.player input{height:46px;color:var(--ink);font:inherit;border:1px solid var(--edge);background:#040a1ae6;border-radius:8px;padding:0 12px;font-size:16px}.player.p1 input{border-left:3px solid var(--p1)}.player.p2 input{border-left:3px solid var(--p2)}.player input:focus{outline:2px solid var(--hot);outline-offset:-1px}.tracks{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.track{cursor:pointer;min-width:120px;height:44px;color:var(--dim);font:inherit;border:1px solid var(--edge);background:0 0;border-radius:8px;flex:1;font-size:14px}.track.on{border-color:var(--hot);color:var(--ink);background:#f5a15b29;font-weight:600}.go{cursor:pointer;background:var(--hot);color:#1b1206;width:100%;height:58px;font:inherit;letter-spacing:.16em;border:0;border-radius:10px;margin-top:18px;font-size:20px;font-weight:700}.go:hover{filter:brightness(1.08)}.ghost{cursor:pointer;height:48px;color:var(--dim);font:inherit;border:1px solid var(--edge);background:0 0;border-radius:10px;padding:0 20px;font-size:15px}.buttons{flex-direction:column;gap:10px;width:min(560px,100%);margin-top:18px;display:flex}.result .row{border-bottom:1px solid var(--edge);text-align:left;align-items:center;gap:14px;padding:14px 4px;display:flex}.result .row:last-child{border-bottom:0}.result .row.first{font-weight:700}.place{width:24px;color:var(--dim)}.dot{border-radius:50%;flex:none;width:12px;height:12px}.who{flex:1;font-size:17px}.time{font-size:17px}.split{background:var(--edge);grid-template-columns:1fr 1fr;gap:2px;height:100%;display:grid}.half{position:relative;overflow:hidden}.half canvas{width:100%;height:100%;display:block}.hud{background:var(--panel);border:1px solid var(--edge);border-radius:10px;min-width:150px;padding:10px 12px;position:absolute;top:12px;left:12px}.tag{border-bottom:2px solid var(--edge);margin-bottom:6px;padding-bottom:6px;font-size:15px;font-weight:700}.stat{justify-content:space-between;gap:14px;font-size:13px;line-height:1.7;display:flex}.stat span{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.speed{border-top:1px solid var(--edge);align-items:baseline;gap:5px;margin-top:8px;padding-top:8px;display:flex}.speed b{font-size:26px;line-height:1}.speed span{color:var(--dim);font-size:11px}.warn{color:var(--hot);letter-spacing:.12em;margin-top:8px;font-size:11px;font-weight:700}.countdown{color:var(--hot);pointer-events:none;text-shadow:0 0 40px #f5a15b80;justify-content:center;align-items:center;font-size:20vh;font-weight:700;display:flex;position:fixed;inset:0}.half .countdown{position:absolute}.finished{border-top:1px solid var(--edge);color:var(--hot);letter-spacing:.1em;margin-top:8px;padding-top:8px;font-size:12px;font-weight:700}@media (width<=760px){.players{grid-template-columns:1fr}.split{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}.solo{height:100%;position:relative}.solo canvas{width:100%;height:100%;display:block}.gap{border-top:1px solid var(--edge);letter-spacing:.06em;justify-content:space-between;align-items:baseline;gap:12px;margin-top:8px;padding-top:8px;font-size:12px;font-weight:700;display:flex}.gap span{color:var(--dim);font-weight:500}.gap b{font-size:15px}.gap.ahead{color:#6fe08a}.gap.behind{color:var(--hot)}.ghost.wide{width:100%;margin-top:10px}.board{text-align:left;width:min(560px,100%);margin-top:20px}.board-title{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:8px;font-size:11px}.board-row{border-bottom:1px solid var(--edge);align-items:center;gap:14px;padding:9px 4px;font-size:15px;display:flex}.board-row:last-child{border-bottom:0}.loading{color:var(--dim);font-size:13px}.pad{pointer-events:none;justify-content:space-between;padding:16px;display:flex;position:absolute;inset:auto 0 0}.pad-left,.pad-right{pointer-events:auto;gap:12px;display:flex}.pad button{border:2px solid var(--edge);width:84px;height:84px;color:var(--ink);font:inherit;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;background:#0a142e99;border-radius:50%;font-size:18px;font-weight:700}.pad button.held{border-color:var(--hot);background:#f5a15b66}.pad-right button[data-control=accelerate]{border-color:var(--hot);background:#f5a15b40}@media (width<=760px){.pad button{width:76px;height:76px;font-size:16px}.title{font-size:clamp(34px,12vw,56px)}}