:root{color-scheme:dark;--bg:#101522;--card:#1a2132;--line:#303b55;--text:#eef3ff;--muted:#9facbf;--accent:#7c5cff;--good:#51d5a3;--danger:#ff6d85}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -15%,#29365a,#101522 48%);color:var(--text);font:15px/1.4 system-ui,"Microsoft YaHei",sans-serif;overscroll-behavior:none}.app{max-width:1000px;margin:auto;padding:26px 20px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:15px}h1{margin:0;font-size:32px;letter-spacing:2px}.eyebrow{margin:0 0 2px;color:#98a5d8;font-size:11px;letter-spacing:2px}.status{padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--good);background:#17283a}.controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:22px 0 12px;padding:15px;background:#171e2e;border:1px solid var(--line);border-radius:14px}label{display:grid;gap:5px;color:var(--muted);font-size:12px}select,input,button{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#0e1421;color:var(--text);font:inherit}input{width:120px}button{cursor:pointer;background:var(--accent);border-color:#927cff;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}#pause{background:#26334b;border-color:#3c4c69}.race-info{display:flex;justify-content:space-between;padding:7px 3px 13px;color:#c6d0e5;font-weight:700}.boards{display:flex;justify-content:center;gap:28px;align-items:flex-start}.player{display:grid;grid-template-columns:auto 128px;gap:12px;background:rgba(23,30,46,.8);border:1px solid var(--line);border-radius:14px;padding:13px}.player h2,.touch-controls{grid-column:1/-1}.player h2{margin:0;font-size:17px}.board{display:block;border:2px solid #45516e;background:#0b1020;image-rendering:pixelated}.side{min-width:0}.stats{margin:0;display:grid;gap:8px}.stats div{padding:7px 8px;background:#101827;border-radius:7px;color:var(--muted);font-size:12px}.stats b{display:block;color:var(--text);font-size:18px}.next-title{margin:14px 0 5px;color:var(--muted);font-size:12px}.next{display:block;background:#0b1020;border:1px solid var(--line);border-radius:7px}.touch-controls{display:none;grid-template-columns:repeat(4,1fr);gap:7px}.touch-controls button{min-height:48px;padding:7px 2px;background:#26334b;border-color:#3c4c69;font-size:20px;touch-action:manipulation}.touch-controls button[data-action="drop"]{background:#7351d8}.out{color:var(--danger)!important}.help{margin:20px auto 0;max-width:730px;padding:13px;background:#151d2d;border-radius:10px;color:var(--muted);font-size:13px;text-align:center}.help strong{color:#dce5ff}@media(max-width:720px){.boards{flex-direction:column;align-items:center}.player{width:min(100%,360px)}.controls{align-items:stretch}.controls label{flex:1 1 120px}button{flex:1}.touch-controls{display:grid}.help{font-size:12px}}@media(max-width:390px){.app{padding:15px 9px}.player{grid-template-columns:auto 105px;gap:8px;padding:8px}.side{font-size:11px}.stats div{padding:5px}.board{max-width:calc(100vw - 140px);height:auto}}