@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@600;700;800&family=Nunito:wght@400;500;600;700&display=swap";:root{--bg:#0e1f2b;--bg-dark:#0a1822;--bg-mid:#112436;--bg-panel:#163248;--bg-panel2:#1c3d58;--blue:#18d4e8;--blue-mid:#12a8ba;--blue-dim:#0d7a8a;--blue-glow:#18d4e84d;--blue-glow-s:#18d4e81a;--gold:#e0a830;--gold-light:#f5c842;--gold-dim:#8a6e24;--gold-glow:#e0a83047;--team-a:#40c4f0;--team-a-glow:#40c4f052;--team-b:#ff6b76;--team-b-glow:#ff6b7652;--ban-color:#e84545;--ban-glow:#e8454540;--pick-color:#45e09a;--role-frontline:#40c4f0;--role-damage:#f06060;--role-support:#45e09a;--role-flank:#f0a830;--text:#d8ecf2;--text-muted:#7ab0c0;--text-dim:#4a7890;--radius:8px;--border:#18d4e833;--border-gold:#e0a83059;--font-display:"Exo 2", sans-serif;--font-ui:"Nunito", sans-serif;--color-bg:var(--bg);--color-surface:var(--bg-panel);--color-border:var(--border);--color-text:var(--text);--color-text-muted:var(--text-muted);--color-team-a:var(--team-a);--color-team-b:var(--team-b);--color-ban:var(--ban-color);--color-pick:var(--pick-color);--color-accent:var(--blue)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d0a06;background-image:linear-gradient(#0a0703ad 0%,#080602b8 60%,#060401d1 100%),radial-gradient(70% 45% at 50% -5%,#12d4e824 0%,#0000 100%),radial-gradient(50% 40% at 50% 0,#ffc8501a 0%,#0000 70%),radial-gradient(100% 35% at 50% 115%,#040301e6 0%,#0000 65%),radial-gradient(40% 60% at 0 100%,#030201cc 0%,#0000 55%),radial-gradient(40% 60% at 100% 100%,#030201cc 0%,#0000 55%),url(/de5uhs6-34902db7-edd5-417d-9882-2cee53a1d788.png);background-position:50%;background-size:cover;background-attachment:fixed;font-size:15px;font-weight:400;line-height:1.4}#app{width:100%;max-width:100%;min-height:100vh;margin:0}h1,h2,h3{font-family:var(--font-display);color:var(--gold-light);letter-spacing:.04em;font-weight:700}p{margin:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--blue-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--blue-mid)}button{cursor:pointer;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-gold);border-radius:var(--radius);background:var(--bg-panel);color:var(--text);outline:none;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}button:hover:not(:disabled){border-color:var(--gold);color:var(--gold-light);box-shadow:0 0 8px var(--gold-glow)}button:disabled{cursor:not-allowed;opacity:.35}input,select{font-family:var(--font-ui);background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;width:100%;padding:8px 12px;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--blue-mid);box-shadow:0 0 0 2px var(--blue-glow-s)}input::placeholder{color:var(--text-dim)}.panel{background:linear-gradient(135deg, var(--bg-panel) 0%, var(--bg-mid) 100%);border:1px solid var(--border);border-radius:var(--radius);position:relative}.panel:before{content:"";border-radius:var(--radius);background:linear-gradient(135deg, var(--blue-glow-s) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.section-label{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dim);font-size:10px;font-weight:700}.lang-switch.svelte-1njmqi3{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;box-shadow:none;background:0 0;border-radius:3px;padding:4px 10px;font-size:10px;font-weight:700;transition:all .15s}.lang-switch.svelte-1njmqi3:hover{border-color:var(--blue-mid);color:var(--blue);box-shadow:none;background:#12c8d80f}.page.svelte-5hymd7{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.bg-glow.svelte-5hymd7{pointer-events:none;background:radial-gradient(#12c8d814 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card.svelte-5hymd7{background:linear-gradient(160deg, var(--bg-panel) 0%, var(--bg-mid) 100%);border:1px solid var(--border);text-align:center;border-radius:4px;width:100%;max-width:600px;padding:48px 44px;position:relative;box-shadow:0 0 40px #12c8d80f,0 24px 48px #00000080}.card-corner.svelte-5hymd7{border-color:var(--gold-dim);border-style:solid;width:12px;height:12px;position:absolute}.card-corner.tl.svelte-5hymd7{border-width:2px 0 0 2px;top:-1px;left:-1px}.card-corner.tr.svelte-5hymd7{border-width:2px 2px 0 0;top:-1px;right:-1px}.card-corner.bl.svelte-5hymd7{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.card-corner.br.svelte-5hymd7{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.lang-row.svelte-5hymd7{justify-content:flex-end;margin-bottom:12px;display:flex}.logo-area.svelte-5hymd7{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.logo-line.svelte-5hymd7{background:linear-gradient(90deg, transparent, var(--gold-dim));flex:1;height:1px}.logo-line.svelte-5hymd7:last-child{background:linear-gradient(270deg, transparent, var(--gold-dim))}h1.svelte-5hymd7{font-family:var(--font-display);letter-spacing:.18em;color:var(--gold-light);text-transform:uppercase;white-space:nowrap;text-shadow:0 0 20px #c9a84c4d;margin:0;font-size:20px;font-weight:700}.subtitle.svelte-5hymd7{font-family:var(--font-ui);color:var(--text-muted);letter-spacing:.02em;margin-bottom:32px;font-size:13px;font-weight:400;line-height:1.5}.form.svelte-5hymd7{text-align:left;flex-direction:column;gap:14px;display:flex}.fields-row.svelte-5hymd7{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field.svelte-5hymd7{flex-direction:column;gap:6px;display:flex}label.svelte-5hymd7{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim);font-size:9px;font-weight:700}input.svelte-5hymd7{background:var(--bg-dark);border:1px solid var(--border);color:var(--text);font-size:14px;font-weight:500}input.svelte-5hymd7:focus{border-color:var(--blue-mid);box-shadow:0 0 0 2px var(--blue-glow-s)}.btn-primary.svelte-5hymd7{border:1px solid var(--blue-mid);color:var(--blue);letter-spacing:.16em;background:#12c8d81a;margin-top:6px;padding:12px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 0 12px #12c8d826}.btn-primary.svelte-5hymd7:hover:not(:disabled){border-color:var(--blue);color:var(--blue);background:#12c8d82e;box-shadow:0 0 20px #12c8d84d}.error.svelte-5hymd7{font-family:var(--font-ui);color:#ff8a8a;letter-spacing:.04em;font-size:12px;font-weight:500}.indicator.svelte-1owxw0c{align-items:center;gap:10px;display:flex}.phase-tag.svelte-1owxw0c{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border-gold);color:var(--gold);background:#c9a84c0f;border-radius:3px;padding:4px 12px;font-size:13px;font-weight:700}.phase-tag.banning.svelte-1owxw0c{color:#ff7a7a;background:#e53e3e14;border-color:#e53e3e80;box-shadow:0 0 8px #e53e3e26}.phase-tag.picking.svelte-1owxw0c{color:var(--blue);background:#12c8d814;border-color:#12c8d880;box-shadow:0 0 8px #12c8d826}.phase-tag.complete.svelte-1owxw0c{color:var(--pick-color);background:#48bb7814;border-color:#48bb7880;box-shadow:0 0 8px #48bb7826}.divider.svelte-1owxw0c{background:var(--border);opacity:.5;width:1px;height:16px}.turn-label.svelte-1owxw0c{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border:1px solid #0000;border-radius:3px;padding:4px 12px;font-size:13px;font-weight:700}.turn-label.your-turn.team-a.svelte-1owxw0c{color:var(--team-a);background:#12c8d81a;border-color:#12c8d880;animation:1.8s ease-in-out infinite svelte-1owxw0c-pulse-a;box-shadow:0 0 12px #12c8d840}.turn-label.your-turn.team-b.svelte-1owxw0c{color:var(--team-b);background:#ff55621a;border-color:#ff556280;animation:1.8s ease-in-out infinite svelte-1owxw0c-pulse-b;box-shadow:0 0 12px #ff556240}.turn-label.their-turn.team-a.svelte-1owxw0c{color:#12c8d880;background:#12c8d80a;border-color:#12c8d833}.turn-label.their-turn.team-b.svelte-1owxw0c{color:#ff556280;background:#ff55620a;border-color:#ff556233}.turn-label.spectator.team-a.svelte-1owxw0c{color:var(--team-a);background:#12c8d80f;border-color:#12c8d84d}.turn-label.spectator.team-b.svelte-1owxw0c{color:var(--team-b);background:#ff55620f;border-color:#ff55624d}@keyframes svelte-1owxw0c-pulse-a{0%,to{box-shadow:0 0 12px #12c8d840}50%{box-shadow:0 0 22px #12c8d880}}@keyframes svelte-1owxw0c-pulse-b{0%,to{box-shadow:0 0 12px #ff556240}50%{box-shadow:0 0 22px #ff556280}}.timer-row.svelte-1kta319{align-items:center;gap:20px;display:flex}.timer.svelte-1kta319{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.ring.svelte-1kta319{transform:rotate(-90deg)}.track.svelte-1kta319{fill:none;stroke:#12c8d81a;stroke-width:3px}.progress.svelte-1kta319{fill:none;stroke:var(--blue-mid);stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .9s linear,stroke .3s}.progress.urgent.svelte-1kta319{stroke:var(--ban-color)}.count.svelte-1kta319{font-family:var(--font-display);color:var(--blue);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;line-height:1;position:absolute}.count.urgent.svelte-1kta319{color:var(--ban-color)}@keyframes svelte-1kta319-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.timer.urgent.svelte-1kta319{animation:.6s ease-in-out infinite svelte-1kta319-pulse}.bank.svelte-1kta319{flex-direction:column;align-items:center;gap:1px;min-width:52px;display:flex}.bank-label.svelte-1kta319{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:8px;font-weight:700;overflow:hidden}.bank.team-a.svelte-1kta319 .bank-label:where(.svelte-1kta319){color:#12c8d880}.bank.team-b.svelte-1kta319 .bank-label:where(.svelte-1kta319){color:#ff556280}.bank-time.svelte-1kta319{font-family:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--text-muted);letter-spacing:.04em;font-size:15px;font-weight:700}.bank.team-a.svelte-1kta319 .bank-time:where(.svelte-1kta319){color:#12c8d8bf}.bank.team-b.svelte-1kta319 .bank-time:where(.svelte-1kta319){color:#ff5562bf}.bank.draining.svelte-1kta319 .bank-time:where(.svelte-1kta319){color:var(--ban-color)}.bank.draining.svelte-1kta319 .bank-label:where(.svelte-1kta319){color:var(--ban-color);opacity:.7}.bans.svelte-q88gcm{flex-direction:column;gap:10px;display:flex}.section.svelte-q88gcm{flex-direction:column;gap:5px;display:flex}.section-label.svelte-q88gcm{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dim);font-size:9px;font-weight:700}.slots.svelte-q88gcm{flex-wrap:wrap;gap:5px;display:flex}.slot.svelte-q88gcm{border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.slot.empty.svelte-q88gcm{background:#e53e3e0a;border:1px dashed #e53e3e40;width:clamp(30px,4vw,52px);height:clamp(30px,4vw,52px)}.slot.filled.svelte-q88gcm{background:#e53e3e14;border:1px solid #e53e3e99;width:clamp(30px,4vw,52px);height:clamp(30px,4vw,52px);box-shadow:0 0 8px #e53e3e33}.slot.filled.random.svelte-q88gcm{background:#12c8d814;border-color:#12c8d880;width:clamp(20px,2.6vw,36px);height:clamp(20px,2.6vw,36px);box-shadow:0 0 6px #12c8d826}.slot.team-a.svelte-q88gcm{background:#12c8d814;border-color:#12c8d899;box-shadow:0 0 8px #12c8d833}.slot.team-b.svelte-q88gcm{background:#ff556214;border-color:#ff556299;box-shadow:0 0 8px #ff556233}.slot.svelte-q88gcm img:where(.svelte-q88gcm){object-fit:cover;filter:grayscale(.4)brightness(.75);width:100%;height:100%;display:block}.ban-line.svelte-q88gcm{pointer-events:none;background:linear-gradient(to bottom right,#0000 calc(50% - 1px),#e53e3ed9 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));position:absolute;inset:0;box-shadow:inset 0 0 6px #e53e3e26}.slot.filled.random.svelte-q88gcm .ban-line:where(.svelte-q88gcm){background:linear-gradient(to bottom right,#0000 calc(50% - 1px),#e53e3ebf calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px))}.picks.svelte-1r6opea{flex-direction:column;gap:6px;height:100%;display:flex}.slots.svelte-1r6opea{flex-direction:column;flex:1;gap:4px;display:flex}.slot.svelte-1r6opea{aspect-ratio:16/9;border-radius:3px;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.slot.empty.svelte-1r6opea{background:#071a1e66;border:1px dashed #12c8d81f}.slot-num.svelte-1r6opea{font-family:var(--font-display);color:var(--text-dim);opacity:.5;font-size:10px}.slot.filled.svelte-1r6opea{background:var(--bg-dark);border:1px solid #12c8d84d}.team-a.svelte-1r6opea .slot.filled:where(.svelte-1r6opea){border-color:#12c8d873;box-shadow:0 0 8px #12c8d826}.team-b.svelte-1r6opea .slot.filled:where(.svelte-1r6opea){border-color:#ff556273;box-shadow:0 0 8px #ff556226}.slot.svelte-1r6opea img:where(.svelte-1r6opea){object-fit:cover;object-position:center;width:100%;height:100%;display:block}.slot-shine.svelte-1r6opea{pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 50%);position:absolute;inset:0}@keyframes svelte-1r6opea-activePulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}.slot.active.svelte-1r6opea{background:#12c8d80f;border:1px solid #12c8d880;box-shadow:0 0 10px #12c8d833,inset 0 0 10px #12c8d80d}.team-b.svelte-1r6opea .slot.active:where(.svelte-1r6opea){background:#ff55620f;border-color:#ff556280;box-shadow:0 0 10px #ff556233,inset 0 0 10px #ff55620d}.pulse-ring.svelte-1r6opea{background:var(--blue);border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite svelte-1r6opea-activePulse}.team-b.svelte-1r6opea .pulse-ring:where(.svelte-1r6opea){background:var(--team-b)}.card.svelte-hd8ovr{cursor:default;aspect-ratio:1;text-transform:none;letter-spacing:0;background:linear-gradient(160deg,#0d3040 0%,#071a1e 100%);border:1px solid #12c8d826;border-radius:3px;flex-direction:column;width:100%;padding:0;font-size:0;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;position:relative;overflow:hidden}.card.selectable.svelte-hd8ovr{cursor:pointer}.card.selectable.svelte-hd8ovr:hover{border-color:var(--role-color);box-shadow:0 0 0 1px var(--role-color), 0 0 12px color-mix(in srgb, var(--role-color) 40%, transparent), inset 0 0 8px color-mix(in srgb, var(--role-color) 10%, transparent);z-index:1;transform:translateY(-1px)}.card.taken.svelte-hd8ovr{opacity:.35;filter:grayscale(.8);cursor:not-allowed}.portrait.svelte-hd8ovr{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.portrait.svelte-hd8ovr img:where(.svelte-hd8ovr){object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.shine.svelte-hd8ovr{pointer-events:none;background:linear-gradient(135deg,#ffffff0f 0%,#0000 50%);position:absolute;inset:0}.ban-line.svelte-hd8ovr{pointer-events:none;background:linear-gradient(to bottom right,#0000 calc(50% - 1px),#e53e3ee6 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));position:absolute;inset:0}.role-strip.svelte-hd8ovr{background:var(--role-color);height:2px;box-shadow:0 0 6px var(--role-color);flex-shrink:0}.grid-wrap.svelte-16snb6d{flex-direction:column;gap:8px;height:100%;display:flex;overflow:hidden}.filters.svelte-16snb6d{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.search-wrap.svelte-16snb6d{align-items:center;display:flex;position:relative}input.svelte-16snb6d{width:100%;color:var(--text);font-size:13px;font-family:var(--font-ui);background:#071a1ee6;border:1px solid #12c8d833}input.svelte-16snb6d:focus{border-color:var(--blue-mid);box-shadow:0 0 0 2px #12c8d81f}.role-filters.svelte-16snb6d{gap:4px;display:flex}.role-btn.svelte-16snb6d{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700;font-family:var(--font-ui);white-space:nowrap;background:#071a1ecc;border:1px solid #12c8d81f;border-radius:3px;flex:1;padding:5px 6px;transition:all .15s}.role-btn.svelte-16snb6d:hover:not(:disabled){color:var(--blue);box-shadow:none;border-color:#12c8d866}.role-btn.active.svelte-16snb6d{border-color:var(--blue-mid);color:var(--blue);background:#12c8d81f;box-shadow:0 0 6px #12c8d833}.grid.svelte-16snb6d{grid-template-columns:repeat(auto-fill,minmax(clamp(42px,4.2vw,68px),1fr));align-content:start;gap:5px;padding-bottom:4px;padding-right:2px;display:grid;overflow-y:auto}.empty.svelte-16snb6d{color:var(--text-muted);text-align:center;font-size:13px;font-family:var(--font-ui);grid-column:1/-1;padding:32px 0}.overlay.svelte-16txm2t{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#04100fd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.svelte-16txm2t{background:linear-gradient(160deg, var(--bg-panel2) 0%, var(--bg-mid) 100%);border:1px solid var(--border);text-align:center;border-radius:4px;min-width:300px;padding:36px 40px;position:relative;box-shadow:0 0 40px #12c8d814,0 24px 48px #0009}.modal-corner.svelte-16txm2t{border-color:var(--gold-dim);border-style:solid;width:10px;height:10px;position:absolute}.modal-corner.tl.svelte-16txm2t{border-width:2px 0 0 2px;top:-1px;left:-1px}.modal-corner.tr.svelte-16txm2t{border-width:2px 2px 0 0;top:-1px;right:-1px}.modal-corner.bl.svelte-16txm2t{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.modal-corner.br.svelte-16txm2t{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.header.svelte-16txm2t{align-items:center;gap:10px;margin-bottom:10px;display:flex}.header-line.svelte-16txm2t{background:linear-gradient(90deg, transparent, var(--gold-dim));flex:1;height:1px}.header-line.svelte-16txm2t:last-child{background:linear-gradient(270deg, transparent, var(--gold-dim))}h2.svelte-16txm2t{font-family:var(--font-display);letter-spacing:.18em;color:var(--gold-light);text-transform:uppercase;white-space:nowrap;margin:0;font-size:16px;font-weight:700}.prompt.svelte-16txm2t{font-family:var(--font-ui);color:var(--text-muted);letter-spacing:.04em;margin-bottom:28px;font-size:12px}.buttons.svelte-16txm2t{flex-direction:column;gap:10px;display:flex}.btn.svelte-16txm2t{cursor:pointer;background:var(--bg-dark);border:1px solid var(--border);border-radius:3px;flex-direction:column;align-items:center;gap:2px;padding:12px 24px;transition:all .15s;display:flex}.btn-label.svelte-16txm2t{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.btn-sub.svelte-16txm2t{font-family:var(--font-ui);letter-spacing:.08em;opacity:.6;font-size:10px;font-weight:500}.btn.team-a.svelte-16txm2t{background:#3ab8e80f;border-color:#3ab8e859}.btn.team-a.svelte-16txm2t .btn-label:where(.svelte-16txm2t),.btn.team-a.svelte-16txm2t .btn-sub:where(.svelte-16txm2t){color:var(--team-a)}.btn.team-a.svelte-16txm2t:hover:not(:disabled){border-color:var(--team-a);color:var(--team-a);background:#3ab8e81f;box-shadow:0 0 14px #3ab8e833}.btn.team-b.svelte-16txm2t{background:#ff55620f;border-color:#ff556259}.btn.team-b.svelte-16txm2t .btn-label:where(.svelte-16txm2t),.btn.team-b.svelte-16txm2t .btn-sub:where(.svelte-16txm2t){color:var(--team-b)}.btn.team-b.svelte-16txm2t:hover:not(:disabled){border-color:var(--team-b);color:var(--team-b);background:#ff55621f;box-shadow:0 0 14px #ff556233}.btn.spectate.svelte-16txm2t .btn-label:where(.svelte-16txm2t){color:var(--text-muted)}.btn.spectate.svelte-16txm2t:hover:not(:disabled){border-color:var(--border-gold);color:var(--gold);box-shadow:none}.page.svelte-wpz0lr{flex-direction:column;gap:10px;height:100vh;padding:10px 14px;display:flex;overflow:hidden}.topbar.svelte-wpz0lr{border-bottom:1px solid #12c8d81a;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 0;display:grid}.topbar-left.svelte-wpz0lr{align-items:center;display:flex}.topbar-center.svelte-wpz0lr{justify-content:center;align-items:center;display:flex}.topbar-right.svelte-wpz0lr{justify-content:flex-end;align-items:center;gap:10px;display:flex}.draft-layout.svelte-wpz0lr{flex:1;grid-template-columns:minmax(130px,220px) 1fr minmax(130px,220px);gap:10px;min-height:0;display:grid;overflow:hidden}.team-col.svelte-wpz0lr{flex-direction:column;min-height:0;display:flex;overflow:hidden}.center-col.svelte-wpz0lr{flex-direction:column;gap:8px;min-height:0;padding:0 4px;display:flex;overflow:hidden}.grid-container.svelte-wpz0lr{flex:1;min-height:0;overflow:hidden}.controls.svelte-wpz0lr{border-top:1px solid #12c8d81a;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 0;display:grid}.controls-left.svelte-wpz0lr{align-items:center;display:flex}.controls-center.svelte-wpz0lr{align-items:center;gap:12px;display:flex}.controls-right.svelte-wpz0lr{justify-content:flex-end;align-items:center;display:flex}.timestamps.svelte-wpz0lr{flex-direction:column;gap:2px;display:flex}.ts-row.svelte-wpz0lr{align-items:baseline;gap:6px;display:flex}.ts-label.svelte-wpz0lr{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);width:72px;font-size:9px}.ts-value.svelte-wpz0lr{font-family:var(--font-ui);color:var(--text-muted);letter-spacing:.04em;font-size:10px}.ready-status.svelte-wpz0lr{align-items:center;gap:8px;display:flex}.ready-pill.svelte-wpz0lr{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-dim);border-radius:3px;padding:4px 12px;font-size:11px;font-weight:700;transition:all .2s}.ready-pill.team-a.is-ready.svelte-wpz0lr{color:var(--team-a);background:#12c8d814;border-color:#12c8d899;box-shadow:0 0 8px #12c8d833}.ready-pill.team-b.is-ready.svelte-wpz0lr{color:var(--team-b);background:#ff556214;border-color:#ff556299;box-shadow:0 0 8px #ff556233}.btn-ready.svelte-wpz0lr{border:1px solid var(--blue-mid);color:var(--blue);letter-spacing:.12em;background:#12c8d81a;padding:8px 28px;font-size:12px;font-weight:700;box-shadow:0 0 10px #12c8d833}.btn-ready.svelte-wpz0lr:hover:not(:disabled){border-color:var(--blue);color:var(--blue);background:#12c8d82e;box-shadow:0 0 16px #12c8d859}.lobby-banner.svelte-wpz0lr{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px 0 10px;display:flex}.lobby-title.svelte-wpz0lr{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--pick-color);text-shadow:0 0 12px #48bb7866;font-size:22px;font-weight:700}.lobby-text.svelte-wpz0lr{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--pick-color);text-shadow:0 0 24px #48bb7899,0 0 8px #48bb7866;font-size:28px;font-weight:800;animation:2s ease-in-out infinite svelte-wpz0lr-pulse-glow}@keyframes svelte-wpz0lr-pulse-glow{0%,to{opacity:1;text-shadow:0 0 24px #48bb7899,0 0 8px #48bb7866}50%{opacity:.82;text-shadow:0 0 40px #48bb78e6,0 0 16px #48bb7899}}.captain-badge.svelte-wpz0lr{border:1px solid var(--border);border-radius:3px;flex-direction:column;align-items:flex-end;gap:1px;padding:6px 14px;display:flex}.captain-badge.team-a.svelte-wpz0lr{background:#12c8d80f;border-color:#12c8d880;box-shadow:0 0 14px #12c8d826,inset 0 0 12px #12c8d80a}.captain-badge.team-b.svelte-wpz0lr{background:#ff55620f;border-color:#ff556280;box-shadow:0 0 14px #ff556226,inset 0 0 12px #ff55620a}.captain-label.svelte-wpz0lr{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);font-size:9px;font-weight:600}.captain-team.svelte-wpz0lr{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;overflow-wrap:break-word;word-break:break-word;text-align:right;max-width:160px;font-size:clamp(10px,1.5vw,15px);font-weight:700;line-height:1.2}.captain-badge.team-a.svelte-wpz0lr .captain-team:where(.svelte-wpz0lr){color:var(--team-a)}.captain-badge.team-b.svelte-wpz0lr .captain-team:where(.svelte-wpz0lr){color:var(--team-b)}.role-badge.svelte-wpz0lr{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--border);color:var(--text-muted);border-radius:3px;padding:4px 12px;font-size:10px;font-weight:700}.role-badge.spectate.svelte-wpz0lr{color:var(--text-dim)}.col-header.svelte-wpz0lr{border:1px solid #0000;border-radius:3px;flex-shrink:0;align-items:center;gap:6px;margin-bottom:6px;padding:4px 6px;transition:all .3s;display:flex}.col-header.col-a.svelte-wpz0lr{background:#12c8d808;border-color:#12c8d826}.col-header.col-b.svelte-wpz0lr{background:#ff556208;border-color:#ff556226}.col-header.active.col-a.svelte-wpz0lr{background:#12c8d812;border-color:#12c8d866;box-shadow:0 0 10px #12c8d81f}.col-header.active.col-b.svelte-wpz0lr{background:#ff556212;border-color:#ff556266;box-shadow:0 0 10px #ff55621f}.col-label.svelte-wpz0lr{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;overflow-wrap:break-word;word-break:break-word;flex:1;font-size:15px;font-weight:700;line-height:1.3}.col-header.col-a.svelte-wpz0lr .col-label:where(.svelte-wpz0lr){color:#12c8d899}.col-header.col-b.svelte-wpz0lr .col-label:where(.svelte-wpz0lr){color:#ff556299}.col-header.active.col-a.svelte-wpz0lr .col-label:where(.svelte-wpz0lr){color:var(--team-a)}.col-header.active.col-b.svelte-wpz0lr .col-label:where(.svelte-wpz0lr){color:var(--team-b)}.col-you.svelte-wpz0lr{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:700}.col-header.col-a.svelte-wpz0lr .col-you:where(.svelte-wpz0lr){color:var(--team-a);background:#12c8d81f;border:1px solid #12c8d84d}.col-header.col-b.svelte-wpz0lr .col-you:where(.svelte-wpz0lr){color:var(--team-b);background:#ff55621f;border:1px solid #ff55624d}.toast.svelte-wpz0lr{color:#ff8a8a;font-family:var(--font-ui);letter-spacing:.06em;z-index:100;background:#e53e3e26;border:1px solid #e53e3e80;border-radius:3px;padding:10px 20px;font-size:13px;font-weight:600;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080,0 0 12px #e53e3e33}.load-error.svelte-wpz0lr{font-family:var(--font-ui);letter-spacing:.06em;color:#ff8a8a;flex:1;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.loading.svelte-wpz0lr{color:var(--text-muted);flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.loading-text.svelte-wpz0lr{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:13px}.loading-dots.svelte-wpz0lr{gap:4px;display:flex}.loading-dots.svelte-wpz0lr span:where(.svelte-wpz0lr){background:var(--blue-dim);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite svelte-wpz0lr-dot}.loading-dots.svelte-wpz0lr span:where(.svelte-wpz0lr):nth-child(2){animation-delay:.2s}.loading-dots.svelte-wpz0lr span:where(.svelte-wpz0lr):nth-child(3){animation-delay:.4s}@keyframes svelte-wpz0lr-dot{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}