*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0d0f14;color:#f2f4f8;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#08090dd1;backdrop-filter:blur(6px);z-index:20}.card{width:min(420px,calc(100vw - 32px));padding:36px 32px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#14171feb;text-align:center;display:flex;flex-direction:column;gap:14px}.logo{margin:0;font-size:34px;letter-spacing:.06em}.logo span{background:linear-gradient(90deg,#ffd740,#ff6e40,#e040fb);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0 0 8px;color:#9aa1b0;font-size:14px}input{height:46px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#fff;font-size:16px;padding:0 14px;text-align:center;outline:none}input:focus{border-color:#ffd740}.btn{height:46px;border:0;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .1s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,#ffd740,#ff9100);color:#1a1200}.err{color:#ff6e6e;font-size:13px;margin:0}.panel{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:10;width:min(360px,calc(100vw - 24px));padding:16px 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#101219d1;backdrop-filter:blur(6px);text-align:center;display:flex;flex-direction:column;gap:10px}.panel h2{margin:0;font-size:16px;letter-spacing:.12em;text-transform:uppercase;color:#cfd5e1}.roster{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.slots{display:grid;grid-template-columns:1fr 1fr;gap:6px;text-align:left}.slot{display:flex;align-items:center;gap:7px;height:32px;padding:0 10px;border-radius:8px;background:#ffffff0f;font-size:13px;overflow:hidden;white-space:nowrap}.slot .nm{overflow:hidden;text-overflow:ellipsis}.slot.empty{color:#596070;background:#ffffff06;border:1px dashed rgba(255,255,255,.09);justify-content:center}.slot .kick{margin-left:auto;border:0;background:transparent;color:#8d93a3;font-size:14px;cursor:pointer;padding:2px 4px;border-radius:6px}.slot .kick:hover{color:#ff6e6e;background:#ff50501f}.lobby-actions{display:flex;gap:8px}.lobby-actions .btn{flex:1;height:42px;font-size:14px}.btn.secondary{background:#ffffff1a;color:#e8ebf2;border:1px solid rgba(255,255,255,.14)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#ffffff12;font-size:13px}.dot{width:9px;height:9px;border-radius:50%}.hint{margin:0;font-size:12px;color:#7e8494}.scores{position:fixed;top:14px;left:14px;z-index:10;min-width:170px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0e1016cc;backdrop-filter:blur(6px);font-size:13px;display:flex;flex-direction:column;gap:6px}.score-row{display:flex;align-items:center;gap:8px}.score-row .pts{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.score-row.me .nm:after{content:" (vos)";color:#8b93a5;font-size:11px}.banner{position:fixed;top:18vh;left:50%;transform:translate(-50%);z-index:15;padding:10px 26px;border-radius:14px;background:#0a0b10a6;font-size:clamp(26px,5vw,46px);font-weight:800;letter-spacing:.03em;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.6);pointer-events:none;white-space:nowrap}.podium-list{display:flex;flex-direction:column;gap:8px;margin:6px 0 10px}.podium-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#ffffff0f;font-size:15px}.podium-row.first{background:linear-gradient(90deg,#ffd74038,#ffd74014);font-size:17px;font-weight:700}.podium-row .pts{margin-left:auto;font-weight:700}.conn{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:30;padding:8px 18px;border-radius:999px;background:#e63c3ce6;font-size:13px;font-weight:600}.spec-note{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:12;padding:8px 18px;border-radius:999px;border:1px solid rgba(120,160,255,.4);background:#1e2d5ad9;font-size:13px;font-weight:600}.chip.dim,.score-row.dim{opacity:.55;font-size:12px}