*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0d1014;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app,#app canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0c1059,#050608cc);z-index:20}#menu{background:linear-gradient(160deg,#141c1459,#0a0a0cd9),radial-gradient(circle at 30% 20%,#3a4a2a,#0d1014 70%)}.panel{background:#0e1116d1;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:34px 40px;min-width:520px;max-width:92vw;box-shadow:0 30px 80px #00000080;backdrop-filter:blur(6px);text-align:center}.panel.small{min-width:360px}h1{margin:0;font-size:64px;letter-spacing:6px;font-weight:900;font-style:italic}h1 span{color:#ff8a2a}h2{margin:0 0 18px;font-size:30px;letter-spacing:2px}.sub{opacity:.7;margin:6px 0 26px}.opts{display:flex;gap:16px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.opts label{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;opacity:.85}select{background:#1c2129;color:#fff;border:1px solid #39414d;border-radius:8px;padding:8px 12px;font-size:15px;min-width:130px}button{background:linear-gradient(180deg,#ff9a3c,#e2641b);border:0;color:#fff;font-weight:800;font-size:18px;letter-spacing:2px;padding:14px 44px;border-radius:12px;cursor:pointer;box-shadow:0 8px 24px #e2641b59;margin:6px}button:hover{filter:brightness(1.1)}button.alt{background:#2a313b;box-shadow:none}.controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px;margin-top:26px;font-size:14px;opacity:.8;text-align:left}.controls b{display:inline-block;min-width:88px;color:#ffb347}.note{font-size:12px;opacity:.55;margin-top:18px}.bar{width:100%;height:10px;background:#222831;border-radius:6px;overflow:hidden;margin:10px 0}#load-bar{height:100%;width:0;background:linear-gradient(90deg,#ff9a3c,#ffd36b);transition:width .15s}#load-msg{opacity:.75;font-size:14px}#hud{position:fixed;inset:0;pointer-events:none;z-index:10;text-shadow:0 2px 6px rgba(0,0,0,.6)}#topleft{position:absolute;top:18px;left:20px;display:flex;flex-direction:column;gap:8px}.block{display:flex;align-items:baseline;gap:10px}.block label,.times label{font-size:12px;letter-spacing:2px;opacity:.7;font-weight:700;min-width:42px}#pos{font-size:54px;font-weight:900;font-style:italic;line-height:1}#pos small{font-size:24px;opacity:.7}#lap{font-size:28px;font-weight:800}.times{background:#0a0c1073;border-radius:10px;padding:8px 12px;font-variant-numeric:tabular-nums}.times div{display:flex;gap:10px;font-size:17px;font-weight:600}#board{margin-top:6px;background:#0a0c1073;border-radius:10px;padding:6px 10px;min-width:230px}#board .row{display:flex;align-items:center;gap:8px;font-size:14px;padding:2px 0}#board .row.me{color:#ffb347;font-weight:800}#board .p{width:16px;opacity:.8}#board .n{flex:1}#board .g{opacity:.7;font-variant-numeric:tabular-nums}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.6);margin-right:6px}#minimap{position:absolute;top:16px;right:16px;width:210px;height:210px;border-radius:50%;box-shadow:0 6px 24px #00000080;border:3px solid rgba(255,255,255,.25)}#gauge{position:absolute;right:14px;bottom:10px;width:220px;height:220px}#message{position:absolute;top:28%;left:50%;transform:translate(-50%,-50%) scale(.8);font-size:120px;font-weight:900;font-style:italic;opacity:0;transition:opacity .2s,transform .2s;text-align:center;white-space:nowrap}#message.on{opacity:1;transform:translate(-50%,-50%) scale(1)}#message.go{color:#6dff7a}#message.small{font-size:42px}#message .sub{display:block;font-size:26px;font-style:normal;opacity:.85;margin-top:4px}#wrongway{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-size:54px;font-weight:900;color:#ff3b30;opacity:0;letter-spacing:4px}#wrongway.on{opacity:1;animation:blink .6s infinite}@keyframes blink{50%{opacity:.25}}#bottomleft{position:absolute;left:20px;bottom:14px;font-size:13px;opacity:.7}table{width:100%;border-collapse:collapse;margin:6px 0 20px;font-variant-numeric:tabular-nums}th,td{padding:8px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}th{font-size:12px;letter-spacing:1.5px;opacity:.6}tr.me td{color:#ffb347;font-weight:800}@media(max-width:800px){h1{font-size:42px}.panel{min-width:0;padding:24px}#minimap{width:140px;height:140px}#gauge{width:160px;height:160px}}