@font-face{font-family:Manrope;src:url('/vendor/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{font-family:Manrope,'Segoe UI',sans-serif;color:#f2f4f3;background:#0b0d0f;font-synthesis:none;color-scheme:dark;--bg:#0b0d0f;--panel:#111416;--raised:#191e21;--line:#292f32;--muted:#939e9f;--blue:#83b7ff;--red:#ff9b9e;--gold:#b8a573;--green:#9cddc0;--accent:#a5e7c9;--radius:8px}
*{box-sizing:border-box}body{margin:0;min-width:320px;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.45}input,select{width:100%;min-width:0;min-height:46px;border:1px solid #35403f;border-radius:5px;background:#101415;color:#f5f7f6;padding:11px 12px}input::placeholder{color:#6f7a7b}input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0;accent-color:var(--accent)}label{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;letter-spacing:-.025em}h2{font-size:21px;font-weight:650}h3{font-size:16px;font-weight:650}p+p{margin-top:12px}small{font-size:14px}[hidden]{display:none!important}.muted{color:var(--muted)}.eyebrow{display:block;color:var(--muted);font-size:14px;font-weight:600;letter-spacing:.025em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.app-shell{max-width:1440px;margin:auto;padding:0 18px}.app-header{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:19px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border:1px solid #56645f;border-radius:5px;display:grid;place-items:center;background:#17241e;color:var(--accent);font-size:14px;font-weight:800;letter-spacing:-1px}.brand strong{font-size:16px;letter-spacing:-.035em;line-height:1.2;display:block;font-weight:800}.brand strong span{font-weight:500;color:#b8c3bf}.brand small{display:block;font-size:14px;letter-spacing:.1em;color:var(--muted);margin-top:3px}.header-end{display:flex;align-items:center;gap:12px}.connection{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:14px;white-space:nowrap}.connection i{display:block;width:5px;height:5px;border-radius:50%;background:var(--gold)}.connection[data-status=online] i{background:var(--accent)}.connection[data-status=error] i{background:var(--red)}.identity{font-size:14px;color:#aab6b1;max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.button{min-height:44px;border:1px solid transparent;border-radius:5px;padding:11px 15px;font-size:14px;font-weight:650;line-height:1.35;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;transition:background .15s,border-color .15s}.button.primary{background:var(--accent);color:#11241a;border-color:var(--accent)}.button.primary:hover:not(:disabled){background:#c1f2dd;border-color:#c1f2dd}.button.secondary{background:#1a2021;color:#e1e8e4;border-color:#36423d}.button.secondary:hover:not(:disabled){background:#252f2b;border-color:#647b6e}.button.danger{background:#2a1b1e;border-color:#654046;color:#f1a5ab}.button.small{padding:8px 11px;min-height:38px}.full{width:100%}.notice{padding:13px 15px;border:1px solid #3c5948;border-radius:6px;background:#16221b;margin:18px 0;color:#c3ddce;overflow-wrap:anywhere}.notice[data-tone=error]{border-color:#613c42;background:#24191d;color:#efbcc2}.notice[data-tone=success]{border-color:#3d5d4d}.welcome{margin:20px 0;padding:24px!important;background:#121917!important;border-color:#33463b!important}.welcome h1{font-size:30px;font-weight:700;letter-spacing:-.045em}.welcome h1 span{color:var(--accent)}.welcome p{max-width:500px;color:var(--muted);margin:15px 0 18px}.welcome #auth-detail{font-size:14px;margin:15px 0 0}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 0 21px}.section-heading h1{font-size:24px;font-weight:700;letter-spacing:-.04em}.season-chip{font-size:14px;color:#aab5b0;white-space:nowrap}.tabs{position:sticky;top:0;z-index:10;display:flex;gap:23px;overflow-x:auto;background:#0b0d0ff5;border-bottom:1px solid var(--line);margin-bottom:24px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{border:0;border-bottom:2px solid transparent;background:none;min-height:48px;padding:0 0 13px;flex-shrink:0;display:flex;align-items:center;gap:7px;color:#889694;font-size:14px;font-weight:550}.tabs button[aria-selected=true]{color:#e9f4ed;border-bottom-color:var(--accent)}.tab-count{font-size:14px;color:#92b09d;padding:0 5px;border-radius:3px;border:1px solid #34473a;font-variant-numeric:tabular-nums}.tab-indicator,.live-tab-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.tab-panel{min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-heading h2{font-size:20px}.pill{border:1px solid #3a4440;border-radius:4px;color:#acb9b1;font-size:14px;line-height:1.4;white-space:nowrap;padding:5px 7px}.pill.open{border-color:#3a5949;background:#18271f;color:#b3dfc7}
.queue-layout,.queue-main,.queue-sidebar{display:flex;flex-direction:column;gap:22px;min-width:0}.queue-panel{padding:0;border:0;background:transparent}.queue-panel .panel-heading{margin-bottom:10px}.queue-panel>.muted{font-size:14px;margin-bottom:22px;max-width:600px}.role-grid{display:flex;flex-direction:column;border-top:1px solid var(--line)}.role-card{position:relative;color:#edf4ef;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;min-height:89px;padding:15px 0;display:grid;grid-template-columns:1fr 110px;gap:5px 12px}.role-card:hover:not(:disabled){background:#141b17}.role-card:disabled{opacity:1}.role-card.selected{background:#14241a}.role-top{display:flex;align-items:center;gap:12px}.role-name{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:600}.role-symbol{width:23px;height:23px;flex-shrink:0;color:#a5bdb0}.role-count{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.role-players{display:flex;flex-wrap:wrap;gap:3px 13px;grid-column:1/-1;padding-left:36px;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.role-join{grid-column:2;grid-row:1;align-self:center;text-align:right;color:var(--accent);font-size:14px;font-weight:500}.role-card:disabled .role-join{color:#738578}.role-card.selected .role-join{color:var(--accent)}.queue-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;font-size:14px}.queue-footer .button{flex-shrink:0}.profile-panel{background:transparent;border-color:#303b35}.profile-panel h2{font-size:18px;margin-bottom:10px}.profile-panel form{margin-top:18px}.profile-panel input{margin-top:6px}.profile-panel .button{margin-top:10px}.profile-stats{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-stat strong{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;display:block}.profile-stat span{display:block;color:var(--muted);font-size:14px}.how-panel{background:transparent;padding:20px 0 0;border-width:1px 0 0;border-radius:0}.how-panel h2{font-size:17px}.how-panel ol{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:17px}.how-panel li,.live-steps li{display:flex;gap:13px}.how-panel li>span,.live-steps li>span{color:#63786a;font-size:14px;font-variant-numeric:tabular-nums;padding-top:2px}.how-panel li div,.live-steps li div{font-weight:550}.how-panel small,.live-steps small{display:block;margin-top:3px;font-weight:400;color:var(--muted)}.matches-list{display:flex;flex-direction:column}.match-row{display:flex;align-items:center;gap:13px;padding:14px 0;background:transparent;color:#e8efea;border:0;border-bottom:1px solid var(--line);text-align:left;width:100%}.match-row:last-child{border-bottom:0}.match-row:hover{color:var(--accent)}.match-main{flex:1;min-width:0}.match-main strong{display:block;font-size:14px;font-weight:550;overflow-wrap:anywhere}.match-main small{display:block;color:var(--muted);font-size:14px;margin-top:3px}.match-status{font-size:14px;color:#abc6b7}.empty-inline{padding:20px 0;color:var(--muted)}.ready-panel{border-color:#3e6e52;display:flex;flex-direction:column;gap:16px;background:#132019}.ready-panel h2{font-size:20px;margin-bottom:7px}.ready-panel .button{width:100%}
.draft-heading{display:flex;flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:20px}.draft-heading h2{font-size:24px}.draft-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;flex-wrap:wrap}.match-filter{margin:0!important;font-size:14px;color:var(--muted)}.checkbox-label{display:flex;align-items:center;gap:9px;margin-bottom:18px}.match-picker{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;max-width:100%;width:100%}.match-picker select{flex:1;min-width:0}.draft-viewer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px}.draft-viewer>p{flex-basis:100%;order:3;font-size:14px}.draft-viewer .button{margin-left:auto}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:250px;padding:32px 20px;background:transparent}.empty-state h3{font-size:18px}.empty-state p{max-width:460px;color:var(--muted);margin-top:10px}.empty-state .button{margin-top:20px}.empty-symbol{font-size:26px;color:var(--muted);margin-bottom:12px}.draft-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 12px;border-top:1px solid var(--line);padding-top:20px}.team-panel{min-width:0}.team-panel.blue{grid-column:1;grid-row:1}.team-panel.red{grid-column:2;grid-row:1}.team-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:24px;flex-wrap:wrap}.team-heading h3{font-size:14px;letter-spacing:.025em}.blue .team-heading h3{color:var(--blue)}.red .team-heading h3{color:var(--red)}.team-heading>span{font-size:14px}.captain{font-size:14px;color:var(--muted);margin:7px 0 12px;min-height:38px;overflow-wrap:anywhere}.pick-list{display:flex;flex-direction:column;gap:6px}.pick-slot{display:flex;align-items:flex-start;gap:7px;min-height:62px;padding:6px;background:#141a1d;border:1px solid #2b3339;border-radius:5px}.pick-slot.active{border-color:#618db3;background:#17212c}.red .pick-slot.active{border-color:#a66b75;background:#271c24}.pick-portrait{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:3px;object-fit:cover;background:#243038;color:#8c9da9;font-size:15px}.pick-copy{min-width:0}.pick-copy strong{display:block;font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.pick-copy span{display:block;font-size:14px;color:var(--muted);line-height:1.35;margin-top:4px;overflow-wrap:anywhere}.ban-heading{font-size:14px;color:var(--muted);letter-spacing:.08em;margin:16px 0 8px}.ban-list{display:flex;gap:6px}.ban-slot{width:35px;max-width:calc((100% - 12px)/3);aspect-ratio:1;background:#20282e;border:1px solid #333d44;border-radius:3px;overflow:hidden;display:grid;place-items:center;position:relative;color:#7b8b97}.ban-slot img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.65}.ban-slot.filled:after{content:'';position:absolute;width:135%;height:1px;background:var(--red);transform:rotate(-45deg)}.draft-center{grid-column:1/-1;grid-row:2;min-width:0}.turn-card{border:1px solid #34403d;border-radius:6px;overflow:hidden;background:#131b18}.turn-header{padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.turn-header .eyebrow{font-size:14px}.turn-header h3{font-size:17px;margin:4px 0}.turn-header p{font-size:14px}.draft-timer{min-width:38px;font-size:32px;font-weight:500;color:#d4caaf;line-height:1;font-variant-numeric:tabular-nums;text-align:right}.timer-track{height:2px;background:#28362d}.timer-track>div{height:100%;background:var(--blue);transition:width .2s linear}.paused-card{padding:13px;margin-top:12px;background:#272319;border:1px solid #5e5133;border-radius:6px}.paused-card p{margin:5px 0 10px}.selection{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px 0}.selection-portrait{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;background:#212c30;border:1px solid #364342;border-radius:5px;overflow:hidden;color:#91a29c}.selection-portrait img{width:100%;height:100%;object-fit:cover}.selection-copy{flex:1;min-width:0}.selection-copy .eyebrow{font-size:14px;letter-spacing:.06em}.selection-copy h3{font-size:18px;margin:3px 0}.selection-copy p{font-size:14px}.selection>.button{width:100%}.champion-search{display:flex;align-items:center;gap:10px;padding:0 11px;background:#101517;border:1px solid #35413c;border-radius:5px;margin-bottom:13px}.champion-search>span:first-child{font-size:25px;color:var(--muted)}.champion-search input{border:0;background:transparent;padding-left:0;padding-right:0}.champion-search>span:last-child{font-size:14px}.champion-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.champion-button{position:relative;min-width:0;background:#171e21;color:#e4eae7;border:1px solid #303c3c;border-radius:4px;padding:0;overflow:hidden}.champion-button img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#273330}.champion-name{display:block;font-size:14px;padding:5px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champion-button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.champion-button:hover:not(:disabled){border-color:var(--accent)}.champion-button:disabled{opacity:1}.champion-button:disabled img{filter:grayscale(1);opacity:.28}.champion-lock{position:absolute;top:35%;left:0;right:0;font-size:14px;background:#101417dd;color:#acbbb4;line-height:1.8}.draft-footnote{grid-column:1/-1;display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:14px}.draft-footnote>span:first-child{color:#a9b9af}.result-panel{display:flex;flex-direction:column;gap:18px;margin-top:22px}.result-panel h2{font-size:19px;margin-bottom:8px}.result-panel .button{width:100%}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:14px}th{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:500;background:#151b1a;padding:12px;border-bottom:1px solid #354039}td{padding:17px 12px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}th:first-child,td:first-child{padding-left:4px;width:45px}th:nth-child(2),td:nth-child(2){width:100%;min-width:150px;white-space:normal;overflow-wrap:anywhere}td:nth-child(3){font-weight:650;color:#c4e7d3}.rank-player{display:flex;align-items:center;gap:8px}.you-tag{font-size:14px;padding:0 4px;border:1px solid #486551;border-radius:3px;color:var(--accent)}tr.self{background:#14241a}tr.podium td:first-child{color:#afcdbb}.ranking-panel{padding:0;border:0;background:transparent;overflow:hidden}.ranking-panel .panel-heading{align-items:flex-start;flex-direction:column;gap:8px}.ranking-panel .panel-heading p{font-size:14px}.league-games,.league-teams{margin-top:24px;padding:22px 0 0;border-width:1px 0 0;border-radius:0;background:transparent}.league-games .panel-heading{flex-wrap:wrap}.league-team-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}.league-team-card{padding:16px;background:#111818;border:1px solid var(--line);border-radius:6px}.league-team-card h3{margin-bottom:12px}.league-team-card p{color:var(--muted);font-size:14px;margin-top:6px;overflow-wrap:anywhere}.league-team-card p strong{font-weight:500;color:#bccdc1}.league-team-card .captain-tag{color:#c5c4a9}.league-team-card>.button{margin-top:16px}.round-heading{margin:22px 0 10px;font-size:14px;color:#c4d4c9}.round-heading:first-child{margin-top:0}.fixture{border:1px solid var(--line);border-radius:6px;background:#101617;padding:15px;margin-top:9px;display:flex;align-items:flex-start;flex-direction:column;gap:14px}.fixture-meta{min-width:0;width:100%}.fixture-score{display:flex;align-items:center;gap:12px;min-width:0}.fixture-score>strong{flex:1;font-size:14px;font-weight:600;overflow-wrap:anywhere}.fixture-score>strong:last-child{text-align:right}.fixture-score>span{font-weight:650;color:#bdd7c6;font-variant-numeric:tabular-nums;white-space:nowrap}.fixture-info{font-size:14px;color:var(--muted);margin-top:8px}.fixture-actions{display:flex;flex-wrap:wrap;gap:8px}.league-result-form{display:flex;gap:8px;flex-wrap:wrap}.league-result-form select{width:auto;flex:1;min-height:38px;padding:8px}.league-result-form .button{min-height:38px;padding:8px 11px}.league-admin{display:grid;grid-template-columns:1fr;gap:20px;margin-top:24px}.league-admin h2{font-size:19px;margin-bottom:10px}.stack-form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.stack-form label input,.stack-form label select{margin-top:6px}.stack-form .button{align-self:flex-start}.roster-fields{display:grid;grid-template-columns:1fr;gap:14px}.config-fields{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:18px}.config-fields input,.config-fields select{margin-top:6px}.config-fields input{display:block}.admin-panel{margin-top:28px;border:1px solid var(--line);border-radius:6px;background:#101415}.admin-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px;cursor:pointer;list-style:none}.admin-panel summary::-webkit-details-marker{display:none}.admin-panel summary h2{font-size:15px;letter-spacing:0}.admin-panel summary>span{color:var(--muted);font-size:14px}.admin-panel summary:after{content:'+';font-size:20px;color:var(--muted)}.admin-panel[open] summary:after{content:'−'}.admin-content{border-top:1px solid var(--line);padding:18px}.admin-content>p{margin-bottom:20px}.admin-content form>label:not(.checkbox-label){margin-bottom:18px}.admin-content form>label select{margin-top:7px}
.live-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.live-heading h2{font-size:25px}.live-heading p{font-size:14px;margin-top:7px}.live-heading .season-chip{margin-top:6px;display:none}.live-layout{display:flex;flex-direction:column;gap:25px}.live-player-panel{padding:0;overflow:hidden;background:#080a0b;border-color:#35403a}.live-player-panel>.panel-heading{padding:15px 16px;margin:0;border-bottom:1px solid var(--line);gap:12px;align-items:flex-start}.live-player-panel h3{font-size:14px;letter-spacing:.06em;font-weight:650}.live-player-panel .panel-heading p{font-size:14px;margin-top:4px}.live-player-panel .pill{font-size:14px;max-width:115px;white-space:normal;text-align:center}.live-empty{min-height:240px;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:26px;background:#080a0b}.live-empty-symbol{width:40px;height:40px;color:#6d8878;margin-bottom:17px}.live-empty h3{font-size:17px;font-weight:550;letter-spacing:-.02em}.live-empty p{font-size:14px;color:#83958b;max-width:310px;margin-top:8px}.live-videos{display:grid;grid-template-columns:1fr;background:#000}.live-video-card{min-width:0;border-bottom:1px solid var(--line)}.live-video{display:block;width:100%;aspect-ratio:16/9;max-height:70vh;object-fit:contain;background:#000}.live-video-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px;background:#101715;font-size:14px}.live-video-footer strong{font-weight:600;overflow-wrap:anywhere}.live-video-footer>span{font-size:14px;text-align:right}.live-playback-note{font-size:14px;padding:0 15px 12px;background:#101715}.live-player-actions{display:flex;flex-direction:column;gap:15px;padding:17px 16px}.live-player-actions>p{font-size:14px;min-height:20px}.live-player-actions .fixture-actions{width:100%}.live-player-actions .button{flex:1;min-height:46px}.live-room-note{border-top:1px solid var(--line);padding:13px 16px;color:#73857a;font-size:14px;line-height:1.7}.live-sidebar{display:flex;flex-direction:column;gap:16px}.live-capture-panel{padding:0 0 22px;border-width:0 0 1px;border-radius:0;background:transparent}.live-capture-panel h2{font-size:20px;margin-bottom:10px}.live-capture-panel>.muted{font-size:14px;margin-bottom:18px}.live-capture-panel .button{border-color:#667b6c;color:#c4e5d2;background:#17251c;min-height:48px}.live-device-note{font-size:14px;color:var(--muted);border-left:2px solid #4c6354;padding-left:12px}.live-steps{list-style:none;padding:0;margin:23px 0 0;display:flex;flex-direction:column;gap:17px}.live-steps small{font-size:14px}.live-activity-note{font-size:14px;line-height:1.7}.app-footer{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--line);padding:22px 0 28px;margin-top:34px;color:#64766a;font-size:14px;letter-spacing:.025em}.footer-separator{margin:0 6px;color:#405449}dialog{width:calc(100% - 32px);max-width:460px;padding:24px;border:1px solid #495c4e;border-radius:8px;background:#141d17;color:#edf5ef}dialog::backdrop{background:#030705d9}dialog h2{font-size:22px;margin:8px 0 16px}dialog .muted{margin-top:14px}.dialog-actions{display:flex;flex-direction:column-reverse;gap:10px;margin-top:24px}.noscript{padding:20px;text-align:center;color:#d5bd86}
@media(min-width:600px){.app-shell{padding:0 30px}.app-header{min-height:88px;flex-wrap:nowrap}.brand strong{font-size:18px}.brand small,.connection,.identity{font-size:14px}.identity{border-left:1px solid var(--line);padding-left:12px}.section-heading{padding:28px 0 24px}.section-heading h1{font-size:28px}.season-chip{font-size:14px}.tabs{gap:31px}.tabs button{font-size:14px}.queue-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:22px}.role-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.role-card{min-height:110px;grid-template-columns:1fr;padding:15px 0}.role-top{gap:8px}.role-count{margin-left:auto}.role-players{padding-left:36px;min-height:22px}.role-join{grid-column:1;grid-row:3;text-align:left;padding-left:36px;font-size:14px}.ready-panel{flex-direction:row;align-items:center;justify-content:space-between}.ready-panel .button{width:auto;flex-shrink:0}.draft-heading{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px}.draft-controls{align-items:flex-end;flex-direction:column;width:auto;gap:8px}.match-picker{width:auto;max-width:360px}.match-picker select{width:235px;min-width:180px}.draft-viewer>p{flex:1;order:0}.draft-viewer .button{margin-left:0}.pick-slot{padding:9px;min-height:69px;gap:10px}.pick-portrait{width:43px;height:43px;flex-basis:43px}.pick-copy strong{font-size:14px}.pick-copy span{font-size:14px}.captain{min-height:22px}.team-heading h3{font-size:14px}.ban-slot{width:40px}.champion-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.selection{flex-wrap:nowrap}.selection>.button{width:auto}.draft-footnote{flex-direction:row;justify-content:space-between}.ranking-panel .panel-heading{flex-direction:row;align-items:center;gap:25px}.league-team-list{grid-template-columns:1fr 1fr}.roster-fields{grid-template-columns:1fr 1fr}.config-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-content{padding:22px}.result-panel{flex-direction:row;align-items:center;justify-content:space-between}.result-panel .button{width:auto}.live-heading .season-chip{display:block}.live-empty{aspect-ratio:16/9;min-height:300px}.live-player-panel>.panel-heading{padding:17px 20px;align-items:center}.live-player-panel h3{font-size:14px}.live-player-panel .panel-heading p{font-size:14px}.live-player-panel .pill{font-size:14px;max-width:none;white-space:nowrap}.live-player-actions{flex-direction:row;align-items:center;justify-content:space-between;padding:18px 20px}.live-player-actions .fixture-actions{width:auto}.live-player-actions .button{min-width:125px}.live-room-note{padding:13px 20px}.live-empty h3{font-size:22px}.live-empty p{font-size:14px}.live-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:24px}.live-capture-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.live-capture-panel h2,.live-capture-panel>.muted,.live-capture-panel>.button,.live-capture-panel>.live-device-note{grid-column:1}.live-steps{grid-column:2;grid-row:1/5;margin:0;justify-content:center}.live-activity-note{grid-column:1/-1}.app-footer{flex-direction:row;justify-content:space-between;gap:25px;font-size:14px}.dialog-actions{flex-direction:row;justify-content:flex-end}}
@media(min-width:980px){.app-shell{padding:0 42px}.app-header{min-height:94px}.brand strong{font-size:19px}.section-heading h1{font-size:30px}.queue-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px}.queue-sidebar{display:flex;flex-direction:column;gap:28px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.role-card{min-height:121px}.role-name{font-size:17px}.role-players{font-size:14px}.queue-main>.panel:not(.queue-panel){padding:22px}.draft-board{grid-template-columns:minmax(190px,1fr) minmax(0,2.6fr) minmax(190px,1fr);gap:25px}.draft-center{grid-column:2;grid-row:1}.team-panel.red{grid-column:3}.team-panel.blue{grid-column:1}.pick-list{gap:10px}.pick-slot{min-height:82px;padding:9px}.pick-portrait{width:45px;height:45px;flex-basis:45px}.captain{min-height:38px;font-size:14px}.team-heading{flex-wrap:nowrap}.team-heading>span{font-size:14px}.champion-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.champion-name{font-size:14px}.selection{flex-wrap:wrap}.selection>.button{width:100%}.league-team-list{grid-template-columns:repeat(3,minmax(0,1fr))}.league-admin{grid-template-columns:1fr 1fr;gap:24px}.fixture{flex-direction:row;align-items:center;gap:25px}.fixture-meta{flex:1}.fixture-actions{flex-shrink:0}.league-result-form select{max-width:155px}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:30px;align-items:start}.live-sidebar{display:flex;flex-direction:column;gap:18px}.live-capture-panel{display:block;border:1px solid var(--line);padding:20px;border-radius:6px;background:#101615}.live-capture-panel h2{font-size:20px}.live-steps{margin-top:25px;gap:20px}.live-empty{min-height:360px}.live-videos:has(>.live-video-card:nth-child(2)){grid-template-columns:1fr 1fr}.live-videos:has(>.live-video-card:nth-child(2)) .live-video-footer{flex-direction:column;align-items:flex-start;gap:3px}.live-activity-note{padding:0 3px}.admin-content{display:grid;grid-template-columns:250px 1fr;gap:40px}.admin-content>p{margin:0}.welcome{padding:32px!important}.welcome h1{font-size:38px}}
@media(min-width:1250px){.role-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:25px}.queue-layout{gap:42px}.draft-board{gap:30px}.selection{flex-wrap:nowrap}.selection>.button{width:auto}.champion-grid{gap:9px}.live-layout{grid-template-columns:minmax(0,1fr) 320px;gap:32px}}
@media(max-width:370px){.app-shell{padding:0 14px}.header-end .identity{display:none}.connection{font-size:14px}.brand strong{font-size:15px}.section-heading h1{font-size:22px}.tabs{gap:20px}.tabs button{font-size:14px}.season-chip{font-size:14px}.role-card{grid-template-columns:1fr 94px}.role-join{font-size:14px}.role-count{font-size:14px}.pick-slot{gap:5px;padding:5px}.pick-portrait{width:27px;height:27px;flex-basis:27px}.pick-copy strong{font-size:14px}.pick-copy span{font-size:14px}.champion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.live-player-panel>.panel-heading{padding:13px}.live-player-panel h3{font-size:14px}.live-player-panel .panel-heading p{font-size:14px}.live-player-panel .pill{font-size:14px;max-width:100px}.live-empty{min-height:230px;padding:20px}.live-player-actions{padding:15px 13px}.queue-footer{flex-direction:column;align-items:stretch}.queue-footer .button{width:100%}}
@media(pointer:coarse){input,select{font-size:16px}.tabs button{min-height:49px}.button{min-height:46px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}