.knockout-bracket{width:100%;padding:clamp(.75rem,2vw,1.5rem);background:linear-gradient(180deg,#0a1628,#020617);min-height:100vh;display:flex;flex-direction:column;align-items:center}.knockout-bracket-title{text-align:center;font-size:clamp(1.25rem,3vw,2rem);font-weight:900;color:#d4a574;text-transform:uppercase;letter-spacing:.15em;margin-bottom:clamp(1rem,2vw,1.5rem);text-shadow:0 0 20px rgba(200,150,62,.4)}.knockout-bracket-container{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:clamp(.5rem,2vw,2rem)}.knockout-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(1rem,4vw,5rem);position:relative;z-index:1}.knockout-column{display:flex;flex-direction:column;gap:1.5rem}.knockout-column-title{text-align:center;font-size:1.25rem;font-weight:700;color:#d4a574;text-transform:uppercase;letter-spacing:.1em;padding-bottom:1rem;border-bottom:2px solid #334155;margin-bottom:1rem}.knockout-series-list{display:flex;flex-direction:column;gap:2.5rem}.knockout-series-list-centered{justify-content:center;min-height:600px}.series-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #334155;border-radius:12px;padding:1.5rem;box-shadow:0 8px 24px #0006;transition:all .3s ease;animation:fadeInSlideUp .5s ease-out backwards}.series-card-clickable:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 12px 32px #06b6d466}.series-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #334155}.series-card-label{font-size:.875rem;font-weight:700;color:#d4a574;text-transform:uppercase;letter-spacing:.05em}.series-card-bo{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:#ffffff1a;padding:.25rem .5rem;border-radius:4px}.series-card-status{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.status-pending{background:#94a3b833;color:var(--color-text-secondary)}.status-in-progress,.status-completed{background:#c8963e33;color:#d4a574}.series-team{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#334155,#1e293b);border:2px solid #475569;border-radius:8px;transition:all .2s ease}.series-team-winner{border-color:#c8963e;background:linear-gradient(135deg,#c8963e33,#c8963e1a);box-shadow:0 0 16px #c8963e66}.series-team-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.series-team-abbr{font-size:1.5rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.05em}.series-team-name{font-size:.875rem;color:var(--color-text-secondary)}.series-team-region{font-size:.75rem;color:var(--color-text-secondary);opacity:.7}.series-team-score{font-size:2rem;font-weight:900;color:#d4a574;min-width:48px;text-align:center}.series-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#334155 50%,transparent 100%);margin:.75rem 0}.series-placeholder{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px dashed #334155;border-radius:12px;padding:2rem;text-align:center;opacity:.5}.series-placeholder-label{font-size:.875rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.series-placeholder-tbd{font-size:1.5rem;font-weight:900;color:#334155;text-transform:uppercase}.knockout-connectors{display:none}.knockout-champion-panel{margin-top:3rem;max-width:600px;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,#c8963e33,#c8963e1a);border:3px solid #c8963e;border-radius:16px;padding:2rem;box-shadow:0 0 40px #c8963e80,0 12px 40px #0009;animation:championReveal .8s cubic-bezier(.34,1.56,.64,1) forwards,championGlow 2s ease-in-out infinite}.knockout-champion-label{text-align:center;font-size:1rem;font-weight:700;color:#d4a574;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem}.knockout-champion-content{text-align:center}.knockout-champion-abbr{font-size:3rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;text-shadow:0 0 25px rgba(200,150,62,.8)}.knockout-champion-name{font-size:1.25rem;color:var(--color-text);margin-bottom:.5rem}.knockout-champion-region{font-size:.875rem;color:var(--color-text-secondary)}@keyframes championReveal{0%{opacity:0;transform:scale(.8) translateY(40px)}60%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes championGlow{0%,to{box-shadow:0 0 35px #c8963e80,0 12px 40px #0009}50%{box-shadow:0 0 55px #c8963ecc,0 12px 48px #c8963e66}}.series-card:nth-child(1){animation-delay:.1s}.series-card:nth-child(2){animation-delay:.2s}.series-card:nth-child(3){animation-delay:.3s}.series-card:nth-child(4){animation-delay:.4s}@media (max-width: 1200px){.knockout-columns{gap:1.5rem}.series-card{padding:1rem}}@media (max-width: 1024px){.knockout-columns{grid-template-columns:1fr;gap:2rem}.knockout-series-list-centered{min-height:auto}.knockout-connectors{display:none}.series-card{padding:1rem}}@media (max-width: 768px){.knockout-bracket{padding:.75rem}.knockout-bracket-title{font-size:1.5rem}.knockout-bracket-container{padding:.5rem}.knockout-column-title{font-size:1rem;padding-bottom:.75rem}.series-card{padding:.75rem;border-radius:8px}.series-team{padding:.75rem}.series-team-abbr{font-size:1.1rem}.series-team-name{font-size:.75rem}.series-team-score{font-size:1.25rem;min-width:36px}.knockout-champion-panel{padding:1.5rem}.knockout-champion-abbr{font-size:1.75rem}.knockout-champion-name{font-size:1rem}}@media (max-width: 480px){.knockout-bracket{padding:.5rem}.knockout-columns{gap:1.5rem}.series-card-header{flex-wrap:wrap;gap:.5rem}.series-team-abbr{font-size:1rem}.series-team-score{font-size:1.1rem;min-width:30px}.knockout-champion-abbr{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){.series-card,.knockout-champion-panel{animation:none!important}.series-card-clickable:hover{transform:none!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:clamp(10px,2vw,20px)}.modal-content{background:#1a1f2e;border:1px solid rgba(245,158,11,.3);border-radius:clamp(8px,1.5vw,12px);max-width:600px;width:calc(100% - 1rem);max-height:calc(100vh - 2rem);overflow-y:auto;box-shadow:0 8px 32px #0006}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(245,158,11,.2)}.modal-header h2{margin:0;color:#f59e0b;font-size:24px;font-weight:600}.close-button{background:none;border:none;color:#9ca3af;font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:#f59e0b}.modal-body{padding:24px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid rgba(245,158,11,.2);background:#0f141980}.modal-footer .btn{min-width:100px;padding:8px 16px;font-size:13px}.draft-creation-info{background:#0f141999;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:16px;margin-bottom:24px}.info-row{display:flex;gap:12px;margin-bottom:12px}.info-row:last-child{margin-bottom:0}.info-row .label{color:#9ca3af;font-weight:500;min-width:80px}.info-row .value{color:#e5e7eb}.draft-settings{display:flex;flex-direction:column;gap:20px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{color:#e5e7eb;font-size:14px;font-weight:500}.setting-group select,.setting-group input[type=number]{background:#0f141999;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:#fff;padding:10px 12px;font-size:15px;transition:border-color .2s}.setting-group select:focus,.setting-group input[type=number]:focus{outline:none;border-color:#f59e0b}.setting-group select:disabled,.setting-group input[type=number]:disabled{opacity:.5;cursor:not-allowed}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.draft-import-preview{background:#0f141999;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:16px;margin-bottom:16px}.game-preview{border-bottom:1px solid rgba(245,158,11,.1);padding:16px 0}.game-preview:last-child{border-bottom:none}.game-preview h3{color:#f59e0b;font-size:16px;margin:0 0 12px}.team-preview{margin-bottom:12px}.team-preview:last-child{margin-bottom:0}.team-preview h4{color:#9ca3af;font-size:14px;margin:0 0 8px}.champions-preview{display:flex;flex-wrap:wrap;gap:8px}.champion-badge{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:4px;padding:4px 8px;color:#f59e0b;font-size:12px}.lane-badge{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#60a5fa;font-size:10px;margin-left:4px;padding:2px 4px;border-radius:3px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;padding:12px;font-size:14px;margin-top:16px}.btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.btn-secondary{background:#9ca3af1a;border:1px solid rgba(156,163,175,.3);color:#e5e7eb}.btn-secondary:hover:not(:disabled){background:#9ca3af33}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.game-winner-buttons{display:flex;gap:12px;margin-top:20px}.team-button{flex:1;padding:16px;font-size:1.1rem;font-weight:600;border:2px solid rgba(245,158,11,.3);border-radius:8px;background:#0f1419cc;color:#e5e7eb;cursor:pointer;transition:all .2s}.team-button:hover{background:#f59e0b1a;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.team-button:active{transform:translateY(0)}.side-selection-buttons{display:flex;gap:16px;margin-top:20px}.side-button{flex:1;padding:20px;font-size:1.2rem;font-weight:700;border:3px solid;border-radius:10px;cursor:pointer;transition:all .2s;text-transform:uppercase;line-height:1.4}.side-button-blue{background:#3b82f61a;border-color:#3b82f6;color:#60a5fa}.side-button-blue:hover{background:#3b82f64d;transform:scale(1.05);box-shadow:0 0 20px #3b82f666}.side-button-red{background:#ef44441a;border-color:#ef4444;color:#f87171}.side-button-red:hover{background:#ef44444d;transform:scale(1.05);box-shadow:0 0 20px #ef444466}.side-button:active{transform:scale(.98)}.draft-game-status{padding:12px;background:#0f1419cc;border:1px solid rgba(245,158,11,.3);border-radius:8px;margin-bottom:16px}.status-badge{font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px;color:#e5e7eb}.status-indicator{font-size:.9rem;font-weight:500;color:#f59e0b}@media (max-width: 768px){.modal-overlay{padding:.5rem;align-items:flex-end}.modal-content{max-width:100%;width:100%;max-height:calc(100vh - 1rem);border-radius:12px 12px 0 0;margin-bottom:0}.modal-header{padding:16px;position:sticky;top:0;background:#1a1f2e;z-index:1}.modal-header h2{font-size:18px}.modal-body{padding:16px}.modal-footer{padding:16px;position:sticky;bottom:0;background:#1a1f2e}.btn{padding:10px 14px;font-size:14px;flex:1}.side-selection-buttons,.game-winner-buttons{flex-direction:column;gap:12px}.side-button,.team-button{padding:16px;font-size:1rem}.info-row{flex-direction:column;gap:4px}.info-row .label{min-width:auto;font-size:.85rem}}@media (max-width: 480px){.modal-overlay{padding:0}.modal-content{max-height:100vh;border-radius:0}.modal-header{padding:12px 16px}.modal-header h2{font-size:16px}.modal-body,.modal-footer{padding:12px 16px}.setting-group label{font-size:13px}.setting-group select,.setting-group input[type=number]{padding:8px 10px;font-size:14px}}.starting-map-container{padding:1.5rem}.starting-map-controls{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;gap:1rem;padding:1rem;background:#020617;border-radius:8px;border:1px solid #1e293b}.starting-map-mode-toggle{display:flex;gap:.5rem}.starting-map-mode-toggle button{padding:.5rem 1rem;border-radius:6px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:.85rem;cursor:pointer;transition:all .2s ease;font-weight:500}.starting-map-mode-toggle button:hover{background:#1e293b;border-color:#64748b}.starting-map-mode-toggle button.active{background:#facc15;color:#020617;border-color:#facc15;font-weight:600}.stats-no-lineup{padding:3rem 2rem;text-align:center;color:#9ca3af;font-size:1rem;background:#020617;border-radius:8px;border:1px solid #1e293b}.roster-card{max-width:1200px;margin:0 auto 2.5rem;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #334155;border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0000004d;transition:all .2s ease}.roster-card:hover{border-color:#64748b;box-shadow:0 6px 24px #0006}.roster-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #334155}.roster-rank{font-size:2rem;font-weight:700;color:#facc15;min-width:60px;text-align:center}.roster-team-info{flex:1}.roster-team-name{margin:0 0 .5rem;font-size:1.3rem;font-weight:600;color:#facc15}.roster-avg-score{font-size:.9rem;color:#94a3b8;font-weight:500}.roster-lineup{display:flex;flex-direction:column;gap:.75rem}.roster-role-row{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:center;padding:.75rem;background:#020617;border-radius:8px;border:1px solid #1e293b;transition:all .2s ease}.roster-role-row:hover{border-color:#334155;background:#0a1628}.roster-role-label{display:flex;align-items:center;gap:.75rem}.roster-role-tag{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #facc15;border-radius:8px;font-size:.8rem;font-weight:700;color:#facc15;text-transform:uppercase}.roster-role-name{font-size:.95rem;font-weight:600;color:#e2e8f0}.roster-champion-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#0f172a,#020617);border:1px solid #334155;border-radius:8px;transition:all .2s ease}.roster-champion-card:hover{border-color:#64748b;background:linear-gradient(135deg,#1e293b,#0f172a)}.roster-champion-main{display:flex;align-items:center;gap:.75rem;min-width:200px}.roster-champion-name{font-size:1rem;font-weight:700;color:#facc15}.roster-champion-team{font-size:.85rem;font-weight:600;color:#94a3b8;padding:.25rem .5rem;background:#1e293b;border-radius:4px}.roster-champion-stats{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.roster-stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.roster-stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.5px}.roster-stat-value{font-size:.9rem;font-weight:700;color:#e2e8f0}.roster-stat-highlight .roster-stat-label{color:#facc15}.roster-stat-highlight .roster-stat-value{color:#facc15;font-size:1rem}.roster-champion-empty{padding:1rem;text-align:center;color:#64748b;font-size:.9rem;font-style:italic;background:#020617;border:1px dashed #334155;border-radius:8px}@media (max-width: 1024px){.roster-role-row{grid-template-columns:160px 1fr}.roster-champion-stats{gap:1rem}.roster-stat-item{min-width:60px}}@media (max-width: 768px){.roster-role-row{grid-template-columns:1fr;gap:.75rem}.roster-champion-card{flex-direction:column;align-items:flex-start;gap:.75rem}.roster-champion-stats{width:100%;justify-content:space-around}.roster-rank{font-size:1.5rem;min-width:50px}.roster-team-name{font-size:1.1rem}}@media (prefers-reduced-motion: reduce){.roster-card,.roster-role-row,.roster-champion-card,.starting-map-mode-toggle button{transition:none}}@keyframes subtleGlow{0%,to{box-shadow:0 2px 8px #0003}50%{box-shadow:0 4px 16px #3b82f666}}.swiss-map-worlds{animation:fadeIn .4s ease-out}.swiss-pillar{animation:fadeInSlideUp .5s ease-out backwards;transition:all .3s ease}.swiss-pillar:nth-child(1){animation-delay:.05s}.swiss-pillar:nth-child(2){animation-delay:.1s}.swiss-pillar:nth-child(3){animation-delay:.15s}.swiss-pillar:nth-child(4){animation-delay:.2s}.swiss-pillar:nth-child(5){animation-delay:.25s}.swiss-pillar:nth-child(6){animation-delay:.3s}.swiss-pillar:hover{transform:translateY(-2px)}.swiss-pillar-header{transition:all .3s ease}.swiss-pillar-header:hover{transform:scale(1.02)}.pillar-band{animation:fadeInSlideUp .4s ease-out backwards;transition:all .2s ease}.pillar-band:nth-child(1){animation-delay:.1s}.pillar-band:nth-child(2){animation-delay:.15s}.pillar-band:nth-child(3){animation-delay:.2s}.pillar-band:nth-child(4){animation-delay:.25s}.pillar-band-qualified,.pillar-band-eliminated{position:relative}.pillar-band-qualified:before,.pillar-band-eliminated:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s ease}.pillar-band-qualified:hover:before{opacity:.1;background:#c8963e}.pillar-band-eliminated:hover:before{opacity:.1;background:#64748b}.match-row{animation:fadeInSlideUp .3s ease-out backwards;transition:all .2s ease}.match-row:nth-child(1){animation-delay:.05s}.match-row:nth-child(2){animation-delay:.1s}.match-row:nth-child(3){animation-delay:.15s}.match-row:nth-child(4){animation-delay:.2s}.match-row:nth-child(5){animation-delay:.25s}.match-row:nth-child(6){animation-delay:.3s}.match-row:nth-child(7){animation-delay:.35s}.match-row:nth-child(8){animation-delay:.4s}.match-row:hover{transform:translate(4px);cursor:pointer}.match-row:not(.match-row-tba):hover{animation:subtleGlow 1.5s ease-in-out infinite}.team-badge{transition:all .2s ease}.team-badge:hover{transform:scale(1.05)}.team-badge-winner{animation:winnerPulse 2s ease-in-out infinite}@keyframes winnerPulse{0%,to{box-shadow:0 0 8px #c8963e66}50%{box-shadow:0 0 16px #c8963e99}}.team-badge-loser{opacity:.7;transition:opacity .3s ease}.team-badge-loser:hover{opacity:.85}.match-row-tba{opacity:.5;animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.5}50%{opacity:.3}}.team-badge-tba{opacity:.6}.team-list-item{animation:fadeInSlideUp .3s ease-out backwards;transition:all .2s ease}.team-list-item:nth-child(1){animation-delay:.05s}.team-list-item:nth-child(2){animation-delay:.1s}.team-list-item:nth-child(3){animation-delay:.15s}.team-list-item:nth-child(4){animation-delay:.2s}.team-list-item:nth-child(5){animation-delay:.25s}.team-list-item:nth-child(6){animation-delay:.3s}.team-list-item:nth-child(7){animation-delay:.35s}.team-list-item:nth-child(8){animation-delay:.4s}.team-list-item:hover{transform:translate(4px)}@media (prefers-reduced-motion: reduce){.swiss-pillar,.pillar-band,.match-row,.team-badge,.team-list-item{animation:none;transition:none}.match-row:hover,.swiss-pillar:hover,.team-badge:hover,.team-list-item:hover{transform:none}.match-row-tba{animation:none;opacity:.5}.team-badge-winner{animation:none}}.swiss-map-worlds{width:100%;padding:1rem;background:linear-gradient(180deg,#0a1628,#020617);min-height:100vh;display:flex;flex-direction:column;align-items:center}.live-draft-badge{padding:3px 8px;background:#ef4444f2;border:1px solid #ef4444;border-radius:4px;color:#fff;font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 0 10px #ef4444b3;animation:pulse-live 1.5s infinite}@keyframes pulse-live{0%,to{box-shadow:0 0 10px #ef4444b3}50%{box-shadow:0 0 20px #ef4444e6}}.swiss-map-header{text-align:center;margin-bottom:2rem}.swiss-map-title{font-size:1.75rem;font-weight:900;color:#d4a574;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem;text-shadow:0 0 20px rgba(200,150,62,.4)}.swiss-map-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.swiss-map-empty-note{margin-top:1rem;font-size:.9rem;opacity:.7}.swiss-map-scroll{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:clamp(.5rem,2vw,2rem)}.swiss-map-pillars{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(.75rem,2vw,1.5rem);align-items:center}.swiss-pillar{display:flex;flex-direction:column;min-width:0;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #334155;border-radius:10px;overflow:hidden;box-shadow:0 6px 20px #0006}.swiss-pillar-small{min-width:0}.swiss-pillar-header{padding:.75rem;text-align:center;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #334155;background:linear-gradient(135deg,#334155,#1e293b)}.pillar-header-neutral{color:var(--color-text)}.pillar-header-qualified{color:#d4a574;background:linear-gradient(135deg,#c8963e33,#c8963e1a);border-bottom-color:#c8963e}.pillar-header-eliminated{color:#94a3b8;background:linear-gradient(135deg,#47556933,#4755691a);border-bottom-color:#64748b}.swiss-pillar-content{flex:1;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.pillar-band{background:linear-gradient(135deg,#0f172a,#020617);border:1px solid #475569;border-radius:6px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.pillar-band-qualified{border-color:#c8963e;background:linear-gradient(135deg,#c8963e26,#c8963e0d)}.pillar-band-eliminated{border-color:#64748b;background:linear-gradient(135deg,#47556926,#4755690d)}.pillar-band-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid #334155}.pillar-band-label{font-size:.95rem;font-weight:700;color:#d4a574;text-transform:uppercase;letter-spacing:.05em}.pillar-band-count{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;min-width:24px;text-align:center}.pillar-band-content{display:flex;flex-direction:column;gap:.5rem}.match-row{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:linear-gradient(135deg,#334155,#1e293b);border:2px solid #475569;border-radius:6px;cursor:pointer;transition:all .2s ease}.match-row:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #06b6d44d}.match-row-tba{cursor:default;opacity:.5;border-style:dashed}.match-row-tba:hover{border-color:#475569;box-shadow:none}.match-row-team{flex:1;display:flex;justify-content:center}.match-row-vs{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase}.team-badge{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#475569,#334155);border:2px solid #64748b;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:900;color:#fff;text-transform:uppercase;transition:all .2s ease}.team-badge-winner{background:linear-gradient(135deg,#c8963e,#a67c3a);border-color:#c8963e;box-shadow:0 0 16px #c8963e80}.team-badge-tba{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;color:#475569;border-style:dashed}.pillar-team-badges{display:flex;flex-direction:column;gap:.5rem}.team-badge-static{width:100%;padding:.75rem;background:linear-gradient(135deg,#334155,#1e293b);border:2px solid #475569;border-radius:8px;font-size:1rem;font-weight:900;color:#fff;text-transform:uppercase;text-align:center;transition:all .2s ease;letter-spacing:.05em}.team-badge-static:hover{border-color:var(--color-accent);transform:translate(4px)}.team-badge-static.team-badge-tba{background:linear-gradient(135deg,#1e293b,#0f172a);border-style:dashed;border-color:#334155;color:#475569;opacity:.5}@media (max-width: 1024px){.swiss-map-pillars{gap:clamp(.5rem,1.5vw,1rem)}.swiss-pillar,.swiss-pillar-small{min-width:0}}@media (max-width: 768px){.swiss-map-worlds{padding:.75rem}.swiss-map-title{font-size:1.5rem}.swiss-map-pillars{grid-template-columns:1fr;gap:1rem}.swiss-pillar,.swiss-pillar-small{min-width:0;max-width:100%}.swiss-map-scroll{overflow:visible}.team-badge{width:36px;height:36px;font-size:.7rem}.pillar-band-label{font-size:.85rem}.match-row{padding:.375rem}}@media (max-width: 480px){.swiss-map-worlds{padding:.5rem}.swiss-map-title{font-size:1.25rem}.swiss-pillar-header{padding:.5rem;font-size:1rem}.swiss-pillar-content{padding:.5rem;gap:.5rem}.pillar-band{padding:.5rem}.team-badge{width:32px;height:32px;font-size:.65rem}.team-badge-static{padding:.5rem;font-size:.85rem}}@media (prefers-reduced-motion: reduce){.swiss-pillar,.pillar-band,.match-row,.team-badge,.team-badge-static{animation:none!important;transition:none!important}.match-row:hover,.swiss-pillar:hover,.team-badge:hover,.team-badge-static:hover{transform:none!important}}.seeding-management-container{padding:2rem;max-width:1200px;margin:0 auto}.seeding-management-header{text-align:center;margin-bottom:2rem}.seeding-management-title{font-size:2rem;font-weight:900;color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.seeding-management-subtitle{font-size:1rem;color:var(--color-text-secondary)}.seeding-warning{display:flex;gap:1.5rem;padding:1.5rem;background:#ef44441a;border:2px solid #EF4444;border-radius:12px;margin-bottom:2rem;animation:fadeIn .3s ease-out}.seeding-warning-icon{font-size:3rem;line-height:1}.seeding-warning-content h3{font-size:1.25rem;font-weight:700;color:#ef4444;margin-bottom:.5rem}.seeding-warning-content p{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:.25rem}.seeding-warning-content strong{color:var(--color-text)}.seeding-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.seeding-btn{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.seeding-btn-primary{background:var(--color-gold);color:#000;box-shadow:0 4px 12px #f59e0b4d}.seeding-btn-primary:hover:not(:disabled){background:#fbbf24;transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.seeding-btn-secondary{background:#ffffff1a;color:var(--color-text);border:2px solid var(--color-border)}.seeding-btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:var(--color-text-secondary);transform:translateY(-2px)}.seeding-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.seeding-display{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #334155;border-radius:12px;padding:2rem;box-shadow:0 8px 24px #0006;margin-bottom:2rem;animation:fadeInSlideUp .4s ease-out}.seeding-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #334155}.seeding-display-header h3{font-size:1.5rem;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.seeding-random-seed{font-size:.875rem;font-family:monospace;color:var(--color-text-secondary);background:#0000004d;padding:.5rem 1rem;border-radius:6px}.seeding-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.seeding-grid-column{display:flex;flex-direction:column;gap:1rem}.seeding-grid-item{background:linear-gradient(135deg,#334155,#1e293b);border:2px solid #475569;border-radius:8px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .2s ease;animation:fadeInSlideUp .3s ease-out backwards;cursor:grab}.seeding-grid-item:hover{transform:translate(4px);border-color:var(--color-accent)}.seeding-grid-item.dragging{opacity:.5;cursor:grabbing;transform:scale(.98);box-shadow:0 8px 24px #00000080}.seeding-grid-item.drag-over{border-color:var(--color-gold);background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);transform:translate(8px);box-shadow:0 0 20px #f59e0b66}.seeding-drag-handle{font-size:1.25rem;color:var(--color-text-secondary);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.6;transition:all .2s ease;padding:.25rem}.seeding-grid-item:hover .seeding-drag-handle{opacity:1;color:var(--color-gold)}.seeding-grid-item.dragging .seeding-drag-handle{cursor:grabbing}.seeding-seed-number{font-size:1rem;font-weight:700;color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;min-width:80px;text-align:center;padding:.5rem;background:#f59e0b1a;border:1px solid var(--color-gold);border-radius:6px}.seeding-team-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.seeding-team-abbrev{font-size:1.25rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.05em}.seeding-team-name{font-size:.875rem;color:var(--color-text-secondary)}.seeding-grid-item:nth-child(1){animation-delay:.05s}.seeding-grid-item:nth-child(2){animation-delay:.1s}.seeding-grid-item:nth-child(3){animation-delay:.15s}.seeding-grid-item:nth-child(4){animation-delay:.2s}.seeding-grid-item:nth-child(5){animation-delay:.25s}.seeding-grid-item:nth-child(6){animation-delay:.3s}.seeding-grid-item:nth-child(7){animation-delay:.35s}.seeding-grid-item:nth-child(8){animation-delay:.4s}.seeding-empty-state{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px dashed #334155;border-radius:12px;margin-bottom:2rem}.seeding-empty-icon{font-size:4rem;margin-bottom:1rem}.seeding-empty-state h3{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}.seeding-empty-state p{font-size:1rem;color:var(--color-text-secondary);margin-bottom:.25rem}.seeding-instructions{background:#ffffff0d;border:1px solid var(--color-border);border-radius:12px;padding:2rem}.seeding-instructions h4{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.seeding-instructions ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.seeding-instructions li{font-size:.95rem;color:var(--color-text-secondary);padding-left:1.5rem;position:relative}.seeding-instructions li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:700}.seeding-instructions strong{color:var(--color-text)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.seeding-grid{grid-template-columns:1fr;gap:1rem}.seeding-controls{flex-direction:column}.seeding-btn{width:100%}.seeding-management-title{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){.seeding-grid-item,.seeding-display,.seeding-warning{animation:none}.seeding-btn:hover:not(:disabled),.seeding-grid-item:hover{transform:none}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hidden{display:none!important}:root{--color-bg-primary: #0f1419;--color-bg-secondary: #1a1f2e;--color-bg-card: #1e2433;--color-bg-hover: #252d3f;--color-text-primary: #e4e6eb;--color-text-secondary: #a8adb7;--color-text-muted: #6b7280;--color-gold: #f59e0b;--color-teal: #14b8a6;--color-cyan: #06b6d4;--color-red: #ef4444;--color-green: #10b981;--color-border: #374151;--color-border-light: #4b5563}.admin-app{min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.admin-header{background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-gold);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.admin-title{font-size:1.5rem;font-weight:700;color:var(--color-gold);margin:0}.admin-header-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-end}.admin-header-actions .btn{padding:.35rem .75rem;font-size:.75rem}.admin-main{padding:2rem}.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,2rem);max-width:1920px;margin:0 auto}@media (max-width: 1024px){.admin-layout{grid-template-columns:1fr}}@media (max-width: 768px){.admin-main{padding:1rem}.admin-header{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.admin-title{font-size:1.25rem}.admin-section{padding:1rem;min-height:auto}}.admin-section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;min-height:600px}.section-title{font-size:1.25rem;font-weight:600;color:var(--color-gold);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--color-teal);color:#fff}.btn-primary:hover{background-color:#0f9d8f}.btn-secondary{background-color:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-light)}.btn-danger{background-color:var(--color-red);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary:disabled{background-color:#4b5563}.btn-secondary:disabled{background-color:var(--color-bg-card);border-color:var(--color-border)}.btn-danger:disabled{background-color:#6b7280}.btn:disabled:hover{transform:none;background-color:inherit}.swiss-placeholder,.knockout-placeholder{padding:2rem;text-align:center;color:var(--color-text-secondary)}.swiss-placeholder p,.knockout-placeholder p{margin-bottom:.5rem}.placeholder-message{font-size:1.125rem;color:var(--color-text-primary);margin-bottom:1rem}.placeholder-note{font-style:italic;color:var(--color-text-muted);margin-top:1rem}.knockout-bracket{width:100%}.knockout-columns{display:flex;gap:2rem;overflow-x:auto;padding-bottom:1rem}.knockout-column{flex:0 0 auto;min-width:320px;display:flex;flex-direction:column}.knockout-round-title{font-size:1.125rem;font-weight:700;color:var(--color-gold);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border);text-align:center}.knockout-match-list{display:flex;flex-direction:column;gap:1rem;flex:1}.knockout-champion{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,var(--color-gold) 0%,#d97706 100%);border-radius:8px;text-align:center;box-shadow:0 4px 12px #f59e0b4d}.knockout-champion-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#000000b3;margin-bottom:.5rem}.knockout-champion-name{font-size:1.5rem;font-weight:700;color:#000}@media (max-width: 1400px){.admin-layout{grid-template-columns:1fr}}@media (max-width: 768px){.admin-header{flex-direction:column;gap:1rem;align-items:flex-start}.admin-main,.admin-section{padding:1rem}.swiss-buckets{flex-direction:column!important}.swiss-bucket{min-width:100%!important}}.match-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;padding:.75rem;margin-bottom:.75rem;transition:all .2s ease}.match-card-clickable{cursor:pointer}.match-card-clickable:hover{border-color:var(--color-gold);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.match-card-compact{padding:.5rem}.match-team{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:4px;margin-bottom:.25rem;transition:all .2s ease}.match-team-info{display:flex;align-items:center;gap:.75rem;flex:1}.match-team-name{font-weight:600;color:var(--color-text-primary)}.match-team-record{font-size:.75rem;color:var(--color-text-muted);padding:.125rem .375rem;background-color:var(--color-bg-secondary);border-radius:3px}.match-team-score{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);min-width:2rem;text-align:center}.match-team-winner{border:1px solid var(--color-teal);background-color:#14b8a61a}.match-team-winner .match-team-name{color:var(--color-teal)}.match-team-loser{opacity:.5}.match-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border);font-size:.75rem}.match-format{color:var(--color-gold);font-weight:600;padding:.125rem .5rem;background-color:#f59e0b1a;border-radius:3px}.match-status{padding:.125rem .5rem;border-radius:3px;font-weight:500}.match-status-pending{color:var(--color-text-secondary);background-color:var(--color-bg-secondary)}.match-status-completed{color:var(--color-green);background-color:#10b9811a}.match-status-forfeit{color:var(--color-red);background-color:#ef44441a}.match-forfeit-badge{font-size:.625rem;font-weight:700;margin-left:.25rem;padding:.125rem .25rem;background-color:var(--color-red);color:#fff;border-radius:2px}.swiss-stage{width:100%}.swiss-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.swiss-round-info{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);padding:.5rem 1rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px}.swiss-buckets{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.swiss-bucket{flex:0 0 auto;min-width:280px;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.swiss-bucket-qualified{border-color:var(--color-teal)}.swiss-bucket-eliminated{border-color:var(--color-red)}.swiss-bucket-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.swiss-bucket-title{font-size:1rem;font-weight:700;color:var(--color-gold);margin:0 0 .25rem}.swiss-bucket-count{font-size:.75rem;color:var(--color-text-muted)}.swiss-bucket-content{min-height:100px}.swiss-match-list{display:flex;flex-direction:column}.swiss-bucket-empty{padding:2rem 1rem;text-align:center;color:var(--color-text-muted);font-size:.875rem;font-style:italic}.swiss-team-list{display:flex;flex-direction:column;gap:.5rem}.swiss-team-chip{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;transition:all .2s ease}.swiss-team-chip:hover{background-color:var(--color-bg-hover)}.swiss-team-chip-qualified{border-color:var(--color-teal);background-color:#14b8a60d}.swiss-team-chip-qualified .swiss-team-chip-name{color:var(--color-teal)}.swiss-team-chip-eliminated{border-color:var(--color-red);background-color:#ef44440d;opacity:.7}.swiss-team-chip-name{font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.swiss-team-chip-record{font-size:.75rem;color:var(--color-text-muted);padding:.125rem .375rem;background-color:var(--color-bg-primary);border-radius:3px}.swiss-empty-state{padding:3rem 2rem;text-align:center;color:var(--color-text-secondary);background-color:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:8px;margin-top:2rem}.swiss-empty-state p{margin:0;font-size:1rem}.auto-forfeit-badge{font-size:.7em;font-weight:700;color:var(--color-red);opacity:.8}.team-forfeit-list{display:flex;flex-direction:column;gap:.75rem}.team-forfeit-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;transition:all .2s ease}.team-forfeit-item:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-light)}.team-forfeit-info{display:flex;flex-direction:column;gap:.25rem}.team-forfeit-name{font-weight:600;font-size:1rem;color:var(--color-text-primary)}.team-forfeit-record{font-size:.875rem;color:var(--color-text-muted)}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.dialog-content{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.dialog-title{font-size:1.5rem;font-weight:700;color:var(--color-gold);margin:0}.dialog-close{background:none;border:none;font-size:2rem;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:4px;transition:all .2s ease}.dialog-close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.dialog-body{padding:1.5rem}.dialog-section{margin-bottom:1.5rem}.dialog-section:last-child{margin-bottom:0}.dialog-edit-warning{padding:.75rem 1rem;background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:var(--color-gold);font-size:.875rem;line-height:1.5}.dialog-match-info{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px}.dialog-match-round{font-weight:600;color:var(--color-text-primary)}.dialog-match-format{font-size:.875rem;font-weight:600;color:var(--color-gold);padding:.25rem .5rem;background-color:#f59e0b1a;border-radius:3px}.dialog-teams{display:flex;flex-direction:column;gap:.75rem}.dialog-team{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px}.dialog-team-header{display:flex;align-items:center;gap:.75rem}.dialog-team-header input[type=radio]{width:18px;height:18px;cursor:pointer}.dialog-team-name{font-weight:600;font-size:1rem;color:var(--color-text-primary);flex:1}.dialog-team-record{font-size:.75rem;color:var(--color-text-muted);padding:.125rem .375rem;background-color:var(--color-bg-secondary);border-radius:3px}.dialog-score-input{width:100%;padding:.5rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:1rem;font-weight:600;text-align:center}.dialog-score-input:focus{outline:none;border-color:var(--color-teal)}.dialog-score-input:disabled{opacity:.5;cursor:not-allowed}.dialog-score-presets{margin-top:1rem}.dialog-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem}.dialog-preset-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.btn-preset{padding:.375rem .75rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-preset:hover{background-color:var(--color-bg-hover);border-color:var(--color-teal);color:var(--color-teal)}.dialog-input{width:100%;padding:.5rem .75rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:.875rem}.dialog-input:focus{outline:none;border-color:var(--color-teal)}.dialog-input::-moz-placeholder{color:var(--color-text-muted)}.dialog-input::placeholder{color:var(--color-text-muted)}.dialog-textarea{width:100%;padding:.5rem .75rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:.875rem;font-family:inherit;resize:vertical}.dialog-textarea:focus{outline:none;border-color:var(--color-teal)}.dialog-textarea::-moz-placeholder{color:var(--color-text-muted)}.dialog-textarea::placeholder{color:var(--color-text-muted)}.dialog-forfeit-section{padding:1rem;background-color:#ef44440d;border:1px solid var(--color-red);border-radius:6px}.dialog-forfeit-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.dialog-radio-label{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .2s ease}.dialog-radio-label:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-light)}.dialog-radio-label input[type=radio]{width:16px;height:16px;cursor:pointer}.dialog-forfeit-actions{display:flex;gap:.5rem}.dialog-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.dialog-content-wide{max-width:1400px;width:95%}.dialog-match-score{font-size:1.125rem;font-weight:700;color:var(--color-accent);padding:.25rem .75rem;background-color:#06b6d41a;border-radius:4px}.dialog-teams-header{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dialog-team-label{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px}.dialog-games-grid{display:flex;flex-direction:column;gap:1rem}.game-entry{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.game-header{display:flex;align-items:center;padding:12px 16px;gap:16px}.game-number{font-weight:600;color:var(--color-text-primary);font-size:.875rem;white-space:nowrap}.game-buttons{margin-left:auto;display:flex;align-items:center;gap:10px}.game-button{flex:1;padding:.5rem 1rem;background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);min-width:80px}.game-button:hover{border-color:var(--color-accent);background-color:#06b6d40d;transform:translateY(-1px)}.game-button-selected-a{background-color:#06b6d433;border-color:var(--color-accent);color:var(--color-accent);font-weight:700}.game-button-selected-a:hover{background-color:#06b6d44d}.game-button-selected-b{background-color:#f59e0b33;border-color:var(--color-gold);color:var(--color-gold);font-weight:700}.game-button-selected-b:hover{background-color:#f59e0b4d}.game-stats{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.game-side-selector{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#ffffff05;border-radius:6px}.side-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.side-buttons-compact{display:flex;gap:.5rem}.side-button-compact{padding:.375rem .75rem;background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);min-width:60px}.side-button-compact:hover{border-color:var(--color-accent);transform:translateY(-1px)}.side-button-compact.side-button-red{background-color:#ef444433;border-color:#ef4444;color:#ef4444;font-weight:700}.side-button-compact.side-button-red:hover{background-color:#ef44444d}.side-button-compact.side-button-blue{background-color:#3b82f633;border-color:#3b82f6;color:#3b82f6;font-weight:700}.side-button-compact.side-button-blue:hover{background-color:#3b82f64d}.game-stats-4v4{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}@media (max-width: 1200px){.game-stats-4v4{grid-template-columns:1fr}}.team-stats-column{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:#ffffff05;border:1px solid var(--color-border);border-radius:8px}.team-stats-header{font-weight:700;font-size:1rem;color:var(--color-text-primary);padding-bottom:.75rem;border-bottom:1px solid var(--color-border);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.team-side-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.team-side-badge.red{background-color:#ef444433;color:#ef4444;border:1px solid #ef4444}.team-side-badge.blue{background-color:#3b82f633;color:#3b82f6;border:1px solid #3b82f6}.champ-row{display:flex;gap:.5rem;align-items:center}.champ-slot-number{font-size:.875rem;font-weight:700;color:var(--color-text-secondary);min-width:20px;text-align:center}.stats-input{padding:.5rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:.875rem;transition:all .2s ease}.stats-input:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-bg-hover)}.stats-input::-moz-placeholder{color:var(--color-text-secondary);opacity:.6}.stats-input::placeholder{color:var(--color-text-secondary);opacity:.6}.stats-input-champion{flex:1;min-width:120px}.stats-input-kda{width:60px;text-align:center}.stats-input-damage{width:90px;text-align:center}.stats-input-ban{width:120px;flex-shrink:0}.stats-input[type=number]::-webkit-inner-spin-button,.stats-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stats-input[type=number]{-moz-appearance:textfield}.game-bans-section{margin:1rem 0;padding:.75rem;background-color:#0003;border-radius:6px;border:1px solid var(--color-border)}.bans-header{font-weight:600;font-size:.875rem;color:var(--color-text-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.bans-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.team-bans{display:flex;flex-direction:column;gap:.5rem}.bans-team-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.bans-inputs{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.champ-fearless-warning{background-color:#dc26261a;border:2px solid rgba(220,38,38,.5);border-radius:4px}.champ-select-container{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:120px}.fearless-warning-text{font-size:.75rem;color:#ef4444;font-weight:500;padding-left:.25rem}.stats-input-lane{width:70px;text-align:center;font-size:.8rem}.edit-log-dialog{max-width:800px;max-height:80vh}.edit-log-empty{text-align:center;padding:3rem 1rem}.edit-log-empty p{color:var(--color-text-primary);margin:0 0 .5rem}.edit-log-empty-note{font-size:.875rem;color:var(--color-text-secondary)}.edit-log-list{display:flex;flex-direction:column;gap:1rem}.edit-log-entry{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.edit-log-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.edit-log-timestamp{font-size:.875rem;color:var(--color-text-secondary)}.edit-log-round{font-size:.875rem;font-weight:600;color:var(--color-text-primary);background-color:#14b8a61a;padding:.25rem .75rem;border-radius:4px}.edit-log-changes{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.edit-log-before,.edit-log-after{display:flex;flex-direction:column;gap:.5rem}.edit-log-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.edit-log-winner{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.edit-log-score{font-size:.875rem;color:var(--color-text-secondary);font-family:Courier New,monospace}.edit-log-arrow{color:var(--color-teal);font-size:1.5rem;font-weight:700}@media (max-width: 768px){.dialog-content{max-width:100%;max-height:100vh;border-radius:0}.dialog-header,.dialog-body,.dialog-footer{padding:1rem}.dialog-preset-buttons{justify-content:stretch}.btn-preset{flex:1}}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:flex-end;z-index:1000;animation:fadeIn .2s ease}.drawer-panel{width:100%;max-width:420px;background-color:var(--color-bg-secondary);height:100vh;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000004d;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--color-gold);background-color:var(--color-bg-primary)}.drawer-title{font-size:1.25rem;font-weight:700;color:var(--color-gold);margin:0}.drawer-close{background:none;border:none;font-size:2rem;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.drawer-close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.drawer-body{flex:1;overflow-y:auto;padding:1rem}.team-edit-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin-bottom:1rem}.team-edit-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.team-edit-info{display:flex;flex-direction:column;gap:.25rem}.team-edit-name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.team-edit-record{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.team-status-badge{display:inline-block;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-active{background-color:#14b8a626;color:var(--color-teal);border:1px solid rgba(20,184,166,.3)}.badge-qualified{background-color:#10b98126;color:var(--color-green);border:1px solid rgba(16,185,129,.3)}.badge-eliminated{background-color:#ef444426;color:var(--color-red);border:1px solid rgba(239,68,68,.3)}.badge-auto-forfeit{background-color:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4);font-weight:600}.team-edit-action{margin-bottom:.75rem}.team-edit-action:last-child{margin-bottom:0}.team-edit-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.team-edit-input-group{display:flex;gap:.5rem}.team-edit-input{flex:1;padding:.5rem .75rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:.875rem;transition:all .2s ease}.team-edit-input:focus{outline:none;border-color:var(--color-teal);box-shadow:0 0 0 3px #14b8a61a}.team-edit-input::-moz-placeholder{color:var(--color-text-muted)}.team-edit-input::placeholder{color:var(--color-text-muted)}.btn-sm{padding:.5rem .75rem;font-size:.75rem}.btn-full{width:100%}.team-edit-metadata{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.team-edit-metadata-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.team-edit-metadata-field{display:flex;flex-direction:column;gap:.25rem}.team-edit-sublabel{display:block;font-size:.6875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.team-edit-select{width:100%;padding:.5rem .75rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.team-edit-select:focus{outline:none;border-color:var(--color-teal);box-shadow:0 0 0 3px #14b8a61a}@media (max-width: 768px){.drawer-panel{max-width:100%}}.bulk-import-modal{max-width:650px;max-height:90vh}.bulk-import-info{margin-bottom:1.5rem}.bulk-import-description{margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.875rem}.bulk-import-format{display:block;padding:.5rem .75rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.875rem;color:var(--color-teal);margin-bottom:.75rem}.bulk-import-regions{font-size:.875rem;color:var(--color-text-secondary);margin:0}.bulk-import-example{margin-bottom:1.5rem;padding:1rem;background-color:#14b8a60d;border:1px solid rgba(20,184,166,.2);border-radius:6px}.bulk-import-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.bulk-import-example-text{font-family:Courier New,Courier,monospace;font-size:.8125rem;color:var(--color-text-primary);margin:0;white-space:pre}.bulk-import-input-section{margin-bottom:0}.bulk-import-textarea{width:100%;padding:.75rem;background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-family:Courier New,Courier,monospace;font-size:.8125rem;line-height:1.5;resize:vertical;transition:all .2s ease}.bulk-import-textarea:focus{outline:none;border-color:var(--color-teal);box-shadow:0 0 0 3px #14b8a61a}.bulk-import-textarea::-moz-placeholder{color:var(--color-text-muted);font-family:Courier New,Courier,monospace}.bulk-import-textarea::placeholder{color:var(--color-text-muted);font-family:Courier New,Courier,monospace}.swiss-pots-view{display:flex;flex-direction:column;gap:1rem}.swiss-pots-empty{font-size:.875rem;color:var(--color-text-secondary);padding:2rem;text-align:center;background-color:var(--color-bg-card);border-radius:8px;border:1px solid var(--color-border)}.swiss-pots-header{display:flex;align-items:baseline;justify-content:space-between}.swiss-pots-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.swiss-pots-subtitle{font-size:.75rem;color:var(--color-text-secondary);margin:.25rem 0 0}.swiss-pots-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.swiss-bucket-card{background-color:#0f1419b3;border:1px solid var(--color-border);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.swiss-bucket-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.swiss-bucket-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.swiss-bucket-count{font-size:.625rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.swiss-bucket-teams{display:flex;flex-direction:column;gap:.25rem}.team-row{display:flex;align-items:center;justify-content:space-between;border-radius:6px;background-color:#1e2433b3;padding:.5rem;transition:all .2s ease}.team-row:hover{background-color:#252d3fe6}.team-row-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.team-row-label{font-size:.75rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-row-record{font-size:.625rem;color:var(--color-text-secondary)}.team-status-badge{font-size:.625rem;padding:.125rem .375rem;border-radius:9999px;border:1px solid;font-weight:600;flex-shrink:0}.team-status-qualified{background-color:#10b98133;color:#6ee7b7;border-color:#10b98180}.team-status-eliminated{background-color:#ef444433;color:#fca5a5;border-color:#ef444480}.team-status-forfeit{background-color:#6b728033;color:#9ca3af;border-color:#6b728080}.swiss-current-round{background-color:#0f1419b3;border:1px solid var(--color-border);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;height:-moz-fit-content;height:fit-content}.swiss-current-round-header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.swiss-current-round-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0}.swiss-current-round-count{font-size:.625rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.swiss-current-round-empty{font-size:.75rem;color:var(--color-text-secondary);padding:1rem 0}.swiss-current-round-matches{display:flex;flex-direction:column;gap:.25rem}.swiss-match-row{display:flex;align-items:center;justify-content:space-between;border-radius:6px;padding:.5rem;text-align:left;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit;width:100%}.swiss-match-row.completed{background-color:#1e2433b3}.swiss-match-row.completed:hover{background-color:#252d3fe6}.swiss-match-row.pending{background-color:#1e2433e6}.swiss-match-row.pending:hover{background-color:#252d3f}.swiss-match-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.swiss-match-teams{font-size:.6875rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swiss-match-meta{font-size:.625rem;color:var(--color-text-secondary)}.swiss-match-status{font-size:.625rem;color:#6ee7b7;font-weight:600;flex-shrink:0}.swiss-section-new{width:100%;max-width:none}.swiss-layout{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 1024px){.swiss-layout{grid-template-columns:2fr 1fr}}.swiss-pots-container,.swiss-round-container{min-width:0}.knockout-bracket{width:100%;padding:1.5rem;background-color:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border)}.knockout-bracket-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.5rem}.knockout-placeholder{text-align:center;padding:3rem 1rem}.knockout-placeholder-message{font-size:1rem;color:var(--color-text-primary);margin:0 0 .5rem}.knockout-placeholder-note{font-size:.875rem;color:var(--color-text-secondary);margin:0}.knockout-bracket-container{position:relative;padding:2rem 0}.knockout-columns{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;min-height:800px}.knockout-column{display:flex;flex-direction:column;gap:1rem}.knockout-column-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);text-align:center;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.knockout-series-list{display:flex;flex-direction:column;gap:1rem;flex:1}.knockout-series-list-centered{justify-content:space-evenly}.series-card{background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:8px;padding:1rem;transition:all .2s ease;min-height:160px;display:flex;flex-direction:column;gap:.75rem}.series-card-clickable{cursor:pointer}.series-card-clickable:hover{background-color:var(--color-bg-hover);border-color:var(--color-teal);transform:translateY(-2px);box-shadow:0 4px 12px #14b8a633}.series-card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.series-card-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.series-card-header-right{display:flex;align-items:center;gap:.5rem}.series-card-bo{font-size:.75rem;padding:.125rem .5rem;background-color:#f59e0b33;color:var(--color-gold);border-radius:4px;font-weight:600}.series-card-status{font-size:.75rem;padding:.125rem .5rem;border-radius:4px;font-weight:600}.series-card-status.status-pending{background-color:#6b728033;color:#9ca3af}.series-card-status.status-in-progress{background-color:#f59e0b33;color:var(--color-gold)}.series-card-status.status-completed{background-color:#10b98133;color:#6ee7b7}.series-team{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-radius:6px;background-color:#0f141980;transition:all .2s ease}.series-team-winner{background-color:#14b8a626;border:2px solid var(--color-teal);box-shadow:0 0 8px #14b8a64d}.series-team-tba{background-color:#0000004d;border:1px dashed rgba(148,163,184,.4)}.series-team-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.series-team-abbr{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);letter-spacing:.5px}.series-team-abbr-tba{color:#94a3b899;font-weight:600}.series-team-name{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-team-name-tba{color:#94a3b880;font-weight:400}.series-team-region{font-size:.625rem;padding:.125rem .375rem;background-color:#6b728033;color:var(--color-text-muted);border-radius:4px;display:inline-block;width:-moz-fit-content;width:fit-content;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:.125rem}.series-team-score{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);min-width:2rem;text-align:right}.series-team-winner .series-team-score{color:var(--color-teal)}.series-team-score-tba{color:#94a3b866}.series-divider{height:1px;background-color:var(--color-border);margin:.25rem 0}.series-placeholder{background-color:#0f14194d;border:2px dashed var(--color-border);border-radius:8px;padding:1rem;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.series-placeholder-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.series-placeholder-tbd{font-size:1.5rem;font-weight:700;color:var(--color-text-muted);letter-spacing:2px}.knockout-champion-panel{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#f59e0b26,#14b8a626);border:2px solid var(--color-gold);border-radius:12px;text-align:center;box-shadow:0 0 20px #f59e0b4d}.knockout-champion-label{font-size:.875rem;font-weight:700;color:var(--color-gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.knockout-champion-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.knockout-champion-abbr{font-size:3rem;font-weight:900;color:var(--color-text-primary);letter-spacing:2px;text-shadow:0 2px 8px rgba(245,158,11,.5)}.knockout-champion-name{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.knockout-champion-region{font-size:.875rem;padding:.25rem .75rem;background-color:#f59e0b33;color:var(--color-gold);border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:.5rem}.knockout-empty-state{display:flex;align-items:center;justify-content:center;min-height:10rem;font-size:.875rem;color:var(--color-text-secondary);text-align:center;padding:2rem}.knockout-match-list{display:flex;flex-direction:column;gap:.75rem}.knockout-match-list-centered{justify-content:space-evenly}.knockout-match-card{width:100%;text-align:left;border-radius:.75rem;border:1px solid var(--color-border);background-color:#1e2433b3;cursor:pointer;transition:all .2s ease;padding:0}.knockout-match-card:hover{background-color:#1e2433f2;border-color:var(--color-teal);transform:translateY(-1px);box-shadow:0 2px 8px #14b8a626}.knockout-match-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.knockout-match-label{font-weight:600}.knockout-match-status{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:3px}.knockout-status-tbd{color:var(--color-text-muted);background-color:#6b728026}.knockout-status-scheduled{color:var(--color-gold);background-color:#f59e0b26}.knockout-status-completed{color:var(--color-green);background-color:#10b98126}.knockout-match-teams{padding:.25rem .75rem .5rem;display:flex;flex-direction:column;gap:.25rem}.knockout-team-row{display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;padding:.375rem .5rem;font-size:.75rem;background-color:#0f141999;border:1px solid rgba(75,85,99,.6);transition:all .15s ease}.knockout-team-winner{background-color:#10b9811a;border-color:#10b98199}.knockout-team-tba{background-color:#0000004d;border:1px dashed rgba(148,163,184,.4);color:#94a3b899}.knockout-team-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.knockout-team-circle{display:inline-flex;align-items:center;justify-content:center;height:1.25rem;width:1.25rem;border-radius:50%;border:1px solid var(--color-border);font-size:.625rem;font-weight:600;flex-shrink:0}.knockout-team-winner .knockout-team-circle{border-color:var(--color-green);background-color:#10b9811a;color:var(--color-green)}.knockout-team-tba .knockout-team-circle{border-color:#94a3b866;color:#94a3b899}.knockout-team-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:10rem}.knockout-team-score{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-left:.5rem}.knockout-team-winner .knockout-team-score{color:var(--color-green)}.knockout-team-tba .knockout-team-score{color:#94a3b866}.knockout-placeholder-card{background-color:#0f14194d;border:2px dashed var(--color-border);border-radius:.75rem;padding:1rem;min-height:6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.knockout-placeholder-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.knockout-placeholder-tba{font-size:1.25rem;font-weight:700;color:var(--color-text-muted);letter-spacing:2px}.knockout-champion-container{margin-top:1.5rem}.knockout-champion-panel-new{border-radius:1rem;background:linear-gradient(135deg,#f59e0b,#d97706);padding:1.5rem;text-align:center;box-shadow:0 4px 16px #f59e0b4d;color:#0f1419}.knockout-champion-label-new{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem;opacity:.8}.knockout-champion-abbr-new{font-size:2rem;font-weight:900;letter-spacing:1px;margin-bottom:.25rem}.knockout-champion-name-new{font-size:.75rem;opacity:.8;margin-bottom:.25rem}.knockout-champion-region-new{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem;opacity:.7}.knockout-champion-placeholder{font-size:.75rem;color:var(--color-text-muted);text-align:center;padding:1.5rem}.confirm-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;width:90%;max-width:500px;background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:12px;box-shadow:0 8px 32px #00000080;animation:confirm-dialog-appear .2s ease-out}@keyframes confirm-dialog-appear{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.confirm-dialog-header{padding:1.5rem 1.5rem 1rem;border-bottom:2px solid var(--color-border)}.confirm-dialog-title{font-size:1.25rem;font-weight:600;color:var(--color-gold);margin:0}.confirm-dialog-content{padding:1.5rem}.confirm-dialog-message{font-size:1rem;line-height:1.6;color:var(--color-text-primary);margin:0;white-space:pre-line}.confirm-dialog-actions{padding:1rem 1.5rem 1.5rem;display:flex;gap:1rem;justify-content:flex-end}.confirm-dialog-actions .btn{min-width:100px}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-modal-content{background:#1a1f2e;border:2px solid rgba(239,68,68,.5);border-radius:12px;width:90%;max-width:500px;box-shadow:0 8px 32px #0009;animation:slideIn .2s ease-out}.delete-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:2px solid rgba(239,68,68,.3)}.delete-modal-header h3{margin:0;color:#ef4444;font-size:1.25rem;font-weight:600}.delete-modal-body{padding:1.5rem;color:#e4e6eb}.delete-modal-body p{margin:0 0 .75rem;line-height:1.5}.delete-modal-body .team-names{color:#f59e0b;font-weight:600;font-size:1.05rem}.delete-modal-warning{color:#fca5a5;font-size:.875rem;margin-top:1rem;padding:.75rem;background:#ef44441a;border-left:3px solid #ef4444;border-radius:4px}.delete-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.delete-modal-actions .btn-cancel{padding:.625rem 1.25rem;background:#9ca3af1a;border:1px solid rgba(156,163,175,.3);border-radius:6px;color:#e5e7eb;font-weight:500;cursor:pointer;transition:all .2s}.delete-modal-actions .btn-cancel:hover{background:#9ca3af33;border-color:#9ca3af80}.delete-modal-actions .btn-delete{padding:.625rem 1.25rem;background:#ef4444;border:1px solid #dc2626;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.delete-modal-actions .btn-delete:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.summary-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;padding:2rem;overflow-y:auto}.summary-modal-content{background:#1a1f2e;border:2px solid #facc15;border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideIn .2s ease-out}.summary-modal-header{padding:1.5rem;border-bottom:2px solid #334155;display:flex;align-items:center;justify-content:space-between}.summary-modal-header h3{margin:0;color:#facc15;font-size:1.75rem;font-weight:700}.summary-modal-header .close-button{background:none;border:none;color:#94a3b8;font-size:2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;padding:0;line-height:1}.summary-modal-header .close-button:hover{background:#334155;color:#facc15}.summary-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.summary-match-info{background:#facc150d;border:1px solid rgba(250,204,21,.2);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.summary-match-info .info-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.summary-match-info .info-row:last-child{margin-bottom:0}.summary-match-info .label{color:#94a3b8;font-weight:600;min-width:80px}.summary-match-info .value{color:#e2e8f0}.summary-match-info .value strong{color:#facc15}.summary-match-info .winner-text{color:#facc15;font-weight:700;font-size:1.125rem}.games-list{display:flex;flex-direction:column;gap:1.5rem}.game-summary-card{background:#0f172a99;border:1px solid #334155;border-radius:8px;overflow:hidden}.game-header{background:#0f172a;padding:1rem 1.5rem;border-bottom:1px solid #334155;display:flex;align-items:center;justify-content:space-between}.game-header h4{margin:0;color:#facc15;font-size:1.25rem;font-weight:700}.game-winner-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600}.game-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem}.side-section{display:flex;flex-direction:column;gap:1rem}.side-section.blue-side{border-right:1px solid #334155;padding-right:1.5rem}.side-section.red-side{padding-left:1.5rem}.side-title{margin:0 0 .5rem;color:#e2e8f0;font-size:1.125rem;font-weight:700;padding-bottom:.5rem;border-bottom:2px solid #334155}.side-section.blue-side .side-title{color:#60a5fa}.side-section.red-side .side-title{color:#f87171}.draft-section{display:flex;flex-direction:column;gap:.5rem}.draft-label{color:#94a3b8;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.champion-list{display:flex;flex-wrap:wrap;gap:.5rem}.champion-badge{padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;white-space:nowrap}.ban-badge{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.pick-badge{background:#3b82f626;border:1px solid rgba(59,130,246,.4);color:#93c5fd}.empty-text{color:#64748b;font-style:italic;font-size:.875rem}.lane-assignments{display:flex;flex-direction:column;gap:.5rem}.lane-assignment-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#0f172a66;border-radius:6px;border:1px solid #334155}.lane-assignment-row .champion-name{color:#e2e8f0;font-weight:600;flex:1}.lane-assignment-row .role-arrow{color:#64748b}.summary-modal-footer{padding:1rem 1.5rem;border-top:2px solid #334155;display:flex;justify-content:flex-end}.summary-modal-body .loading-state,.summary-modal-body .error-state{padding:3rem;text-align:center;color:#94a3b8;font-size:1.125rem}.summary-modal-body .error-state{color:#ef4444}@media (max-width: 768px){.summary-modal-content{max-width:95%}.game-content{grid-template-columns:1fr;gap:1rem}.side-section.blue-side{border-right:none;border-bottom:1px solid #334155;padding-right:0;padding-bottom:1.5rem}.side-section.red-side{padding-left:0;padding-top:1.5rem}}.alert-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;width:90%;max-width:500px;background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:12px;box-shadow:0 8px 32px #00000080;animation:alert-dialog-appear .2s ease-out}@keyframes alert-dialog-appear{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.alert-dialog-header{padding:1.5rem 1.5rem 1rem;border-bottom:2px solid var(--color-border)}.alert-dialog-header-info{border-bottom-color:var(--color-teal)}.alert-dialog-header-warning{border-bottom-color:var(--color-gold)}.alert-dialog-header-error{border-bottom-color:var(--color-red)}.alert-dialog-title{font-size:1.25rem;font-weight:600;margin:0}.alert-dialog-header-info .alert-dialog-title{color:var(--color-teal)}.alert-dialog-header-warning .alert-dialog-title{color:var(--color-gold)}.alert-dialog-header-error .alert-dialog-title{color:var(--color-red)}.alert-dialog-content{padding:1.5rem}.alert-dialog-message{font-size:1rem;line-height:1.6;color:var(--color-text-primary);margin:0;white-space:pre-line}.alert-dialog-actions{padding:1rem 1.5rem 1.5rem;display:flex;gap:1rem;justify-content:flex-end}.alert-dialog-actions .btn{min-width:100px}@media (max-width: 1366px){.knockout-columns{gap:1rem}.series-card{min-height:140px;padding:.75rem}.series-team-abbr{font-size:1rem}.series-team-score{font-size:1.25rem}}@media (max-width: 1024px){.knockout-columns{grid-template-columns:1fr;gap:2rem;min-height:auto}.knockout-champion-abbr{font-size:2rem}}.admin-tabs{display:flex;gap:.5rem;padding:0 1.5rem;background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-border)}.admin-tab{padding:.75rem 1.5rem;background:none;border:none;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-2px}.admin-tab:hover{color:var(--color-text-primary);background-color:#14b8a60d}.admin-tab.active{color:var(--color-teal);border-bottom-color:var(--color-teal)}.leaderboard-panel{width:100%}.leaderboard-header{margin-bottom:1.5rem}.leaderboard-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.leaderboard-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0}.leaderboard-empty{text-align:center;padding:3rem 1rem}.leaderboard-empty p{color:var(--color-text-primary);margin:0 0 .5rem}.leaderboard-empty-note{font-size:.875rem;color:var(--color-text-secondary)}.leaderboard-table-container{background-color:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border);overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table thead{background-color:var(--color-bg-card);border-bottom:2px solid var(--color-border)}.leaderboard-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.leaderboard-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.leaderboard-table th.sortable:hover{color:var(--color-text-primary);background-color:#14b8a60d}.sort-indicator{display:inline-block;margin-left:.25rem;color:var(--color-text-secondary);opacity:.3;font-size:.75rem}.sort-indicator.active{opacity:1;color:var(--color-teal)}.leaderboard-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.leaderboard-table tbody tr.clickable{cursor:pointer}.leaderboard-table tbody tr.clickable:hover{background-color:#14b8a60d}.leaderboard-table td{padding:.875rem 1rem;font-size:.9375rem;color:var(--color-text-primary)}.leaderboard-table td.text-center{text-align:center}.leaderboard-table td.font-bold{font-weight:600}.leaderboard-table td.font-mono{font-family:Courier New,monospace}.team-stats-dialog{max-width:900px;max-height:85vh}.team-stats-dialog-header-content{flex:1}.team-stats-dialog-meta{display:flex;gap:.75rem;margin-top:.5rem}.team-stats-seed{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);background-color:#6b728033;padding:.25rem .75rem;border-radius:4px}.team-stats-region{font-size:.875rem;font-weight:600;color:var(--color-text-primary);background-color:#14b8a61a;padding:.25rem .75rem;border-radius:4px}.team-stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:1.5rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem}.team-stats-summary-section{display:flex;flex-direction:column;gap:.75rem}.team-stats-summary-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.team-stats-summary-stat{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem}.team-stats-summary-stat .stat-label{color:var(--color-text-secondary)}.team-stats-summary-stat .stat-value{color:var(--color-text-primary);font-weight:600;font-family:Courier New,monospace}.team-stats-matches{margin-top:1.5rem}.team-stats-matches-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.team-stats-matches-empty{text-align:center;padding:2rem 1rem;color:var(--color-text-secondary);font-size:.9375rem}.team-stats-matches-list{display:flex;flex-direction:column;gap:.75rem}.team-stats-match-row{display:grid;grid-template-columns:120px 1fr auto auto;gap:1rem;align-items:center;padding:1rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px}.match-row-round{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.match-row-opponent{display:flex;align-items:center;gap:.75rem;min-width:0}.opponent-abbr{font-size:.9375rem;font-weight:700;color:var(--color-text-primary);flex-shrink:0}.opponent-name{font-size:.9375rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opponent-region{font-size:.8125rem;color:var(--color-text-secondary);background-color:#6b728033;padding:.125rem .5rem;border-radius:4px;flex-shrink:0}.match-row-result{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace}.result-label{font-size:.875rem;font-weight:700;padding:.25rem .5rem;border-radius:4px}.result-win .result-label{background-color:#10b98133;color:#6ee7b7}.result-loss .result-label{background-color:#ef444433;color:#f87171}.result-score{font-size:.9375rem;color:var(--color-text-primary);font-weight:600}.result-pending{font-size:.875rem;color:var(--color-text-secondary);font-style:italic}.match-row-edited{font-size:.6875rem;font-weight:700;color:var(--color-gold);background-color:#f59e0b1a;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(245,158,11,.3);letter-spacing:.5px}@media (max-width: 768px){.leaderboard-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.leaderboard-table{min-width:100%;font-size:.85rem}.leaderboard-table th,.leaderboard-table td{padding:.5rem .375rem;font-size:.8rem}.team-stats-summary{grid-template-columns:1fr}.team-stats-match-row{grid-template-columns:1fr;gap:.75rem}.match-row-opponent{flex-wrap:wrap}}@media (max-width: 480px){.leaderboard-table th,.leaderboard-table td{padding:.375rem .25rem;font-size:.75rem}}.swiss-map,.swiss-map-worlds{padding:2rem;background-color:var(--color-bg-primary)}.swiss-map-header{margin-bottom:2rem;text-align:center}.swiss-map-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.swiss-map-subtitle{font-size:.875rem;color:var(--color-text-secondary)}.knockout-map-section{margin-top:3rem;padding-top:3rem;border-top:2px solid var(--color-border)}.knockout-map-header{margin-bottom:2rem;text-align:center}.knockout-map-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.knockout-map-subtitle{font-size:.875rem;color:var(--color-text-secondary)}.swiss-map-empty{padding:4rem 2rem;text-align:center;color:var(--color-text-muted)}.swiss-map-empty-note{margin-top:.5rem;font-size:.875rem}.swiss-pillar-header{padding:.75rem 1rem;text-align:center;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:8px 8px 0 0}.pillar-header-neutral{background-color:#1e293b;color:var(--color-text-primary)}.pillar-header-qualified{background-color:#f59e0b;color:#000}.pillar-header-eliminated{background-color:#e5e7eb;color:#000}.swiss-pillar-content{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;flex:1}.pillar-band{background-color:#0009;border-radius:6px;border:1px solid rgba(71,85,105,.8);padding:.5rem;display:flex;flex-direction:column;flex:1;min-height:120px}.pillar-band-qualified{border-color:#f59e0b66;background-color:#f59e0b1a}.pillar-band-eliminated{border-color:#e5e7eb4d;background-color:#e5e7eb0d}.pillar-band-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.pillar-band-label{font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);font-family:Courier New,monospace}.pillar-band-count{font-size:.6875rem;color:var(--color-text-muted)}.pillar-band-content{display:flex;flex-direction:column;gap:.1875rem;flex:1}.pillar-band-empty{padding:.5rem;text-align:center;color:var(--color-text-muted);font-size:.75rem}.match-row{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.375rem .5rem;background:none;border:none;cursor:pointer;transition:background-color .15s ease;border-radius:4px;width:100%}.match-row:hover{background-color:#475569b3}.match-row-team{display:flex;flex-direction:column;align-items:center;gap:.125rem}.match-row-vs{font-size:.6875rem;color:var(--color-text-muted);font-weight:500}.team-badge{padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(148,163,184,1);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;background-color:#000;color:#f8fafc;transition:all .15s ease;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.team-badge-winner{background-color:#fff;color:#000;border-color:#fff}.team-badge-tba{background-color:#0000004d;color:#94a3b899;border-color:#94a3b866;cursor:default}.match-row-tba{cursor:default}.match-row-tba:hover{background-color:transparent}.pillar-team-badges{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.25rem}.team-badge-static{padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(148,163,184,1);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;background-color:#000;color:#f8fafc;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}@keyframes popIn{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.reveal-pop-in{animation:popIn .3s ease-out}.draw-team-card{transition:all .3s ease}.draw-team-card.latest-reveal{box-shadow:0 0 20px #f59e0b66}.draw-team-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.draw-match-card{transition:all .3s ease}.draw-match-card.latest-reveal{box-shadow:0 0 20px #f59e0b66}.draw-match-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.draw-placeholder-card{transition:all .2s ease}.draw-group-section h3{text-shadow:0 2px 4px rgba(0,0,0,.3)}.draw-show-container{min-height:500px}.admin-subtabs{flex-wrap:wrap}.admin-subtabs button:hover{border-color:var(--color-gold);background-color:#f59e0b0d}.admin-subtabs button.active:hover{background-color:#f59e0b26}@media (max-width: 768px){.draw-show-container{padding:1rem!important}.draw-group-section h3{font-size:.9rem}.draw-match-card{padding:.75rem}.admin-subtabs{gap:.25rem;padding:.5rem 1rem}.admin-subtabs button{padding:.4rem .75rem;font-size:.75rem}}.admin-subtabs{scrollbar-width:thin;scrollbar-color:var(--color-gold) rgba(0,0,0,.2)}.admin-subtabs::-webkit-scrollbar{height:6px}.admin-subtabs::-webkit-scrollbar-track{background:#0003;border-radius:3px}.admin-subtabs::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:3px}.admin-subtabs::-webkit-scrollbar-thumb:hover{background:#d97706}.stats-view-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:#0000004d;border-radius:8px}.stats-controls{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;padding:1rem;background:#0003;border-radius:6px;border:1px solid rgba(251,191,36,.15)}.stats-control-group{display:flex;align-items:center;gap:.75rem}.stats-control-label{font-size:.875rem;font-weight:600;color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em}.stats-stage-buttons{display:flex;gap:.5rem}.stats-stage-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#ffffffb3;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:all .2s ease}.stats-stage-button:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.stats-stage-button-active{color:#1e293b;background:var(--color-gold);border-color:var(--color-gold);font-weight:600}.stats-stage-button-active:hover{background:#d97706;border-color:#d97706}.stats-control-input,.stats-control-select{padding:.5rem .75rem;font-size:.875rem;color:#fff;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;outline:none;transition:border-color .2s ease}.stats-control-input{width:80px;text-align:center}.stats-control-select{min-width:150px;cursor:pointer}.stats-control-input:focus,.stats-control-select:focus{border-color:var(--color-gold)}.stats-empty-state{padding:3rem 2rem;text-align:center;color:#ffffff80}.stats-empty-state p{margin:0;font-size:1rem}.stats-empty-hint{margin-top:.5rem!important;font-size:.875rem;color:#ffffff4d}.stats-table-container{overflow-x:auto;border-radius:6px;border:1px solid rgba(251,191,36,.15)}.stats-table{width:100%;border-collapse:collapse;font-size:.875rem}.stats-table thead{background:#0006;border-bottom:2px solid var(--color-gold)}.stats-th{padding:.75rem 1rem;font-size:.75rem;font-weight:700;color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap}.stats-th-rank{width:60px}.stats-th-champion{min-width:150px}.stats-th-center{text-align:center}.stats-tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .15s ease}.stats-tr:hover{background:#fbbf240d}.stats-tr:last-child{border-bottom:none}.stats-td{padding:.875rem 1rem;color:#ffffffe6;text-align:left}.stats-td-rank{font-weight:700;color:var(--color-gold);font-size:1rem}.stats-td-champion{font-weight:600;color:#fff;font-size:.95rem}.stats-td-center{text-align:center}.stats-td-wins{color:#10b981;font-weight:600}.stats-td-losses{color:#ef4444;font-weight:600}.stats-td-winrate{font-weight:600;color:var(--color-gold)}.stats-td-kda-breakdown{font-family:Courier New,monospace;font-size:.85rem;color:#ffffffb3}.stats-td-kda{font-weight:700;font-size:.95rem;color:#06b6d4}@media (max-width: 1024px){.stats-controls{gap:1rem}.stats-control-group{flex-basis:100%}.stats-th,.stats-td{padding:.625rem .75rem;font-size:.8rem}}@media (max-width: 768px){.stats-view-container{padding:1rem;gap:1rem}.stats-controls{padding:.75rem}.stats-th,.stats-td{padding:.5rem;font-size:.75rem}.stats-td-rank{font-size:.875rem}.stats-td-champion{font-size:.85rem}}.champion-select{position:relative;flex:1;min-width:120px}.champion-select-input{width:100%;padding:.5rem .75rem;font-size:.875rem;color:#fff;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:4px;outline:none;transition:all .2s ease;cursor:text}.champion-select-input:focus{background:#00000080;border-color:var(--color-gold);box-shadow:0 0 0 2px #fbbf241a}.champion-select-input::-moz-placeholder{color:#ffffff4d}.champion-select-input::placeholder{color:#ffffff4d}.champion-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow-y:auto;background:#0f172afa;border:1px solid var(--color-gold);border-radius:6px;box-shadow:0 8px 32px #000c;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.champion-select-option{padding:.625rem .875rem;cursor:pointer;transition:all .15s ease;border-bottom:1px solid rgba(255,255,255,.05);font-size:.875rem;font-weight:500;color:#fff}.champion-select-option:last-child{border-bottom:none}.champion-select-option:hover,.champion-select-option-highlighted{background:#fbbf2426}.champion-select-more{padding:.5rem .875rem;font-size:.75rem;color:#fff6;text-align:center;font-style:italic;border-top:1px solid rgba(255,255,255,.1)}.champion-select-dropdown::-webkit-scrollbar{width:8px}.champion-select-dropdown::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.champion-select-dropdown::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:4px}.champion-select-dropdown::-webkit-scrollbar-thumb:hover{background:#d97706}.stats-input.stats-input-champion.champion-select{flex:1;min-width:120px}.stats-leaderboard-container{padding:1.5rem;background:var(--color-bg-card);border-radius:8px;border:1px solid var(--color-border)}.stats-leaderboard-container h2{font-size:1.5rem;font-weight:700;color:var(--color-gold);margin-bottom:1.5rem;border-bottom:2px solid var(--color-border);padding-bottom:.75rem}.stats-team-filter{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:6px;border:1px solid var(--color-border)}.stats-team-filter label{font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.stats-team-filter select{flex:1;max-width:400px;padding:.5rem .75rem;font-size:.875rem;color:var(--color-text-primary);background:#0000004d;border:1px solid var(--color-border-light);border-radius:4px;outline:none;transition:all .2s ease;cursor:pointer}.stats-team-filter select:hover{border-color:var(--color-gold);background:#0006}.stats-team-filter select:focus{border-color:var(--color-gold);box-shadow:0 0 0 2px #f59e0b1a;background:#00000080}.stats-leaderboard-table{width:100%;border-collapse:collapse;font-size:.875rem}.stats-leaderboard-table thead{background:#0000004d;border-bottom:2px solid var(--color-gold)}.stats-leaderboard-table th{padding:.875rem 1rem;text-align:left;font-weight:700;color:var(--color-gold);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.stats-leaderboard-table th:first-child{text-align:center;width:60px}.stats-leaderboard-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.stats-leaderboard-table tbody tr:hover{background-color:#f59e0b0d}.stats-leaderboard-table tbody tr:last-child{border-bottom:none}.stats-leaderboard-table td{padding:.875rem 1rem;color:var(--color-text-primary)}.stats-leaderboard-table td:first-child{text-align:center;font-weight:700;color:var(--color-text-secondary)}.stats-leaderboard-table td strong{color:var(--color-text-primary);font-weight:600}.stats-strength-score,.stats-presence-rate{font-weight:700;color:var(--color-gold);background:#f59e0b14}.stats-lineup-badge{display:inline-flex;padding:4px 8px;border-radius:6px;background:#1e293b;margin-right:6px;font-size:12px;font-weight:500;color:var(--color-text-primary)}.stats-lineup-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.stats-leaderboard-table td{vertical-align:middle}.stats-records-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:20px;margin-top:1rem}.stats-records-section{background:#020617;border-radius:10px;padding:16px 20px;border:1px solid #1e293b;min-width:0}.stats-records-section table{width:100%;font-size:.85rem;table-layout:auto}.stats-records-section th,.stats-records-section td{padding:.6rem .5rem;overflow:visible;white-space:nowrap}.stats-records-section th:first-child,.stats-records-section td:first-child{width:30px;text-align:center}.stats-records-section th:nth-child(2),.stats-records-section td:nth-child(2){min-width:80px}.stats-records-section th:nth-child(3),.stats-records-section td:nth-child(3){min-width:50px}.stats-records-section th:nth-child(4),.stats-records-section td:nth-child(4){min-width:70px;font-weight:600}.stats-records-section th:nth-child(5),.stats-records-section td:nth-child(5){min-width:70px;font-size:.8rem}.stats-records-section th:nth-child(6),.stats-records-section td:nth-child(6){min-width:60px;font-size:.8rem}.stats-records-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.stats-records-unit{font-size:11px;text-transform:uppercase;color:#64748b;font-weight:600}.stats-records-top{font-weight:600;color:#facc15}.stats-records-top td{background:#facc150d}@media (max-width: 1200px){.stats-leaderboard-table{font-size:.8rem}.stats-leaderboard-table th,.stats-leaderboard-table td{padding:.75rem}}@media (max-width: 900px){.stats-leaderboard-container{padding:1rem}.stats-leaderboard-table{font-size:.75rem}.stats-leaderboard-table th,.stats-leaderboard-table td{padding:.625rem .5rem}.stats-team-filter{flex-direction:column;align-items:stretch}.stats-team-filter select{max-width:none}}.stats-exports-panel{max-width:1200px;margin:0 auto}.stats-export-section{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:12px;border:1px solid #334155;padding:1.5rem;margin-bottom:1.5rem;transition:all .2s ease}.stats-export-section:hover{border-color:#64748b;box-shadow:0 4px 16px #0000004d}.stats-export-section h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#facc15}.stats-export-description{margin:0 0 1rem;font-size:.9rem;color:#94a3b8;line-height:1.5}.stats-export-buttons{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.stats-export-btn{padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:6px;cursor:pointer;transition:all .2s ease}.stats-export-btn:hover{background:#1e293b;border-color:#facc15;color:#facc15;transform:translateY(-1px);box-shadow:0 2px 8px #facc1533}.stats-export-btn:active{transform:translateY(0)}.stats-export-count{font-size:.85rem;color:#64748b;font-style:italic}@media (max-width: 768px){.stats-export-section{padding:1rem}.stats-export-buttons{flex-direction:column}.stats-export-btn{width:100%}}.live-draft-badge{display:inline-block;padding:2px 6px;background:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:4px;color:#fca5a5;font-size:10px;font-weight:600;margin-left:4px;animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.preban-selector{width:100%;margin:1rem 0}.preban-selector-loading{text-align:center;padding:2rem;color:#94a3b8}.global-bans-info{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1rem;margin-bottom:1rem;color:#e2e8f0}.global-bans-info strong{color:#facc15}.preban-search{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.champion-search-input{flex:1;padding:.75rem 1rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:1rem}.champion-search-input:focus{outline:none;border-color:#facc15;box-shadow:0 0 0 3px #facc151a}.preban-selection-summary{color:#94a3b8;font-size:.9rem;white-space:nowrap}.preban-selection-summary strong{color:#facc15}.champion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,85px));gap:.125rem!important;max-height:600px;overflow-y:auto;padding:.5rem;background:#0f172a;border:1px solid #334155;border-radius:8px;justify-content:center}.champion-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:85px;height:85px;padding:.375rem;margin:0;background:#1e293b;border:1px solid #334155;border-radius:6px;cursor:pointer;transition:all .2s ease}.champion-tile:hover{transform:translateY(-2px);border-color:#64748b;border-width:2px;box-shadow:0 4px 12px #0000004d}.champion-tile.selected{background:#0f766e;border-color:#14b8a6;border-width:2px}.champion-tile.global-ban{opacity:.5;cursor:not-allowed;border-color:#ef4444;border-width:2px}.champion-tile.global-ban:hover{transform:none}.champion-icon{width:60px;height:60px;border-radius:4px;margin-bottom:.25rem;-o-object-fit:cover;object-fit:cover}.champion-name{font-size:.65rem;text-align:center;color:#e2e8f0;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:85px}.selection-check{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#14b8a6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.global-ban-badge{position:absolute;bottom:4px;left:4px;right:4px;background:#ef4444;color:#fff;font-size:.65rem;padding:2px;border-radius:3px;text-align:center;font-weight:600}.no-results{text-align:center;padding:2rem;color:#64748b;font-style:italic}.selected-champions-list{margin-top:1.5rem;padding:1rem;background:#1e293b;border:1px solid #334155;border-radius:8px}.selected-champions-header{color:#facc15;font-weight:600;margin-bottom:.75rem}.selected-champions-tags{display:flex;flex-wrap:wrap;gap:.5rem}.champion-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.875rem}.remove-champion{background:none;border:none;color:#ef4444;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.remove-champion:hover{background:#ef444433}.placeholder-content{padding:3rem 2rem;text-align:center;color:#94a3b8}.placeholder-content h2{color:#facc15;margin-bottom:1rem}.placeholder-content p{font-size:1.1rem}.custom-match-modal{max-width:800px;max-height:90vh;overflow-y:auto}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #334155}.form-section:last-child{border-bottom:none}.form-section h3{color:#facc15;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#e2e8f0;font-size:.9rem;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group select{padding:.75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#facc15;box-shadow:0 0 0 3px #facc151a}.checkbox-group{margin-top:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#e2e8f0}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.section-header-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.toggle-button{padding:.5rem 1rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#94a3b8;font-size:.875rem;cursor:pointer;transition:all .2s ease}.toggle-button:hover{background:#0f172a;border-color:#64748b;color:#e2e8f0}.global-prebans-notice{padding:.75rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#94a3b8;font-size:.875rem;margin-bottom:1rem}.error-message{padding:1rem;background:#ef44441a;border:1px solid #ef4444;border-radius:6px;color:#fca5a5;margin-bottom:1.5rem}.btn-primary{padding:.75rem 1.5rem;background:#facc15;color:#0f172a;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#fbbf24;transform:translateY(-1px);box-shadow:0 4px 12px #facc154d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.75rem 1.5rem;background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#0f172a;border-color:#64748b}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.custom-match-manager{padding:2rem}.manager-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.manager-header h2{color:#facc15;font-size:1.75rem;margin:0 0 .5rem}.manager-subtitle{color:#94a3b8;font-size:1rem;margin:0}.btn-create-match{padding:.875rem 1.5rem;background:#facc15;color:#0f172a;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-create-match:hover{background:#fbbf24;transform:translateY(-2px);box-shadow:0 4px 16px #facc154d}.loading-state{text-align:center;padding:4rem 2rem;color:#94a3b8;font-size:1.1rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-state h3{color:#e2e8f0;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#94a3b8;font-size:1.1rem;margin-bottom:2rem}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1.5rem}.match-card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1.5rem;transition:all .2s ease}.match-card:hover{border-color:#64748b;box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.match-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.match-status{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.match-status.status-active{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.5);animation:pulse-live 2s ease-in-out infinite}.match-status.status-pending{background:#facc1533;color:#fcd34d;border:1px solid rgba(250,204,21,.5)}.match-status.status-completed,.match-status.status-archived{background:#64748b33;color:#94a3b8;border:1px solid rgba(100,116,139,.5)}.match-format{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-weight:600}.fearless-badge{padding:.125rem .5rem;background:#0ea5e933;color:#7dd3fc;border:1px solid rgba(14,165,233,.5);border-radius:3px;font-size:.7rem;font-weight:700}.match-teams{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding:1rem;background:#0f172a;border-radius:6px}.team-name{color:#e2e8f0;font-weight:600;font-size:1rem;flex:1;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-name:first-child{text-align:left}.team-name:last-child{text-align:right}.vs-divider{text-align:center;color:#64748b;font-size:.875rem;font-weight:600;flex-shrink:0}.match-progress{color:#94a3b8;font-size:.875rem;margin-bottom:.75rem}.match-meta{color:#64748b;font-size:.8rem;margin-bottom:1rem;padding-top:.75rem;border-top:1px solid #334155}.match-actions{display:flex;gap:.5rem}.btn-view-draft{padding:.5rem .75rem;background:#0f172a;color:#facc15;border:1px solid #facc15;border-radius:6px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-view-draft:hover{background:#facc15;color:#0f172a}.btn-delete-match{padding:.5rem .75rem;background:transparent;color:#ef4444;border:1px solid #ef4444;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-delete-match:hover{background:#ef44441a;border-color:#dc2626;color:#dc2626}.match-team-links{display:flex;gap:.5rem;margin-bottom:.75rem}.btn-team-link{flex:1;padding:.5rem .75rem;background:#0f172a;border:1px solid #475569;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.btn-team-link.btn-team-a{color:#60a5fa;border-color:#3b82f6}.btn-team-link.btn-team-a:hover{background:#3b82f626;border-color:#60a5fa}.btn-team-link.btn-team-b{color:#f87171;border-color:#ef4444}.btn-team-link.btn-team-b:hover{background:#ef444426;border-color:#f87171}.btn-pause-match{padding:.625rem 1rem;background:#facc151a;color:#facc15;border:1px solid #facc15;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-pause-match:hover{background:#facc1533}.btn-pause-match.paused{background:#22c55e1a;color:#22c55e;border-color:#22c55e}.btn-pause-match.paused:hover{background:#22c55e33}.btn-pause-match:disabled{opacity:.5;cursor:not-allowed}.game-winner-controller{margin-bottom:.75rem;padding:.75rem;background:#0f172a;border:1px solid #334155;border-radius:6px}.controller-label{color:#94a3b8;font-size:.8rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.controller-buttons{display:flex;gap:.5rem}.btn-declare-winner{flex:1;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:2px solid}.btn-declare-winner.btn-winner-a{background:#3b82f61a;color:#60a5fa;border-color:#3b82f6}.btn-declare-winner.btn-winner-a:hover{background:#3b82f640;transform:translateY(-1px)}.btn-declare-winner.btn-winner-b{background:#ef44441a;color:#f87171;border-color:#ef4444}.btn-declare-winner.btn-winner-b:hover{background:#ef444440;transform:translateY(-1px)}@media (max-width: 768px){.manager-header{flex-direction:column;align-items:stretch}.match-grid{grid-template-columns:1fr}.match-team-links{flex-direction:column}}.preban-manager{padding:1.5rem;max-width:1400px;margin:0 auto}.preban-manager-header{margin-bottom:2rem}.preban-manager-header h2{color:#e2e8f0;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.preban-manager-subtitle{color:#94a3b8;font-size:.95rem;line-height:1.5;max-width:800px}.success-message{padding:1rem;background:#10b98126;border:1px solid #10b981;border-radius:8px;color:#6ee7b7;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preban-manager-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.stat-item{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#94a3b8;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:#facc15;font-size:1.75rem;font-weight:700}.preban-manager-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid #334155}.btn-clear-prebans,.btn-save-prebans{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:2px solid}.btn-clear-prebans{background:transparent;color:#ef4444;border-color:#ef4444}.btn-clear-prebans:hover:not(:disabled){background:#ef44441a;border-color:#dc2626;color:#dc2626}.btn-clear-prebans:disabled{opacity:.4;cursor:not-allowed}.btn-save-prebans{background:#facc15;color:#0f172a;border-color:#facc15}.btn-save-prebans:hover:not(:disabled){background:#fde047;border-color:#fde047;transform:translateY(-1px);box-shadow:0 4px 12px #facc154d}.btn-save-prebans:disabled{opacity:.4;cursor:not-allowed;background:#64748b;border-color:#64748b;color:#1e293b}.preban-manager-help{margin-top:3rem;padding:2rem;background:#1e293b;border:1px solid #334155;border-radius:8px}.preban-manager-help h3{color:#e2e8f0;font-size:1.25rem;font-weight:700;margin-bottom:1rem;margin-top:1.5rem}.preban-manager-help h3:first-child{margin-top:0}.preban-manager-help ul{list-style:none;padding:0;margin:0}.preban-manager-help li{color:#cbd5e1;font-size:.95rem;line-height:1.7;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.preban-manager-help li:before{content:"•";position:absolute;left:.5rem;color:#facc15;font-weight:700}.preban-manager-help strong{color:#facc15;font-weight:600}@media (max-width: 768px){.preban-manager{padding:1rem}.preban-manager-actions{flex-direction:column}.btn-clear-prebans,.btn-save-prebans{width:100%}}.champion-editor{padding:1.5rem;max-width:1400px;margin:0 auto}.champion-editor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.champion-editor-header h2{color:#e2e8f0;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.champion-editor-subtitle{color:#94a3b8;font-size:.95rem;line-height:1.5;max-width:600px}.btn-sync-riot{padding:.75rem 1.5rem;background:#0f172a;color:#facc15;border:2px solid #facc15;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-sync-riot:hover:not(:disabled){background:#facc15;color:#0f172a;transform:translateY(-1px);box-shadow:0 4px 12px #facc154d}.btn-sync-riot:disabled{opacity:.4;cursor:not-allowed}.champion-editor-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.champion-editor-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.champion-search-input,.role-filter-select{padding:.625rem 1rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.95rem;transition:all .2s ease}.champion-search-input{flex:1;min-width:250px}.role-filter-select{min-width:150px}.champion-search-input:focus,.role-filter-select:focus{outline:none;border-color:#facc15;box-shadow:0 0 0 3px #facc151a}.btn-clear-filters{padding:.625rem 1rem;background:transparent;color:#64748b;border:1px solid #334155;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-clear-filters:hover{color:#e2e8f0;border-color:#64748b}.champion-table-wrapper{background:#1e293b;border:1px solid #334155;border-radius:8px;overflow:hidden;margin-bottom:2rem}.champion-table{width:100%;border-collapse:collapse}.champion-table thead{background:#0f172a;border-bottom:2px solid #334155}.champion-table th{padding:1rem;text-align:left;color:#facc15;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.champion-table tbody tr{border-bottom:1px solid #334155;transition:background .2s ease}.champion-table tbody tr:hover{background:#facc150d}.champion-table tbody tr:last-child{border-bottom:none}.champion-table td{padding:1rem;color:#cbd5e1;vertical-align:middle}.champion-name-cell{font-weight:600;color:#e2e8f0;font-size:1rem}.champion-roles-cell{min-width:300px}.champion-actions-cell{text-align:right;width:100px}.role-badges{display:flex;gap:.5rem;flex-wrap:wrap}.role-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.role-badge.role-top{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.5)}.role-badge.role-jungle{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.5)}.role-badge.role-mid{background:#facc1533;color:#fde047;border:1px solid rgba(250,204,21,.5)}.role-badge.role-bot{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.5)}.role-badge.role-support{background:#a855f733;color:#d8b4fe;border:1px solid rgba(168,85,247,.5)}.no-roles{color:#64748b;font-style:italic;font-size:.875rem}.btn-edit-champion{padding:.5rem 1rem;background:transparent;color:#facc15;border:1px solid #facc15;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.btn-edit-champion:hover{background:#facc151a;border-color:#fde047;color:#fde047}.empty-table{text-align:center;color:#64748b;padding:3rem!important;font-style:italic}.role-editor{display:flex;flex-direction:column;gap:.75rem}.role-checkboxes{display:flex;gap:1rem;flex-wrap:wrap}.role-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.375rem .75rem;border-radius:6px;transition:background .2s ease}.role-checkbox-label:hover{background:#facc150d}.role-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#facc15}.role-checkbox-text{font-size:.875rem;font-weight:600;text-transform:capitalize}.role-checkbox-text.role-top{color:#93c5fd}.role-checkbox-text.role-jungle{color:#6ee7b7}.role-checkbox-text.role-mid{color:#fde047}.role-checkbox-text.role-bot{color:#fca5a5}.role-checkbox-text.role-support{color:#d8b4fe}.role-editor-actions{display:flex;gap:.5rem}.btn-save-roles,.btn-cancel-roles{padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem;border:1px solid}.btn-save-roles{background:#10b981;color:#fff;border-color:#10b981}.btn-save-roles:hover{background:#059669;border-color:#059669}.btn-cancel-roles{background:transparent;color:#64748b;border-color:#334155}.btn-cancel-roles:hover{color:#e2e8f0;border-color:#64748b}.champion-editor-help{margin-top:2rem;padding:2rem;background:#1e293b;border:1px solid #334155;border-radius:8px}.champion-editor-help h3{color:#e2e8f0;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.champion-editor-help ul{list-style:none;padding:0;margin:0}.champion-editor-help li{color:#cbd5e1;font-size:.95rem;line-height:1.7;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.champion-editor-help li:before{content:"•";position:absolute;left:.5rem;color:#facc15;font-weight:700}.champion-editor-help strong{color:#facc15;font-weight:600}.pool-manager-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #334155}.pool-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#94a3b8;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative;bottom:-2px}.pool-tab:hover{color:#facc15;background:#f59e0b0d}.pool-tab.active{color:#facc15;border-bottom-color:#facc15;font-weight:600}.action-buttons{display:flex;gap:.5rem;align-items:center}.btn-edit-champion{padding:.4rem .875rem;background:#14b8a61a;border:1px solid #14b8a6;border-radius:4px;color:#14b8a6;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit-champion:hover{background:#14b8a633;transform:translateY(-1px)}.btn-remove-champion{padding:.4rem .875rem;background:#ef44441a;border:1px solid #ef4444;border-radius:4px;color:#ef4444;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-remove-champion:hover{background:#ef444433;transform:translateY(-1px)}.btn-add-champion{padding:.5rem 1rem;background:linear-gradient(135deg,#facc15,#d97706);border:none;border-radius:4px;color:#1a1f2e;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-champion:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.role-selector-inline{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:#0f141999;border:1px solid #334155;border-radius:6px}.role-selector-label{color:#94a3b8;font-size:.875rem;font-weight:500}.role-checkboxes-inline{display:flex;flex-wrap:wrap;gap:.5rem}.role-checkbox-label-inline{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#1e2433cc;border:1px solid #334155;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.85rem;color:#cbd5e1}.role-checkbox-label-inline:hover{background:#f59e0b1a;border-color:#facc15}.role-checkbox-label-inline input[type=checkbox]{width:16px;height:16px;cursor:pointer}.role-selector-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-add-confirm{padding:.4rem 1rem;background:linear-gradient(135deg,#facc15,#d97706);border:none;border-radius:4px;color:#1a1f2e;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-confirm:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.btn-cancel-inline{padding:.4rem 1rem;background:#9ca3af1a;border:1px solid rgba(156,163,175,.3);border-radius:4px;color:#94a3b8;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel-inline:hover{background:#9ca3af33}@media (max-width: 768px){.champion-editor{padding:1rem}.champion-editor-header,.champion-editor-filters{flex-direction:column}.champion-search-input,.role-filter-select{width:100%}.champion-table-wrapper{overflow-x:auto}.champion-table{min-width:600px}}.draft-match-history{padding:1.5rem;max-width:1400px;margin:0 auto;scrollbar-width:thin;scrollbar-color:var(--color-gold) rgba(0,0,0,.2)}.draft-match-history::-webkit-scrollbar,.history-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.draft-match-history::-webkit-scrollbar-track,.history-table-wrapper::-webkit-scrollbar-track{background:#0003;border-radius:4px}.draft-match-history::-webkit-scrollbar-thumb,.history-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:4px}.draft-match-history::-webkit-scrollbar-thumb:hover,.history-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-gold-light, #e0c050)}.history-header{margin-bottom:2rem}.history-header h2{color:#e2e8f0;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.history-subtitle{color:#94a3b8;font-size:.95rem;line-height:1.5}.filter-buttons{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:.625rem 1.25rem;background:#1e293b;border:2px solid #334155;border-radius:8px;color:#cbd5e1;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.filter-btn:hover{border-color:#64748b;background:#334155}.filter-btn.active{background:#facc15;color:#0f172a;border-color:#facc15}.filter-btn.filter-live.active{background:#ef4444;border-color:#ef4444;color:#fff}.filter-btn.filter-pending.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-btn.filter-completed.active{background:#10b981;border-color:#10b981;color:#fff}.history-table-wrapper{background:#1e293b;border:1px solid #334155;border-radius:8px;overflow:hidden}.history-table{width:100%;border-collapse:collapse}.history-table thead{background:#0f172a;border-bottom:2px solid #334155}.history-table th{padding:1rem;text-align:left;color:#facc15;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.history-table tbody tr{border-bottom:1px solid #334155;transition:background .2s ease}.history-table tbody tr:hover{background:#facc150d}.history-table tbody tr:last-child{border-bottom:none}.history-table td{padding:1rem;color:#cbd5e1;vertical-align:middle}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-active{background:#ef444433;color:#fca5a5;border:1px solid #ef4444;animation:pulse 2s ease-in-out infinite}.status-badge.status-pending{background:#3b82f633;color:#93c5fd;border:1px solid #3b82f6}.status-badge.status-completed,.status-badge.status-archived{background:#10b98133;color:#6ee7b7;border:1px solid #10b981}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.teams-cell{min-width:250px}.team-names{margin-bottom:.25rem;color:#e2e8f0}.tournament-badge{display:inline-block;padding:.125rem .5rem;background:#facc1533;color:#fde047;border:1px solid rgba(250,204,21,.5);border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.format-info{display:flex;gap:.5rem;align-items:center}.bo-badge{font-weight:600;color:#e2e8f0}.fearless-badge{padding:.125rem .5rem;background:#a855f733;color:#d8b4fe;border:1px solid rgba(168,85,247,.5);border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase}.progress-cell{color:#94a3b8;font-weight:600}.date-cell{color:#64748b;font-size:.875rem}.actions-cell{display:flex;gap:.5rem;justify-content:flex-end}.btn-view-history,.btn-delete-history{padding:.5rem .875rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-view-history{background:transparent;color:#facc15;border:1px solid #facc15}.btn-view-history:hover{background:#facc151a;border-color:#fde047;color:#fde047}.btn-delete-history{background:transparent;color:#ef4444;border:1px solid #ef4444}.btn-delete-history:hover{background:#ef44441a;border-color:#dc2626;color:#dc2626}@media (max-width: 768px){.draft-match-history{padding:1rem}.filter-buttons{flex-direction:column}.filter-btn{width:100%}.history-table-wrapper{overflow-x:auto}.history-table{min-width:800px}.actions-cell{flex-direction:column}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f1419,#1a1f2e);padding:20px}.login-container{background:#1a1f2ecc;border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:40px;width:100%;max-width:420px;box-shadow:0 8px 32px #0006}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#f59e0b;font-size:32px;font-weight:700;margin:0 0 8px;text-transform:uppercase;letter-spacing:2px}.login-header p{color:#9ca3af;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#e5e7eb;font-size:14px;font-weight:500}.form-group input{background:#0f141999;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:#fff;padding:12px 16px;font-size:15px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group input::-moz-placeholder{color:#6b7280}.form-group input::placeholder{color:#6b7280}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;padding:12px;font-size:14px;text-align:center}.login-button{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;color:#fff;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-hint{text-align:center;padding-top:16px;border-top:1px solid rgba(245,158,11,.1)}.login-hint p{color:#9ca3af;font-size:12px;margin:4px 0}.public-access{margin-top:24px;padding-top:20px;text-align:center}.public-access .divider{display:flex;align-items:center;margin-bottom:16px}.public-access .divider:before,.public-access .divider:after{content:"";flex:1;height:1px;background:#f59e0b33}.public-access .divider span{padding:0 12px;color:#6b7280;font-size:12px;text-transform:uppercase}.host-game-link{display:block;background:transparent;border:2px solid rgba(245,158,11,.4);border-radius:6px;color:#f59e0b;padding:12px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s ease}.host-game-link:hover{background:#f59e0b1a;border-color:#f59e0b;transform:translateY(-1px)}.public-hint{color:#6b7280;font-size:12px;margin-top:8px}.draft-page-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a1428,#1a2332);color:#f0e6d2;overflow:hidden}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 20px;background:#0000004d;border-bottom:2px solid rgba(200,170,110,.3);min-height:50px}.bans-row{display:flex;gap:6px}.ban-slot{width:45px;height:45px;display:flex;align-items:flex-end;justify-content:center;background:#0006;border:2px solid rgba(200,170,110,.3);border-radius:4px;font-size:.65em;text-align:center;color:#c8aa6e;position:relative;overflow:hidden;padding-bottom:2px}.ban-slot.blue.filled{border-color:#0ac8b9}.ban-slot.red.filled{border-color:#d13639}.ban-slot.empty:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1}.ban-slot.filled{border-color:#d13639}.ban-slot.filled:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#000000b3);z-index:1}.ban-slot-text{position:relative;z-index:2;color:#f0e6d2;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.9);font-size:clamp(.5em,1vw,.8em);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px}.center-info{display:flex;align-items:center;gap:8px}.timer-compact{background:linear-gradient(135deg,#c8aa6e33,#c8aa6e1a);border:2px solid #c8aa6e;border-radius:4px;padding:4px 12px;font-size:1.2em;font-weight:700;color:#f0e6d2;min-width:50px;text-align:center}.timer-compact.warning{background:linear-gradient(135deg,#ffa5004d,#ff8c0033);border-color:#ff8c00;animation:pulse-warning 1s infinite}.timer-compact.critical{background:linear-gradient(135deg,#f006,#d136394d);border-color:#d13639;animation:pulse-critical .5s infinite}.action-info{display:flex;align-items:center}.action-type{font-size:.85em;font-weight:700;padding:4px 10px;border-radius:4px;text-transform:uppercase}.action-type.blue{color:#0ac8b9;border:2px solid #0ac8b9;background:#0ac8b926}.action-type.red{color:#d13639;border:2px solid #d13639;background:#d1363926}.match-info-compact{display:flex;align-items:center;gap:6px}.badge-fearless{background:linear-gradient(135deg,#ff6b00,#ff8c00);color:#fff;padding:4px 8px;border-radius:4px;font-weight:700;font-size:.75em;min-width:20px;text-align:center}.game-info{background:#c8aa6e33;color:#c8aa6e;padding:4px 10px;border-radius:4px;font-weight:700;font-size:.85em;border:2px solid rgba(200,170,110,.4)}.main-content{flex:1;display:grid;grid-template-columns:clamp(80px,12vw,160px) 1fr clamp(80px,12vw,160px);gap:clamp(10px,2vw,20px);padding:clamp(10px,2vw,20px);overflow:hidden}.picks-column{display:flex;flex-direction:column;gap:15px;overflow-y:auto;overflow-x:hidden;min-height:0}.team-title{text-align:center;font-size:1.3em;margin:0;padding:10px;border-radius:6px}.blue-title{background:linear-gradient(135deg,#0ac8b933,#0397ab1a);color:#0ac8b9;border:2px solid #0ac8b9}.red-title{background:linear-gradient(135deg,#d1363933,#a82a2d1a);color:#d13639;border:2px solid #d13639}.picks-list{display:flex;flex-direction:column;gap:10px;flex:1}.pick-slot{display:flex;align-items:center;gap:10px;padding:15px;background:#0000004d;border:2px solid rgba(200,170,110,.3);border-radius:6px;min-height:70px;position:relative;overflow:hidden}.pick-slot.empty{background:#0000004d}.pick-slot.filled:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#000000b3,#0006);z-index:1}.blue-picks .pick-slot.filled{border-color:#0ac8b9}.red-picks .pick-slot.filled{border-color:#d13639}.pick-number{font-size:1.2em;font-weight:700;color:#c8aa6e;min-width:20px;position:relative;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.pick-name{font-size:1em;font-weight:700;color:#f0e6d2;flex:1;position:relative;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.pick-empty{color:#c8aa6e66;font-size:1.5em;position:relative;z-index:2}.center-content{display:flex;flex-direction:column;gap:15px;overflow:hidden}.ready-check-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex:1;background:#0ac8b91a;border:2px solid #0ac8b9;border-radius:12px;padding:40px}.ready-check-overlay h2{font-size:2.5em;color:#0ac8b9;margin:0}.ready-status-compact{display:flex;gap:30px;font-size:1.3em}.ready-item{color:#c8aa6e}.ready-item.ready{color:#0ac8b9;font-weight:700}.ready-actions{display:flex;gap:15px}.ready-btn,.unready-btn{padding:15px 40px;font-size:1.3em;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.ready-btn{background:linear-gradient(135deg,#0ac8b9,#0397ab);color:#fff}.ready-btn:hover{background:linear-gradient(135deg,#0dd9c9,#04a7bb);transform:translateY(-2px)}.unready-btn{background:linear-gradient(135deg,#888,#666);color:#fff}.hover-display-center{text-align:center;padding:20px;background:#c8aa6e1a;border:2px solid #c8aa6e;border-radius:8px;height:40vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hover-display-center:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#000000b3);z-index:1}.hovered-champion{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}.hover-label{font-size:1em;color:#c8aa6e;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.hover-name{font-size:clamp(1.5em,5vw,3em);font-weight:700;color:#f0e6d2;text-shadow:3px 3px 8px rgba(0,0,0,.9),0 0 20px rgba(200,170,110,.5);letter-spacing:2px;text-transform:uppercase;max-width:100%;word-wrap:break-word}.no-hover{font-size:1.3em;color:#c8aa6e;font-style:italic;position:relative;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.champion-grid-container{flex:1;display:flex;flex-direction:column;min-height:0;background:#0003;border-radius:8px;overflow:hidden}.bottom-bar{padding:15px 30px;background:#0000004d;border-top:2px solid rgba(200,170,110,.3);display:flex;justify-content:center}.confirm-button-bottom{padding:15px 60px;font-size:1.5em;font-weight:700;background:linear-gradient(135deg,#0ac8b9,#0397ab);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0ac8b94d;animation:pulse-confirm 1.5s infinite}.confirm-button-bottom:hover{background:linear-gradient(135deg,#0dd9c9,#04a7bb);transform:translateY(-2px);box-shadow:0 6px 16px #0ac8b980}.overlay-message,.complete-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;flex:1;background:#000000b3;border:2px solid #c8aa6e;border-radius:12px;padding:40px}.overlay-message h2,.complete-overlay h2{font-size:2em;color:#c8aa6e;margin:0}.overlay-message p,.complete-overlay p{font-size:1.2em;color:#f0e6d2;margin:0}@keyframes pulse-warning{0%,to{transform:scale(1);box-shadow:0 0 #ff8c0000}50%{transform:scale(1.05);box-shadow:0 0 20px #ff8c0066}}@keyframes pulse-critical{0%,to{transform:scale(1);box-shadow:0 0 10px #d1363980}50%{transform:scale(1.05);box-shadow:0 0 30px #d13639cc}}@keyframes pulse-confirm{0%,to{box-shadow:0 4px 8px #0ac8b94d}50%{box-shadow:0 6px 20px #0ac8b999}}.loading,.error{display:flex;align-items:center;justify-content:center;height:100vh;font-size:2em;color:#f0e6d2}.error{color:#ff6b6b}@media (max-height: 600px) and (orientation: landscape){.draft-page-fullscreen{font-size:.75em}.top-bar{padding:4px 8px;min-height:36px;gap:8px;flex-wrap:nowrap}.ban-slot{width:28px;height:28px;font-size:.5em}.bans-row{gap:3px}.timer-compact{font-size:.9em;padding:2px 8px;min-width:40px}.center-info{gap:4px}.action-type,.game-info{font-size:.7em;padding:2px 6px}.badge-fearless{font-size:.6em;padding:2px 4px}.timer{font-size:1em;padding:6px 12px}.match-info{font-size:.85em}.team-title{font-size:1em;margin-bottom:8px}.pick-slot{min-height:50px;padding:10px}.pick-number{font-size:1em}.pick-name{font-size:.85em}.hover-display-center{height:35vh;padding:10px}.hover-name{font-size:clamp(1em,4vw,2em)}.confirm-btn,.unready-btn,.ready-btn{padding:10px 20px;font-size:.9em}.champion-search{padding:6px;font-size:14px}.ready-check-overlay,.overlay-message{padding:20px}.ready-check-overlay h2,.overlay-message h2{font-size:1.5em}.ready-check-overlay p,.overlay-message p{font-size:1em}}@media (max-height: 500px) and (max-width: 850px) and (orientation: landscape){.top-bar{flex-wrap:wrap;justify-content:center;gap:4px;padding:3px 6px;min-height:auto}.ban-slot{width:24px;height:24px;font-size:.45em}.bans-row{gap:2px}.timer-compact{font-size:.8em;padding:2px 6px;min-width:35px}.action-type,.game-info{font-size:.6em;padding:2px 4px}}@media (max-height: 500px) and (orientation: landscape){.draft-page-fullscreen{font-size:.65em}.top-bar{padding:4px 8px;min-height:35px}.ban-slot{width:30px;height:30px;font-size:.55em}.bans-row{gap:4px}.timer{font-size:.9em;padding:4px 10px}.pick-slot{min-height:40px;padding:8px}.hover-display-center{height:30vh;padding:8px}.hover-name{font-size:clamp(.8em,3.5vw,1.5em)}.confirm-btn,.unready-btn,.ready-btn{padding:8px 15px;font-size:.8em}}@media (max-width: 768px){.draft-page-fullscreen{font-size:.9em}.main-content{grid-template-columns:60px 1fr 60px;gap:10px;padding:10px}.picks-column{gap:8px}.ban-slot{width:40px;height:40px}.pick-slot{min-height:55px;padding:10px}.pick-number{font-size:1em;min-width:15px}.pick-name{font-size:.85em}.team-title{font-size:1em;padding:6px}.hover-display-center{height:35vh}}@media (max-width: 480px){.draft-page-fullscreen{font-size:.8em;height:100svh}.top-bar{flex-wrap:wrap;gap:4px;padding:6px;justify-content:center;flex-shrink:0}.ban-slot{width:32px;height:32px}.bans-row{gap:3px}.main-content{display:flex;flex-direction:column;gap:8px;padding:8px;min-height:0;overflow-y:auto}.picks-column{width:100%;min-height:auto;max-height:none;flex-shrink:0}.picks-list{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pick-slot{min-height:45px;padding:6px;flex-direction:column;justify-content:center;align-items:center}.pick-number{display:none}.pick-name{font-size:.7em;text-align:center}.team-title{font-size:.9em;padding:4px;margin-bottom:4px}.center-content{width:100%;min-height:0;flex:1}.hover-display-center{height:25vh;min-height:120px;padding:10px}.hover-name{font-size:clamp(1em,4vw,1.5em)}.bottom-bar{padding:8px 15px}.confirm-button-bottom{padding:10px 30px;font-size:1.1em}}.champion-grid-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.search-bar{flex-shrink:0;padding:10px;background:#0006;border-bottom:2px solid rgba(200,170,110,.3)}.champion-search{width:100%;padding:10px;font-size:16px;border:2px solid #0ac8b9;border-radius:6px;background:#00000080;color:#fff}.champion-search:focus{border-color:#0dd9c9;outline:none;box-shadow:0 0 10px #0ac8b94d}.champion-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(50px,5vw,80px),1fr));gap:clamp(4px,.5vw,8px);padding:clamp(6px,1vw,10px);overflow-y:scroll;overflow-x:hidden;align-content:start}.champion-grid::-webkit-scrollbar{width:8px}.champion-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.champion-grid::-webkit-scrollbar-thumb{background:#0ac8b980;border-radius:4px}.champion-grid::-webkit-scrollbar-thumb:hover{background:#0ac8b9b3}.champion-card{width:100%;height:0;padding-bottom:100%;background:linear-gradient(135deg,#0ac8b91a,#0397ab1a);border:2px solid rgba(10,200,185,.4);border-radius:6px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden;box-sizing:content-box}.champion-card-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:5px}.champion-icon{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;z-index:0}.champion-card:hover:not(.selected):not(.disabled){transform:scale(1.05);background:linear-gradient(135deg,#0ac8b94d,#0397ab4d);border-color:#0ac8b9;box-shadow:0 5px 15px #0ac8b966;z-index:10}.champion-card.selected{border-color:#555;cursor:not-allowed}.champion-card.selected .champion-icon{filter:grayscale(100%) brightness(.5);opacity:.5}.selection-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3em;color:#fff;font-weight:700;z-index:3;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.champion-card.disabled{cursor:not-allowed;opacity:.6}.champion-card.disabled:hover{transform:none;box-shadow:none}.champion-name{font-weight:700;font-size:clamp(.5em,1.5vw,.8em);color:#f0e6d2;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;z-index:2;position:relative;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 70%,transparent 100%);width:100%;padding:4px 2px;text-shadow:1px 1px 2px rgba(0,0,0,.8);line-height:1.1}.champion-card.selected .champion-name{text-decoration:line-through;color:#888}@media (max-height: 600px) and (orientation: landscape){.champion-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:3px;padding:4px}.champion-card{padding-bottom:100%}.champion-name{font-size:clamp(.4em,1vw,.6em);padding:2px 1px}}@media (max-width: 768px){.champion-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:4px;padding:6px}.champion-name{font-size:clamp(.45em,1.2vw,.6em)}.champion-card{padding-bottom:100%}}@media (max-width: 480px){.champion-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:3px;padding:4px}.champion-name{font-size:clamp(.35em,1vw,.5em);padding:1px}}@keyframes pulse-warning{0%,to{box-shadow:0 0 10px #ffa50080}50%{box-shadow:0 0 20px #ffa500cc}}@keyframes pulse-critical{0%,to{box-shadow:0 0 15px #f009}50%{box-shadow:0 0 30px red}}:root{--draft-bg-primary: #0f1419;--draft-bg-secondary: #1a1f2e;--draft-bg-card: #1e293b;--draft-border: #334155;--draft-text-primary: #e2e8f0;--draft-text-secondary: #94a3b8;--draft-text-muted: #64748b;--draft-gold: #c9a227;--draft-goldDark: #a88420;--team-blue: #005A9C;--team-red: #C41E3A;--worlds-primary: #c9a227;--worlds-accent: #f0e6d2;--worlds-gold: #c9a227;--worlds-goldDark: #a88420;--worlds-blue: #1e3a8a;--worlds-darkBlue: #0f1729;--worlds-dark: #0a0e1a}.draft-layout{container-type:size;container-name:draft;display:grid;grid-template-rows:auto 1fr;height:100vh;width:100%;overflow:hidden;background:linear-gradient(135deg,#0f1419,#1a1f2e)}.draft-main{container-type:size;container-name:draft-main;display:grid;grid-template-columns:clamp(80px,10vw,160px) 1fr clamp(80px,10vw,160px);gap:clamp(8px,1vw,16px);padding:clamp(8px,1vw,16px);min-height:0;overflow:visible}.draft-sidebar{container-type:size;container-name:sidebar;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;overflow:visible}.draft-picks{display:flex;flex-direction:column;gap:2px}.draft-pick-slot{position:relative;aspect-ratio:1 / 1;width:100%;max-height:100%;border-radius:8px;border:2px solid var(--draft-border);overflow:hidden;background:#0006;transition:all .3s ease}.draft-pick-slot.blue{border-color:var(--team-blue)}.draft-pick-slot.red{border-color:var(--team-red)}.draft-pick-slot.active{animation:pulse-glow 1.5s ease-in-out infinite}.draft-center{container-type:size;container-name:center;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}@container draft (max-width: 600px){.draft-top-bar{display:flex;flex-direction:column;gap:4px;padding:4px}.draft-top-bar>*{flex-shrink:1;min-width:0}.draft-header-blue,.draft-header-red{justify-content:center}.draft-main{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:4px;padding:4px}.draft-sidebar{flex-direction:row;height:auto;justify-content:center;overflow:visible}.draft-picks{flex-direction:row;gap:4px;flex-wrap:wrap;justify-content:center}.draft-pick-slot{width:clamp(45px,18vw,70px)!important;height:clamp(45px,18vw,70px)!important}.draft-picks>div[style*=height]{display:none!important}}@container draft (min-width: 600px) and (max-width: 900px){.draft-main{grid-template-columns:clamp(60px,8vw,100px) 1fr clamp(60px,8vw,100px)}}.border-team-blue{border-color:var(--team-blue)}.bg-team-blue\/10{background-color:#005a9c1a}.bg-team-blue\/20{background-color:#005a9c33}.shadow-blue-500\/60{box-shadow:0 4px 6px #005a9c99}.text-team-blue{color:var(--team-blue)}.border-team-red{border-color:var(--team-red)}.bg-team-red\/10{background-color:#c41e3a1a}.bg-team-red\/20{background-color:#c41e3a33}.shadow-red-500\/60{box-shadow:0 4px 6px #c41e3a99}.text-team-red{color:var(--team-red)}.text-worlds-primary{color:var(--worlds-primary)}.bg-worlds-gradient{background:linear-gradient(135deg,var(--draft-bg-primary) 0%,var(--draft-bg-secondary) 100%)}.text-worlds-gold{color:var(--worlds-gold)}.text-worlds-goldDark{color:var(--worlds-goldDark)}.bg-worlds-goldDark\/30{background-color:#8b69144d}.bg-worlds-goldDark\/20{background-color:#8b691433}.border-worlds-goldDark{border-color:var(--worlds-goldDark)}.border-worlds-goldDark\/30{border-color:#8b69144d}.border-worlds-goldDark\/50{border-color:#8b691480}.shadow-worlds-goldDark\/40{box-shadow:0 4px 6px #8b691466}.text-worlds-blue\/50{color:#1e3a8a80}.border-worlds-blue\/30{border-color:#1e3a8a4d}.border-worlds-blue\/50{border-color:#1e3a8a80}.bg-worlds-darkBlue{background-color:var(--worlds-darkBlue)}.bg-worlds-darkBlue\/50{background-color:#0f172980}.from-worlds-darkBlue{--tw-gradient-from: var(--worlds-darkBlue)}.to-worlds-dark{--tw-gradient-to: var(--worlds-dark)}.bg-worlds-dark{background-color:var(--worlds-dark)}.bg-worlds-dark\/90{background-color:#0a0e1ae6}.border-worlds-primary{border-color:var(--worlds-primary)}.border-worlds-primary\/20{border-color:#0ac8b933}.border-worlds-primary\/30{border-color:#0ac8b94d}.border-worlds-primary\/40{border-color:#0ac8b966}.border-worlds-primary\/50{border-color:#0ac8b980}.shadow-worlds-primary\/30{box-shadow:0 4px 6px #0ac8b94d}.shadow-worlds-primary\/40{box-shadow:0 4px 6px #0ac8b966}.shadow-worlds-primary\/50{box-shadow:0 4px 6px #0ac8b980}.bg-worlds-primary\/20{background-color:#0ac8b933}.bg-worlds-primary\/30{background-color:#0ac8b94d}.text-worlds-accent{color:var(--worlds-accent)}.border-worlds-accent{border-color:var(--worlds-accent)}.border-worlds-accent\/60{border-color:#f0e68c99}.shadow-worlds-accent\/30{box-shadow:0 4px 6px #f0e68c4d}.from-worlds-primary{--tw-gradient-from: var(--worlds-primary)}.to-worlds-accent{--tw-gradient-to: var(--worlds-accent)}.from-worlds-gold{--tw-gradient-from: var(--worlds-gold)}.to-worlds-goldDark{--tw-gradient-to: var(--worlds-goldDark)}.text-worlds-dark{color:var(--worlds-dark)}.bg-worlds-gold\/90{background-color:#c89b3ce6}.bg-worlds-gold\/30{background-color:#c89b3c4d}.border-worlds-gold{border-color:var(--worlds-gold)}.shadow-worlds-gold\/50{box-shadow:0 4px 6px #c89b3c80}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.from-worlds-blue{--tw-gradient-from: var(--worlds-blue)}.to-worlds-blue{--tw-gradient-to: var(--worlds-blue)}.bg-worlds-blue{background-color:var(--worlds-blue)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from),var(--tw-gradient-to))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-from),var(--tw-gradient-to))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-from),var(--tw-gradient-to))}@keyframes glow-blue{0%,to{box-shadow:0 0 20px #005a9c80}50%{box-shadow:0 0 30px #005a9ccc}}@keyframes glow-red{0%,to{box-shadow:0 0 20px #c41e3a80}50%{box-shadow:0 0 30px #c41e3acc}}@keyframes pulse-blue{0%,to{opacity:1;box-shadow:0 0 10px #005a9c80}50%{opacity:.8;box-shadow:0 0 20px #005a9ccc}}@keyframes pulse-red{0%,to{opacity:1;box-shadow:0 0 10px #c41e3a80}50%{opacity:.8;box-shadow:0 0 20px #c41e3acc}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.7}}.animate-glow-blue{animation:glow-blue 2s ease-in-out infinite}.animate-glow-red{animation:glow-red 2s ease-in-out infinite}.animate-pulse-blue{animation:pulse-blue 2s ease-in-out infinite}.animate-pulse-red{animation:pulse-red 2s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded{border-radius:.25rem}.border-2{border-width:2px}.border-3{border-width:3px}.border-4{border-width:4px}.border-l-4{border-left-width:4px}.border-b-2{border-bottom-width:2px}.border-t-2{border-top-width:2px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.text-center{text-align:center}.text-left{text-align:left}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-white{color:#fff}.text-white\/80{color:#fffc}.text-white\/50{color:#ffffff80}.text-black{color:#000}.text-red-500{color:#ef4444}.text-red-100{color:#fee2e2}.text-orange-300{color:#fdba74}.text-orange-100{color:#ffedd5}.text-gray-600{color:#4b5563}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-red-500\/40{background-color:#ef444466}.bg-red-500\/50{background-color:#ef444480}.bg-orange-500\/20{background-color:#f9731633}.bg-orange-500\/30{background-color:#f973164d}.bg-orange-500\/40{background-color:#f9731666}.bg-gray-600{background-color:#4b5563}.bg-gray-700{background-color:#374151}.bg-gray-800\/30{background-color:#1f29374d}.border-red-500{border-color:#ef4444}.border-red-600{border-color:#dc2626}.border-orange-500{border-color:#f97316}.border-orange-500\/60{border-color:#f9731699}.border-gray-600{border-color:#4b5563}.shadow-red-500\/40{box-shadow:0 4px 6px #ef444466}.shadow-red-600\/70{box-shadow:0 4px 6px #dc2626b3}.shadow-orange-500\/50{box-shadow:0 4px 6px #f9731680}.shadow-blue-500\/30{box-shadow:0 4px 6px #3b82f64d}.shadow-red-500\/30{box-shadow:0 4px 6px #ef44444d}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.min-h-0{min-height:0}.h-full{height:100%}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-h-\[95vh\]{max-height:95vh}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.aspect-square{aspect-ratio:1 / 1}.aspect-\[3\/4\]{aspect-ratio:3 / 4}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.whitespace-nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-cover{-o-object-fit:cover;object-fit:cover}.object-contain{-o-object-fit:contain;object-fit:contain}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-250{transition-duration:.25s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-100:hover{transform:scale(1)}.hover\:border-worlds-primary:hover{border-color:var(--worlds-primary)}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px #00000040}.hover\:shadow-worlds-primary\/40:hover{box-shadow:0 4px 6px #0ac8b966}.hover\:shadow-worlds-gold\/50:hover{box-shadow:0 4px 6px #c89b3c80}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:grayscale:disabled{filter:grayscale(100%)}.disabled\:hover\:scale-100:disabled:hover{transform:scale(1)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.placeholder-white\/50::-moz-placeholder{color:#ffffff80}.placeholder-white\/50::placeholder{color:#ffffff80}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\:border-worlds-accent:focus{border-color:var(--worlds-accent)}.focus\:bg-white\/15:focus{background-color:#ffffff26}.border-none{border-style:none}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.saturate-0{filter:saturate(0)}.saturate-50{filter:saturate(.5)}.grayscale{filter:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-0{--tw-brightness: brightness(0);filter:var(--tw-brightness)}.invert{--tw-invert: invert(100%);filter:var(--tw-invert)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, .04)) drop-shadow(0 4px 3px rgba(0, 0, 0, .1));filter:var(--tw-drop-shadow)}.drop-shadow-\[0_2px_2px_rgba\(0\,0\,0\,0\.9\)\]{--tw-drop-shadow: drop-shadow(0 2px 2px rgba(0, 0, 0, .9));filter:var(--tw-drop-shadow)}.leading-tight{line-height:1.25}.box-border{box-sizing:border-box}.min-w-0{min-width:0}.worlds-button{background:linear-gradient(to right,var(--worlds-gold),var(--worlds-goldDark));color:var(--worlds-dark);font-weight:700;border:2px solid var(--worlds-gold);border-radius:.5rem;padding:.75rem 2rem;cursor:pointer;transition:all .3s}.worlds-button:hover{transform:scale(1.05);box-shadow:0 0 20px #c89b3c80}.worlds-button-secondary{background:transparent;color:var(--worlds-gold);font-weight:700;border:2px solid var(--worlds-gold);border-radius:.5rem;padding:.75rem 2rem;cursor:pointer;transition:all .3s}.worlds-button-secondary:hover{background:#c89b3c1a}.worlds-heading{background:linear-gradient(to right,var(--worlds-primary),var(--worlds-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width: 768px){.md\:flex-row{flex-direction:row}}.overflow-y-auto::-webkit-scrollbar{width:8px}.overflow-y-auto::-webkit-scrollbar-track{background:#0003;border-radius:4px}.overflow-y-auto::-webkit-scrollbar-thumb{background:#0ac8b94d;border-radius:4px}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#0ac8b980}.draft-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(201,162,39,.6) rgba(0,0,0,.3)}.draft-scrollbar::-webkit-scrollbar{width:10px;height:10px}.draft-scrollbar::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.draft-scrollbar::-webkit-scrollbar-thumb{background:#c9a22799;border-radius:5px;border:2px solid rgba(0,0,0,.3)}.draft-scrollbar::-webkit-scrollbar-thumb:hover{background:#c9a227cc}.winner-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000}.winner-modal-content{background:linear-gradient(135deg,#0f1419,#1a1f2e);border:3px solid var(--draft-gold);border-radius:16px;padding:48px;max-width:600px;text-align:center;box-shadow:0 0 50px #f59e0b4d}.winner-modal-content h2{font-size:32px;color:var(--draft-gold);margin:0 0 32px;text-shadow:0 0 20px rgba(245,158,11,.5)}.winner-buttons{display:flex;gap:24px;justify-content:center}.winner-btn{padding:20px 48px;font-size:24px;font-weight:700;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.winner-btn-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.winner-btn-blue:hover{transform:scale(1.05);box-shadow:0 0 30px #3b82f699}.winner-btn-red{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.winner-btn-red:hover{transform:scale(1.05);box-shadow:0 0 30px #ef444499}.lane-champion-card{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;transition:all .2s ease;aspect-ratio:3/4;border:2px solid rgba(59,130,246,.4)}.lane-champion-card[data-selected=true]{border-color:var(--draft-gold);box-shadow:0 4px 12px #f59e0b80;transform:scale(1.05)}.lane-champion-card[data-assigned=true]{border-color:#f59e0b99;box-shadow:0 2px 8px #f59e0b4d}.lane-champion-card:hover{border-color:var(--draft-gold);transform:scale(1.05)}.lane-champion-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.2),rgba(0,0,0,.5));transition:all .3s ease;pointer-events:none}.lane-champion-overlay[data-selected=true]{background:linear-gradient(to bottom,#f59e0b33,#f59e0b26,#00000080)}@media (max-height: 950px) and (min-height: 700px){.draft-page-fullscreen,.fixed.inset-0{font-size:.92em}}@media (max-height: 800px) and (min-height: 600px){.draft-page-fullscreen,.fixed.inset-0{font-size:.85em}}.side-selection-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:clamp(8px,2vw,20px)}.side-selection-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #c89b3c;border-radius:clamp(8px,2vw,16px);padding:clamp(16px,4vw,40px);max-width:600px;width:100%;box-shadow:0 20px 60px #c89b3c4d;animation:slideIn .3s ease-out;max-height:95vh;overflow-y:auto}.side-selection-modal h2{color:#c89b3c;font-size:clamp(18px,4vw,32px);font-weight:700;margin:0 0 clamp(8px,2vw,16px) 0;text-align:center;text-transform:uppercase;letter-spacing:clamp(1px,.3vw,2px)}.side-selection-modal .team-name{color:#fff;font-size:clamp(16px,3vw,24px);font-weight:600;margin:0 0 clamp(12px,3vw,24px) 0;text-align:center}.side-selection-modal .instruction{color:#a0aec0;font-size:clamp(12px,2vw,16px);margin:0 0 clamp(16px,4vw,32px) 0;text-align:center}.side-buttons{display:flex;gap:clamp(12px,3vw,24px);margin-bottom:clamp(16px,4vw,32px)}.side-button{flex:1;background:#ffffff0d;border:clamp(2px,.4vw,3px) solid transparent;border-radius:clamp(8px,1.5vw,12px);padding:clamp(16px,4vw,32px) clamp(12px,3vw,24px);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.5vw,12px)}.side-button:hover{background:#ffffff1a;transform:translateY(-4px)}.side-button.blue-button{border-color:#3b82f64d}.side-button.blue-button:hover{border-color:#3b82f699;box-shadow:0 0 20px #3b82f64d}.side-button.blue-button.selected{border-color:#3b82f6;background:#3b82f633;box-shadow:0 0 30px #3b82f680}.side-button.red-button{border-color:#ef44444d}.side-button.red-button:hover{border-color:#ef444499;box-shadow:0 0 20px #ef44444d}.side-button.red-button.selected{border-color:#ef4444;background:#ef444433;box-shadow:0 0 30px #ef444480}.side-icon{font-size:clamp(32px,8vw,64px);line-height:1}.side-label{color:#fff;font-size:clamp(14px,3vw,24px);font-weight:700}.side-desc{color:#a0aec0;font-size:clamp(10px,1.5vw,14px)}.confirm-button{width:100%;background:linear-gradient(135deg,#c89b3c,#f0e6d2);color:#0a1428;border:none;border-radius:clamp(6px,1vw,8px);padding:clamp(10px,2vw,16px) clamp(16px,4vw,32px);font-size:clamp(14px,2vw,18px);font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#f0e6d2,#c89b3c);transform:translateY(-2px);box-shadow:0 8px 20px #c89b3c66}.confirm-button:disabled{opacity:.5;cursor:not-allowed}.side-selection-waiting{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #c89b3c;border-radius:clamp(8px,2vw,16px);padding:clamp(30px,6vw,60px) clamp(20px,4vw,40px);max-width:500px;width:90%;box-shadow:0 20px 60px #c89b3c4d;text-align:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.side-selection-waiting h2{color:#c89b3c;font-size:clamp(18px,4vw,32px);font-weight:700;margin:0 0 clamp(16px,4vw,32px) 0;text-transform:uppercase;letter-spacing:clamp(1px,.3vw,2px)}.waiting-spinner{font-size:clamp(48px,10vw,80px);margin:clamp(12px,3vw,24px) 0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.waiting-text{color:#fff;font-size:clamp(14px,2vw,18px);line-height:1.6;margin:0}.waiting-text strong{color:#c89b3c;font-weight:700}.host-page{min-height:100vh;background:linear-gradient(135deg,#0f1419,#1a1f2e);display:flex;align-items:center;justify-content:center;padding:2rem}.host-container{background:#1e293b;border:2px solid #334155;border-radius:16px;max-width:600px;width:100%;padding:2rem;box-shadow:0 20px 40px #0006}.success-container{max-width:500px;text-align:center}.host-header,.success-header{text-align:center;margin-bottom:2rem}.host-header h1,.success-header h1{color:#c9a227;font-size:2rem;margin-bottom:.5rem}.host-header p,.success-header p{color:#94a3b8;font-size:1rem}.form-section{margin-bottom:1.5rem}.form-section h2{color:#e2e8f0;font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #334155}.team-inputs{display:flex;align-items:center;gap:1rem}.input-group{flex:1}.input-group label{display:block;color:#94a3b8;font-size:.875rem;margin-bottom:.5rem}.input-group input{width:100%;padding:.75rem 1rem;background:#0f172a;border:2px solid #334155;border-radius:8px;color:#fff;font-size:1rem;transition:border-color .2s}.input-group input:focus{outline:none;border-color:#c9a227}.input-group input::-moz-placeholder{color:#64748b}.input-group input::placeholder{color:#64748b}.input-hint{color:#64748b;font-size:.75rem;margin-top:.5rem}.vs-divider{color:#64748b;font-weight:700;font-size:1.25rem;padding-top:1.5rem}.format-options{display:flex;flex-direction:column;gap:1rem}.option-group{display:flex;align-items:center;gap:1rem}.option-group>label{color:#94a3b8;font-size:.875rem;min-width:80px}.btn-group{display:flex;gap:.5rem}.option-btn{padding:.5rem 1rem;background:#0f172a;border:2px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s;font-size:.875rem}.option-btn:hover{border-color:#475569;color:#e2e8f0}.option-btn.active{background:#c9a22733;border-color:#c9a227;color:#c9a227}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#e2e8f0}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#c9a227}.checkbox-label .hint{color:#64748b;font-size:.75rem;margin-left:.25rem}.privacy-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.privacy-btn{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#0f172a;border:2px solid #334155;border-radius:10px;cursor:pointer;transition:all .2s}.privacy-btn:hover{border-color:#475569}.privacy-btn.active{background:#c9a2271a;border-color:#c9a227}.privacy-icon{font-size:1.5rem;margin-bottom:.5rem}.privacy-label{color:#e2e8f0;font-weight:600;font-size:.875rem}.privacy-desc{color:#64748b;font-size:.75rem;margin-top:.25rem}.privacy-btn.active .privacy-label{color:#c9a227}.password-input,.room-name-input{margin-top:1rem}.password-input label,.room-name-input label{display:block;color:#94a3b8;font-size:.875rem;margin-bottom:.5rem}.password-input input,.room-name-input input{width:100%;padding:.75rem 1rem;background:#0f172a;border:2px solid #334155;border-radius:8px;color:#fff;font-size:1rem}.password-input input:focus,.room-name-input input:focus{outline:none;border-color:#c9a227}.create-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#c9a227,#a88420);border:none;border-radius:10px;color:#0f172a;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:1rem}.create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c9a2274d}.create-btn:disabled{opacity:.5;cursor:not-allowed}.host-footer{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #334155}.host-footer a{color:#94a3b8;text-decoration:none;font-size:.875rem;padding:.5rem 1rem;border:1px solid #475569;border-radius:6px;transition:all .2s}.host-footer a:hover{color:#c9a227;border-color:#c9a227;background:#c9a2271a}.section-desc{color:#94a3b8;font-size:.875rem;margin-bottom:1rem}.links-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.link-card{background:#0f172a;border:2px solid #334155;border-radius:10px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.link-card.team-a{border-color:#005a9c80;background:#005a9c1a}.link-card.team-b{border-color:#c41e3a80;background:#c41e3a1a}.link-card.spectator{border-color:#c9a22780;background:#c9a2271a}.link-label{color:#e2e8f0;font-weight:600;font-size:1rem}.link-sublabel{color:#94a3b8;font-size:.875rem}.copy-btn{padding:.5rem 1.5rem;background:#334155;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;transition:all .2s;font-size:.875rem}.copy-btn:hover{background:#475569}.copy-btn.copied{background:#10b981;color:#fff}.room-code-section{background:#c9a2271a;border:1px solid rgba(201,162,39,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.room-code-label{color:#94a3b8;font-size:.75rem;text-transform:uppercase;margin-bottom:.5rem}.room-code{color:#c9a227;font-size:1.5rem;font-weight:700;font-family:monospace;letter-spacing:.1em}.success-actions{display:flex;gap:1rem;justify-content:center}.success-note{color:#94a3b8;font-size:.875rem;text-align:center;margin-top:1rem}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#c9a227,#a88420);border:none;border-radius:8px;color:#0f172a;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c9a2274d}.btn-secondary{padding:.75rem 1.5rem;background:transparent;border:2px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:#475569;color:#e2e8f0}@media (max-width: 600px){.host-page{padding:1rem}.host-container{padding:1.5rem}.team-inputs{flex-direction:column}.vs-divider{padding:0}.privacy-options{grid-template-columns:1fr}.success-actions{flex-direction:column}}.lobby-page{min-height:100vh;background:linear-gradient(135deg,#0f1419,#1a1f2e);padding:2rem}.lobby-container{max-width:1200px;margin:0 auto}.lobby-header{text-align:center;margin-bottom:2rem}.lobby-header h1{color:#c9a227;font-size:2.5rem;margin-bottom:.5rem}.lobby-header p{color:#94a3b8;font-size:1rem;margin-bottom:1.5rem}.lobby-actions{display:flex;justify-content:center;gap:1rem}.back-btn{padding:.75rem 1.5rem;background:transparent;border:2px solid #475569;border-radius:8px;color:#94a3b8;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .2s}.back-btn:hover{border-color:#c9a227;color:#c9a227;background:#c9a2271a}.host-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#c9a227,#a88420);border:none;border-radius:8px;color:#0f172a;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .2s}.host-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c9a2274d}.refresh-btn{padding:.75rem 1.5rem;background:transparent;border:2px solid #334155;border-radius:8px;color:#94a3b8;font-size:1rem;cursor:pointer;transition:all .2s}.refresh-btn:hover:not(:disabled){border-color:#475569;color:#e2e8f0}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.error-banner{background:#ef44441a;border:1px solid #ef4444;color:#ef4444;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.loading-spinner{width:40px;height:40px;border:3px solid #334155;border-top-color:#c9a227;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:#94a3b8;margin-top:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{color:#e2e8f0;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#94a3b8;margin-bottom:1.5rem}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.room-card{background:#1e293b;border:2px solid #334155;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s}.room-card:hover{border-color:#475569;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.room-header{display:flex;justify-content:space-between;align-items:center}.room-name{color:#e2e8f0;font-weight:600;font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:.5rem}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.waiting{background:#f59e0b33;color:#f59e0b}.status-badge.drafting{background:#10b98133;color:#10b981}.status-badge.completed{background:#64748b33;color:#64748b}.room-teams{display:flex;align-items:center;justify-content:center;gap:.75rem}.team-name{font-weight:600;font-size:1rem}.team-name.blue{color:#3b82f6}.team-name.red{color:#ef4444}.vs{color:#64748b;font-weight:700;font-size:.875rem}.room-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.info-tag{padding:.25rem .5rem;background:#0f172a;border-radius:4px;color:#94a3b8;font-size:.75rem}.info-tag.fearless{background:#8b5cf633;color:#8b5cf6}.info-time{color:#64748b;font-size:.75rem;margin-left:auto}.watch-btn{display:block;width:100%;padding:.75rem;background:linear-gradient(135deg,#334155,#1e293b);border:2px solid #475569;border-radius:8px;color:#e2e8f0;font-weight:600;font-size:1rem;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s}.watch-btn:hover{background:linear-gradient(135deg,#475569,#334155);border-color:#c9a227;color:#c9a227}@media (max-width: 600px){.lobby-page{padding:1rem}.lobby-header h1{font-size:2rem}.lobby-actions{flex-direction:column;gap:.75rem}.rooms-grid{grid-template-columns:1fr}}html{font-size:clamp(13px,1vw + 10px,16px)}html,body{margin:0;padding:0;height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden;background:#0f1419;color:#e5e7eb}body{max-width:100vw}#root{min-height:100vh;height:auto}*{scrollbar-width:thin;scrollbar-color:#c9a227 #1a1f2e}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#1a1f2e;border-radius:5px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c9a227,#a88420);border-radius:5px;border:2px solid #1a1f2e}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e0c050,#c9a227)}*::-webkit-scrollbar-corner{background:#1a1f2e}
