html,body{color:#eee;background:#0b0a10;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#app,canvas{width:100%;height:100%;display:block}.start{z-index:5;background:radial-gradient(#281c34d9,#08060cf5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.card{background:#15111d;border:2px solid #6c5f77;border-radius:18px;width:min(560px,100% - 32px);padding:28px;box-shadow:0 20px 60px #000a}.card h1{letter-spacing:6px;color:#ff8a3d;text-align:center;margin:0;font-size:56px}.card .tag{text-align:center;color:#b9a8c9;margin:0 0 20px}.row-label{color:#b9a8c9;text-transform:uppercase;letter-spacing:1px;margin:16px 0 8px;font-size:14px;display:block}.speed,.hand,.go{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.speed input{text-align:center;color:#7ad7ff;background:#0e0b16;border:2px solid #7ad7ff;border-radius:10px;width:90px;padding:8px;font-size:28px;font-weight:700}.unit{color:#7ad7ff}.card button{font:inherit;color:#fff;cursor:pointer;background:#2a2236;border:2px solid #6c5f77;border-radius:10px;min-height:48px;padding:12px 16px;font-weight:700}.card button:hover{border-color:#fff}.card button.active{color:#120d18;background:#7ad7ff;border-color:#7ad7ff}.card button.primary{color:#120d18;background:#ff8a3d;border-color:#ff8a3d}.card button:disabled{opacity:.4;cursor:not-allowed}.go{margin-top:24px}.go button{flex:1;font-size:20px}details{color:#b9a8c9;margin-top:16px}details input{box-sizing:border-box;color:#eee;background:#0e0b16;border:1px solid #6c5f77;border-radius:8px;width:100%;margin-top:8px;padding:8px}.note{color:#b9a8c9;font-size:14px}.help{color:#8d7fa0;padding-left:18px;font-size:13px;line-height:1.5}.debug-stats{color:#9f9;z-index:4;white-space:pre;pointer-events:none;background:#000a;padding:4px 6px;font:12px monospace;position:fixed;top:8px;left:8px}