@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-ext-wght-normal-d45eAU9y.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-wght-normal-BAAhND-U.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-greek-wght-normal-CmyJS8uq.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-vietnamese-wght-normal-Dg1JeJN0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-ext-wght-normal-CIII54If.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-wght-normal-IvpUvPa2.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;font-family:IBM Plex Sans Variable,sans-serif;color:#fafafa;background:#18181b;font-synthesis:none;--bg: #18181b;--sidebar: #131315;--surface: #202024;--surface-2: #27272a;--border: #34343a;--muted: #a1a1aa;--primary: #a855f7;--primary-hover: #9333ea;--good: #2dd4bf;--bad: #fb7185}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button,select,input,textarea{color:inherit}button{cursor:pointer}button>svg{display:block;flex:0 0 auto}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #c084fc;outline-offset:2px}select{color-scheme:dark}select option{color:#f4f4f5;background:#202024}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:2;width:240px;display:flex;flex-direction:column;padding:16px 12px;border-right:1px solid var(--border);background:var(--sidebar)}.guild-select-wrap{height:48px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;margin:0 0 12px;padding:0 8px;border-bottom:1px solid var(--border)}.guild-select-wrap img,.guild-fallback{width:30px;height:30px;border-radius:7px;object-fit:cover;background:var(--surface-2)}.guild-fallback{display:grid;place-items:center;font-size:11px;font-weight:650}.server-picker{position:relative;min-width:0}.server-picker summary{height:34px;display:grid;grid-template-columns:minmax(0,1fr) 14px;align-items:center;gap:7px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;list-style:none}.server-picker summary::-webkit-details-marker{display:none}.server-picker summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-picker summary svg{width:14px;color:var(--muted);transition:rotate .14s ease}.server-picker[open] summary svg{rotate:180deg}.server-picker>div{position:absolute;z-index:30;top:38px;left:-47px;width:216px;max-height:320px;overflow-y:auto;padding:5px;border:1px solid #46464d;border-radius:8px;background:#171719;box-shadow:0 2px 8px #00000047}.server-picker button{width:100%;height:40px;min-height:40px;display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:#d4d4d8;font-weight:400;text-align:left}.server-picker button:hover{background:#27272a;color:#fff}.server-picker button.selected{background:#2d2035;color:#fff}.server-picker button img,.server-picker-fallback{width:28px;height:28px;border-radius:7px;object-fit:cover}.server-picker-fallback{display:grid;place-items:center;background:#2d2d32;font-size:10px;font-weight:650}.server-picker button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-picker button svg{width:14px}.picker-search{position:sticky;top:0;z-index:2;height:34px;display:flex;align-items:center;gap:7px;margin:0 2px 5px;padding:0 8px;border:1px solid #46464d;border-radius:6px;background:#111113;color:var(--muted);box-shadow:0 6px #171719}.picker-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #a855f724,0 6px #171719}.picker-search svg{width:14px;flex:0 0 auto}.picker-search input{width:100%;min-width:0;height:auto;padding:0;border:0;outline:0;background:transparent;box-shadow:none}.picker-no-results{display:block;padding:10px 8px;color:var(--muted);font-size:11px;text-align:center}nav{display:grid;align-content:start;flex:1;gap:2px;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3f3f46 transparent}nav button{width:100%;height:38px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#b7b7be;text-align:left;transition:color .14s ease,background .14s ease}nav button:hover{color:#fff;background:#202024}nav button.active{color:#fff;background:#29292e}nav button.active svg{color:var(--primary)}nav svg,.account svg{width:17px;height:17px}.account{margin-top:12px;padding:14px 6px 0;display:grid;grid-template-columns:32px 1fr 30px;align-items:center;gap:9px;border-top:1px solid var(--border)}.account img,.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--surface-2)}.account div{min-width:0}.account strong,.account span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account strong{font-size:13px}.account span{color:var(--muted);font-size:11px}.account button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted)}.account button:hover{color:#fff;background:var(--surface-2)}main{grid-column:2;min-width:0}.focused-shell{min-height:100vh}.focused-shell main{min-width:0}.focused-shell .content{max-width:1320px;margin:0 auto}.focused-shell .mobile-nav-trigger{display:none}header{height:68px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#1b1b1e}header h1,header p,h2,h3{margin:0}header h1{font-size:18px;font-weight:650}header p{margin-top:3px;color:var(--muted);font-size:12px}.header-leading{min-width:0;display:flex;align-items:center;gap:14px}.header-leading>div{min-width:0}.header-leading h1,.header-leading p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:8px}.profile-link{width:36px;min-height:36px;padding:2px;border-radius:50%}.profile-link img{width:28px;height:28px;border-radius:50%;object-fit:cover}.content{width:100%;max-width:1320px;padding:24px 28px 48px}button,a.primary{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid #424248;border-radius:8px;background:transparent;color:#e4e4e7;text-decoration:none;font-size:13px;font-weight:600;transition:background .14s ease,border-color .14s ease}button:hover{background:#27272a}button:disabled{cursor:not-allowed;opacity:.45}.primary{border-color:var(--primary)!important;background:var(--primary)!important;color:#fff!important}.primary:hover{border-color:var(--primary-hover)!important;background:var(--primary-hover)!important}.primary svg,.account-row svg{width:15px;height:15px}input,select,textarea{width:100%;border:1px solid #46464d;border-radius:7px;outline:none;background:#171719;color:#fafafa}input,select{height:36px;padding:0 10px}textarea{min-height:128px;padding:10px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #a855f729}.picker-search input:focus{border:0;box-shadow:none}.lobby-tabs{min-height:42px;display:flex;gap:20px;margin-bottom:14px;border-bottom:1px solid var(--border)}.lobby-tabs button{position:relative;min-height:41px;padding:0 2px 10px;border:0;border-radius:0;color:var(--muted);background:transparent}.lobby-tabs button.active{color:#fff}.lobby-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--primary)}.lobby-list{overflow:hidden;border:1px solid var(--border);background:#1f1f22}.lobby-row{min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid var(--border)}.lobby-row:last-child{border-bottom:0}.lobby-open{width:100%;min-height:61px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:0;background:transparent;text-align:left}.lobby-open:hover{background:#242428}.lobby-manage{width:48px;min-height:61px;padding:0;border-width:0 0 0 1px;border-radius:0}.lobby-manage svg{width:16px}.lobby-manage.danger{color:var(--bad)}.lobby-list strong,.lobby-list span{display:block}.lobby-list span{margin-top:3px;color:var(--muted);font-size:12px}.lobby-meta{display:flex;align-items:center;gap:14px}.status{display:inline-flex;padding:3px 7px;border:1px solid #48484f;border-radius:5px;color:#d4d4d8;font-size:11px;font-weight:600;text-transform:capitalize}.status.open,.status.ready{border-color:#276653;background:#193b31;color:#d1fae5}.status.drafting{border-color:#785b25;background:#392d18;color:#fde68a}.status.hero-bans{border-color:#7e4a36;background:#3c261f;color:#fed7aa}.status.map-vote{border-color:#52633a;background:#29351f;color:#d9f99d}.empty{min-height:280px;display:grid;place-content:center;padding:30px;border:1px solid var(--border);background:#1f1f22;text-align:center}.empty svg{width:26px;margin:0 auto 12px;color:var(--muted)}.empty h2{font-size:15px}.empty p{max-width:460px;margin:6px 0 0;color:var(--muted);font-size:13px}.login{min-height:100vh;display:grid;grid-template-columns:minmax(320px,520px) minmax(320px,440px);align-items:center;justify-content:center;gap:80px;padding:48px}.login section{padding-left:24px;border-left:3px solid var(--primary)}.login h1{margin:18px 0 8px;font-size:28px}.login section p{margin:0 0 24px;color:var(--muted);line-height:1.6}.login-list{border-top:1px solid var(--border)}.login-list>div{padding:18px 0;display:grid;grid-template-columns:24px 1fr;gap:4px 12px;border-bottom:1px solid var(--border)}.login-list svg{grid-row:1 / span 2;width:18px;color:#c084fc}.login-list strong{font-size:14px}.login-list p{margin:0;color:var(--muted);font-size:12px}.centered{min-height:100vh;display:grid;place-items:center}.page-error{width:min(430px,calc(100vw - 32px));padding:24px;border:1px solid var(--border);background:#1f1f22}.page-error h1{margin:0;font-size:18px}.page-error p{margin:7px 0 18px;color:var(--muted);line-height:1.5}.link-required{width:min(460px,calc(100vw - 32px));padding:24px;border:1px solid var(--border);background:#1f1f22}.link-required>svg{width:24px;color:var(--primary)}.link-required h1{margin:16px 0 6px;font-size:18px}.link-required p{margin:0 0 20px;color:var(--muted);line-height:1.5}.modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:#000000ad}.modal{width:min(460px,100%);padding:18px;display:grid;gap:16px;border:1px solid #424248;border-radius:8px;background:#202024;box-shadow:0 2px 8px #00000047}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:15px}.modal-head button{width:30px;height:30px;padding:0;border:0;background:transparent}.modal-head svg{width:17px}.modal label,.settings-form>label{display:grid;gap:7px;color:#d4d4d8;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.modal:has(.announcement-editor){width:min(920px,100%);max-height:calc(100vh - 40px);overflow-y:auto}.modal:has(.account-view){width:min(1040px,100%);max-height:calc(100vh - 40px);overflow-y:auto}.announcement-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:20px}.announcement-fields{display:grid;align-content:start;gap:14px}.color-field{display:flex;align-items:center;gap:10px}.color-field input{width:48px;padding:3px;cursor:pointer}.color-field code{color:var(--muted);font-size:12px}.placeholder-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.placeholder-list>span{width:100%;color:var(--muted);font-size:11px}.placeholder-list button{min-height:28px;padding:0 8px;border-radius:5px;font-family:ui-monospace,monospace;font-size:11px;font-weight:500}.announcement-preview{min-width:0}.preview-label{display:block;margin-bottom:7px;color:var(--muted);font-size:11px}.discord-preview{min-height:210px;padding:16px;background:#313338;color:#dbdee1;font-family:Arial,sans-serif;font-size:13px}.discord-preview>strong{font-size:13px}.discord-preview small{padding:2px 4px;border-radius:3px;background:#5865f2;color:#fff;font-size:8px}.embed-preview{max-width:430px;margin-top:7px;padding:11px 13px;border-left:4px solid;border-radius:3px;background:#2b2d31}.embed-preview h3{margin-bottom:8px;font-size:14px}.embed-preview p{margin:0;color:#dbdee1;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.embed-preview a{color:#00a8fc}.join-bar{margin-bottom:24px;padding:14px 16px;display:flex;align-items:center;gap:12px;border:1px solid var(--border);background:#1f1f22}.join-bar>div:first-child{margin-right:auto}.join-bar strong,.join-bar span{display:block}.join-bar strong{font-size:13px}.join-bar span{margin-top:2px;color:var(--muted);font-size:11px}.role-checks{display:flex;gap:5px}.role-checks label{min-height:32px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #424248;border-radius:6px;color:#a1a1aa;font-size:12px;cursor:pointer}.role-checks label:hover{background:#27272a;color:#fff}.role-checks label.active{border-color:#7e22ce;background:#2d2035;color:#e9d5ff}.role-checks input{display:none}.role-checks img{width:15px;height:15px;object-fit:contain}.section-title{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin-bottom:12px}.section-title h2{font-size:15px}.hint{margin:-5px 0 12px;color:var(--muted);font-size:12px}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,520px));gap:10px}.player{position:relative;width:100%;min-height:114px;display:grid;grid-template-columns:minmax(150px,.8fr) minmax(250px,1.2fr);align-items:center;gap:16px;padding:13px 14px;border:1px solid var(--border);border-radius:7px;background:#1f1f22;text-align:left}.player.selectable{cursor:pointer}.player.selectable:hover,.player.selectable:focus-visible{border-color:#52525b;background:#242428;outline:0}.player.selected{border-color:#7e22ce;background:#2d2035}.selected-check{position:absolute;top:8px;right:8px;width:15px;color:#c084fc}.player-identity{min-width:0;display:grid;align-content:center;gap:8px}.discord-identity{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px}.discord-identity img{width:24px;height:24px;border-radius:50%;object-fit:cover}.discord-identity strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.discord-actions{display:flex;align-items:center;gap:5px}.discord-identity em{padding:2px 5px;border:1px solid #6b3b86;border-radius:4px;color:#e9d5ff;font-size:9px;font-style:normal;text-transform:uppercase;letter-spacing:.04em}.player-inspect{min-height:24px;padding:0 6px;border-color:#404046;background:#26262a;color:#c7c7cc;font-size:10px}.player-inspect:hover{border-color:#56565e;background:#303035;color:#fff}.player-inspect svg{width:12px}.overwatch-identity{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding-top:8px;border-top:1px solid var(--border)}.overwatch-identity .avatar{width:44px;height:44px;border-radius:8px;object-fit:cover}.player-main{min-width:0}.player-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-main span{margin-top:2px;color:var(--muted);font-size:11px}.player-main .player-title{color:#d4d4d8;font-size:9px}.player-main .profile-age{margin-top:6px;font-size:9px}.profile-age.current,.platform-meta .current{color:#5eead4}.profile-age.outdated,.platform-meta .outdated{color:#fbbf24}.profile-age.unknown,.platform-meta .unknown{color:var(--muted)}.profile-portrait{position:relative;width:44px;height:44px;flex:0 0 auto}.profile-portrait>.avatar{width:100%;height:100%;border:1px solid #4b4b52;border-radius:8px;object-fit:cover;background:#29292e}.profile-portrait .endorsement-frame{position:absolute;right:-5px;bottom:-5px;width:23px;height:23px;object-fit:contain}.profile-portrait.large{width:72px;height:72px}.profile-portrait.large .endorsement-frame{right:-7px;bottom:-7px;width:34px;height:34px}.role-ranks{display:grid;gap:3px}.role-ranks>div{min-height:27px;display:grid;grid-template-columns:18px minmax(0,1fr) 32px;align-items:center;gap:4px;padding:3px 6px;border-left:2px solid transparent;color:#d4d4d8}.role-ranks>div.available{border-left-color:#7e22ce;background:#28232c}.role-ranks>div.assigned{border-left-color:var(--good);background:#1d312e}.role-ranks>div.unavailable{opacity:.42}.role-ranks img{width:18px;height:18px;object-fit:contain}.role-ranks b,.role-ranks small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-ranks b{font-size:11px;font-weight:600}.role-ranks small{margin-top:1px;color:var(--muted);font-size:9px}.rank-placeholder{width:32px}.rank-emblem{width:42px;height:38px;display:inline-grid;place-items:center}.rank-emblem .rank-icon{width:31px;height:31px;object-fit:contain;object-position:center}.role-ranks .rank-emblem{width:32px;height:27px;justify-self:end}.role-ranks .rank-emblem .rank-icon{width:26px;height:26px}.draft-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team,.pool{padding:10px;display:grid;align-content:start;gap:7px;border:1px solid var(--border);background:#1f1f22}.team-head{height:34px;display:flex;align-items:center;gap:8px}.team-head h3,.pool h3{margin-right:auto;font-size:14px}.team-head span{color:#c084fc;font-size:11px}.player.compact{min-height:106px;grid-template-columns:minmax(140px,.8fr) minmax(220px,1.2fr);background:#202024}.pool{grid-column:1 / -1}.pool-row,.team-player{display:flex;align-items:center;gap:6px}.pool-row .player,.team-player .player{flex:1}.pool-row>div:last-child{display:flex;gap:5px}.team-player>button{width:30px;height:30px;padding:0}.team-player>button svg{width:15px}.footer-actions{margin-top:18px;display:flex;align-items:center;gap:12px}.footer-actions span{color:var(--muted);font-size:12px}.danger-row{margin-top:28px;padding-top:18px;border-top:1px solid var(--border)}.danger-row button{border-color:#71313c;color:var(--bad)}.danger-row button:hover{border-color:#8f3d4a;background:#471f27}.settings-form{width:min(620px,100%);display:grid;gap:17px;padding:18px;border:1px solid var(--border);background:#1f1f22}.settings-form .check,fieldset .check{display:flex;flex-direction:row;align-items:center;gap:8px}.check input{width:16px;height:16px;accent-color:var(--primary)}.settings-form fieldset{display:flex;gap:20px;padding:12px;border:1px solid var(--border)}.settings-form legend{padding:0 5px;color:var(--muted);font-size:11px}.create-pug-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.create-pug-fields>label:first-child{grid-column:1 / -1}.create-option{grid-column:1 / -1;min-height:54px;display:flex;align-items:center;flex-direction:row;gap:10px;padding:10px 12px;border:1px solid var(--border);cursor:pointer}.create-option input{width:16px;height:16px;flex:0 0 auto;accent-color:var(--primary)}.create-option span,.create-option strong{display:block}.create-option span{color:var(--muted);font-size:10px;line-height:1.45}.create-option strong{margin-bottom:2px;color:var(--text);font-size:12px}.hero-ban-phase{margin-top:22px}.hero-ban-phase .section-title>div p{margin:2px 0 0;color:var(--muted);font-size:10px}.hero-ban-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--border);background:#1f1f22}.team-preferences>strong,.team-ready strong{display:block;margin-bottom:7px;font-size:11px}.team-preferences>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}.preference-player{position:relative;min-width:0;height:48px;display:grid;grid-template-columns:30px minmax(0,1fr) 38px;align-items:center;gap:7px;padding:5px;border:1px solid #3b3b41;background:#242428}.preference-player-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.preference-player>span:nth-child(2),.preference-player>span:nth-child(2) strong,.preference-player>span:nth-child(2) small{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preference-player>span:nth-child(2) strong{font-size:10px}.preference-player>span:nth-child(2) small{margin-top:2px;color:var(--muted);font-size:9px}.preference-hero{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border-left:1px solid #3b3b41}.preference-hero img{width:100%;height:100%;object-fit:cover;object-position:top}.preference-hero svg{width:15px;color:#71717a}.preference-ready{position:absolute;top:3px;right:3px;width:12px;height:12px;padding:2px;background:#315b45;color:#dcfce7}.team-ready{min-width:82px}.team-ready span{color:var(--muted);font-size:10px}.hero-choice-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border)}.hero-choice-tabs button{min-width:0;height:46px;display:grid;grid-template-columns:15px 1fr;align-content:center;justify-items:start;column-gap:6px;padding:0 10px;border:0;border-right:1px solid var(--border);border-radius:0;background:#1f1f22}.hero-choice-tabs button:last-child{border-right:0}.hero-choice-tabs button.active{box-shadow:inset 0 -2px #a855f7;background:#29242e}.hero-choice-tabs svg{width:14px;height:14px;grid-row:1 / 3;align-self:center}.hero-choice-tabs button>strong{font-size:10px}.hero-choice-tabs button>span{min-width:0;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.hero-roster{display:grid;gap:12px;margin-top:12px}.hero-role{border:1px solid var(--border);background:#1f1f22}.hero-role h3{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid var(--border);font-size:11px}.hero-role h3 img{width:15px;height:15px;object-fit:contain}.hero-role>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:1px;background:var(--border)}.hero-role button{position:relative;min-width:0;min-height:78px;display:grid;justify-items:center;align-content:center;gap:4px;padding:6px 4px;overflow:hidden;border:0;border-radius:0;background:#202024;color:#d4d4d8;font-size:10px}.hero-role button:hover{background:#29292e}.hero-role button.preferred{box-shadow:inset 0 0 0 2px #8b5a2b;background:#30281f}.hero-role button.ban-choice{box-shadow:inset 0 0 0 2px #8f3d4a;background:#342126}.hero-role button>svg{position:absolute;top:5px;left:5px;width:13px;height:13px;color:#fbbf24}.hero-role button>b{position:absolute;top:4px;right:5px;width:17px;height:17px;display:grid;place-items:center;border-radius:4px;background:#7f1d1d;color:#fff;font-size:9px}.hero-portrait{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:1px solid #424248;background:#2a2a2f;font-weight:600}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:top}.hero-ban-actions{min-height:54px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:12px}.hero-ban-actions>span{margin-right:auto;color:var(--muted);font-size:10px}.banned-heroes{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.banned-heroes>div{min-height:62px;display:grid;grid-template-columns:42px 1fr;align-content:center;column-gap:9px;padding:9px;border:1px solid #71313c;background:#2c2024}.banned-heroes>div.lobby-ban{border-color:#a16207;background:#31281c}.banned-heroes .hero-portrait{grid-row:1 / 3}.banned-heroes strong{align-self:end;font-size:11px}.banned-heroes>div>span:last-child{align-self:start;color:var(--muted);font-size:9px}.account-hero{position:relative;min-height:154px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;overflow:hidden;border:1px solid var(--border);background:#1f1f22}.account-hero.has-namecard:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#141417f0,#141417c2 58%,#1414177a)}.account-hero>:not(.account-namecard){position:relative;z-index:1}.account-namecard{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.account-copy{min-width:0}.account-hero h2{margin:0 0 4px;font-size:22px}.account-title{display:block;margin-bottom:5px;color:#e4e4e7;font-size:11px}.account-hero p{max-width:620px;margin:0;color:#c7c7cc;font-size:12px;line-height:1.5}.profile-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-top:0}.profile-summary>div{padding:13px 16px;border-right:1px solid var(--border)}.profile-summary>div:last-child{border-right:0}.profile-summary span,.profile-summary strong{display:block}.profile-summary span{color:var(--muted);font-size:10px}.profile-summary strong{margin-top:3px;font-size:12px}.snapshot-list{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.platform-profile{min-width:0;padding:18px;border:1px solid var(--border);background:#1f1f22}.platform-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.platform-head h2{margin-top:2px;font-size:18px}.platform-meta{display:flex;align-items:flex-end;flex-direction:column;gap:2px}.platform-meta>span{color:var(--muted);font-size:10px}.platform-meta button{min-height:30px;margin-top:6px;padding:0 9px}.platform-meta svg{width:13px}.rank-table{border-top:1px solid var(--border)}.rank-table>div{min-height:58px;display:grid;grid-template-columns:24px minmax(80px,1fr) auto 42px;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.rank-table>div>img:first-child{width:21px;height:21px;object-fit:contain}.rank-table span b,.rank-table span small{display:block}.rank-table span b{font-size:12px}.rank-table span small{margin-top:2px;color:var(--muted);font-size:10px}.rank-table>div>strong{font-size:12px}.platform-empty{min-height:174px;display:grid;place-content:center;text-align:center}.platform-empty p{margin:0;font-size:13px}.platform-empty span{margin-top:4px;color:var(--muted);font-size:11px}.account-loading{min-height:280px;display:grid;place-items:center;color:var(--muted);font-size:12px}.account-error{margin:12px 0 0;padding:9px 11px;border:1px solid #71313c;background:#3f1d24;color:#fecdd3;font-size:11px}.playtime-breakdown{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:14px;border:1px solid var(--border)}.playtime-breakdown>div{padding:10px;border-right:1px solid var(--border)}.playtime-breakdown>div:last-child{border-right:0}.playtime-breakdown span,.playtime-breakdown strong{display:block}.playtime-breakdown span{color:var(--muted);font-size:10px}.playtime-breakdown strong{margin-top:3px;font-size:13px}.private-profile{min-height:174px;display:grid;place-content:center;padding:20px;text-align:center}.private-profile strong{font-size:14px}.private-profile p{max-width:360px;margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.notice{position:fixed;z-index:250;top:18px;right:18px;max-width:430px;padding:10px 12px;display:flex;align-items:center;gap:12px;border:1px solid #7f1d1d;border-radius:7px;background:#3f1d24;color:#fecdd3;box-shadow:0 2px 8px #00000047}.notice button{width:28px;height:28px;padding:0;border:0;background:transparent}.notice svg{width:15px}.mobile-nav-trigger,.mobile-nav-close,.mobile-nav-backdrop{display:none}.hero-choice-tabs.preference-only{grid-template-columns:minmax(180px,1fr)}.hero-choice-tabs.preference-only button{border-right:0}.hero-choice-tabs.ban-only{grid-template-columns:repeat(3,1fr)}.hero-selection-review{border:1px solid var(--border);background:#1f1f22}.hero-selection-list{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:1px;background:var(--border)}.hero-selection{min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:9px;background:#202024}.hero-selection>span:last-child,.hero-selection b,.hero-selection strong{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-selection b{margin-bottom:2px;color:var(--muted);font-size:9px;font-weight:500}.hero-selection strong{font-size:11px}.hero-review-actions{min-height:54px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:9px 12px;border-top:1px solid var(--border)}.hero-review-actions>span{margin-right:auto;color:var(--muted);font-size:10px}.hero-review-actions button svg{width:14px;height:14px}.map-vote-phase{margin-top:22px}.map-vote-phase .section-title>div p{margin:2px 0 0;color:var(--muted);font-size:10px}.map-ballot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.map-ballot>button{position:relative;min-width:0;min-height:148px;display:grid;grid-template-rows:102px auto;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:0;background:#1f1f22;text-align:left}.map-ballot>button:hover{border-color:#56565e;background:#26262a}.map-ballot>button.selected{border-color:#84a34e;box-shadow:inset 0 0 0 1px #84a34e}.map-ballot>button>img{width:100%;height:102px;object-fit:cover}.map-ballot>button>span{min-width:0;display:block;padding:8px 9px}.map-ballot strong,.map-ballot small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-ballot strong{font-size:11px}.map-ballot small{margin-top:2px;color:var(--muted);font-size:9px}.map-ballot>button>svg:last-child{position:absolute;top:7px;right:7px;width:18px;height:18px;padding:3px;border-radius:50%;background:#607c32;color:#fff}.map-ballot>button.random-map{grid-template-rows:102px auto}.map-ballot>button.random-map>svg:first-child{width:38px;height:38px;align-self:center;justify-self:center;color:#a1a1aa}.map-vote-note{margin:10px 0 0;color:var(--muted);font-size:10px}.map-vote-review{border:1px solid var(--border);background:#1f1f22}.map-choice-summary{min-height:86px;display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:12px}.map-choice-summary>img{width:126px;height:86px;object-fit:cover}.map-choice-summary>svg{width:38px;height:38px;justify-self:center;color:#a1a1aa}.map-choice-summary span,.map-choice-summary b,.map-choice-summary strong,.map-choice-summary small{display:block}.map-choice-summary b{color:var(--muted);font-size:9px;font-weight:500}.map-choice-summary strong{margin-top:2px;font-size:14px}.map-choice-summary small{margin-top:2px;color:var(--muted);font-size:10px}.map-winner{min-height:144px;position:relative;overflow:hidden;border:1px solid var(--border);background:#1f1f22}.map-winner>img{width:100%;height:180px;object-fit:cover;opacity:.52}.map-winner>div{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:22px 1fr;align-items:center;padding:12px 18px;background:#17171aeb}.map-winner>div>svg{width:18px;grid-row:1 / 4}.map-winner span,.map-winner strong,.map-winner small{grid-column:2}.map-winner span{color:var(--muted);font-size:9px}.map-winner strong{font-size:17px}.map-winner small{color:#c7c7cc;font-size:10px}.selected-map{margin-top:22px}@media(max-width:720px){body{overflow-x:hidden}body:has(.sidebar.mobile-open){overflow:hidden}.app-shell{display:block}main{min-width:0;padding-bottom:0}.sidebar{inset:0 auto 0 0;z-index:220;width:min(288px,calc(100vw - 44px));height:100dvh;padding:14px 12px;border-right:1px solid var(--border);transform:translate(-100%);transition:transform .16s ease}.sidebar.mobile-open{transform:translate(0)}.mobile-nav-backdrop{position:fixed;inset:0;z-index:210;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#0000009e;opacity:0;pointer-events:none}.mobile-nav-backdrop.visible{display:block;opacity:1;pointer-events:auto}.mobile-nav-close,.mobile-nav-trigger{width:36px;height:36px;place-items:center;padding:0;border:1px solid #424248;border-radius:7px;background:#242428;color:#e4e4e7}.mobile-nav-close{position:absolute;top:20px;right:12px;z-index:2;display:grid}.mobile-nav-trigger{display:grid;flex:0 0 auto}.sidebar .guild-select-wrap{width:calc(100% - 44px)}header{position:sticky;top:0;z-index:70;height:58px;padding:0 12px}.header-leading{flex:1;gap:10px}.header-actions{margin-left:8px}.content{padding:18px 12px 36px}.login{grid-template-columns:1fr;gap:36px;padding:28px 22px}.join-bar{align-items:stretch;flex-direction:column}.role-checks label{flex:1;justify-content:center}.announcement-editor,.player-grid,.draft-layout,.snapshot-list,.create-pug-fields{grid-template-columns:1fr}.create-pug-fields>label:first-child,.create-option{grid-column:1}.player,.player.compact{grid-template-columns:1fr}.pool{grid-column:1}.pool-row{align-items:stretch;flex-direction:column}.pool-row>div:last-child{justify-content:flex-end}.playtime-breakdown{grid-template-columns:1fr}.playtime-breakdown>div{border-right:0;border-bottom:1px solid var(--border)}.playtime-breakdown>div:last-child{border-bottom:0}.hero-choice-tabs,.map-ballot{grid-template-columns:1fr 1fr}.hero-choice-tabs button:nth-child(2){border-right:0}.hero-choice-tabs button:nth-child(-n+2){border-bottom:1px solid var(--border)}.hero-choice-tabs.preference-only button:first-child{border-bottom:0}.hero-ban-status{grid-template-columns:1fr}.hero-ban-actions,.hero-review-actions{align-items:stretch;flex-wrap:wrap}.hero-ban-actions>span,.hero-review-actions>span{width:100%}.banned-heroes,.hero-selection-list{grid-template-columns:1fr 1fr}.footer-actions{align-items:stretch;flex-direction:column}.account-hero{grid-template-columns:54px minmax(0,1fr);padding:18px}.account-hero .profile-portrait.large{width:54px;height:54px}.account-hero .primary{grid-column:1 / -1}.profile-summary{grid-template-columns:1fr}.profile-summary>div{border-right:0;border-bottom:1px solid var(--border)}.profile-summary>div:last-child{border-bottom:0}.platform-head{align-items:stretch;flex-direction:column}.platform-meta{align-items:flex-start}.rank-table>div{grid-template-columns:24px minmax(80px,1fr) auto 38px}}