*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#9fcfe0;color:#e6e9ef;font-family:Segoe UI,system-ui,sans-serif;user-select:none}#app canvas{display:block}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#080c16d1;backdrop-filter:blur(3px)}.card{background:#141c2c;border:1px solid #26324a;border-radius:12px;padding:28px 32px;min-width:340px;max-width:440px;text-align:center;box-shadow:0 12px 40px #00000080}.card h1{font-size:26px;margin-bottom:4px;letter-spacing:.5px}.card .tagline{color:#8b98ad;font-size:13px;margin-bottom:20px}.card input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #2c3a55;background:#0e1524;color:#e6e9ef;font-size:15px;margin-bottom:12px;outline:none}.card input:focus{border-color:#4a7dd6}button.primary{width:100%;padding:11px;border:none;border-radius:8px;background:#3b6fd4;color:#fff;font-size:15px;font-weight:600;cursor:pointer}button.primary:hover{background:#4a7de2}button.primary:disabled{background:#2a3a58;color:#7183a0;cursor:default}.queue-status{margin-top:16px;font-size:13px;color:#9fadc4;min-height:40px}.queue-list{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.queue-list span{background:#1d2941;border-radius:20px;padding:3px 10px;font-size:12px}.countdown{margin-top:10px;font-size:17px;font-weight:700;color:#ffd166}#hud{position:absolute;top:0;left:0;right:0;display:flex;gap:18px;align-items:center;padding:8px 14px;background:linear-gradient(#080c16e6,#080c168c);font-size:14px}#hud .stat{display:flex;gap:6px;align-items:baseline;white-space:nowrap}#hud .stat b{font-size:15px}#hud .stat .sub{color:#93a3bc;font-size:12px}#hud .spacer{flex:1}#hud .timer{font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}#leaderboard{position:absolute;top:46px;right:10px;background:#0c1220d9;border:1px solid #223050;border-radius:8px;padding:8px 10px;font-size:12px;min-width:170px}#leaderboard .row{display:flex;gap:6px;align-items:center;padding:2px 0}#leaderboard .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}#leaderboard .nick{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leaderboard .dead{opacity:.45;text-decoration:line-through}#build-panel{position:absolute;top:46px;left:10px;width:250px;background:#0c1220eb;border:1px solid #223050;border-radius:10px;padding:12px}#build-panel h2{font-size:15px;margin-bottom:8px}.bld-card{display:flex;align-items:center;gap:8px;padding:9px 8px;border-radius:8px;background:#16203466;border:1px solid transparent;margin-bottom:6px;cursor:pointer}.bld-card:hover{background:#1c2a44}.bld-card.armed{border-color:#4a7dd6;background:#203557}.bld-card.unaffordable{opacity:.55}.bld-ico{font-size:20px;width:26px;text-align:center}.bld-info{flex:1;min-width:0}.bld-name{font-size:13px;font-weight:600}.bld-desc{font-size:11px;color:#9db0ca}.bld-cost{font-size:12.5px;font-weight:700;color:#ffd166;white-space:nowrap}.bld-detail{margin-top:10px;padding:10px;border-radius:8px;background:#16203466}.bld-detail-title{font-size:13px;font-weight:700}.bld-detail-owner{font-size:11.5px;color:#93a3bc;margin-bottom:4px}.bld-detail-effect{font-size:12px;color:#b9c6da;margin-bottom:8px}.bld-detail-hint{font-size:11px;color:#8fa1bd}button.primary.small{padding:8px;font-size:13px}.panel-hint{margin-top:10px;font-size:11px;color:#7f8fa8;text-align:center}#send-popover{position:absolute;background:#141c2c;border:1px solid #2c3a55;border-radius:10px;padding:10px;width:200px;box-shadow:0 8px 28px #0000008c}#send-popover .target{font-size:12.5px;margin-bottom:8px;color:#b9c6da}#send-popover .fracs{display:flex;gap:6px;margin-bottom:8px}#send-popover .fracs button{flex:1;border:none;border-radius:6px;background:#2e5cb8;color:#fff;padding:7px 0;font-size:12.5px;font-weight:700;cursor:pointer}#send-popover .fracs button:hover{background:#3a6cd0}#send-popover .custom{display:flex;gap:6px}#send-popover .custom input{flex:1;min-width:0;border:1px solid #2c3a55;background:#0e1524;color:#e6e9ef;border-radius:6px;padding:6px 8px;font-size:13px;outline:none}#send-popover .custom button{border:none;border-radius:6px;background:#2e9e5b;color:#fff;padding:6px 10px;font-weight:700;cursor:pointer}#toasts{position:absolute;left:12px;bottom:12px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{background:#0f1626eb;border:1px solid #26324a;border-left:3px solid #3b6fd4;border-radius:7px;padding:7px 12px;font-size:12.5px;max-width:340px;animation:toast-in .2s ease-out}.toast.warn{border-left-color:#d4a13b}@keyframes toast-in{0%{transform:translate(-12px);opacity:0}to{transform:none;opacity:1}}#spectator{position:absolute;top:52px;left:50%;transform:translate(-50%);background:#a03030e6;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600}table.standings{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:13px}table.standings th,table.standings td{padding:6px 8px;text-align:left;border-bottom:1px solid #223050}table.standings th{color:#8b98ad;font-weight:600;font-size:11.5px;text-transform:uppercase}table.standings tr.winner td{color:#ffd166;font-weight:700}.hidden{display:none!important}