@charset "UTF-8";
:root{color-scheme:dark;--bg:#0c1022;--surface:#151c35;--surface2:#1d2746;--line:#303b5f;--text:#f4f6ff;--muted:#a1aecb;--yellow:#ffcf40;--blue:#65b7ff;--red:#ff7d8d;--green:#74e2b2;--shadow:0 5px 0 #070b19;font-family:"Russo One",Arial,sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% -30%,#283a6b 0,transparent 58%),var(--bg);color:var(--text);min-width:420px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}button{transition:background .15s,transform .15s}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}input,select{min-width:0;color:var(--text);background:#0f162b;border:1px solid #3b486c;border-radius:8px;padding:10px 11px}input::placeholder{color:#94a3c1}select{cursor:pointer}a{color:var(--blue)}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-1px;line-height:1.1}h2{font-size:19px}h3{font-size:16px}small,.muted{color:var(--muted)}small{font-size:12px}p{line-height:1.55}img{object-fit:contain}button{border:0}.app-shell{max-width:1800px;margin:auto;padding:0 28px}.topbar{min-height:90px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:white;font-size:22px;font-weight:900;letter-spacing:-.8px;line-height:1}.brand strong{color:var(--yellow)}.brand small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:8px}.brand-star{font-size:40px;color:#111b38;background:var(--yellow);width:49px;height:49px;text-align:center;line-height:45px;border-radius:15px;transform:rotate(-8deg);box-shadow:0 4px 0 #a97716}.navigation{display:flex;gap:24px;align-self:stretch}.nav{padding:0;background:none;color:var(--muted);border-bottom:3px solid transparent;font-weight:650}.nav.active{color:white;border-bottom-color:var(--yellow)}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.offline{font-size:12px;white-space:nowrap;color:var(--muted);margin-right:12px}.offline i{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--green);margin-right:6px;box-shadow:0 0 12px #74e2b260}.icon-button{width:36px;height:36px;border-radius:9px;background:#1e2948;border:1px solid var(--line);font-size:20px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:27px 0 22px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--yellow);margin-bottom:9px}.heading p{color:var(--muted);font-size:13px;margin-top:8px}.button{padding:11px 16px;border:1px solid #435276;background:#273657;border-radius:9px;font-weight:650;box-shadow:0 3px 0 #070b19;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button.yellow{background:var(--yellow);color:#211a08;border-color:#ffe693;box-shadow:0 4px 0 #9b6a17}.button.blue{background:#2d7be3;border-color:#67a8ff}.button.subtle{background:#1b2542;color:#cfdbf4;border-color:#354362;box-shadow:none}.button.small{font-size:12px;padding:7px 10px}.text-button{color:var(--blue);padding:3px 0;background:none;font-size:12px;text-align:left}.draft-layout{display:grid;grid-template-columns:245px minmax(370px,1fr) 370px;gap:20px;align-items:start}.panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#1b2440,#131b32);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 18px;border-bottom:1px solid var(--line)}.panel-header h2{font-size:15px}.count{font-size:11px;color:var(--muted)}.roster{padding:10px}.player{padding:12px 10px;border:1px solid transparent;border-radius:10px;margin-bottom:7px;background:#0e172b80}.player.selected{border-color:#548de6;background:linear-gradient(120deg,#28477785,#172442)}.player-title{display:flex;align-items:center;gap:9px;margin-bottom:10px}.number{display:inline-grid;place-items:center;flex:0 0 26px;width:26px;height:26px;background:#2b3958;border:1px solid #536286;border-radius:7px;font-weight:800}.selected .number{background:#4c97ff;color:#0f1b34;border-color:#8bbdff}.player-title strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.player-title .text-button{margin-left:auto}.player select{width:100%;font-size:12px;padding:8px}.profile-meta{font-size:11px;color:var(--muted);line-height:1.6;margin:9px 0}.profile-meta .green{color:var(--green)}.player-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.import-link{font-size:11px}.roster-note{padding:8px 11px;font-size:11px;color:var(--muted);line-height:1.6}.sidebar-extra{padding:16px;margin-top:16px;background:#161f3680;border:1px dashed #384664;border-radius:12px}.sidebar-extra .eyebrow{color:var(--muted);font-size:9px}.sidebar-extra p{font-size:12px}.sidebar-extra button{margin-top:10px}.main-draft{display:grid;gap:16px}.map-hero{position:relative;min-height:211px;padding:22px;background:radial-gradient(ellipse at right,#4a65a5aa,transparent 65%),linear-gradient(130deg,#243b70,#1a274a);border:1px solid #456193;border-radius:14px;overflow:hidden}.map-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0 44px,#8cafff06 44px 46px);pointer-events:none}.map-copy{position:relative;z-index:1;width:72%}.mode-pill{display:inline-block;font-size:10px;background:#10193380;border:1px solid #7298cf65;border-radius:5px;padding:5px 8px;color:#b8d7ff;font-weight:750;letter-spacing:1px}.map-copy h2{font-size:26px;font-weight:900;line-height:1.05;max-width:235px;margin:13px 0 10px}.map-copy p{font-size:11px;color:#bfceec;max-width:220px}.map-copy button{margin-top:14px}.map-image{position:absolute;right:23px;top:15px;height:181px;width:115px;transform:rotate(9deg);filter:drop-shadow(0 10px 8px #0009);cursor:zoom-in}.phase-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.phase-row button{flex:1;padding:9px 10px;border:1px solid var(--line);background:#161f37;color:var(--muted);border-radius:7px;font-size:12px}.phase-row button.active{background:#3c61a2;color:white;border-color:#638ed8}.first-side{display:flex;align-items:center;justify-content:space-between;padding:0 3px;font-size:11px;color:var(--muted)}.first-side select{padding:6px;font-size:11px}.team-section{padding:16px 17px}.team-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px;font-weight:800;margin-bottom:13px}.team-label .blue{color:#8ac4ff}.team-label .red{color:#ff99a5}.team-label small{font-weight:400;letter-spacing:0;font-size:10px}.pick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pick-slot{position:relative;min-height:104px;background:#101b32;border:1px dashed #445b82;border-radius:9px;color:#89a1c5;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:7px;font-size:10px}.pick-slot .plus{font-size:28px;line-height:1.3;font-weight:300;color:#698ab5}.pick-slot.filled{background:linear-gradient(145deg,#305ca1,#182c50);border:1px solid #5b8ace;color:white}.pick-slot.enemy.filled{background:linear-gradient(145deg,#7c304b,#352038);border-color:#a14c68}.pick-slot img{height:66px;width:66px;margin-bottom:2px}.pick-slot strong{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pick-slot .slot-index{position:absolute;top:5px;left:7px;font-size:9px;opacity:.6}.pick-slot .clear{position:absolute;top:3px;right:4px}.clear{background:#080e23b0;color:#dce5ff;width:20px;height:20px;border-radius:5px;font-size:13px;display:inline-grid;place-items:center}.team-divider{display:flex;align-items:center;gap:14px;color:#7887a9;font-size:10px;letter-spacing:3px;padding:12px 0}.team-divider:before,.team-divider:after{content:"";flex:1;height:1px;background:var(--line)}.ban-section{padding:16px}.ban-section .team-label{margin-bottom:12px}.ban-list{display:flex;gap:8px;flex-wrap:wrap}.ban{position:relative;width:43px;height:43px;border:1px solid #9b4c63;background:#3b253b;border-radius:7px}.ban img{width:100%;height:100%;opacity:.65}.ban .clear{position:absolute;right:-5px;top:-6px;width:15px;height:15px;font-size:10px}.ban-add{background:#202943;border:1px dashed #6a5677;color:#bf8c9e;font-size:22px}.recommendations{display:grid;gap:11px}.recommendation-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.recommendation-heading h2{font-size:17px}.live{font-size:9px;color:#a6c6f4;letter-spacing:1px}.rec-card{padding:15px;border-radius:13px;border:1px solid #37476a;background:linear-gradient(115deg,#21324e,#18213b);position:relative;box-shadow:0 5px 12px #0002}.rec-card.best{border-color:#a38b47;background:linear-gradient(115deg,#49412b55,#1b2540 75%)}.rec-top{display:flex;gap:12px;align-items:center}.rec-portrait{height:65px;width:65px;flex-shrink:0;border-radius:10px;filter:drop-shadow(0 4px 2px #0005)}.rec-title{flex:1}.rec-title strong{font-size:17px;font-weight:850}.rec-title small{display:block;margin-top:5px;font-size:11px}.rank-chip{font-size:9px;color:var(--yellow);margin-bottom:6px;letter-spacing:1px;font-weight:800}.score{color:var(--yellow);text-align:right;font-size:19px;font-weight:800}.score small{display:block;font-size:8px;font-weight:400;color:var(--muted);margin-top:2px}.rec-reason{font-size:12px;margin:12px 0 7px;line-height:1.5;color:#e1e9fa}.rec-risk{font-size:10px;color:#afbed9;line-height:1.5;border-left:2px solid #8d7055;padding-left:8px;margin-bottom:10px}.rec-actions{display:flex;align-items:center;gap:7px}.rec-actions .button{padding:7px 10px;font-size:11px}.rec-actions .text-button{margin-left:auto;color:#9caccb;font-size:11px}.rec-more{border-top:1px solid #3a435970;margin-top:10px;padding-top:8px}.rec-more summary{cursor:pointer;font-size:10px;color:var(--muted)}.rec-more p{font-size:11px;margin-top:8px}.rec-more select{width:100%;padding:6px;font-size:11px;margin-top:8px}.rec-more .text-button{margin-top:8px}.confidence{color:#a6b4cf;font-size:10px;margin-left:4px}.empty{padding:24px;text-align:center;font-size:13px;color:var(--muted);border:1px dashed #435273;border-radius:12px;line-height:1.8}.empty strong{display:block;color:white;margin-bottom:8px}.warning{padding:11px 14px;background:#e9a63b12;border:1px solid #8f713d70;border-radius:9px;font-size:11px;color:#dfc391;line-height:1.6;margin-bottom:14px}.warning.conflict{background:#ff577a14;color:#ffb7c3;border-color:#be5978}.model-note{font-size:11px;color:var(--muted);margin-top:18px;border-top:1px solid var(--line);padding-top:13px}.model-note summary{cursor:pointer}.model-note p{margin-top:8px}.hypothesis{padding:12px 15px;border:1px dashed #c6a1ff;border-radius:10px;background:#56318a25;font-size:12px;color:#dcc3ff}.hypothesis .text-button{display:block;margin-top:8px}.page-body{max-width:1050px;margin:auto;padding:28px 0;display:grid;gap:20px}.page-body h1{margin-bottom:10px}.page-body .panel{padding:24px}.page-body .panel h2{margin-bottom:15px}.page-body .panel p{font-size:13px;color:var(--muted)}.form-row{display:flex;align-items:center;gap:10px;margin:15px 0;flex-wrap:wrap}.form-row input{flex:1}.form-row label{font-size:12px;color:var(--muted)}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.source-card{padding:18px;background:#17213b;border:1px solid var(--line);border-radius:10px}.source-card strong{display:block;font-size:13px;margin-bottom:8px}.source-card p{font-size:12px}.source-card .big{font-size:26px;color:var(--yellow);font-weight:800;margin-bottom:8px}.tag{font-size:10px;background:#293550;border-radius:5px;padding:4px 7px;display:inline-block;color:#b9c7e4;margin:7px 5px 0 0}.data-version{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.data-version strong{font:12px monospace}.data-version .button{margin-left:auto}.history-entry{padding:15px 0;border-bottom:1px solid var(--line)}.history-entry p{margin-top:8px}.loading{padding:80px;text-align:center;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:15px;padding:24px 0;margin-top:18px;border-top:1px solid #252f49;color:#7f8ca9;font-size:10px}dialog{border:1px solid #53658c;border-radius:17px;padding:0;width:min(820px,94vw);max-height:90vh;background:#141e35;color:var(--text);box-shadow:0 20px 100px #000a}dialog::backdrop{background:#030715ce;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#19243d;z-index:2}.modal-head h2{font-size:20px}.modal-body{padding:22px 24px}.modal-body p{margin-bottom:14px;color:var(--muted);font-size:13px}.modal-body input[type=search]{width:100%;margin-bottom:18px}.brawler-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;max-height:55vh;overflow:auto;padding:3px}.brawler-option{background:#233454;border:1px solid #3b5277;border-radius:9px;padding:7px 3px;min-height:91px;font-size:9px;color:#e5efff}.brawler-option img{display:block;width:62px;height:62px;margin:0 auto 5px}.brawler-option:disabled{opacity:.25;cursor:not-allowed}.modal-map{display:block;max-height:68vh;max-width:100%;margin:auto;image-rendering:auto}.map-list{display:grid;gap:7px;max-height:50vh;overflow:auto}.map-option{display:flex;justify-content:space-between;align-items:center;text-align:left;background:#203151;border:1px solid #3b5077;padding:12px;border-radius:8px}.map-option small{font-size:10px}.build-group{padding:15px 0;border-bottom:1px solid var(--line)}.build-group h3{font-size:14px;margin-bottom:12px}.item-row{display:flex;align-items:center;gap:12px;padding:9px;background:#1f2d48;border:1px solid #3b4f6e;border-radius:8px;margin-bottom:8px}.item-row img{width:45px;height:45px}.item-row strong{font-size:12px}.item-row p{font-size:11px;margin:4px 0 0}.item-row.alt{opacity:.75;border-style:dashed}.manual-controls{display:flex;gap:8px;margin-bottom:13px}.manual-controls input{width:90px}.hint{font-size:11px;color:var(--muted);line-height:1.65}.settings-grid{display:grid;gap:18px}.settings-grid label{display:grid;gap:8px;font-size:12px}.checkbox{display:flex!important;align-items:start;gap:10px!important}.checkbox input{flex:none;margin-top:4px}.settings-grid .warning{margin:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;max-width:650px;padding:14px 22px;border:1px solid #5c79a7;border-radius:12px;background:#263857;box-shadow:0 10px 50px #0009;font-size:13px;line-height:1.5;display:none}#toast.error{border-color:#e87a94;background:#542a41}.compact .draft-layout{grid-template-columns:minmax(330px,1fr) minmax(350px,1.2fr)}.compact .team-sidebar{display:none}.compact .map-hero{min-height:120px;padding:15px}.compact .map-copy h2{font-size:21px;margin:7px 0}.compact .map-copy p,.compact .map-copy .mode-pill{display:none}.compact .map-image{height:95px;right:30px}.compact .heading{padding:17px 0}.compact .rec-card{padding:10px}.compact .rec-portrait{height:45px;width:45px}.compact .rec-reason{margin:8px 0;font-size:11px}.compact .pick-slot{min-height:87px}.compact footer{display:none}@media(min-width:1600px){.draft-layout{grid-template-columns:270px minmax(450px,1fr) 410px}.map-hero{min-height:230px}.map-image{height:205px;width:140px}.rec-card{padding:18px}.rec-reason{font-size:13px}.pick-slot{min-height:115px}}@media(max-width:1250px){.app-shell{padding:0 18px}.topbar{gap:24px}.navigation{gap:16px}.brand{font-size:18px}.brand small{font-size:7px}.draft-layout{grid-template-columns:215px minmax(300px,1fr) 320px;gap:14px}.map-copy h2{font-size:23px}.map-image{right:9px;width:91px}.map-copy{width:75%}.rec-portrait{height:53px;width:53px}.rec-title strong{font-size:15px}.rec-card{padding:12px}.rec-actions .button{padding:7px;font-size:10px}.offline{display:none}}@media(max-width:1030px){.draft-layout{grid-template-columns:minmax(330px,1fr) 350px}.team-sidebar{grid-column:1/-1;display:grid;grid-template-columns:1fr}.team-sidebar .panel-header{display:none}.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roster-note,.sidebar-extra{display:none}.player{margin:0}.topbar{gap:15px}.navigation{gap:15px}.brand small{display:none}.top-actions{gap:5px}.source-grid{grid-template-columns:1fr}.heading p{max-width:530px}}@media(max-width:760px){.topbar{flex-wrap:wrap;padding:15px 0;gap:14px}.navigation{order:3;flex-basis:100%;height:36px;justify-content:space-between}.top-actions{margin-left:auto}.heading{align-items:start}.heading h1{font-size:23px}.draft-layout,.compact .draft-layout{grid-template-columns:1fr}.team-sidebar{display:block}.roster{grid-template-columns:1fr}.player{margin-bottom:6px}.player-title{margin-bottom:6px}.profile-meta{margin:6px 0}.heading p{font-size:11px}.map-copy h2{max-width:none}.map-image{width:115px;right:30px}.map-hero{min-height:200px}.main-draft{gap:12px}.recommendations{margin-top:10px}.brawler-grid{grid-template-columns:repeat(4,1fr)}footer{display:block;line-height:1.8}.modal-body{padding:18px}.rec-actions .button{font-size:12px}.data-version{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.map-image{padding:0;background:none;border:0}.map-image img{width:100%;height:100%;object-fit:contain}.yellow{color:var(--yellow)}
#tablet-canvas{display:block;max-width:100%;max-height:55vh;width:auto;height:auto;touch-action:none;cursor:crosshair;border:1px solid #677796;margin:10px auto}
.busy [data-action],.busy [data-change],.busy [data-page]{pointer-events:none}.busy{cursor:progress}
.tablet-connection-card{padding:18px;border:1px solid #50799b;border-radius:12px;background:#1d354c}.tablet-connection-card strong{display:block;color:var(--green);font-size:20px;margin-bottom:8px}
.observation-panel{padding:14px 16px;border-color:#4b6687}.observation-head,.observation-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.observation-head{margin-bottom:8px}.observation-meta{font-size:10px;color:var(--muted);margin-top:9px}.observation-proposals{margin-top:12px;max-height:230px;overflow:auto}.observation-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 0;border-top:1px solid #3b4a68}.observation-row strong{font-size:12px}.observation-row small{display:block;font-size:10px;max-width:350px;margin-top:5px}.observation-row .button{flex-shrink:0}

/* Detected context and empirical map statistics. */
.pick-slot.detected{outline:2px dashed #fbc746;outline-offset:-3px;min-height:210px}.detected-label{color:#ffd45c;font-size:11px}.empirical{background:#182b3e;border-left:3px solid #57c9f1;padding:10px;font-size:13px;line-height:1.5}.empirical small{color:#b3c2d5}.stats-scroll{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;font-size:14px}.stats-table th,.stats-table td{text-align:left;padding:10px;border-bottom:1px solid #33445f}.stats-table th{color:#9eaec6}.history-entry label{display:flex;gap:12px;align-items:center;margin-top:12px}.history-entry select{max-width:260px}

.ban.detected-ban{outline:2px dashed #fbc746;outline-offset:2px}.ban.detected-ban small{position:absolute;bottom:0;left:2px;right:2px;border-radius:3px;background:#18283deb;color:#ffe08a;font-size:9px;text-align:center}#modal::backdrop{cursor:pointer}

.pair-evidence{padding:10px;background:#14273b;border-radius:8px;margin:8px 0}.pair-evidence p{font-size:12px;margin-top:6px}.ownership-note{color:#7cd9cf!important;font-size:12px}.observation-row{flex-wrap:wrap}

.post-draft{padding:22px;margin-bottom:22px;border-color:#5275ab;background:radial-gradient(ellipse at top right,#28446b77,transparent 65%),#151f36}.post-draft>p{margin-top:12px}.post-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.post-heading p{color:#adbed8;font-size:13px;max-width:780px;margin-top:8px}.post-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.post-pair{padding:17px;background:#101a2ddd;border:1px solid #3c5276;border-radius:12px;min-width:0}.post-portraits{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:6px;align-items:center;text-align:center}.post-portraits>div{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.post-portraits img{width:68px;height:68px}.post-portraits strong{font-size:14px;overflow-wrap:anywhere}.post-portraits small{font-size:11px}.post-arrow{font-size:24px;color:#ffda5b}.post-unknown{display:grid;place-items:center;width:68px;height:68px;border:2px dashed #657693;border-radius:12px;color:#a1b2ca;font-size:32px}.post-percent{font-size:29px;font-weight:850;margin:14px 0 6px}.post-percent small{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#b2c2dc}.post-percent.positive{color:#8ee4bd}.post-percent.negative{color:#ffacb6}.post-target-label{display:flex;flex-direction:column;gap:7px;margin-top:13px;font-size:11px;color:#bdcce0}.post-target-label select{width:100%;font-size:12px}.post-status{font-size:12px;color:#d8e5f9}.post-caveat{font-size:12px;line-height:1.6;color:#e7ce8e;border-left:3px solid #c79c3e;padding-left:12px}.post-matrix{margin-top:14px}.post-matrix summary{font-size:13px;color:#9dc9ff;cursor:pointer}.matchup-choice{display:flex;flex-direction:column;min-width:100px;width:100%;font-size:16px!important}.matchup-choice small{font-size:10px;color:#a9bdd6}.matchup-choice.chosen{border-color:#ffdc72;background:#364367}.post-matrix th,.post-matrix td{vertical-align:middle}@media(max-width:850px){.post-pairs{grid-template-columns:1fr}.post-portraits{grid-template-columns:1fr 40px 1fr}.post-heading{flex-wrap:wrap}.post-draft{padding:16px}}

.post-personal{font-size:11px;line-height:1.6;color:#bdcde3;margin-top:10px;padding:9px;background:#22314c;border-radius:7px}.post-personal strong{color:#f8df9a}.matchup-choice .personal-best-badge{color:#8ce7bb;font-weight:700}
.map-image .map-media{display:block;width:100%;height:100%}.map-media .map-unavailable{display:block;font-size:11px;line-height:1.5;color:var(--muted);padding:12px}.map-media img[hidden],.map-media .map-unavailable[hidden]{display:none}.map-media .modal-map{height:auto}
/* Draft board: focused game view. Other pages retain their existing forms. */
.draft-screen{background:radial-gradient(ellipse at 50% 0,#1a2947 0,transparent 65%),#0c1220;min-width:360px}
.draft-screen .app-shell{max-width:1540px;padding:0 24px}
.draft-screen .topbar{min-height:72px;border-color:#ffffff0e;gap:28px}
.draft-screen .brand{font-size:20px}.draft-screen .brand small{font-size:7px;letter-spacing:1.5px}
.draft-screen .navigation{gap:25px}.draft-screen .offline{font-size:10px}
.draft-screen footer{font-size:10px;padding:17px 0;margin-top:22px;border-color:#ffffff0c}
.draft-page{padding-top:22px}
.draft-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.draft-heading>div:first-child{display:flex;align-items:baseline;gap:14px}
.draft-heading h1{font-size:26px;letter-spacing:-.7px;margin:0}
.draft-heading>div>span{font-size:12px;color:#8796af}
.draft-heading-actions{display:flex;align-items:center;gap:10px}
.reading-toggle{padding:9px 12px;border-radius:8px;border:1px solid #354258;background:#182336;color:#acb9cf;font-size:11px}
.reading-toggle.on{border-color:#35584f;background:#16302b;color:#93dbbb}
.draft-heading-actions>.button{box-shadow:none;background:#263650;border-color:#425674;font-size:11px}
.draft-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.draft-page .main-draft{min-width:0;display:grid;gap:16px}
.draft-board{border:1px solid #354762;border-radius:15px;overflow:hidden;background:#141e30;box-shadow:0 14px 40px #050a151c}
.board-map{display:grid;grid-template-columns:minmax(0,1fr) auto 43px;gap:20px;align-items:center;padding:13px 20px;background:#1b2940;border-bottom:1px solid #344159;min-height:86px}
.board-map-name{background:none;padding:0;text-align:left;min-width:0}
.board-map-name>span{display:block;font-size:10px;font-weight:650;letter-spacing:1.3px;color:#9caecb;margin-bottom:6px;text-transform:uppercase}
.board-map-name>strong{font-size:19px;letter-spacing:-.3px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board-map-name>strong small{font-size:15px;color:#93a8c9;margin-left:4px}
.board-phases{display:flex;align-items:center;border:1px solid #3b4b66;border-radius:8px;padding:3px;background:#101d30;gap:2px}
.board-phases button{padding:7px 11px;border-radius:5px;background:none;color:#95a5c1;font-size:11px;white-space:nowrap}
.board-phases button.active{background:#38527a;color:#fff}
.board-map-preview{height:60px;width:43px;padding:0;background:none;cursor:zoom-in;filter:drop-shadow(0 3px 4px #0004)}
.board-map-preview .map-media,.board-map-preview img{display:block;width:100%;height:100%;object-fit:contain}
.board-map-preview .map-unavailable{padding:0;font-size:8px;line-height:1.25}
.draft-arena{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:0;padding:18px 16px 20px;background:linear-gradient(110deg,#183566 0,#142d56 45%,#382c46 50%,#4b243a 55%,#52283d 100%);position:relative}
.arena-team{min-width:0;position:relative}
.arena-team-name{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750;letter-spacing:.3px;margin-bottom:13px;color:#b9d9ff}
.arena-team-name>span{width:5px;height:5px;border-radius:50%;background:#6db9ff}
.enemy-team .arena-team-name{justify-content:flex-end;color:#ffc1cb}
.enemy-team .arena-team-name>span{background:#ff879a}
.arena-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
.arena-versus{align-self:center;text-align:center;font-size:21px;font-style:italic;font-weight:950;letter-spacing:-2px;color:#edf3ff;text-shadow:0 3px 0 #0a1224;transform:rotate(-5deg);padding-top:17px}
.draft-pick{min-width:0;border:1px solid #5474a873;border-radius:9px;background:#11284ccc;overflow:hidden;display:flex;flex-direction:column;position:relative;color:white}
.draft-pick.enemy{border-color:#b25c7866;background:#3d1d32c7}
.draft-pick.target{border-color:#8ac6ff;box-shadow:0 0 0 1px #8ac6ff44}
.pick-owner{display:flex;align-items:center;gap:5px;min-height:29px;padding:6px 7px;background:#00000019;min-width:0}
.pick-owner>span:first-child{font-size:9px;color:#b0c5e4;flex-shrink:0}
.pick-owner>span:last-child{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d0a9bb}
.pick-owner button{display:flex;justify-content:space-between;gap:3px;min-width:0;flex:1;font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;padding:0;text-align:left;color:#d9e7fc}
.pick-owner button>span{color:#93add5;font-size:10px}
.pick-face{position:relative;flex:1;min-height:151px;display:flex;align-items:center;justify-content:center}
.pick-select{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;height:100%;min-height:151px;padding:12px 6px 20px;background:none;color:#c1d2ec;gap:5px}
.pick-select img{display:block;width:100%;max-width:115px;height:102px;object-fit:contain;filter:drop-shadow(0 4px 5px #0003)}
.pick-select strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850;line-height:1.3;color:#f4f8ff}
.pick-plus{display:flex;align-items:center;justify-content:center;width:62px;height:72px;font-size:31px;font-weight:300;color:#7895c2}
.enemy .pick-plus{color:#b78198}
.draft-pick:not(.filled) .pick-select strong{font-size:10px;color:#8ca5cc;font-weight:500}
.draft-pick.enemy:not(.filled) .pick-select strong{color:#bd8ea3}
.pick-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:5px;background:#081328a3;font-size:17px;line-height:17px;color:#cbd5e6;opacity:.7}
.pick-source{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:8px;color:#b7cce9;pointer-events:none}
.pick-bottom{min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:3px;padding:5px 6px;border-top:1px solid #ffffff0b;background:#00000012}
.pick-target,.pick-build,.pick-accept{padding:2px 1px;background:none;font-size:9px;color:#b8cbe7;white-space:nowrap}
.pick-target.active{color:#afdcff}.pick-build{color:#a6b8d3}.pick-accept{font-size:14px;line-height:16px;padding:0 3px;color:#b9eccf}
.pick-opponent{font-size:9px;color:#b3869c}
.slot-availability{padding:6px 4px;font-size:9px;line-height:1.35;background:#8d692228;color:#f0cd83;border-top:1px solid #ba90422b;text-align:center}
.board-bans{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;border-top:1px solid #47516b5c;background:#172236}
.board-bans>span{font-size:11px;font-weight:700;color:#aab9d1;white-space:nowrap}
.board-bans>span small{font-size:9px;color:#788cae;margin-left:5px;font-weight:400}
.board-bans>.text-button{font-size:10px;color:#9faec6}
.board-bans .ban-list{gap:7px;flex-wrap:nowrap}
.board-bans .ban{width:39px;height:39px;border-radius:7px;border:1px solid #52617a;background:#101b2e;position:relative;overflow:hidden;padding:0;outline:none}
.board-bans .ban img{width:100%;height:100%;object-fit:contain;opacity:.62;filter:grayscale(.3)}
.board-bans .ban .clear{position:absolute;top:0;right:0;width:15px;height:15px;font-size:13px;line-height:13px;background:#090f1cd9;z-index:2}
.board-bans .ban-empty{color:#62738f;font-size:20px;border-style:dashed}
.board-bans .detected-ban{border-color:#7d718b}
.ban-slash{position:absolute;left:1px;right:1px;top:19px;height:2px;background:#f37487;transform:rotate(-43deg);pointer-events:none;box-shadow:0 0 0 1px #27152955}
.board-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#141e30;border-top:1px solid #34435c66}
.board-bottom label{font-size:10px;color:#93a5c3;display:flex;align-items:center;gap:9px}
.board-bottom select{font-size:10px;background:#1c2a40;border-color:#354862;padding:5px 7px;max-width:170px}
.board-bottom>.text-button{font-size:10px;color:#a7b7d0}
.draft-page .recommendations{display:grid;gap:11px;min-width:0}
.draft-page .recommendation-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:1px 0 2px}
.draft-page .recommendation-heading h2{font-size:17px;font-weight:750;margin:0}
.draft-page .recommendation-heading p{font-size:11px;color:#98a9c4;margin:5px 0 0}
.recommendation-count{font-size:12px;color:#a4b9d5;border:1px solid #3a4a64;border-radius:7px;min-width:27px;text-align:center;padding:3px}
.draft-page .rec-card{min-width:0;padding:13px 14px;background:#182338;border:1px solid #34445f;border-radius:11px;box-shadow:none}
.draft-page .rec-card.best{background:linear-gradient(120deg,#26354c,#1c293e);border-color:#9d8450}
.draft-page .rec-top{display:flex;gap:10px;align-items:center}
.draft-page .rec-portrait{width:51px;height:51px;flex-shrink:0}
.draft-page .rec-title{min-width:0;flex:1}.draft-page .rec-title strong{font-size:17px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.draft-page .rec-title small{font-size:9px;color:#a5b7d0}
.rec-position{font-size:8px;letter-spacing:.5px;text-transform:uppercase;color:#b6a471;display:block;margin-bottom:3px}
.rec-points{font-size:15px;font-weight:750;text-align:right;color:#d9e1ee;flex-shrink:0}
.rec-points small{font-size:8px;display:block;color:#8ea2bf;font-weight:400;margin-top:2px}
.draft-page .rec-reason{font-size:11px;color:#b9c8dd;line-height:1.5;margin:9px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rec-sample{font-size:10px;color:#93a9c9;margin:6px 0 9px}.rec-sample strong{font-size:12px;color:#8bcbb8;font-weight:650}
.draft-page .rec-actions{display:flex;gap:8px;align-items:center}
.draft-page .rec-actions .button{padding:7px 13px;font-size:11px;box-shadow:none}
.draft-page .rec-actions .text-button{font-size:10px;margin-left:auto;color:#a3b2c8}
.draft-page .rec-more{border-top:1px solid #ffffff0a;margin-top:10px;padding-top:8px}
.draft-page .rec-more summary{font-size:10px;color:#8fa3c1}
.draft-page .rec-more p{font-size:11px;line-height:1.6;color:#b5c5dd}
.draft-page .rec-more .form-row{margin:10px 0;gap:6px}
.draft-page .rec-more .button{padding:7px 8px;font-size:10px;box-shadow:none}
.draft-page .rec-more select{font-size:11px;margin-top:5px}
.draft-page .recommendations>.button{box-shadow:none;font-size:11px;padding:9px}
.recommendation-note{font-size:9px;line-height:1.5;color:#7e91ae;text-align:center;margin:1px 0 0}
.draft-reading,.draft-explanation{border:1px solid #2e3d55;border-radius:9px;background:#131e30;margin-top:16px;color:#9eafc9}
.draft-reading>summary,.draft-explanation>summary{cursor:pointer;padding:12px 15px;font-size:11px;font-weight:550}
.draft-reading>summary>span{font-size:10px;font-weight:400;color:#7692b8;margin-left:9px}
.draft-reading[open],.draft-explanation[open]{padding-bottom:14px}
.draft-reading .observation-panel{border:0;background:none;box-shadow:none;padding:4px 15px}
.draft-reading .observation-head{display:none}
.draft-reading .observation-meta{margin-top:6px}
.draft-reading .observation-proposals{max-height:330px}
.draft-reading-actions{display:flex;gap:8px;padding:9px 15px 0}
.draft-reading-actions .button{box-shadow:none;font-size:10px}
.draft-explanation{margin-top:8px;background:none;border-color:#ffffff0b}
.draft-explanation>p,.draft-explanation>.text-button{margin:5px 15px;font-size:11px;line-height:1.6}
.draft-explanation>.text-button{margin-top:10px}
.draft-trials,.draft-builds{padding:13px 15px;border:1px solid #625581;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#251e3c}
.draft-trials>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.draft-trials strong,.draft-builds>strong{font-size:12px;white-space:nowrap}
.draft-trials span{font-size:11px;color:#b5a6cd}
.draft-trials .button,.draft-builds .button{font-size:10px;padding:6px 9px;box-shadow:none}
.draft-builds{background:#16283b;border-color:#334f6d}.draft-builds>div{display:flex;gap:7px;flex-wrap:wrap}
.draft-page .post-draft{padding:17px;margin:0;background:#162238;border-color:#3f587a}
.draft-page .post-heading h2{font-size:18px}.draft-page .post-heading .eyebrow{font-size:8px;letter-spacing:1px}
.draft-page .post-heading p{font-size:11px;margin-top:5px}
.draft-page .post-pairs{gap:10px;margin-top:13px}
.draft-page .post-pair{padding:12px;border-color:#354960}
.draft-page .post-portraits img,.draft-page .post-unknown{width:48px;height:48px}
.draft-page .post-portraits strong{font-size:11px}.draft-page .post-portraits small{font-size:9px}
.draft-page .post-percent{font-size:24px;margin-top:12px}.draft-page .post-percent small{font-size:9px}
.draft-page .post-personal{font-size:10px;padding:7px;line-height:1.5}
.draft-page .post-status,.draft-page .post-caveat{font-size:10px;line-height:1.6}
.post-pair-settings{margin-top:10px;border-top:1px solid #ffffff0b;padding-top:8px}
.post-pair-settings summary{font-size:10px;color:#9fb7d8;cursor:pointer}
.draft-page .post-target-label{font-size:10px;margin-top:8px}.draft-page .post-target-label select{font-size:11px}
.draft-page .post-matrix summary{font-size:11px}
.slot-manager .player{margin:0;background:#1a2a43}.slot-manager select{width:100%}
.draft-screen.compact .draft-arena{padding-top:12px;padding-bottom:12px}
.draft-screen.compact .pick-select,.draft-screen.compact .pick-face{min-height:126px}
.draft-screen.compact .pick-select img{height:82px}.draft-screen.compact .board-map{min-height:74px;padding-top:8px;padding-bottom:8px}
@media(min-width:1600px){.draft-workspace{grid-template-columns:minmax(0,1fr) 340px;gap:24px}.pick-select img{height:116px;max-width:130px}.pick-select,.pick-face{min-height:166px}.draft-page .rec-card{padding:16px}.draft-page .rec-portrait{width:57px;height:57px}}
@media(max-width:1200px){.draft-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.board-map{padding:13px 15px;gap:12px}.board-map-name>strong{font-size:17px}.board-phases button{padding:7px 9px}.draft-arena{padding-left:12px;padding-right:12px;grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr)}.arena-picks{gap:6px}.pick-owner{padding:6px 5px}.pick-select strong{font-size:10px}.pick-target,.pick-build{font-size:8px}.slot-availability{font-size:8px}.board-bans{padding:13px 15px}.board-bans .ban-list{gap:5px}.board-bans .ban{height:34px;width:34px}.ban-slash{top:16px}.draft-page .rec-card{padding:12px}}
@media(max-width:1000px){.draft-screen .app-shell{padding:0 18px}.draft-workspace{grid-template-columns:1fr}.draft-page .recommendations{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.draft-page .recommendation-heading,.recommendation-note{grid-column:1/-1}.draft-page .recommendations>.button{grid-column:1/-1}.draft-arena{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);padding:18px}.arena-picks{gap:10px}.pick-select strong{font-size:12px}.pick-target,.pick-build{font-size:10px}.slot-availability{font-size:9px}.board-bans .ban{width:39px;height:39px}.board-bans .ban-list{gap:8px}.ban-slash{top:19px}.draft-screen .topbar{gap:20px}.draft-screen .navigation{gap:16px}.draft-page .empty{grid-column:1/-1}}
@media(max-width:700px){.draft-screen .topbar{padding:13px 0;min-height:0;gap:12px;flex-wrap:wrap}.draft-screen .navigation{order:3;flex-basis:100%;justify-content:space-between;height:33px}.draft-screen .top-actions{margin-left:auto}.draft-screen .brand small{display:none}.draft-page{padding-top:18px}.draft-heading{gap:8px;align-items:center}.draft-heading>div:first-child{display:block}.draft-heading h1{font-size:23px}.draft-heading>div>span{font-size:10px;display:block;margin-top:3px}.draft-heading-actions{gap:6px}.reading-toggle{font-size:9px;padding:8px}.draft-heading-actions>.button{font-size:9px;padding:8px}.board-map{grid-template-columns:minmax(0,1fr) 36px;gap:10px;padding:13px}.board-map-name>strong{font-size:17px}.board-map-name>span{font-size:9px}.board-map-preview{grid-column:2;grid-row:1;width:36px;height:52px}.board-phases{grid-column:1/-1;justify-content:center}.board-phases button{flex:1}.draft-arena{padding:13px 10px 16px;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)}.arena-picks{gap:5px}.arena-team-name{font-size:9px;gap:5px}.arena-versus{font-size:16px;letter-spacing:-1px}.pick-owner{padding:5px 3px;min-height:28px}.pick-owner button,.pick-owner>span:last-child{font-size:8px}.pick-owner>span:first-child{font-size:8px}.pick-owner button>span{display:none}.pick-select,.pick-face{min-height:116px}.pick-select{padding:9px 3px 16px}.pick-select img{height:73px}.pick-select strong{font-size:9px}.pick-bottom{padding:5px 3px;min-height:25px;flex-wrap:wrap;justify-content:center}.pick-target,.pick-build,.pick-opponent{font-size:8px}.pick-source{font-size:7px}.pick-remove{font-size:14px;width:17px;height:17px;right:1px;top:1px}.slot-availability{font-size:8px;padding:5px 2px}.pick-plus{width:36px;height:60px;font-size:25px}.board-bans{gap:8px;padding:12px 10px}.board-bans>.text-button{display:none}.board-bans>span{font-size:9px}.board-bans>span small{display:none}.board-bans .ban-list{gap:6px}.board-bans .ban{width:34px;height:34px}.ban-slash{top:16px}.board-bottom{padding:10px;gap:7px}.board-bottom label,.board-bottom>.text-button{font-size:9px}.board-bottom select{font-size:9px;max-width:135px}.draft-page .recommendations{grid-template-columns:1fr}.draft-page .rec-reason{-webkit-line-clamp:unset}.draft-page .rec-portrait{width:53px;height:53px}.draft-page .post-pairs{grid-template-columns:1fr}.draft-trials,.draft-builds{flex-wrap:wrap}.draft-screen footer{font-size:9px;line-height:1.6}}
.pick-owner button>.owner-name{font-size:inherit;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.pick-owner button>.owner-caret{flex-shrink:0}@media(max-width:700px){.pick-owner button>.owner-name{display:block}.pick-owner button>.owner-caret{display:none}}
.arena-team{display:flex;flex-direction:column}.arena-picks{flex:1}.pick-select{justify-content:flex-start}.draft-pick:not(.filled) .pick-select{justify-content:center}.build-shortcut{display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border:1px solid #3a4c68;background:#19263c;border-radius:10px;min-width:0}.build-shortcut>img{width:48px;height:48px;flex-shrink:0}.build-shortcut>span:first-of-type{flex:1;min-width:0}.build-shortcut strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-shortcut small{font-size:10px;display:block;color:#9caec9;margin-top:4px}.build-shortcut>span:last-child{font-size:10px;color:#b8cce6;white-space:nowrap}
.rec-points.empirical-value{color:#92d2bd;font-size:17px}.rec-points.empirical-value small{max-width:56px;font-size:8px;line-height:1.3;text-wrap:balance}.draft-page .rec-actions{margin-top:10px}
.pool-map-list{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.pool-map-list>span{padding:6px 9px;border:1px solid #3b4b65;border-radius:6px;font-size:11px;background:#1a2942}.ranked-pool-panel details{margin-top:16px}.ranked-pool-panel summary{font-size:12px;color:#a4bddf;cursor:pointer}

.stat-scope{display:inline-block;font-size:10px;line-height:1.4;color:#b7c9e7;margin:5px 0}.stat-scope.fallback{color:#ffcf70}.matchup-choice .stat-scope{display:block;font-size:9px}