/* V74 · Estilos base consolidados. Mantiene orden de cascada original.
   Archivos v18-v31 originales quedan en GitHub solo para historial/rollback. */

/* ===== assets/styles.css ===== */

:root{color-scheme:dark;--bg:#080f19;--card:#111e2d;--line:#2b3b4e;--ink:#f0f5fc;--muted:#95a6b9;--gold:#d6ae69;--blue:#4cbcf4;--red:#ff7985}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -15%,#20334d 0%,#080f19 52%);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}main{max-width:990px;margin:auto;padding:30px 18px 60px}.top{text-align:center;margin-bottom:24px}.kicker{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:800}.top h1{margin:8px 0 6px;font-size:clamp(28px,5vw,40px)}.top p{margin:0;color:var(--muted);font-size:14px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{background:#101c2bdc;border:1px solid var(--line);border-radius:15px;padding:21px;box-shadow:0 12px 30px #0002}h2{font-size:15px;letter-spacing:.2px;margin:0 0 12px}.sub{color:var(--muted);font-size:12px;line-height:1.55;margin:5px 0 12px}.entry{display:flex;gap:8px}.entry input{flex:1;min-width:0;padding:13px;background:#081523;border:1px solid #405065;border-radius:9px;color:white;font-size:15px;outline:none}.entry input:focus{border-color:var(--gold)}button{border:0;cursor:pointer;font-family:inherit;font-weight:750;transition:.15s}button:hover{filter:brightness(1.13)}.add{border-radius:9px;background:#2b4258;color:white;padding:0 16px}.players{display:flex;gap:7px;flex-wrap:wrap;min-height:76px;margin-top:13px;align-content:start}.chip{background:#1b2e40;border:1px solid #354b61;padding:7px 9px;border-radius:8px;font-size:13px;display:inline-flex;align-items:center;gap:9px}.chip button{background:none;color:#9eafbd;font-size:17px;padding:0 2px;line-height:1}.smallbar{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:var(--muted)}.link{background:none;color:#e5c58c;padding:4px 0}.option{display:flex;align-items:center;gap:13px;border:1px solid #304257;border-radius:11px;padding:13px;cursor:pointer;margin:9px 0;background:#132337}.option input{width:19px;height:19px;accent-color:#d6ae69;flex:none;cursor:pointer}.option b{display:block;font-size:14px}.option small{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:3px}.option.mandatory{border-color:#6c5c3b;background:#2b281f}.option.mandatory input{cursor:not-allowed}.actions{margin-top:16px;display:flex;gap:9px}.primary{flex:1;background:linear-gradient(110deg,#e6c789,#be9149);color:#17191d;padding:14px;border-radius:10px;font-size:15px}.secondary{background:#263b4e;color:#d9e6f2;border-radius:9px;padding:11px 14px}.hint{font-size:12px;min-height:19px;margin:10px 0 0;color:#eec589}.results{margin-top:18px;display:none}.results.visible{display:block}.results-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px}.results-head h2{font-size:17px;margin:0}.teams{display:grid;grid-template-columns:1fr 1fr;gap:15px}.team{border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}.team.blue{border-top:3px solid var(--blue)}.team.red{border-top:3px solid var(--red)}.team h3{padding:15px;margin:0;font-size:14px;letter-spacing:1px;border-bottom:1px solid #304052}.team.blue h3{color:var(--blue)}.team.red h3{color:var(--red)}.player{padding:10px 14px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #263647;min-height:59px}.player:last-child{border:0}.player .avatar{height:40px;width:40px;border-radius:8px;object-fit:cover;background:#283a4b;border:1px solid #42566b}.player .role{font-size:10px;font-weight:800;color:var(--gold);letter-spacing:1px}.player .name{font-weight:760;font-size:14px;overflow-wrap:anywhere}.player .champ{font-size:12px;color:var(--muted);margin-top:2px}.no-avatar .player{min-height:53px}.note{text-align:center;color:#7f92a6;font-size:11px;margin-top:18px;line-height:1.5}.note a{color:#c9ad76}.tag{background:#293948;color:#abbccb;font-size:11px;padding:5px 8px;border-radius:5px}.notice{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.55}@media(max-width:680px){.layout,.teams{grid-template-columns:1fr}main{padding-top:20px}.panel{padding:16px}.results-head{align-items:flex-start}.top{margin-bottom:20px}}
.patchinfo{margin:13px auto 0;padding:10px 13px;border:1px solid #3d5065;border-radius:10px;background:#142437;max-width:680px;color:#d4dfeb;font-size:12px;line-height:1.7}.patchinfo strong{color:#e8c789}.patchinfo a{color:#e8c789}.patchinfo small{color:#9eb1c4}.editor{margin-top:16px}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.editor-top h2{margin-bottom:5px}.editor-top .sub{margin-bottom:0}.role-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}.role-tab{padding:9px 12px;background:#17283b;color:#c5d5e4;border:1px solid #34475a;border-radius:8px;font-size:12px}.role-tab.active{background:#c4a15e;color:#101923;border-color:#c4a15e}.pool-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.pool-chips{display:flex;flex-wrap:wrap;gap:8px;max-height:230px;overflow:auto;padding:5px 0 15px}.editor .entry{margin-top:8px}.hint{line-height:1.55}.option input:disabled{opacity:.8}@media(max-width:680px){.editor-top .secondary{width:100%}}

.home{min-height:75vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:18px}.home h1{font-size:clamp(30px,6vw,50px);margin:0}.home p{color:var(--muted);max-width:480px;line-height:1.65}.home .primary{padding:17px 29px}.sessionbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:12px}.sessionbar span{font-size:12px;color:var(--gold)}.repeat{display:inline-block;color:#ffcf83;background:#4c331d;border:1px solid #986330;border-radius:5px;font-size:10px;font-weight:850;padding:4px 6px;margin-top:5px}.swap{margin-top:6px;padding:6px 8px;background:#384f66;border:1px solid #58758f;border-radius:6px;color:white;font-size:10px}.player .details{min-width:0;flex:1}.match-note{font-size:12px;color:#c9b486;margin:0 0 12px;line-height:1.5}.player .avatar{flex:none}.player .role{font-size:11px}@media(max-width:680px){.sessionbar{align-items:flex-start}.player{gap:8px;padding:10px}.swap{max-width:100%}}

:root{--bg:#090e15;--card:#121923;--line:#273343;--gold:#d0a969;--muted:#8f9dad}
body{background:#090e15;background-image:radial-gradient(ellipse at 50% 0%,#162130 0,transparent 55%)}
main{max-width:1080px;padding:22px 22px 52px}
.home{min-height:calc(100vh - 80px);gap:14px}.home-symbol{font-size:31px;color:#d1b27d;line-height:1.4}.home h1{font-size:38px;font-weight:750;letter-spacing:-1.3px}.home p{font-size:14px;margin:0 0 14px}.home .primary{background:#d6b77e;box-shadow:none;padding:16px 25px;min-width:250px}
.panel{box-shadow:none;background:#111923;border-color:#293442;border-radius:12px;padding:20px}.top{text-align:left;margin-bottom:22px}.top h1{font-size:27px;letter-spacing:-.7px;margin:0 0 6px}.top p{font-size:13px}.sessionbar{margin-bottom:23px}.sessionbar span{font-size:11px;color:#95a7b9;letter-spacing:.7px}.sessionbar button{font-size:12px;padding:9px 13px}
.option{border-radius:9px;padding:13px;background:#141f2b}.option.mandatory{background:#201f1c;border-color:#464036}.option b{font-size:13px}.option small{font-size:11px}
.primary{background:#d6b77e;border-radius:8px}.secondary{background:#212e3e;border:1px solid #344358}.link{font-size:12px}.role-tabs{gap:6px;margin:19px 0 16px}.role-tab{min-width:75px;border-radius:7px;padding:11px 18px;font-size:12px}.role-tab.active{background:#d6b77e;border-color:#d6b77e}
.editor{margin-top:15px}.editor-top h2{font-size:16px}.source-strip{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:11px;color:#aebcc9;margin-top:18px}.source-strip span{border:1px solid #334252;border-radius:6px;padding:7px 10px}.source-strip strong{color:#e4c48d}.source-strip a{color:#e4c48d;text-decoration:none}.source-explain{font-size:11px;line-height:1.6;color:#889bab;margin-top:9px}.pool-toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.searchbox{min-width:190px;max-width:320px;flex:1;display:flex;align-items:center;gap:7px;border:1px solid #405164;border-radius:8px;background:#0c1520;color:#abb8c5;padding:0 11px}.searchbox input{background:none;border:0;outline:none;color:white;width:100%;padding:11px 0;font:inherit;font-size:13px}.champ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;max-height:410px;overflow:auto;padding:4px 2px 15px}.champ-card{position:relative;display:flex;flex-direction:column;gap:8px;background:#172230;border:1px solid #304156;border-radius:9px;padding:9px;min-width:0;text-align:center}.champ-card img{width:62px;height:62px;border-radius:7px;object-fit:cover;align-self:center;background:#263546}.champ-card span{font-size:11px;color:#d6e0e9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-champ{position:absolute;right:4px;top:3px;background:#111b27dd;color:#c8d4de;border-radius:5px;padding:0 5px;font-size:16px;line-height:21px}.remove-champ:hover{color:#ff8181}.editor .entry{margin-top:16px}.team{background:#111923}.team h3{background:#141e29}.results{margin-top:20px}
[hidden]{display:none!important}
@media(max-width:680px){main{padding:14px 12px 40px}.champ-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.pool-toolbar .searchbox{min-width:100%;max-width:none}.home{min-height:calc(100vh - 70px)}.home h1{font-size:32px}}

/* V7: filas compactas y controles alineados a la derecha */
.player{display:flex;align-items:center;gap:10px;min-height:74px;padding:9px 13px}.player .details{min-width:0;flex:1}.repeat-action{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:138px;max-width:43%;flex:none}.repeat-action .repeat{margin:0;font-size:9px;white-space:nowrap}.repeat-action .swap{margin:0;max-width:100%;font-size:9px;line-height:1.15;text-align:center;padding:7px 9px}.swapped-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#4ee8a2;box-shadow:0 0 0 3px #4ee8a21b;margin-left:8px;vertical-align:middle}.worlds-option{border-color:#ac894b!important;background:linear-gradient(100deg,#292313,#172435)!important}.worlds-option b{color:#f4d08c}.option:has(input:disabled):not(.mandatory){opacity:.42}.worlds-detail{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#222016;border:1px solid #675632;border-radius:10px;padding:12px 14px;font-size:12px;margin-bottom:13px}.worlds-detail[hidden]{display:none}.worlds-detail strong{color:#f1d6a1}.worlds-detail span{color:#b7bfcb}.worlds-detail a{color:#ebc581;margin-left:auto}.team-full{font-weight:500;font-size:12px;color:#a5b4c5}.team h3{min-height:49px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}@media(max-width:700px){.repeat-action{min-width:110px;max-width:47%}.repeat-action .swap{font-size:8px}.player{padding:8px 9px;gap:8px}.team-full{font-size:10px}}

/* V10 visual system */
:root{--gold:#d8b679;--line:#324259;--card:#101c2b;--muted:#a0adbd}body{background:radial-gradient(ellipse at 50% -12%,#1d2d42 0%,#090e16 56%);font-family:Inter,ui-sans-serif,system-ui,sans-serif}main{max-width:1160px}.panel{background:linear-gradient(150deg,#152233,#111a27);border:1px solid #2c3c50;box-shadow:0 12px 32px #0002;border-radius:16px}.sessionbar{border:1px solid #2b4058;border-radius:12px;background:#101b29;padding:12px 15px;align-items:center}.session-context{display:flex;flex-direction:column;gap:6px}.patch-head{color:#aebfd0;font-size:11px;font-weight:600;letter-spacing:.1px}.patch-head b,.patch-head a{color:#dfbd82;text-decoration:none}.patch-head i{font-style:normal;padding:0 5px;color:#586a80}.top{margin-top:26px}.top h1{font-size:30px}.option{transition:background .2s,border-color .2s}.option:hover{border-color:#6a8296;background:#1a293b}.option:has(input:checked){border-color:#8d7147;background:#262920}.option.worlds-option:has(input:checked){border-color:#8c74c6;background:#26243b}.role-tab{font-weight:800}.team{border-radius:15px}.team h3{display:flex;flex-wrap:wrap;align-items:center;gap:5px;background:#182535;padding:17px;font-size:15px}.team-country{font-size:10px;color:#b2c1d0;font-weight:600;letter-spacing:0;text-transform:uppercase;display:block;width:100%;margin-top:5px}.player{min-height:78px;background:#111b2a;padding:11px 14px}.player:nth-child(odd){background:#142130}.player .avatar{height:46px;width:46px;border-radius:10px}.player .role{color:#e5bc7e;font-size:10px}.player .name{font-size:15px}.player .champ{font-size:12px}.pro-player{border-left:1px solid #36485b;padding-left:12px;margin-left:auto;text-align:right;max-width:42%;display:flex;flex-direction:column;gap:5px}.pro-player small{font-size:9px;color:#788ea5;font-weight:700;letter-spacing:.5px}.pro-player strong{font-size:12px;color:#e6eaf4;overflow-wrap:anywhere}.champ-grid{grid-template-columns:repeat(auto-fill,minmax(111px,1fr));max-height:510px}.champ-card{border-radius:12px;background:#17283c}.champ-card img{width:76px;height:76px}.champ-card:hover{border-color:#b99b67;background:#22354c}.source-explain{font-size:12px;color:#a4b5c6}.modal-overlay{position:fixed;inset:0;z-index:9999;background:#02060cbd;backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px}.modal-overlay[hidden]{display:none}.modal-box{width:min(100%,410px);text-align:center;background:linear-gradient(150deg,#1c2c42,#111b2a);border:1px solid #a27a66;border-radius:19px;padding:32px;box-shadow:0 22px 90px #0009}.modal-icon{display:grid;place-items:center;margin:0 auto 14px;width:52px;height:52px;border-radius:50%;background:#653237;color:#ffced0;font-size:26px;font-weight:900}.modal-box h2{font-size:21px;margin:0}.modal-box p{font-size:14px;line-height:1.6;color:#d4dee8;margin:15px 0 23px}.modal-box .primary{width:100%}@media(max-width:700px){.sessionbar{flex-direction:column;align-items:stretch}.pro-player{max-width:43%}.player .avatar{height:39px;width:39px}.player{padding:9px 8px}.pro-player small{font-size:8px}.pro-player strong{font-size:11px}.patch-head{line-height:1.7}}

/* V11 / editorial esports art direction */
:root{--bg:#070a14;--card:#101729;--line:#27354c;--gold:#b7caff;--blue:#5edcff;--red:#f68cad;--muted:#97a9bd}
body{background:radial-gradient(ellipse at 90% 0%,#11284f 0,transparent 42%),radial-gradient(ellipse at 0% 85%,#161335 0,transparent 45%),#070a14;font-family:Inter,"Segoe UI",system-ui,sans-serif}
main{max-width:1240px;padding:30px 28px 72px}.home{min-height:90vh}.home-symbol{font-size:48px;filter:drop-shadow(0 0 25px #748cff60)}.home h1{font-size:clamp(42px,7vw,84px);letter-spacing:-5px;font-weight:900}.home p{max-width:350px}.home .primary,.primary{background:linear-gradient(115deg,#d7e3ff,#8baeff);color:#071227;border-radius:11px;font-weight:900;box-shadow:0 8px 36px #7f9af12a}.home .primary{min-width:300px}.sessionbar{padding:12px 0 21px;margin-bottom:15px;border-color:#27334c}.sessionbar .patch-head{font-size:11px}.sessionbar span{color:#9db8e8}.v11-nav{display:flex;gap:10px;border-bottom:1px solid #26364e;padding:4px 0 0;margin-bottom:32px}.v11-tab{background:none;color:#839ab5;padding:16px 22px;display:flex;align-items:center;gap:9px;border-bottom:3px solid transparent;font-size:14px}.v11-tab.active{color:#ecf3ff;border-color:#8baeff;background:linear-gradient(0deg,#7598fe15,transparent)}.v11-tab:hover{color:white}.tab-page[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:900;color:#9baffb}.top h1{font-size:clamp(29px,4vw,43px);letter-spacing:-2px;margin:8px 0}.top h1 em,.result-modal-top em{font-style:normal;color:#a4baff}.top{margin:2px 0 27px}.layout{gap:20px}.panel{background:linear-gradient(145deg,#141e30dd,#0b1322f5);border:1px solid #2b3954;border-radius:19px;padding:25px;box-shadow:0 15px 80px #0003}.option{border-radius:12px;background:#0e192c}.option.mandatory{background:#192438;border-color:#4e6387}.option input{accent-color:#a0bfff}.option b{font-size:14px}.option small{font-size:12px}.entry input,.searchbox{background:#0a1222;border:1px solid #354563;border-radius:10px}.chip{background:#15243c;border-radius:10px;border-color:#344969}.add,.secondary{background:#20324f;border:1px solid #33486d;color:#e0eaff}.actions .primary{padding:18px;font-size:16px}.editor{margin-top:0}.editor-top>button{display:none}.champ-grid{max-height:none}.profiles-panel{max-width:1040px}.profile-form{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;gap:11px;align-items:end}.profile-form label{font-size:10px;letter-spacing:1px;color:#9eafd1;font-weight:800;display:flex;flex-direction:column;gap:8px}.profile-form input{width:100%;min-width:0;background:#091323;border:1px solid #354565;color:white;padding:14px 12px;border-radius:10px;font:14px inherit}.profile-form button{padding:14px 16px;min-height:47px;white-space:nowrap}.profile-divider{border-top:1px solid #27364d;margin:26px 0 19px}.profile-top{display:flex;align-items:center;gap:12px}.profile-top h2{margin:0}.profile-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:11px;margin:16px 0}.profile-card{background:#0b1629;border:1px solid #2c3b54;border-radius:13px;padding:15px;display:flex;justify-content:space-between;gap:12px}.profile-card strong{font-size:16px}.identity{display:flex;align-items:center;gap:5px;margin-top:6px;color:#a3b5cf;font-size:11px;overflow-wrap:anywhere}.identity svg{width:16px;height:16px;fill:white;flex:none}.identity-inline{font-size:10px;color:#a9bcce;display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:3px}.identity-inline svg{width:13px;height:13px;fill:white}.profile-buttons{display:flex;align-items:flex-start;gap:5px}.profile-buttons button{background:#202e49;color:white;border-radius:7px;padding:8px}.no-profiles{padding:36px;text-align:center;border:1px dashed #334965;border-radius:12px;color:#90a6c5}.result-curtain[hidden]{display:none!important}.result-curtain{position:fixed;inset:0;z-index:3000;background:#02040ccc;backdrop-filter:blur(14px);display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:3vh 18px}.result-modal{position:relative;width:min(1120px,100%);background:radial-gradient(ellipse at 50% -40%,#243f72,#101a2d 50%,#090f1e);border:1px solid #57709b;border-radius:22px;box-shadow:0 35px 120px #000a;padding:26px 30px 30px;animation:resultPop .43s cubic-bezier(.16,1,.3,1)}@keyframes resultPop{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.result-modal-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #334460;padding-bottom:15px}.result-modal-top h2{font-size:clamp(25px,4vw,43px);letter-spacing:-2px;margin:5px 0 0}.close-x{height:40px;width:40px;border-radius:12px;background:#293a57;color:white;font-size:28px}.results{display:none;margin-top:18px}.results.visible{display:block}.results-head h2{display:none}.results-head{justify-content:flex-end;margin-bottom:12px}.team{background:linear-gradient(140deg,#172641,#101a2d);border-radius:16px}.team.blue{border-top:4px solid #60caff}.team.red{border-top:4px solid #f78da9}.team h3{font-size:16px;padding:18px}.player{min-height:85px;padding:12px 15px}.player .avatar{height:55px;width:55px;border-radius:9px}.player .name{font-size:16px}.player .champ{font-size:13px}.player .role{font-size:11px}.last-result{margin-top:18px;width:100%;border:1px solid #486188;border-radius:12px;background:linear-gradient(100deg,#122743,#141a30);padding:16px;display:flex;justify-content:space-between;align-items:center;color:white;text-align:left}.last-result[hidden]{display:none}.last-result small{display:block;color:#9aafd0;font-weight:500;margin-top:5px}.worlds-detail{margin-bottom:13px}.team .pro-player{margin-left:auto}.modal-overlay{z-index:5000!important}.home button.secondary{margin-top:10px}body.result-open{overflow:hidden}
@media(max-width:850px){.profile-form{grid-template-columns:1fr 1fr}.profile-form button{min-height:45px}.teams{grid-template-columns:1fr}}
@media(max-width:600px){main{padding:20px 13px}.v11-nav{gap:0}.v11-tab{flex:1;padding:12px 5px;justify-content:center;font-size:11px}.v11-tab span{display:block}.panel{padding:16px}.profile-form{grid-template-columns:1fr}.result-curtain{padding:0}.result-modal{border-radius:0;min-height:100vh;padding:18px 13px}.player{padding:10px 9px;gap:8px}.player .avatar{width:43px;height:43px}.player .name{font-size:13px}.home h1{letter-spacing:-2px}}

/* V12 - desktop dashboard proportions and aligned session strip */
@media(min-width:1050px) and (min-height:700px){
  main{width:min(1400px,100%);max-width:1400px;padding:12px 22px 28px}
  .sessionbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 10px;padding:10px 15px}
  .v11-nav{margin-bottom:15px}
  .top{margin-bottom:13px}.top h1{font-size:32px}.top p{margin:0}
  .panel{padding:18px}.option{padding:10px}.layout{gap:12px}
  .home{min-height:calc(100dvh - 70px)}
  .champ-grid{max-height:calc(100dvh - 320px);overflow:auto}
  .result-curtain{align-items:center}
  .result-modal{max-height:96dvh;overflow:auto;padding:18px 22px}
  .player{min-height:63px;padding:7px 10px}.player .avatar{width:43px;height:43px}
  .profile-list{max-height:calc(100dvh - 300px);overflow:auto}
}
@media(max-height:650px) and (min-width:900px){.result-curtain{align-items:flex-start}.result-modal{overflow:auto}}
.sessionbar > *{min-width:0}.sessionbar .patch-head{line-height:1.4}

/* V13 - Riot oficial en PNG y cuentas múltiples */
.identity .riot-fist,.identity-inline .riot-fist{display:inline-block;width:17px;height:17px;object-fit:contain;flex:none;vertical-align:middle}
.identity-inline .riot-fist{width:14px;height:14px}.platform-id{display:inline-flex;align-items:center;gap:4px;max-width:100%;margin-right:8px}.platform-id span{overflow-wrap:anywhere}
.profile-form{grid-template-columns:minmax(165px,1fr) minmax(165px,1fr) minmax(240px,1.4fr) auto auto}
.riot-accounts-field>label{font-size:10px;letter-spacing:1px;color:#9eafd1;font-weight:800;display:block;margin-bottom:7px}.riot-account-row{display:flex;gap:5px;margin-bottom:6px}.riot-account-row input{width:100%;min-width:0;background:#091323;border:1px solid #354565;color:white;padding:12px;border-radius:10px;font-size:13px}.riot-account-row .remove-riot{background:#263850;color:#fff;border-radius:9px;padding:0 11px;font-size:19px}.profile-form .add-riot{min-height:0;padding:9px 11px;font-size:12px;width:100%}
@media(max-width:1000px){.profile-form{grid-template-columns:1fr 1fr}.riot-accounts-field{grid-column:1/-1}}
@media(max-width:600px){.profile-form{grid-template-columns:1fr}.riot-accounts-field{grid-column:auto}}

/* V14 · Última alineación y sugerencias de jugadores */
.player-tools{display:flex;justify-content:flex-start;margin:9px 0}.player-tools button{font-size:12px;padding:9px 13px}
.player-suggestions{background:#101e32;border:1px solid #416080;border-radius:14px;padding:5px;margin:6px 0 12px;box-shadow:0 10px 26px #0005;max-height:238px;overflow-y:auto}
.player-suggestion{width:100%;border:0;cursor:pointer;color:#fff;background:transparent;border-radius:9px;text-align:left;padding:9px 12px;display:flex;flex-direction:column;gap:3px}
.player-suggestion.selected,.player-suggestion:hover{background:#2d4266}.player-suggestion b{font-size:14px}.player-suggestion small{font-size:11px;color:#becfe9;overflow-wrap:anywhere}
.patch-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#15243a;border:1px solid #334a66;border-radius:14px;padding:12px;margin-bottom:12px}.patch-tools>div{flex:1;min-width:250px}.patch-tools strong{display:block;font-size:13px;color:white}.patch-tools small{display:block;color:#bacbe3;font-size:11px;margin-top:5px}.patch-tools button{font-size:11px;padding:9px 12px}

/* V15: shared room */
.cloud-panel{margin:12px 0 14px;padding:12px 16px;background:#121d30;border:1px solid #33445d;border-radius:13px;color:#eaf1ff}.cloud-panel-heading,.cloud-buttons{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.cloud-panel-heading small{display:block;color:#aebed5;font-size:12px;margin-top:3px}.cloud-body{padding-top:14px}.cloud-body .sub{margin:0 0 12px}.cloud-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.cloud-fields label,#cloudInvite label{display:block;font-weight:600;font-size:12px;color:#afbfda}.cloud-fields input,#cloudLink{width:100%;display:block;margin-top:5px;border:1px solid #3b4b65;border-radius:8px;background:#0b1525;color:#fff;padding:10px;box-sizing:border-box;min-width:0}.cloud-buttons{justify-content:flex-start}.cloud-buttons button{width:auto!important}.cloud-message{margin:10px 0 0;color:#c4d9f4;font-size:13px}.cloud-message.bad{color:#ffb9b9}#cloudInvite{margin-top:12px}#cloudLink{resize:none}body.cloud-viewer #draw,body.cloud-viewer #profileForm,body.cloud-viewer #clear,body.cloud-viewer #loadLastGroup,body.cloud-viewer #champForm,body.cloud-viewer #resetRole,body.cloud-viewer #endSession,body.cloud-viewer #newSession,body.cloud-viewer #checkPatch{pointer-events:none;opacity:.5}body.cloud-viewer .profile-buttons,body.cloud-viewer .player .remove,body.cloud-viewer .chip button{display:none}body.cloud-viewer #form,body.cloud-viewer #poolChips button{pointer-events:none;opacity:.5}@media(max-width:750px){.cloud-fields{grid-template-columns:1fr}}

/* V16: everyone with an invitation has edit controls. */
body.cloud-viewer #draw,body.cloud-viewer #profileForm,body.cloud-viewer #form{pointer-events:auto;opacity:1}


/* ===== assets/redesign.css ===== */

/* V17 — cinematic lobby, new shell; keep functionality intact */
:root{--bg:#070c15;--card:#111b29;--line:#25384a;--gold:#f1cb88;--muted:#8b9cb1;--blue:#33b7e4;--red:#ff6d87}
html{scrollbar-color:#314b61 #080f19}body{background:radial-gradient(ellipse 75% 52% at 80% -15%,#182f4b 0,transparent 70%),#070d16;color:#f2f5fa}
main{max-width:1320px;width:100%;padding:16px 26px 35px}
.home-v17{min-height:calc(100dvh - 32px);padding:0;display:block;text-align:left}
.landing-shell{min-height:calc(100dvh - 32px);display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #273b4b;background:linear-gradient(115deg,#0d1724 0%,#0b1522 57%,#0b182c 100%);border-radius:22px}
.landing-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 32%,#73afd308 33%,transparent 34%),repeating-linear-gradient(0deg,transparent 0 53px,#91b7db07 54px 55px);mask-image:linear-gradient(90deg,transparent 22%,black 100%)}
.landing-header,.landing-bottom{z-index:1;display:flex;align-items:center;justify-content:space-between;padding:26px 36px}.landing-header{border-bottom:1px solid #26394c}.brand-mark{display:flex;align-items:center;gap:14px}.brand-icon{border:1px solid #4e8193;background:#16313d;width:52px;height:52px;display:grid;place-items:center;border-radius:12px;color:#f4d597;font-weight:1000;font-size:18px}.brand-icon span{color:#39bede}.brand-mark strong{font-size:17px;letter-spacing:2px;display:block}.brand-mark strong span{color:#e6b96e}.brand-mark small{font-size:9px;color:#8ca2b7;letter-spacing:2px}.landing-online{font-size:10px;letter-spacing:1.5px;color:#a6b8cb}.landing-online i{display:inline-block;width:7px;height:7px;border-radius:100%;background:#56d6a8;margin-right:10px;box-shadow:0 0 15px #56d6a8}
.landing-content{flex:1;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);align-items:center;padding:35px 6%}.landing-copy{max-width:650px}.landing-eyebrow{font-size:11px;letter-spacing:2.8px;color:#9fc9d6;font-weight:800}.landing-eyebrow span{color:#e0bd7d;margin-right:8px}.home-v17 h1{color:#f4f5f8;font-size:clamp(36px,4.6vw,72px);line-height:1.06;letter-spacing:-2.8px;font-weight:900;margin:27px 0 22px}.home-v17 h1 em{font-style:normal;background:linear-gradient(100deg,#e9c993,#cf914c);-webkit-background-clip:text;background-clip:text;color:transparent}.home-v17 p{max-width:440px;font-size:15px;line-height:1.8;margin:0;color:#b1c2d2}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:36px 0 38px}.landing-start{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:20px 22px;background:linear-gradient(100deg,#f4ce86,#cda162);border-radius:10px;color:#101a22;min-width:276px;box-shadow:0 14px 40px #b17d2a24;letter-spacing:1px;font-weight:900}.landing-start:hover{transform:translateY(-2px)}.landing-start span:last-child{font-size:20px}.landing-resume{padding:19px 17px;border:1px solid #58718a;background:#1c2d40;border-radius:10px;color:#d5e3ee;font-size:11px;letter-spacing:.7px}.landing-foot{display:flex;align-items:center;gap:14px;color:#7d93a9;font-size:10px;font-weight:850;letter-spacing:1.5px}.landing-foot b{color:#cba76a}
.landing-art{min-height:405px;position:relative;display:grid;place-items:center;transform:translateX(15px)}.art-orbit{position:absolute;border:1px solid #5ca0c42c;border-radius:50%;aspect-ratio:1;transform:rotate(-23deg);box-shadow:inset 0 0 55px #2b84b20b}.art-outer{width:min(80%,420px)}.art-inner{width:min(54%,275px);border-color:#e7bb6738}.art-cross{font-size:clamp(90px,12vw,160px);font-weight:1000;font-style:italic;letter-spacing:-15px;color:#e9c886;opacity:.85;transform:skew(-10deg);text-shadow:0 25px 80px #ba9a5750}.art-card{position:absolute;min-width:134px;padding:20px;background:#112a3add;border:1px solid #4e95a788;backdrop-filter:blur(8px);border-radius:12px;box-shadow:0 30px 40px #0005;display:flex;flex-direction:column;gap:4px}.art-card span,.art-card small{font-size:10px;letter-spacing:2px;font-weight:800}.art-card strong{font-size:70px;line-height:1;font-style:italic;letter-spacing:-4px}.art-blue{top:4%;left:1%;color:#78dcff;transform:rotate(-10deg)}.art-red{right:-1%;bottom:6%;color:#ff879d;transform:rotate(8deg);border-color:#a8517188;background:#311c2ddd}.art-caption{position:absolute;bottom:3%;left:2%;font-size:10px;letter-spacing:4px;color:#87a0b9}.landing-bottom{border-top:1px solid #26394c;color:#8195ac;letter-spacing:1px;font-size:10px}.landing-bottom b{color:#cead78}
.sessionbar{background:#0d1929;border:1px solid #2c4256;border-radius:14px;margin-bottom:12px;padding:11px 17px;display:flex;justify-content:flex-start;gap:20px}.dashboard-brand{display:flex;align-items:center;gap:8px;border-right:1px solid #334455;padding-right:20px;color:#eac486;letter-spacing:1px}.brand-square{display:inline-grid;place-items:center;border:1px solid #735b34;border-radius:6px;padding:9px 8px;background:#29251e;font-size:11px}.dashboard-brand strong{font-size:13px}.session-context{flex:1}.sessionbar #endSession{order:3;background:transparent;border:1px solid #445266}.settings-open{order:2;white-space:nowrap;background:#182c3f;border:1px solid #3e6074;color:#e1eaf2;border-radius:9px;padding:10px 14px;letter-spacing:1px;font-size:11px}.settings-open:hover{background:#22415b}
.v11-nav{background:#0e1927;border:1px solid #273b4f;border-radius:12px;padding:5px;gap:5px;margin-bottom:18px}.v11-tab{border-radius:9px;flex:1;justify-content:center}.v11-tab.active{background:linear-gradient(105deg,#1f4756,#203850);color:#fff;border-color:#457d91}
.top{margin-bottom:19px}.top .eyebrow{color:#d9ad69;letter-spacing:2px;font-size:10px}.top h1{font-size:35px;letter-spacing:-1.3px}.top h1 em{color:#dcb77c}.top p{font-size:13px}.layout{grid-template-columns:1fr 1fr;gap:18px}.panel{background:linear-gradient(140deg,#132131,#0d1927);border:1px solid #304354;border-radius:15px;padding:23px}.panel h2{font-size:18px}.option{background:#101e2c;border:1px solid #2e465a;border-radius:11px}.option:hover{border-color:#54809a}.option.mandatory{background:#28251f;border-color:#675638}.primary{background:linear-gradient(105deg,#f0ce8e,#d4aa6c);color:#17202a;font-weight:900;letter-spacing:.3px}.entry input{background:#0b1521}.last-result{background:linear-gradient(100deg,#122b39,#15243c);border-color:#496b78}.tag{border-radius:8px;background:#23384b}
.settings-overlay{position:fixed;inset:0;z-index:7000;display:flex;justify-content:flex-end}.settings-backdrop{position:absolute;inset:0;background:#02070ac9;backdrop-filter:blur(7px)}.settings-dialog{position:relative;width:min(530px,100%);height:100dvh;overflow:auto;padding:26px;background:#0e1927;border-left:1px solid #456076;box-shadow:-22px 0 80px #0008;animation:settingsIn .24s ease-out}@keyframes settingsIn{from{transform:translateX(30px);opacity:.7}to{transform:none;opacity:1}}.settings-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #31445c;padding-bottom:20px}.settings-heading small{letter-spacing:2px;color:#eac486;font-size:10px}.settings-heading h2{font-size:24px;margin:7px 0}.settings-heading p{font-size:12px;line-height:1.6;color:#a3b7c9;margin:0}.cloud-panel-v17{display:block;margin:20px 0 0;border:none;background:transparent;padding:0}.cloud-panel-v17 .cloud-panel-heading{padding-bottom:15px;border-bottom:1px solid #2c4056}.cloud-panel-v17 .cloud-panel-heading>b{font-size:14px}.cloud-panel-v17 #cloudToggle{font-size:11px;padding:8px}.cloud-panel-v17 .cloud-fields{grid-template-columns:1fr}.cloud-panel-v17 .cloud-body{padding-top:20px}.cloud-panel-v17 #cloudStatus{line-height:1.65}.cloud-panel-v17 #cloudLink{font-size:11px}.cloud-panel-v17 .cloud-buttons{display:flex;align-items:stretch}.cloud-panel-v17 .cloud-buttons button{flex:1!important;min-width:150px}
@media(min-width:1200px) and (min-height:760px){main{max-width:1450px}.layout{gap:22px}.home-v17{min-height:calc(100dvh - 32px)}}
@media(max-width:900px){.landing-content{grid-template-columns:1fr}.landing-art{min-height:220px;opacity:.55}.art-card{display:none}.home-v17 h1{font-size:clamp(36px,7vw,60px)}.landing-header,.landing-bottom{padding:20px}.landing-content{padding:34px 22px}.landing-art{display:none}.layout{grid-template-columns:1fr}}
@media(max-width:650px){main{padding:10px}.home-v17{min-height:calc(100dvh - 20px)}.landing-shell{min-height:calc(100dvh - 20px)}.landing-online{display:none}.landing-actions{flex-direction:column;align-items:stretch}.landing-start{width:100%}.landing-resume{width:100%}.landing-bottom{font-size:9px}.landing-bottom span:last-child{display:none}.sessionbar{flex-wrap:wrap}.dashboard-brand{border:0;padding:0}.session-context{flex-basis:65%}.settings-open{flex:1}.sessionbar #endSession{flex:1}.settings-dialog{padding:18px}.top h1{font-size:26px}.v11-tab{font-size:10px}}
@media(prefers-reduced-motion:reduce){.landing-start:hover{transform:none}.settings-dialog{animation:none}}
[hidden]{display:none!important}


/* ===== assets/v18.css ===== */
/* V18 — League / Worlds visual identity; leaves game and cloud JS unchanged */
:root{--gold:#e8c88e;--border:#3c5f70;--teal:#18c4bb}
body{background:radial-gradient(ellipse 65% 45% at 90% -10%,#20505c45,transparent 74%),#050b12}
.landing-shell{isolation:isolate;background:#06131b;border:1px solid #49616a;box-shadow:0 22px 90px #0009}
.landing-shell:before{z-index:-2;inset:0;opacity:.26;background:linear-gradient(90deg,#04101c 0%,#04101cb8 41%,#04101c8c 100%),url('https://img.redbull.com/images/c_crop,w_2400,h_1200,x_0,y_167/c_auto,w_1200,h_600/f_auto,q_auto/redbullcom/2020/6/25/bfxfw8t2ofmrtlrnsxcz/lol-mapa') center/cover;mask-image:none;filter:blur(5px) saturate(.9);transform:scale(1.035)}
.landing-shell:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#05111bed 0%,#05111baf 49%,#05111b33 100%),linear-gradient(0deg,#06121b 0%,transparent 35%,#06121b18 100%)}
.landing-header,.landing-bottom{border-color:#5e778044;background:#06121b66}
.brand-icon{color:#edcf92;border-color:#b7934d88;background:#06121bc9;clip-path:polygon(15% 0,85% 0,100% 25%,100% 75%,85% 100%,15% 100%,0 75%,0 25%);border-radius:0}
.brand-mark small{color:#9ab7bf}.landing-online{color:#b8dbdf}.landing-online i{background:#25d1bc}
.landing-content{grid-template-columns:minmax(0,1fr) minmax(390px,1fr);gap:14px;padding:30px 5%}
.landing-copy{position:relative;z-index:3}.landing-eyebrow{color:#71d0d4;letter-spacing:2.1px}
.home-v17 h1{font-size:clamp(48px,5.6vw,85px);line-height:1.02;margin:22px 0 22px;letter-spacing:-3.4px;text-shadow:0 4px 32px #000b}
.home-v17 h1 em{background:linear-gradient(105deg,#fff0ba,#d1a755);-webkit-background-clip:text;background-clip:text}
.home-v17 p{color:#c9d7da;font-size:15px;line-height:1.75;max-width:420px}
.landing-start{background:linear-gradient(110deg,#eacb8b,#d5a75a);border:1px solid #f7dc9f;box-shadow:0 15px 50px #0009;min-width:280px}
.landing-start:hover{box-shadow:0 14px 55px #d3ad5944}.landing-resume{background:#071e29aa;border-color:#6d9caa80}
.landing-art{min-height:480px;transform:none;display:block;overflow:visible;isolation:isolate}
.landing-art:before{content:'';position:absolute;inset:5% -2%;background:radial-gradient(ellipse at 50% 65%,#16aabc36,transparent 70%);filter:blur(19px)}
.champ-splash{position:absolute;overflow:hidden;background-size:cover;background-position:center top;border:1px solid #74949b7a;box-shadow:0 28px 60px #000c;clip-path:polygon(0 0,100% 0,100% 92%,90% 100%,0 100%);transform:skew(-5deg);transition:transform .35s ease,filter .35s ease}
.champ-splash:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#041018e8,transparent)}
.champ-splash span{position:absolute;bottom:13px;left:21px;z-index:1;font-size:15px;letter-spacing:3px;font-weight:900;color:#f0d59b;text-shadow:0 2px 10px #000}
.splash-yasuo{left:1%;top:14%;width:39%;height:66%;background-image:url('https://ddragon.leagueoflegends.com/cdn/img/champion/splash/Yasuo_0.jpg');filter:brightness(.69)}
.splash-ahri{left:30%;top:1%;width:43%;height:89%;z-index:2;background-image:url('https://ddragon.leagueoflegends.com/cdn/img/champion/splash/Ahri_0.jpg');background-position:55% center;border-color:#e4c17f99}
.splash-jinx{right:0;top:14%;width:37%;height:66%;background-image:url('https://ddragon.leagueoflegends.com/cdn/img/champion/splash/Jinx_0.jpg');background-position:65% center;filter:brightness(.75)}
.champ-splash:hover{transform:skew(-5deg) translateY(-8px);filter:brightness(1)}.art-caption{bottom:1%;left:12%;letter-spacing:2.4px;color:#b1d2d5;background:#041521c9;padding:7px 12px;border:1px solid #6b919555}
.sessionbar{background:linear-gradient(90deg,#0c2029,#10222b);border-color:#3d6970}.dashboard-brand{color:#edd195}
.v11-nav{background:#091b24;border-color:#41636a}.v11-tab.active{background:linear-gradient(95deg,#124e58,#193845);border-color:#3ca4a6}
.panel{background:linear-gradient(160deg,#10232a,#0b1924);border-color:#36545d}.option{background:#0a1b26;border-color:#36545d}.option:hover{border-color:#5ab6b3}
.option.mandatory{background:#242419;border-color:#867344}.primary{background:linear-gradient(120deg,#f0cf8f,#cfa45b)}
#drawTab .top{border-left:3px solid #d9b77a;padding-left:18px}.editor.panel,.profiles-panel{box-shadow:0 18px 45px #0005}
.result-modal{border:1px solid #7898a28a;box-shadow:0 35px 100px #000b}.result-modal-top{background:linear-gradient(105deg,#0e3844,#172532)}
@media(min-width:1000px) and (min-height:690px){.home-v17,.landing-shell{min-height:calc(100dvh - 32px)}}
@media(max-width:950px){.landing-content{grid-template-columns:1fr}.landing-art{min-height:260px;opacity:.8}.champ-splash{height:90%;top:5%}.splash-ahri{height:100%;top:0}}
@media(max-width:650px){.home-v17 h1{font-size:clamp(42px,11vw,65px)}.landing-art{min-height:190px;opacity:.55}.landing-content{padding:28px 22px}.art-caption{display:none}.landing-shell:before{background-position:center}}
@media(prefers-reduced-motion:reduce){.champ-splash{transition:none}}


/* ===== assets/v19.css ===== */
/* V19 — T1 Worlds 2025 final draft hero · purely presentational */
:root{--gold:#e6bf76;--teal:#35c9c2;--border:#3e656d}
body{background:#061018}
.landing-shell{background:#07141b;border-color:#426471;box-shadow:0 0 0 1px #bd986e22,0 28px 100px #000b}
/* clearly visible map: no previous opaque overlay or heavy blur */
.landing-shell:before{content:"";position:absolute;inset:0;z-index:-2;background:url('https://www.ghostoact.com/static/arts/img/pic/a910d180gy1foh6864sgqj21uo1bg1kx.jpg') 50% 52%/cover no-repeat;filter:brightness(.72) saturate(.9);opacity:.71;transform:scale(1.035);mask-image:none}
.landing-shell:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#04121ced 0%,#04121cc9 31%,#04121c72 65%,#04121c70),linear-gradient(0deg,#06141aef 0%,transparent 32%,#05101985 100%)}
.landing-header,.landing-bottom{background:#07141dbd;backdrop-filter:blur(9px);border-color:#87a7a52f}
.landing-content{grid-template-columns:minmax(300px,.82fr) minmax(550px,1.4fr);gap:28px;padding:25px 3.5% 33px;align-items:center}
.landing-copy{max-width:510px}.home-v17 h1{font-size:clamp(42px,4.8vw,73px);line-height:1.02;letter-spacing:-3px;margin:22px 0}
.home-v17 p{font-size:14px;max-width:410px;line-height:1.65}
.landing-eyebrow{color:#76d9d2;font-size:10px;letter-spacing:2px}.landing-foot{flex-wrap:wrap;line-height:1.9}
.landing-art{min-height:475px;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;gap:13px;isolation:isolate}
.landing-art:before{content:"";inset:-18px;position:absolute;background:radial-gradient(ellipse at 65% 50%,#26aab034,transparent 67%);filter:blur(14px);z-index:-1}
.draft-headline{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-bottom:1px solid #bd9b6f75;padding-bottom:12px;text-shadow:0 2px 12px #000}
.draft-tag{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#d0d9d8}.draft-tag span{color:#d8ad64}.draft-headline strong{font-size:13px;color:#f3d397;letter-spacing:1px;text-align:right}.draft-headline strong span{display:block;font-size:8px;letter-spacing:1.2px;color:#c8d5d8;margin-top:4px}
.draft-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;height:325px;perspective:1200px}
.draft-card{position:relative;min-width:0;overflow:hidden;border:1px solid #b69b6e77;background:#091823;box-shadow:0 16px 34px #000a;clip-path:polygon(0 0,100% 0,100% 94%,88% 100%,0 100%);transition:transform .25s,filter .25s,border-color .25s}
.draft-card:nth-child(3){border-color:#f1d398;box-shadow:0 20px 38px #000c,0 0 22px #d3a65b26}
.draft-card:hover{transform:translateY(-8px);filter:brightness(1.1);border-color:#edd095}
.draft-visual{position:absolute;inset:0;background-image:linear-gradient(0deg,#071018 2%,#07101820 65%,#06131b33),var(--splash);background-size:cover;background-position:52% center;filter:saturate(.98)}
.draft-card-1 .draft-visual{background-position:48% center}.draft-card-2 .draft-visual{background-position:43% center}.draft-card-3 .draft-visual{background-position:57% center}.draft-card-4 .draft-visual{background-position:42% center}.draft-card-5 .draft-visual{background-position:48% center}
.draft-card-meta{position:absolute;bottom:7px;left:9px;right:5px;display:flex;flex-direction:column;gap:4px;text-shadow:0 2px 9px #000}
.draft-role{font-size:9px;font-weight:900;color:#6cdbda;letter-spacing:1.3px}.draft-card-meta strong{font-size:clamp(11px,1.3vw,17px);line-height:1.1;color:#fff6df;overflow-wrap:anywhere;font-weight:900}.draft-player{font-size:10px;letter-spacing:.3px;color:#d3dde1;font-weight:650}
.draft-footer{color:#c4d1d4;font-size:10px;letter-spacing:2px;text-align:right;text-shadow:0 2px 10px #000;font-weight:750}
.landing-start{background:linear-gradient(110deg,#f3d99f,#d2a45f);border-color:#f7d99c;box-shadow:0 8px 35px #000a}
.brand-icon{background:linear-gradient(140deg,#1e4345,#071923);border-color:#d9bb82;color:#f4daaa}
.sessionbar{box-shadow:0 12px 26px #0006;background:linear-gradient(105deg,#0b2029,#13242b)}
.panel{box-shadow:0 14px 32px #0004}.panel h2{letter-spacing:.1px}.v11-nav{box-shadow:0 7px 20px #0004}.option{transition:border-color .15s,background .15s}.option:hover{background:#132b31}
@media(max-width:1120px){.landing-content{grid-template-columns:1fr;gap:14px}.landing-art{min-height:345px}.draft-five{height:256px}.home-v17 h1{font-size:48px}.landing-copy{max-width:750px}.home-v17 p{max-width:700px}}
@media(max-width:900px){.landing-art{display:flex;opacity:1}.landing-content{padding:20px}.draft-five{height:235px}.draft-card-meta strong{font-size:13px}}
@media(max-width:600px){.landing-shell:before{opacity:.57}.landing-content{padding:24px 18px}.landing-art{min-height:260px}.draft-five{gap:3px;height:198px}.draft-headline{align-items:center}.draft-tag{font-size:8px;letter-spacing:.5px}.draft-headline strong{font-size:10px}.draft-card-meta{left:4px;bottom:8px;right:1px;gap:3px}.draft-role{font-size:7px;letter-spacing:0}.draft-card-meta strong{font-size:10px}.draft-player{font-size:8px}.draft-footer{font-size:8px;letter-spacing:.5px}.landing-foot{font-size:8px}}
@media(prefers-reduced-motion:reduce){.draft-card{transition:none}}


/* ===== assets/v20.css ===== */
/* V20: visibly rendered five-champion draft and differentiated in-session Summoner's Rift scenery */
/* restore images at tablet widths (older redesign.css hid entire draft under 900px) */
@media (min-width:601px) and (max-width:1120px){
 .landing-content{grid-template-columns:1fr;gap:18px;align-content:center}
 .landing-art{display:flex!important;opacity:1!important;min-height:320px;width:100%}
 .draft-five{height:275px}
}
@media (max-width:600px){
 .landing-art{display:flex!important;opacity:1!important;min-height:240px;width:100%}
 .draft-five{height:205px}
}
.draft-card{background:#132b35;isolation:isolate}
.draft-photo{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center;display:block;filter:saturate(1.12) contrast(1.06)}
.draft-card-1 .draft-photo{object-position:45% center}
.draft-card-2 .draft-photo{object-position:43% center}
.draft-card-3 .draft-photo{object-position:56% center}
.draft-card-4 .draft-photo{object-position:44% center}
.draft-card-5 .draft-photo{object-position:45% center}
/* keep fallback splash rendered whenever images cannot load */
.draft-visual{z-index:0;background-image:linear-gradient(0deg,#06141cf5 0%,#06141c40 35%,#06141c18 80%),var(--splash);background-size:cover;background-position:50% center;opacity:1;pointer-events:none}
.draft-photo+.draft-visual{background-image:linear-gradient(0deg,#06141cf5 0%,#06141c2a 44%,transparent 82%)}
.draft-card-meta{z-index:2}
.draft-headline,.draft-footer{flex-shrink:0}
.landing-art{z-index:2}
.landing-shell:before{background-image:url('https://img.redbull.com/images/c_crop,w_2400,h_1200,x_0,y_167/c_auto,w_1200,h_600/f_auto,q_auto/redbullcom/2020/6/25/bfxfw8t2ofmrtlrnsxcz/lol-mapa');opacity:.75;filter:brightness(.85) saturate(.9);background-position:center;background-size:cover}
/* in-session map uses a separate panoramic composition from the landing cover */
body:has(#app:not([hidden])){background:#06121b}
#app{position:relative;isolation:isolate;min-height:95dvh}
#app:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:url('https://img.redbull.com/images/c_crop,w_2400,h_1200,x_0,y_167/c_auto,w_1200,h_600/f_auto,q_auto/redbullcom/2020/6/25/bfxfw8t2ofmrtlrnsxcz/lol-mapa');background-repeat:no-repeat;background-size:cover;background-position:62% 38%;filter:saturate(.8) contrast(1.07) brightness(.85);opacity:.66}
#app:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#06141aee 0%,#071720ad 48%,#06131aa0 100%),linear-gradient(0deg,#06131cdb 0%,transparent 55%,#06151bc9 100%)}
#app .sessionbar,#app .v11-nav{background:#071b26e6;backdrop-filter:blur(16px)}
#app .panel{background:linear-gradient(145deg,#0b202bdc,#0a1723ef);backdrop-filter:blur(16px);border-color:#5b7b7c6b;box-shadow:0 14px 42px #0009}
#app .option{background:#0a1b27c9}
#app .top{background:#07192377;border-radius:9px;padding:12px 18px}
#app .tab-page{position:relative}
@media (max-width:900px){#app:before{background-position:53% center;opacity:.52}#app:after{background:#06131bd9}}
@media (prefers-reduced-transparency:reduce){#app .panel,#app .v11-nav,#app .sessionbar{backdrop-filter:none}}


/* ===== assets/v21.css ===== */
/* V21: artwork display reinforcement and wildcard */
.draft-five{min-height:305px;overflow:visible!important;align-items:stretch!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
.draft-card{display:block!important;visibility:visible!important;opacity:1!important;min-height:300px;clip-path:none!important;overflow:hidden!important;background:linear-gradient(145deg,#244251,#0b1929)!important}
.draft-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#4f857766,transparent 68%);z-index:0}
.draft-card .draft-photo{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:1!important}
.draft-card .draft-visual{z-index:2!important;opacity:1!important;pointer-events:none;background:linear-gradient(0deg,#06131dee 0%,#06131c44 33%,transparent 70%)!important}
.draft-card .draft-card-meta{z-index:3!important;left:8px;bottom:10px;right:5px}
.draft-card .draft-card-meta strong{color:#fff!important;font-size:clamp(12px,1.15vw,18px);text-shadow:0 2px 12px #000}
.draft-card .draft-role{background:#09252ccc;padding:3px 4px;align-self:flex-start;border-radius:3px}
.draft-five .draft-card{border:1px solid #b6a27877}
.wildcard-option{border:1px solid #e5b86d6d!important;background:linear-gradient(105deg,#382c203d,#16242a9a)!important}
.wildcard-option b{color:#f3d28c}
.wildcard-panel{margin-top:14px;padding:15px;border-radius:12px;background:linear-gradient(125deg,#142b35,#10232b);border:1px solid #c4a062;box-shadow:0 8px 26px #0006}
.wildcard-panel[hidden]{display:none!important}
.wildcard-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#efd18d;font-size:13px;font-weight:850;letter-spacing:.6px}
.wildcard-banner small{color:#c6c7c2;font-size:11px;letter-spacing:0}
.wildcard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.wildcard-btn{cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:13px;border:1px solid #5a7374;border-radius:8px;background:#091c27;color:#e7d0a0}
.wildcard-btn small{font-size:11px;color:#b7c6c8;line-height:1.4}
.wildcard-btn:hover{border-color:#e5ba72;background:#19343d}
@media(max-width:760px){.draft-five{min-height:205px}.draft-card{min-height:205px}.wildcard-actions{grid-template-columns:1fr}}

/* Explicit dimensions prevent the flex column from shrinking five cards into vertical lines. */
.landing-art{align-items:stretch!important;min-width:0!important}
.draft-five{width:100%!important;min-width:0!important;flex:none!important;align-self:stretch!important}
.draft-card{width:100%!important;min-width:0!important}
.draft-card .draft-photo{min-width:0!important}
.draft-card-meta{visibility:visible!important;opacity:1!important}


/* ===== assets/v22.css ===== */
/* V22 — compose official classic splashes with a centered crop */
.draft-card .draft-photo{object-position:50% 50%!important;transform:scale(1.01);transform-origin:center center;}
.draft-five .draft-card:nth-child(n) .draft-photo{object-position:center center!important;}
.wild-settings{border:1px solid #98754b88;background:linear-gradient(145deg,#192b33,#111f29);border-radius:12px;padding:17px;margin:22px 0 12px;color:#e5d3ac}
.wild-settings-head{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}
.wild-settings-head span{font-size:12px;font-weight:850;letter-spacing:1px}
.wild-settings-head small{color:#9eafba;font-size:11px}
.wild-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wild-settings-grid label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:750;letter-spacing:.5px;color:#e7c78b}
.wild-settings-grid label span{color:#a2b6c3;font-size:10px;letter-spacing:0;font-weight:500}
.wild-settings-grid input{width:100%;min-width:0;padding:12px;background:#0c1a26;color:#fff;border:1px solid #57717e;border-radius:7px;font-size:17px;font-weight:750}
.wild-settings-grid input:focus{outline:2px solid #dfb56a;outline-offset:2px}
.wild-settings-hint{font-size:11px;line-height:1.55;color:#a6bbc1;margin:12px 0 0}
.wild-settings-hint.invalid{color:#ff9e91}

/* V23: one probability control */
.wild-settings-grid{grid-template-columns:minmax(0,1fr)}
.wild-settings-grid label{max-width:420px}


/* ===== assets/v24.css ===== */
/* V24: full splash art visible, centered, without cutting the characters */
.draft-card .draft-photo,.draft-five .draft-card:nth-child(n) .draft-photo{object-fit:contain!important;object-position:center center!important;transform:none!important;background:#091b27!important;filter:saturate(1.08) contrast(1.04)}
.draft-card{background:radial-gradient(ellipse at center,#294150,#091b27)!important}
.wild-reveal[hidden]{display:none!important}.wild-reveal{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;background:#020b14df;backdrop-filter:blur(13px);padding:20px}.wild-reveal-card{position:relative;max-width:720px;width:100%;text-align:center;padding:55px 28px 40px;border:1px solid #e6c074aa;background:radial-gradient(ellipse at 50% 10%,#385869 0%,#112632 55%,#08131f 100%);box-shadow:0 0 95px #e6be6441,0 30px 85px #000;border-radius:18px;overflow:hidden;animation:wildIn .48s ease-out}.wild-reveal-star{font-size:65px;color:#f4c976;text-shadow:0 0 35px #eaba62;animation:wildGlow 1s ease-in-out infinite alternate}.wild-reveal-sub{color:#b4d7df;font-size:12px;font-weight:900;letter-spacing:3px;margin:20px 0 8px}.wild-reveal h2{font-size:clamp(30px,5vw,56px);letter-spacing:2px;color:#f9e7bb;margin:10px 0}.wild-reveal p{font-size:clamp(13px,2.1vw,20px);font-weight:800;letter-spacing:1px;color:#e3e9ea}.wild-reveal-bar{width:min(360px,100%);height:3px;background:#3c505b;margin:28px auto;overflow:hidden}.wild-reveal-bar span{display:block;width:45%;height:100%;background:#ffe0a0;animation:wildBar 1.4s infinite ease-in-out}.wild-skip{background:transparent;border:1px solid #8e9798;padding:9px 14px;border-radius:6px;color:#b7c3c7;cursor:pointer}.wild-skip:hover{color:#fff;border-color:#efc879}@keyframes wildIn{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wildGlow{to{filter:brightness(1.6);transform:scale(1.06)}}@keyframes wildBar{from{transform:translateX(-110%)}to{transform:translateX(290%)}}
.wild-status{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f5d38d;font-weight:900;letter-spacing:.6px;flex-wrap:wrap}.wild-status small{color:#c1cdd1;font-size:11px}.wild-instruction{font-size:14px;color:#fff;margin:12px 0 6px}.wild-feedback{color:#a5c1c5;font-size:12px}.wild-cancel{margin-top:12px;background:#183743;color:#fff;border:1px solid #d7ba7a;padding:9px 14px;border-radius:7px;cursor:pointer}.team.wild-own{outline:2px solid #efcc84;box-shadow:0 0 32px #e8bf6540}.team.wild-enemy{outline:2px solid #dd8c80;box-shadow:0 0 32px #df685b36}.team .player.wild-clickable{cursor:pointer;border-radius:7px;outline:1px solid #dbbf7177;box-shadow:inset 0 0 22px #e9c67518;transition:background .15s,transform .15s}.team .player.wild-clickable:hover,.team .player.wild-clickable:focus{background:#c7a4623d;transform:scale(1.015);outline:2px solid #f5ce77}.team .player.wild-selected{background:#e8b34e44!important;outline:2px solid #ffe29b!important}.team .player.wild-flash{animation:wildFlash .6s 2}@keyframes wildFlash{50%{box-shadow:inset 0 0 40px #f4d16a99}}@media(prefers-reduced-motion:reduce){.wild-reveal-star,.wild-reveal-bar span,.wild-reveal-card{animation:none!important}}


/* ===== assets/v25.css ===== */
/* V25 — default champion art large, per-character horizontal framing */
.draft-five .draft-card .draft-photo{object-fit:cover!important;transform:none!important;width:100%!important;height:100%!important;filter:saturate(1.08) contrast(1.05)!important}
.draft-five .draft-card-1 .draft-photo{object-position:46% 50%!important}
.draft-five .draft-card-2 .draft-photo{object-position:41% 50%!important}
.draft-five .draft-card-3 .draft-photo{object-position:57% 50%!important}
.draft-five .draft-card-4 .draft-photo{object-position:67% 50%!important}
.draft-five .draft-card-5 .draft-photo{object-position:43% 50%!important}
.brand-icon-new{display:grid;place-items:center;font-size:17px;font-weight:900;line-height:1}
.wild-launch[hidden]{display:none!important}
.wild-launch{position:relative;z-index:5;display:flex;gap:15px;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;padding:16px;margin:16px 0 18px;border:1px solid #dfb96e;border-radius:14px;background:linear-gradient(100deg,#20363e,#44351d,#16343e);box-shadow:0 0 38px #d2ab4c35,inset 0 0 32px #d2b2670a;color:#ffdda0}
.wild-launch-icon{font-size:33px;animation:wildGlow 1.1s infinite alternate}
.wild-launch-title{font-size:clamp(16px,2vw,24px);font-weight:950;letter-spacing:1px}
.wild-launch-detail{color:#d3dcda;font-size:12px;max-width:310px}
.wild-launch button{background:#e3bb75;color:#09202b;border:0;padding:12px 19px;font-weight:950;cursor:pointer;border-radius:7px;letter-spacing:.4px}.wild-launch button:hover{filter:brightness(1.15)}
.wild-reveal{background:radial-gradient(circle at 50% 44%,#253e49ee,#030a14f5 70%);backdrop-filter:blur(21px)}
.wild-reveal-card{max-width:790px;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #e5bd73;box-shadow:0 0 130px #b9924638,0 40px 130px #000e}
.wild-reveal h2{font-size:clamp(29px,6vw,64px);line-height:1.1;max-width:100%;text-wrap:balance;animation:revealPulse .6s ease-out}
.wild-reveal-detail{max-width:540px;font-size:clamp(14px,1.8vw,20px);line-height:1.55;color:#f7e9cb;font-weight:650;margin:13px auto 0}
.wild-stage-4 .wild-reveal-card{border-color:#fbe3a5;box-shadow:0 0 150px #e6bc6573,0 40px 130px #000d}
.wild-stage-4 .wild-reveal-star{font-size:78px}
.wild-action-heading{text-align:center;padding:15px 12px;background:linear-gradient(120deg,#3b311c,#102733);border:1px solid #d9b86a;border-radius:9px;display:flex;align-items:center;flex-direction:column;gap:6px}
.wild-action-heading .wild-action-team{font-size:11px;letter-spacing:1.3px;color:#eac787;font-weight:900}
.wild-action-heading strong{font-size:clamp(22px,3vw,35px);color:#ffe1a3;line-height:1.1}
.wild-action-heading p{color:#e5e7e2;font-size:14px;max-width:620px;margin:4px 0 0;line-height:1.5}
.wild-instruction{font-size:15px;font-weight:850;margin:16px 0 7px}
@keyframes revealPulse{from{opacity:.25;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@media(max-width:680px){.wild-launch{flex-direction:column;gap:9px}.wild-reveal-card{min-height:350px;padding:32px 16px}.draft-five .draft-card .draft-photo{object-fit:cover!important}}
@media(prefers-reduced-motion:reduce){.wild-launch-icon,.wild-reveal h2{animation:none!important}}


/* ===== assets/v26.css ===== */
/* V26: responsive desktop and artwork crop refinements */
.option-inactive{opacity:.45;cursor:not-allowed}.option-inactive input{cursor:not-allowed}
.draft-five .draft-card .draft-photo{object-fit:cover!important;width:100%!important;height:100%!important;transform:scale(1.16)!important;transform-origin:center!important}
.draft-five .draft-card-1 .draft-photo{object-position:63% center!important}
.draft-five .draft-card-2 .draft-photo{object-position:55% center!important}
.draft-five .draft-card-3 .draft-photo{object-position:61% center!important}
.draft-five .draft-card-4 .draft-photo{object-position:71% center!important}
.draft-five .draft-card-5 .draft-photo{object-position:60% center!important}
@media (min-width:1100px) and (min-height:650px){
  #app{min-height:0} .sessionbar{padding:8px 13px;margin-bottom:7px} .v11-nav{margin-bottom:8px} .top{margin-bottom:8px}.top h1{font-size:clamp(24px,2.2vw,31px);margin:4px 0}.top p{margin:0}.panel{padding:clamp(12px,1.25vw,18px)} .layout{gap:12px}.option{padding:clamp(7px,.8vh,11px) 10px} .players{gap:4px}.entry{margin:8px 0}
}
@media (min-width:1100px) and (max-height:800px){.home-v17 h1{font-size:clamp(31px,3.1vw,46px);margin:14px 0}.landing-content{padding:13px 4%}.landing-actions{margin:16px 0}.landing-art{min-height:285px}.draft-five{min-height:260px!important}.landing-header,.landing-bottom{padding:12px 23px}}
@media (max-width:1099px){.draft-five .draft-card .draft-photo{transform:scale(1.08)!important}}
.opgg-import{margin:12px 0;border:1px solid #4b6776;background:#122632;padding:12px;border-radius:10px}.opgg-import summary{cursor:pointer;font-weight:800;color:#e7c48b}.opgg-import p,.opgg-import small{font-size:12px;color:#bbced7;line-height:1.5}.opgg-import textarea{display:block;width:100%;margin:10px 0;background:#071622;color:#e7f3f3;border:1px solid #64818c;border-radius:8px;padding:10px}.opgg-import button{background:#dbbd80;color:#10202c;font-weight:800;padding:9px 14px;border:0;border-radius:7px;cursor:pointer}


/* ===== assets/v27.css ===== */
/* V27: un único recorte definido por carta; el arte ORIGINAL llena el rectángulo. */
.draft-five .draft-card{overflow:hidden!important;isolation:isolate;min-height:0}
.draft-five .draft-card .draft-photo{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;filter:saturate(1.06) contrast(1.05)!important;z-index:1!important}
.draft-five .draft-card .draft-visual{display:none!important}
.draft-five .draft-card::after{content:'';position:absolute;inset:36% 0 0;z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(2,10,18,.92),transparent)}
.draft-five .draft-card .draft-card-meta{position:absolute!important;z-index:3!important}
.draft-five .draft-card-1 .draft-photo{object-position:71% 50%!important}
.draft-five .draft-card-2 .draft-photo{object-position:58% 50%!important}
.draft-five .draft-card-3 .draft-photo{object-position:69% 50%!important}
.draft-five .draft-card-4 .draft-photo{object-position:70% 50%!important}
.draft-five .draft-card-5 .draft-photo{object-position:66% 50%!important}
.opgg-import .opgg-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.opgg-import .opgg-actions button{flex:1;min-width:170px}.opgg-import .opgg-feedback{padding:8px;color:#cce9e3;line-height:1.6}


/* ===== assets/v28.css ===== */
/* V28: la ilustración de splash es panorámica: usar background de la carta en vez de <img> evita bandas horizontales por alturas heredadas. */
.draft-five .draft-card{position:relative!important; overflow:hidden!important; background-color:#0a2431!important; background-image:none!important;}
.draft-five .draft-card::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;opacity:1!important;background-image:var(--splash)!important;background-repeat:no-repeat!important;background-size:auto 100%!important;background-position:var(--hero-x,50%) center!important;transform:scale(1.06)!important;transform-origin:center!important;pointer-events:none!important;}
.draft-five .draft-card .draft-photo{display:none!important}
.draft-five .draft-card .draft-visual{display:none!important}
.draft-five .draft-card::after{z-index:2!important;inset:38% 0 0!important;background:linear-gradient(0deg,#021019f5 0%,#02101977 35%,transparent 95%)!important}
.draft-five .draft-card .draft-card-meta{z-index:4!important}
.draft-five .draft-card-1{--hero-x:73%}
.draft-five .draft-card-2{--hero-x:59%}
.draft-five .draft-card-3{--hero-x:70%}
.draft-five .draft-card-4{--hero-x:72%}
.draft-five .draft-card-5{--hero-x:71%}
.lobby-password-overlay[hidden]{display:none!important}
.lobby-password-overlay{position:fixed;inset:0;z-index:999999;background:#020811df;backdrop-filter:blur(12px);display:grid;place-items:center;padding:16px}
.lobby-password-card{width:min(420px,100%);padding:32px;border-radius:18px;background:linear-gradient(150deg,#193043,#081825);border:1px solid #ae8c54;box-shadow:0 25px 90px #000a;color:#fff;display:flex;flex-direction:column;gap:14px}
.lobby-password-card h2{margin:0;font-size:25px}.lobby-password-card p{margin:0;color:#b7c8d0;font-size:13px;line-height:1.6}.lobby-password-card label,.password-brand{font-size:10px;letter-spacing:1.5px;color:#e3c184;font-weight:800}
.lobby-password-card input{width:100%;padding:14px;color:#fff;background:#09141e;border:1px solid #496071;border-radius:7px;font-size:16px;outline:none}
.lobby-password-card input:focus{border-color:#d9ad5b}
.lobby-password-card .password-error{color:#ff9e9e;min-height:18px}
.password-actions{display:flex;gap:8px}.password-actions button{flex:1;padding:12px 8px;border-radius:7px;background:#233443;color:#fff;font-weight:800;font-size:12px}.password-actions button[type=submit]{background:#dfbc78;color:#091522}


/* ===== assets/v29.css ===== */
/* V29 editorial broadcast redesign; final authoritative splash layout */
:root{--broadcast-gold:#d7ae63;--broadcast-cyan:#49bad0}
body{background:#061117}
.landing-shell{border:1px solid #627a79;background:#071821;border-radius:3px;box-shadow:0 28px 90px #0008;overflow:hidden}
.landing-header,.landing-bottom{backdrop-filter:none!important;background:#081821db!important;border-color:#52716f!important}
.landing-header{border-bottom:2px solid #ac8a4d!important}
.landing-copy h1{letter-spacing:-.045em!important;font-weight:950!important}
.landing-eyebrow{color:#e4c383!important}
.landing-start{border-radius:3px!important;box-shadow:none!important;position:relative;overflow:hidden}
.landing-start:before{content:"";position:absolute;inset:0 94% 0 0;background:#fff6;transform:skew(-15deg);transition:inset .24s ease}
.landing-start:hover:before{inset:0 0 0 0}
.draft-five{gap:5px!important;perspective:none!important}
.draft-five .draft-card{position:relative!important;overflow:hidden!important;isolation:isolate;background:#10252a!important;clip-path:none!important;border:1px solid #69807b!important;border-top:2px solid #d7ae63!important;box-shadow:none!important;transition:transform .18s ease,border-color .18s ease!important}
.draft-five .draft-card:nth-child(3){border-top:3px solid #79dce6!important}
.draft-five .draft-card:before{content:""!important;position:absolute!important;inset:0!important;display:block!important;z-index:0!important;background-image:var(--splash)!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:var(--focus-x,50%) var(--focus-y,50%)!important;transform:none!important;opacity:1!important;filter:none!important}
.draft-five .draft-card .draft-photo,.draft-five .draft-card .draft-visual{display:none!important}
.draft-five .draft-card:after{content:""!important;position:absolute!important;inset:34% 0 0!important;background:linear-gradient(0deg,#041016 0%,#041016bb 24%,#04101633 69%,transparent 100%)!important;z-index:1!important;pointer-events:none!important}
.draft-five .draft-card .draft-card-meta{z-index:2!important;padding:4px 2px 3px!important}
.draft-card:hover{transform:translateY(-4px)!important}
.draft-role{display:inline-block;width:max-content;background:#0a3a45;padding:3px 5px;border-left:2px solid #71d7e0!important}
.draft-headline,.draft-footer{letter-spacing:1.5px}
.draft-controls{position:relative;max-width:1170px;margin:0 auto;padding:0 3.5% 8px;z-index:5}
.draft-adjust-trigger,.draft-reset{font:700 10px inherit;letter-spacing:1.1px;color:#b8cdd0;background:#0a2530;border:1px solid #577179;border-radius:3px;padding:8px 12px;cursor:pointer}
.draft-adjust-trigger:hover,.draft-reset:hover{border-color:#dab776;color:#fff}
.draft-adjust-panel{margin-top:10px;padding:13px 16px;background:#071b25f5;border:1px solid #546d70;border-top:2px solid #d7ae63;box-shadow:0 10px 25px #0006}
.draft-adjust-panel[hidden]{display:none!important}
.draft-adjust-title{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px;color:#dfc18b;font-size:11px}
.draft-adjust-title span{font-size:11px;color:#abbfc7;font-weight:400}
.draft-sliders{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.draft-sliders label{font-size:11px;color:#dbe9e8;display:grid;gap:5px}
.draft-sliders input{width:100%;accent-color:#c9a763;cursor:ew-resize}
.draft-reset{margin-top:10px}
/* lower rendering costs; preserve readable results and smooth reveal animations */
#app .panel,#app .sessionbar,#app .v11-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#app .panel{background:linear-gradient(140deg,#0a1b25f0,#0c202aef)!important;box-shadow:0 5px 18px #0006!important;border-radius:7px!important}
#app .sessionbar,#app .v11-nav{background:#091d28ed!important}
#app .v11-tab{transition:color .14s,border-color .14s}
#app .v11-tab.active{border-color:#d7ae63!important;color:#f7e6c4!important}
.result-modal,.wild-reveal-card{will-change:transform,opacity;backface-visibility:hidden}
.wild-reveal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#030e17f5!important}
.wild-reveal-star{animation-duration:1.8s!important}
@media(min-width:1100px) and (min-height:750px){#app .sessionbar{padding-block:8px!important}#app .v11-nav{margin-bottom:15px!important}#app .top{margin-bottom:12px!important}#app .panel{padding:16px!important}}
@media(max-width:760px){.draft-sliders{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-controls{padding:0 20px 12px}}
@media(prefers-reduced-motion:reduce){.draft-card,.wild-reveal-card,.result-modal{transition:none!important;animation:none!important}}


/* ===== assets/v30.css ===== */
/* 5V5 RANDOM V30 — Matchday / technical broadcast skin. Overrides legacy theme. */
:root{--edge:#354c54;--signal:#e6b966;--ice:#91e4e3}
body{background:#040e14;color:#e9f0ed;font-family:Inter,'Arial Narrow',Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 71px,#92bdc205 72px),radial-gradient(circle at 100% 10%,#18506138,transparent 40%)}
main{max-width:1550px}
.landing-shell{border:1px solid #677571!important;border-radius:0!important;box-shadow:0 28px 80px #000b!important;background:linear-gradient(92deg,#04121ae9 0%,#061720db 42%,#07171b96 100%)!important}
.landing-shell:after{content:"";position:absolute;pointer-events:none;inset:0;background:repeating-linear-gradient(90deg,transparent 0 111px,#c3b37e09 112px);opacity:.35}
.landing-header,.landing-bottom{padding:16px 28px!important;background:#06151cdb!important;position:relative;z-index:3}
.landing-header{border-bottom:1px solid #cba967!important}
.brand-icon{background:#091d27!important;border:1px solid #d4b373!important;border-radius:0!important;width:41px!important;height:41px!important}
.brand-mark strong{font-size:16px!important;font-weight:950!important;letter-spacing:.09em!important}
.brand-mark small{font-size:9px;letter-spacing:.16em}
.landing-online{font:700 10px 'Arial Narrow',Arial,sans-serif;letter-spacing:.25em}
.landing-content{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:2.8%;padding:27px 3.5%!important;min-height:0;align-items:center}
.landing-copy{max-width:570px;position:relative;z-index:2;padding-left:12px;border-left:2px solid #d7ad59}
.landing-eyebrow{font-size:10px!important;letter-spacing:.22em!important;color:#80d9db!important}
.home-v17 h1{font-family:Impact,'Arial Narrow',sans-serif!important;font-size:clamp(52px,5.7vw,96px)!important;letter-spacing:.015em!important;font-weight:900!important;line-height:.96!important;margin:17px 0 24px!important;text-transform:uppercase}
.home-v17 h1 em{background:none!important;color:#e8be72!important;font-style:normal!important;white-space:nowrap}
.home-v17 p{font-size:13px!important;line-height:1.65!important;color:#c0d1cf!important;max-width:390px}
.landing-actions{margin:28px 0!important;gap:9px!important;display:flex}
.landing-start{border-radius:0!important;min-width:235px!important;padding:16px 18px!important;background:#e5ba70!important;border:1px solid #f6d79a!important;font-size:11px!important;letter-spacing:.10em!important;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}
.landing-start:before{display:none!important}
.landing-start:hover{background:#f4d492!important;transform:translateY(-2px)!important}
.landing-resume{border-radius:0!important;padding:16px!important;border-color:#679196!important;background:#0c2b34!important}
.landing-foot{font-size:9px!important;letter-spacing:.08em!important;gap:9px!important}
.landing-art{min-height:370px!important;transform:none!important;width:100%;display:block!important;opacity:1!important}
.draft-headline{border-bottom:1px solid #c5a565;padding-bottom:10px!important;display:flex;justify-content:space-between;gap:8px}
.draft-five{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px!important;width:100%;height:clamp(300px,37vh,450px);margin-top:14px!important;overflow:visible}
.draft-five .draft-card{width:100%!important;height:100%!important;min-height:0!important;min-width:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;border:1px solid #5e7575!important;border-top:3px solid #d1ad65!important;clip-path:none!important;position:relative}
.draft-five .draft-card:before{background-size:cover!important;background-position:var(--focus-x,50%) 50%!important;transform:none!important}
.draft-five .draft-card:nth-child(3){border-top-color:#67cddb!important}
.draft-five .draft-card:hover{transform:translateY(-5px)!important;border-color:#e8c886!important;z-index:4}
.draft-card-meta{bottom:0!important;left:0!important;right:0!important;padding:10px 8px!important;background:linear-gradient(transparent,#04131de9)!important}
.draft-card-meta strong{font-family:Impact,'Arial Narrow',Arial,sans-serif!important;letter-spacing:.02em!important;font-weight:700!important;font-size:clamp(15px,1.25vw,21px)!important}
.draft-role{border-radius:0!important;font-size:8px!important}
.draft-player{font-size:9px!important}
.draft-footer{padding-top:13px!important;font-size:9px!important}
.landing-bottom{font-size:9px!important;letter-spacing:.12em!important;border-top:1px solid #5b7775!important}
.creator-mark{color:#d4e0df!important;font-weight:700}
.creator-mark b{margin:0 7px!important;color:#e6bc73!important}
/* A distinct tactical, flat interface for the active lobby. */
#app .sessionbar,#app .v11-nav,#app .panel{border-radius:0!important;backdrop-filter:none!important}
#app .sessionbar{border-left:4px solid #d7ae63!important;background:#071921f8!important}
#app .v11-nav{padding:0!important;background:#051720f6!important;border-bottom:2px solid #374e56!important}
#app .v11-tab{border-radius:0!important;letter-spacing:.045em!important;text-transform:uppercase;font-size:11px}
#app .v11-tab.active{background:#173540!important;border-bottom:2px solid #dcb76e!important}
#app .panel{border:1px solid #44616a!important;border-top:2px solid #d2ae68!important;background:#081c25f4!important;box-shadow:0 10px 30px #0005!important}
#app .option{border-radius:0!important;background:#0a2430!important;border-left:2px solid #345562!important}
#app .option:has(input:checked){border-left-color:#e2ba76!important}
#app .primary{border-radius:0!important;letter-spacing:.1em;text-transform:uppercase}
#app .top h1{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.035em;text-transform:uppercase}
#app .tag{border-radius:0!important}
@media(max-width:1060px){.landing-content{grid-template-columns:1fr!important;gap:18px!important}.landing-art{min-height:260px!important}.draft-five{height:275px}.home-v17 h1{font-size:clamp(42px,7vw,72px)!important}.landing-shell{min-height:100dvh}}
@media(max-width:680px){.landing-content{padding:18px!important}.landing-art{display:block!important;min-height:215px!important}.draft-five{height:220px;gap:3px!important}.draft-card-meta{padding:5px 3px!important}.draft-card-meta strong{font-size:11px!important}.draft-player{font-size:7px!important}.draft-role{font-size:7px!important}.draft-headline{font-size:8px}.landing-foot{flex-wrap:wrap}.home-v17 h1{font-size:clamp(36px,9vw,58px)!important}.landing-bottom{flex-wrap:wrap;gap:8px}}
@media(prefers-reduced-motion:reduce){.draft-five .draft-card{transition:none!important}}


/* ===== assets/v31.css ===== */
/* V31 ARENA CONTROL */
:root{--arena-bg:#090d14;--arena-plate:#131b28;--arena-line:#34475a;--arena-mint:#b8f7e6;--arena-orange:#ff633f;--arena-white:#f2f4f0}
html{background:#090d14}body{background:var(--arena-bg)!important;color:var(--arena-white)!important;font-family:Arial,Helvetica,sans-serif!important}body:before{background:linear-gradient(110deg,#0b1018,#101e2d 72%,#071018)!important;opacity:1!important}
main{max-width:1600px!important;margin:auto}.home{background:#080f18!important}
.landing-shell{min-height:min(820px,96dvh)!important;background:#0a121d!important;border:0!important;box-shadow:none!important;isolation:isolate;overflow:hidden;position:relative}
.landing-shell:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#080e17 9%,#0c1925e8 53%,#0c1925d6),url('https://ddragon.leagueoflegends.com/cdn/img/champion/splash/Galio_0.jpg') center/cover!important;opacity:.9}
.landing-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 97%,#a2ffd10c 97.2%) 0 0/92px 100%;opacity:1!important;z-index:-1}
.landing-header{height:82px;padding:0 36px!important;background:#0b101a!important;border-bottom:1px solid #485d6a!important;display:flex;align-items:center;position:relative}
.landing-header:before{content:"MATCH CONTROL  /  01";position:absolute;bottom:-24px;right:35px;font:700 10px Arial;letter-spacing:.25em;color:#b5d4ca}
.brand-mark{gap:13px!important}.brand-icon{width:50px!important;height:50px!important;background:var(--arena-orange)!important;color:#0a1018!important;border:0!important;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);font-size:27px!important}
.brand-mark strong{font-family:Impact,'Arial Narrow',sans-serif!important;font-size:24px!important;letter-spacing:.08em!important;color:#fff!important}.brand-mark strong span{color:var(--arena-orange)!important}.brand-mark small{color:#93acae!important;font-size:9px!important}.landing-online{color:var(--arena-mint)!important;border:1px solid #50796c;padding:9px 13px;font-size:9px!important}
.landing-content{padding:42px 36px 32px!important;gap:42px!important;grid-template-columns:minmax(300px,.82fr) minmax(490px,1.18fr)!important;align-items:center!important}
.landing-copy{padding-left:0!important;border-left:0!important;max-width:550px!important}.landing-copy:before{content:"01     /     CUSTOM MATCH";display:block;padding:0 0 22px;color:var(--arena-orange);font:800 10px Arial;letter-spacing:.29em}
.landing-eyebrow{color:#b7e9df!important;font:700 11px Arial!important;letter-spacing:.15em!important}
.home-v17 h1{font-family:Impact,'Arial Narrow',sans-serif!important;font-size:clamp(58px,6.2vw,108px)!important;line-height:.87!important;letter-spacing:-.018em!important;margin:24px 0!important;max-width:670px!important;transform:skew(-3deg)}
.home-v17 h1 em{color:var(--arena-orange)!important;font-style:normal!important;background:none!important;white-space:nowrap}
.home-v17 p{border-top:1px solid #485f67;padding-top:20px;color:#c1d4d4!important;font-size:14px!important;max-width:430px!important;line-height:1.6!important}
.landing-actions{margin:28px 0 24px!important;align-items:stretch!important;flex-wrap:wrap}.landing-start{background:var(--arena-orange)!important;border:none!important;clip-path:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% 100%,0 100%);color:#0d1318!important;font-size:13px!important;font-weight:900!important;letter-spacing:.06em!important;min-width:255px!important;padding:19px 20px!important}.landing-resume{background:#142636!important;border:1px solid #82b7ab!important;color:#e8f7f5!important}
.landing-foot{border-left:3px solid var(--arena-orange);padding-left:12px;color:#9db8b6!important;letter-spacing:.12em!important}
.landing-art{min-height:0!important;position:relative!important;z-index:1}.draft-headline{display:block!important;padding:12px 0!important;border-bottom:3px solid var(--arena-orange)!important}.draft-tag{font-size:10px!important;letter-spacing:.22em!important;color:var(--arena-mint)!important}.draft-headline strong{display:block;font:900 22px Impact,Arial!important;letter-spacing:.06em!important;color:#fff!important;padding-top:9px}.draft-headline strong span{font:700 11px Arial!important;color:#ff986c!important;letter-spacing:.16em!important}
.draft-five{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;height:clamp(340px,51vh,530px)!important;margin-top:12px!important;overflow:hidden!important}
.draft-five .draft-card{border:0!important;border-top:5px solid #a6f0df!important;background:#0c1b27!important;overflow:hidden!important;position:relative;box-shadow:none!important;transform:none!important;transition:filter .2s ease,transform .2s ease!important}.draft-five .draft-card:nth-child(3){border-top-color:var(--arena-orange)!important}.draft-five .draft-card:hover{transform:translateY(-5px)!important;filter:brightness(1.15)!important}
.draft-five .draft-card:before{display:none!important}.draft-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--focus-x,50%) center!important;display:block!important;opacity:1!important;transform:scale(1.03)!important;filter:contrast(1.06) saturate(.87)!important}.draft-visual{display:none!important}
.draft-card-meta{position:absolute!important;bottom:0!important;inset-inline:0!important;padding:32px 8px 12px!important;background:linear-gradient(0deg,#071019fa 0%,#091521d5 56%,transparent 100%)!important;z-index:2!important}.draft-card-meta strong{color:#fff!important;font:700 clamp(13px,1.2vw,19px) Impact,'Arial Narrow',sans-serif!important;text-transform:uppercase}.draft-player{color:#b8e9df!important}.draft-role{color:#ff956c!important;font-weight:900!important}.draft-footer{color:#a8c6bd!important;font-size:10px!important;letter-spacing:.12em!important}
.landing-bottom{background:#0b121b!important;border-top:1px solid #3e5963!important;height:59px;padding:0 34px!important;display:flex;align-items:center}.creator-mark{color:#d2e2dd!important}.creator-mark b{color:var(--arena-orange)!important}
#app{max-width:1440px!important;margin:auto!important;padding:18px 24px!important}#app .sessionbar{background:#0d1521!important;border:1px solid #345064!important;border-left:6px solid var(--arena-orange)!important;padding:13px 20px!important;box-shadow:none!important}#app .dashboard-brand .brand-square{background:var(--arena-orange)!important;color:#0c1320!important}#app .v11-nav{margin-top:12px!important;background:#0a1622!important;border:1px solid #3b5160!important;display:flex;gap:0!important}#app .v11-tab{padding:16px 23px!important;font-size:12px!important;font-weight:800!important;color:#aabec5!important;background:transparent!important;border:0!important;border-right:1px solid #314858!important}#app .v11-tab.active{background:#b7f3e6!important;color:#09131c!important;border-bottom:0!important}
#app .panel{background:#101e2b!important;border:1px solid #3e5868!important;border-top:4px solid #b4efe4!important;box-shadow:none!important;padding:23px!important}#app .panel h2{font-family:Impact,'Arial Narrow',sans-serif!important;text-transform:uppercase;letter-spacing:.07em!important;font-size:23px!important}#app .option{background:#152738!important;border:1px solid #354f60!important;border-radius:0!important;padding:12px!important;margin-bottom:8px!important;transition:background .15s ease!important}#app .option:has(input:checked){background:#1b3540!important;border-color:#79c6bd!important;border-left:5px solid var(--arena-orange)!important}#app .primary,#app button.add{background:var(--arena-orange)!important;color:#0a1119!important;border-radius:0!important;border:0!important;font-weight:900!important;letter-spacing:.08em!important;box-shadow:none!important}#app input:not([type=checkbox]),#app textarea{background:#07141e!important;border:1px solid #435b6c!important;border-radius:0!important;color:#fff!important}#app .top h1{font-family:Impact,'Arial Narrow',sans-serif!important;font-size:38px!important;letter-spacing:.04em!important}#app .top h1 em{color:#ff8562!important}#app .players .player{border-radius:0!important}
#app .layout{gap:16px!important}#app .top{margin-bottom:12px!important}#app .top p{margin:4px 0!important}#app .session-context{color:#d5e8e8}#app .settings-open{border:1px solid #557183!important}
.result-modal{background:#0b1824!important;border:1px solid #82cfc4!important;border-radius:0!important}.result-modal-top{background:#122637!important;border-bottom:3px solid var(--arena-orange)!important}.settings-dialog{background:#0c1a27!important}
@media(min-width:1050px) and (min-height:680px){#app .tab-page#drawTab .layout{align-items:stretch}#app .tab-page#drawTab .panel{min-height:0}}
@media(max-width:1020px){.landing-content{grid-template-columns:1fr!important;gap:25px!important}.landing-shell{min-height:100dvh!important}.draft-five{height:340px!important}.landing-copy{max-width:100%!important}.home-v17 h1{font-size:clamp(54px,9vw,92px)!important}}
@media(max-width:620px){.landing-header{padding:0 18px!important;height:65px}.landing-online{display:none!important}.landing-content{padding:20px 15px!important}.home-v17 h1{font-size:clamp(49px,12vw,69px)!important}.draft-five{height:230px!important;gap:2px!important}.draft-card-meta{padding:23px 3px 6px!important}.draft-card-meta strong{font-size:10px!important}.draft-player{font-size:7px!important}.draft-role{font-size:7px!important}.landing-bottom{padding:12px!important;gap:10px;flex-wrap:wrap;height:auto}#app{padding:10px!important}#app .v11-tab{font-size:10px!important;padding:10px 8px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V31.1 — unified broadcast palette and guaranteed splash visibility */
:root{--arena-bg:#080f19;--arena-plate:#101e2b;--arena-line:#304b58;--arena-mint:#86dfd5;--arena-orange:#fa7654;--arena-white:#edf5f3}
.landing-shell{background:#091722!important}.landing-header,.landing-bottom{background:#0a1622!important}
.brand-icon,.landing-start,#app .primary,#app button.add{background:var(--arena-orange)!important}
.landing-online,.draft-tag,.landing-eyebrow{color:var(--arena-mint)!important}
.draft-five .draft-card{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#0a202a!important}
.draft-five .draft-card .draft-photo{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important;object-position:var(--focus-x,50%) center!important;z-index:1!important;transform:none!important;filter:saturate(.9) contrast(1.04)!important}
.draft-five .draft-card .draft-visual{display:none!important}
.draft-five .draft-card:before{display:none!important}
.draft-five .draft-card .draft-card-meta{z-index:3!important;position:absolute!important}
.draft-five .draft-card:nth-child(1){--focus-x:93%}
.draft-five .draft-card:nth-child(2){--focus-x:50%}
.draft-five .draft-card:nth-child(3){--focus-x:47%}
.draft-five .draft-card:nth-child(4){--focus-x:83%}
.draft-five .draft-card:nth-child(5){--focus-x:86%}
#app .panel{background:#10212d!important;border-color:#365563!important;border-top-color:var(--arena-mint)!important}
#app .option{background:#142b37!important}
#app .option:has(input:checked){background:#1b3a42!important;border-color:var(--arena-mint)!important;border-left-color:var(--arena-orange)!important}
#app .v11-nav{background:#0d1c29!important;border-color:#355262!important}
#app .v11-tab.active{background:var(--arena-mint)!important}
#app .sessionbar{background:#0e1d29!important;border-color:#365664!important;border-left-color:var(--arena-orange)!important}


/* V31.2 — portrait layout, accessible typography, coherent login */
:root{--arena-orange:#fa7654;--arena-mint:#86dfd5;--arena-bg:#080f19;--arena-plate:#10212d}
.draft-five{align-items:stretch!important}
.draft-five .draft-card{position:relative!important;overflow:hidden!important;min-height:0!important;isolation:isolate!important}
.draft-five .draft-card::before{content:""!important;display:block!important;visibility:visible!important;position:absolute!important;inset:0!important;z-index:1!important;opacity:1!important;background-image:var(--splash)!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:var(--focus-x,50%) center!important;filter:contrast(1.05) saturate(.93)!important;transform:none!important;pointer-events:none!important}
.draft-five .draft-card img.draft-photo{display:none!important}
.draft-five .draft-card .draft-visual{display:none!important}
.draft-five .draft-card::after{content:""!important;display:block!important;position:absolute!important;inset:48% 0 0!important;z-index:2!important;background:linear-gradient(0deg,#06121df5 0%,#06121d80 48%,transparent 100%)!important;pointer-events:none!important}
.draft-five .draft-card .draft-card-meta{position:absolute!important;inset:auto 0 0!important;z-index:3!important;padding:24px 9px 12px!important;background:none!important}
.draft-five .draft-card:nth-child(1){--focus-x:93%}
.draft-five .draft-card:nth-child(2){--focus-x:50%}
.draft-five .draft-card:nth-child(3){--focus-x:47%}
.draft-five .draft-card:nth-child(4){--focus-x:83%}
.draft-five .draft-card:nth-child(5){--focus-x:86%}
body,#app,.home-v17,.lobby-password-card{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
.home-v17 h1{font-family:"Arial Black",Impact,system-ui,sans-serif!important;font-weight:950!important;font-stretch:normal!important;letter-spacing:-.045em!important;font-style:normal!important;transform:none!important;font-size:clamp(53px,5.7vw,90px)!important;line-height:.98!important}
.home-v17 h1 em{font-style:normal!important}
.brand-mark strong,.draft-card-meta strong,.draft-headline strong,#app .top h1,#app .panel h2{font-family:Inter,system-ui,"Segoe UI",Arial,sans-serif!important;font-weight:900!important;letter-spacing:-.025em!important}
.brand-mark strong{font-size:21px!important;letter-spacing:.015em!important}
.draft-card-meta strong{font-size:clamp(11px,1.15vw,18px)!important;line-height:1.12!important;overflow-wrap:break-word!important}
.draft-player{font-size:10px!important;line-height:1.25!important}.draft-role{font-size:9px!important}
.landing-eyebrow,.draft-tag,.landing-online{letter-spacing:.13em!important}
.lobby-password-overlay[hidden]{display:none!important}
.lobby-password-overlay{background:#060d16ed!important;backdrop-filter:blur(6px)!important}
.lobby-password-card{width:min(460px,calc(100vw - 32px))!important;background:#10212d!important;border:1px solid #426773!important;border-top:5px solid var(--arena-orange)!important;border-radius:3px!important;box-shadow:0 26px 90px #0009!important;color:#edf5f3!important;padding:32px!important}
.lobby-password-card h2{font-family:Inter,system-ui,"Segoe UI",Arial,sans-serif!important;font-size:27px!important;font-weight:850!important;letter-spacing:-.035em!important;color:#edf5f3!important}
.lobby-password-card p{color:#b7d0d3!important;font-size:14px!important}
.lobby-password-card label,.password-brand{font-family:Inter,system-ui,Arial,sans-serif!important;color:var(--arena-mint)!important;font-weight:850!important;font-size:11px!important;letter-spacing:.10em!important}
.lobby-password-card input{border:1px solid #4a6876!important;background:#07131f!important;border-radius:2px!important;color:#edf5f3!important;font-family:inherit!important}
.lobby-password-card input:focus{outline:2px solid var(--arena-mint)!important;border-color:var(--arena-mint)!important}
.password-actions button{border-radius:2px!important;font-family:inherit!important;font-weight:850!important;letter-spacing:.035em!important;background:#203948!important;color:#edf5f3!important}
.password-actions button[type=submit]{background:var(--arena-orange)!important;color:#08131d!important}
.password-actions button:hover{filter:brightness(1.12)}
@media(max-width:620px){.home-v17 h1{font-size:clamp(43px,10vw,64px)!important}.draft-card-meta strong{font-size:10px!important}.draft-five .draft-card .draft-card-meta{padding:16px 4px 5px!important}.lobby-password-card{padding:23px!important}}


/* V31.3 — layout and branding */
.draft-five .draft-card:nth-child(3){border-top:5px solid var(--arena-mint,#86dfd5)!important}
.landing-header .brand-icon.tronk-logo{display:block!important;width:50px!important;height:50px!important;object-fit:cover!important;padding:0!important;background:none!important;clip-path:none!important;border:0!important;border-radius:0!important;flex:none!important}
.landing-header .brand-mark{gap:12px!important}.landing-header .brand-mark strong{font-size:22px!important;letter-spacing:.01em!important}
.landing-shell{width:100%!important;min-height:calc(100dvh - 28px)!important;display:flex!important;flex-direction:column!important}
.landing-shell .landing-content{flex:1!important;width:100%!important;min-height:0!important;padding-top:22px!important;padding-bottom:18px!important;align-content:center!important}
.landing-shell .landing-bottom{margin-top:auto!important}
.landing-shell .landing-art{min-width:0!important}.landing-shell .draft-five{height:clamp(330px,53dvh,640px)!important}
.landing-shell .landing-copy{max-width:100%!important}
@media(min-width:1100px){main{max-width:none!important;padding:0 clamp(10px,1.2vw,28px)!important}.landing-content{grid-template-columns:minmax(370px,.75fr) minmax(550px,1.25fr)!important;gap:clamp(20px,2.5vw,58px)!important}.home-v17 h1{font-size:clamp(60px,5.4vw,100px)!important}}
@media(min-width:1600px) and (min-height:800px){.landing-shell .draft-five{height:clamp(450px,58dvh,730px)!important}}
@media(max-width:1020px){.landing-shell{min-height:100dvh!important}.landing-content{grid-template-columns:1fr!important}.landing-shell .draft-five{height:340px!important}}
@media(max-width:620px){.landing-shell .draft-five{height:240px!important}.landing-header .brand-icon.tronk-logo{width:42px!important;height:42px!important}}

/* Active lobby branding: match landing identity */
#app .dashboard-brand{display:flex!important;align-items:center!important;gap:11px!important}
#app .dashboard-brand img.dashboard-tronk-logo{display:block!important;width:38px!important;height:38px!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;clip-path:none!important;flex:none!important}
#app .dashboard-brand strong{font-family:Inter,system-ui,'Segoe UI',Arial,sans-serif!important;font-size:15px!important;font-weight:900!important;letter-spacing:.015em!important;color:#edf5f3!important;white-space:nowrap!important}
@media(max-width:680px){#app .dashboard-brand img.dashboard-tronk-logo{width:32px!important;height:32px!important}#app .dashboard-brand strong{font-size:12px!important}}