:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e4e7e9;background:#101416;--gold:#e8bf6b;--muted:#9da7ad;--line:#323b40;--panel:#1b2226}*{box-sizing:border-box}body{margin:0}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 5vw;background:#151b1e}.brand{display:flex;align-items:center;gap:13px;color:var(--gold);font:700 29px Georgia;text-decoration:none}.brand span{font:600 13px Segoe UI;letter-spacing:2px;color:#eee}.badge{font-size:10px;letter-spacing:1.8px;color:var(--gold);border:1px solid #71613d;padding:7px 9px;border-radius:4px}#serverState{margin-left:auto;font-size:12px;color:var(--muted)}main{max-width:1240px;padding:46px 28px 20px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-bottom:38px}.intro h1{font-size:52px;line-height:1.08;letter-spacing:-2px;font-weight:550;margin:15px 0}.intro h1 em{font-style:normal;color:var(--gold)}.intro p:not(.eyebrow){max-width:560px;color:var(--muted);line-height:1.6}.eyebrow,.step{font-size:11px;letter-spacing:1.8px;color:var(--gold);font-weight:650}.scope{padding:25px;border-left:1px solid var(--line);min-width:240px;font-size:15px}.scope div{font-size:13px;color:var(--muted);margin:14px 0;line-height:1.8}.pulse{display:inline-block;background:#6fd8b2;width:7px;height:7px;border-radius:50%;margin-right:8px}.layout{display:grid;grid-template-columns:340px 1fr;gap:22px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:28px}.panel h2{font-size:24px;font-weight:550;letter-spacing:-.5px;margin:12px 0}.panel p{line-height:1.55}.import>p:not(.step){color:var(--muted);font-size:14px}.login{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.login p{color:var(--muted);font-size:14px}label{display:block;font-size:12px;font-weight:600;margin:16px 0 8px}input,textarea,select{font:inherit;width:100%;background:#11181c;color:#e4e7e9;border:1px solid #455057;border-radius:6px;padding:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 2px #e8bf6b22}textarea{height:152px;resize:vertical;font:11px/1.7 monospace}button{font:600 14px Segoe UI;border:1px solid transparent;border-radius:6px;background:var(--gold);color:#201a10;padding:12px 19px;cursor:pointer;white-space:nowrap}button:hover{filter:brightness(1.08)}button:disabled{cursor:default;opacity:.4}.inline{display:flex;gap:10px}.wide{width:100%;margin-top:16px}.file{font-weight:400;color:var(--gold);border:1px dashed #5c5749;padding:12px;text-align:center;cursor:pointer}.file input{font-size:11px;border:0;margin-top:8px;padding:0;background:none}.muted{color:var(--muted)}.small{font-size:12px}hr{border:0;border-top:1px solid var(--line);margin:26px 0}.counts{display:flex;gap:20px}.counts strong{font-size:26px;color:var(--gold);display:block}.counts span{font-size:11px;color:var(--muted)}details{margin-top:18px;font-size:12px}summary{cursor:pointer;color:var(--gold)}pre{white-space:pre-wrap;word-break:break-word;max-height:300px;overflow:auto;font:11px/1.6 monospace;background:#121719;padding:15px}.formRow{display:grid;grid-template-columns:1fr 90px;gap:14px}h3{font-size:15px;font-weight:600;margin-top:25px}h3 span{float:right;font-size:12px;color:var(--muted)}.team{padding:0;display:flex;gap:8px;list-style:none;min-height:104px}.team li{flex:1;min-width:0;border:1px solid #665b43;border-radius:6px;padding:12px 8px;background:#282921;font-size:11px;display:flex;flex-direction:column;justify-content:space-between}.team li small{color:var(--gold);font-size:9px;letter-spacing:.8px}.team button{font-size:10px;background:none;color:#c8c1b1;padding:4px;margin-top:5px;border:1px solid #575440}.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:310px;overflow:auto;margin:14px 0 24px;padding-right:3px}.hero{text-align:left;background:#202b30;color:#dde2e4;border:1px solid #3a454b;white-space:normal;padding:12px;font-size:12px;line-height:1.4}.hero small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.hero.selected{border-color:var(--gold);background:#373329}.empty{grid-column:1/-1;font-size:13px;color:var(--muted);padding:20px 0}.runBar{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:16px}.runBar small{color:var(--muted);display:block;margin-top:5px}.runBar button{min-width:190px}.runBar button span{margin-left:20px}.results{margin-top:22px}.resultHead{display:flex;justify-content:space-between;align-items:center}.secondary{background:transparent;border:1px solid #576168;color:#d2d7da}progress{width:100%;height:9px;accent-color:var(--gold);margin:15px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:23px 18px;border:1px solid var(--line);border-radius:8px}.metric strong{display:block;font-size:27px;font-weight:550;color:var(--gold);margin:12px 0}.metric span{font-size:11px;color:var(--muted)}.error{background:#482625;color:#ffd4d0;padding:18px;border:1px solid #96544a;border-radius:6px}footer{font-size:11px;color:#8b969d;display:flex;justify-content:space-between;gap:25px;margin:35px 0;line-height:1.8}[hidden]{display:none!important}@media(max-width:850px){.intro h1{font-size:40px}.scope{display:none}.layout{grid-template-columns:1fr}.login{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}header{padding:0 20px}.badge{display:none}main{padding:30px 16px}.panel{padding:22px}.roster{grid-template-columns:repeat(2,1fr)}footer{display:block}.team{flex-wrap:wrap}.team li{min-width:90px}}
/* Shared desktop palette and compact studio surfaces. */
:root{--bg:#191c20;--panel:#22262b;--line:#3c4249;--muted:#b0b7bf;--gold:#73d7d0;color-scheme:dark}body{background:var(--bg);color:#eef1f3;font-family:'Avenir Next','Segoe UI',sans-serif}header{background:#202429;border-bottom:1px solid var(--line)}main{max-width:1500px;padding-top:24px}.intro{padding-bottom:24px;gap:24px}.intro h1{font-size:38px;letter-spacing:-1px}.intro p:not(.eyebrow){max-width:760px;margin-bottom:0}.scope{background:#202429;border:1px solid var(--line);border-radius:8px;padding:18px}.panel{background:var(--panel);border-radius:8px;padding:22px}.layout{grid-template-columns:300px minmax(0,1fr);gap:18px;margin-top:18px}.panel h2{font-size:22px}input,textarea,select{background:#191c20;border-color:var(--line);color:#eef1f3}button{background:#293f3c;color:#73d7d0;border:1px solid #527774}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #73d7d0;outline-offset:3px}.roster-tools{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.roster{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-height:640px;gap:12px;align-content:start}.champion-card{--rarity:#63717c;border:1px solid var(--rarity);border-radius:7px;overflow:hidden;background:#202429}.champion-card[data-rarity=Rare],.team li[data-rarity=Rare]{--rarity:#68adf1}.champion-card[data-rarity=Epic],.team li[data-rarity=Epic]{--rarity:#ce8ee5}.champion-card[data-rarity=Legendary],.team li[data-rarity=Legendary]{--rarity:#e4c368}.champion-card[data-rarity=Mythical],.team li[data-rarity=Mythical]{--rarity:#ef777f}.hero{display:flex;flex-direction:column;width:100%;align-items:center;text-align:center;padding:0 0 12px;border:0;border-radius:0;background:#202429;min-height:235px;color:#eef1f3}.hero img{width:100%;height:164px;object-fit:contain;background:linear-gradient(145deg,#30383e,#171b1e);border-bottom:2px solid var(--rarity)}.hero strong{padding:10px 8px 0;font-size:12px;line-height:1.4;min-height:43px}.hero small{padding:0 6px;font-size:10px}.hero.selected{background:#293f3c;box-shadow:inset 0 0 0 2px #73d7d0}.hero:disabled{opacity:.55}.inspect{border:0;border-top:1px solid var(--line);border-radius:0;background:#2a3036;font-size:10px;padding:8px;width:100%;color:#b0b7bf}.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px}.team li{--rarity:#63717c;border:1px solid var(--rarity);background:#202429;padding:10px;min-height:205px;align-items:center;text-align:center;gap:8px}.team li img{height:100px;width:80px;object-fit:contain}.team li strong{font-size:11px}.team .empty-slot{border:1px dashed #4d555e;justify-content:center;color:#939da7}.slot-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.team button{margin:0;color:#b0b7bf;border-color:#4d555e}.runBar{position:sticky;bottom:0;background:#22262bf5;padding:16px 0;z-index:1}.runBar button{font-size:15px}.file{border-color:#527774}.metrics .metric{background:#202429}.badge{border-color:#527774;color:#73d7d0}dialog{background:#22262b;color:#eef1f3;border:1px solid #63717c;border-radius:12px;max-width:760px;width:calc(100% - 32px);padding:24px}dialog::backdrop{background:#000a}#closeChampion{float:right}#championDetail>img{width:112px;height:146px;object-fit:contain;float:left;margin:0 24px 20px 0}#championDetail h3{clear:both;padding-top:16px}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.equipment-grid>div{display:flex;flex-direction:column;align-items:center;text-align:center;background:#191c20;border:1px solid #3c4249;padding:12px;font-size:11px;gap:8px}.equipment-grid img{width:64px;height:64px;object-fit:contain}@media(max-width:1050px){.layout{grid-template-columns:260px minmax(0,1fr)}.roster-tools{grid-template-columns:1fr 1fr}.roster-tools>div:first-child{grid-column:1/-1}.team{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){main{padding:18px 12px}.layout{grid-template-columns:1fr}.panel{padding:16px}.intro h1{font-size:32px}.roster{grid-template-columns:repeat(3,minmax(0,1fr));max-height:560px}.hero img{height:130px}.hero{min-height:205px}.team{grid-template-columns:repeat(3,minmax(0,1fr))}.team li{min-width:0}.equipment-grid{grid-template-columns:repeat(2,1fr)}.runBar{flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,1fr)}}