/* Alali's Randomizer · Patch 40 · Draft Mode */
.draft-root{display:block;max-width:1270px;margin:0 auto;padding:26px 0 46px;color:#edf4ff}
.draft-root[hidden],.draft-root [hidden]{display:none!important}
.draft-root .lb-panel{margin-bottom:16px}
.draft-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 32px!important;background:radial-gradient(circle at 86% 16%,#7651bd37,transparent 36%),linear-gradient(122deg,#14253c,#272041)!important;border-color:#795fb7!important}
.draft-hero h1{font-size:clamp(27px,4vw,42px);margin:7px 0 10px;line-height:1.12}
.draft-hero p{max-width:740px;color:#c2d2e7;margin:0;line-height:1.55}
.draft-hero-symbol{font-size:clamp(68px,9vw,125px);opacity:.65;filter:drop-shadow(0 0 16px #9273ff55)}
.draft-setup{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}
.draft-setup .lb-panel{padding:22px}
.draft-setup h2{margin:0 0 9px}.draft-setup h3{font-size:15px;margin:25px 0 12px}
.draft-root input,.draft-root select{font:inherit;background:#0d1d31;border:1px solid #4a6885;border-radius:9px;color:#f3f8ff;min-height:43px;padding:9px 11px;max-width:100%;width:100%;box-sizing:border-box}
.draft-root label{display:grid;gap:7px;color:#dbe8fa;font-size:13px;font-weight:700}
.draft-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:19px 0 16px}
.draft-join-card>label{margin:22px 0 14px}
.draft-root .button{max-width:100%}
.draft-admin-setup{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:18px 22px!important;border-color:#f0cb7e73!important}
.draft-admin-setup p{margin:6px 0 0}
.draft-recent{display:grid;gap:8px;max-height:200px;overflow:auto}
.draft-recent-item{padding:12px 14px;border:1px solid #425873;color:#eaf6ff;background:#15283c;display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:10px;cursor:pointer;text-align:left}
.draft-recent-item:hover{border-color:#a8cafa;background:#223856}
.draft-recent-item span{font-size:12px;color:#acc2dd;text-transform:capitalize}
.draft-room-header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;padding:22px 25px!important}
.draft-room-header h2{margin:5px 0 7px;line-height:1.23}
.draft-room-code{display:block;padding:7px 11px;border-radius:9px;background:#13253f;border:1px dashed #98c9e5;letter-spacing:.17em;color:#c7eeff;white-space:nowrap;font-size:17px;text-align:center}
.draft-code-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.draft-code-actions .button{font-size:12px;padding:9px 11px}
.draft-waiting-list{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 21px}
.draft-waiting-player{border-radius:10px;padding:10px 13px;background:#23354f;border:1px solid #466787;color:#e9f6ff}
.draft-turn-banner{display:grid;gap:12px;padding:18px 24px!important;background:linear-gradient(110deg,#192844,#25345f)!important;border-color:#687cbd!important}
.draft-turn-banner h2{margin:5px 0;font-size:clamp(21px,3vw,28px)}
.draft-progress-bar{width:100%;height:7px;background:#0d182b;border-radius:9px;overflow:hidden}
.draft-progress-bar>div{height:100%;width:0;background:linear-gradient(90deg,#69d8ef,#cca1fa);transition:width .2s ease}
.draft-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(255px,1fr);gap:15px;align-items:start}
.draft-workspace .lb-panel{min-width:0;padding:18px!important}
.draft-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.draft-board-head h3,.draft-side h3{margin:0 0 8px;font-size:20px}
.draft-board-head p{margin:0}
.draft-board-head input{width:200px;min-width:150px}
.draft-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(134px,1fr));gap:10px;max-height:640px;overflow-y:auto;padding:4px;overscroll-behavior:contain;scrollbar-color:#638bad #15283b}
.draft-pokemon{min-height:164px;border:1px solid #48657e;border-radius:13px;background:linear-gradient(155deg,#20344d,#102235);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:11px 7px;gap:5px;text-align:center;box-sizing:border-box}
.draft-pokemon.is-picked{opacity:.49;filter:grayscale(.5)}
.draft-pokemon-sprite{height:67px;max-width:87px;width:100%;object-fit:contain;filter:drop-shadow(0 5px 9px #0007)}
.draft-pokemon-label{display:grid;gap:3px;min-height:33px;align-content:center;max-width:100%}
.draft-pokemon-label strong{font-size:12px;line-height:1.2;overflow-wrap:anywhere}
.draft-pokemon-label small{font-size:10px;color:#adcae5;line-height:1.2}
.draft-pick-action{width:100%;background:#28607a;color:white;border:1px solid #6fbbc9;padding:6px;border-radius:7px;font-weight:750;cursor:pointer}
.draft-pick-action:not(:disabled):hover{background:#3389a7}
.draft-pick-action:disabled{cursor:not-allowed;opacity:.48}
.draft-side{display:grid;gap:3px;min-width:0}
.draft-teams{display:grid;gap:10px;max-height:700px;overflow:auto}
.draft-team-card{background:#14243a;border:1px solid #39516c;border-radius:11px;padding:10px;display:grid;gap:8px}
.draft-team-card.is-current{border:1px solid #9ed9f4;box-shadow:0 0 0 1px #9ed9f42a}
.draft-team-head{display:flex;justify-content:space-between;gap:8px;font-size:12px}
.draft-team-head span{color:#8cdfe7}
.draft-team-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.draft-team-mon{display:flex;align-items:center;gap:5px;font-size:10px;min-width:0;background:#263852;padding:4px;border-radius:7px;overflow-wrap:anywhere}
.draft-team-mon .draft-pokemon-sprite{height:25px;max-width:26px;flex:none}
.draft-empty-slot{font-size:10px;color:#6d849d;background:#112138;border-radius:7px;padding:8px;text-align:center}
.draft-copy-roster{border:1px solid #648daf;background:#1a3550;color:#d3eeff;padding:7px;border-radius:7px;font-size:11px;cursor:pointer}
.draft-history{display:grid;gap:8px;max-height:300px;overflow:auto}
.draft-history-item{background:#13253d;border-left:3px solid #a4b9e1;padding:8px 9px;font-size:12px;border-radius:5px;color:#c6d6eb}
.draft-footer-note{margin:23px 5px;line-height:1.55}
#draftNav{white-space:nowrap}
@media(max-width:890px){.draft-workspace{grid-template-columns:1fr}.draft-side{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-teams{max-height:400px}}
@media(max-width:650px){.draft-setup,.draft-side{grid-template-columns:1fr}.draft-form-grid{grid-template-columns:1fr}.draft-hero{padding:21px!important}.draft-hero-symbol{display:none}.draft-board{grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px}.draft-board-head input{width:100%}.draft-recent-item{flex-wrap:wrap}.draft-code-actions{justify-content:flex-start}}

/* Patch 41 · Rusted Sword item sprites used for Draft Mode nav/hero only. */
#draftNav{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.draft-nav-item-icon{height:24px;width:24px;object-fit:contain;image-rendering:pixelated;flex:none;vertical-align:middle}
.draft-hero .draft-hero-symbol{display:block;flex:0 0 auto;width:clamp(88px,11vw,138px);height:clamp(88px,11vw,138px);object-fit:contain;image-rendering:pixelated;opacity:.9;filter:drop-shadow(0 0 22px #ad94e477)}
@media(max-width:650px){.draft-hero .draft-hero-symbol{display:none}}


/* Patch 43 — Trainer card popover and accessible participant buttons. */
.draft-waiting-player{font:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.draft-waiting-player:hover,.draft-waiting-player:focus-visible,
.draft-inline-trainer:hover,.draft-inline-trainer:focus-visible{
 border-color:#93ddf5;outline:2px solid #a5caff66;outline-offset:2px;
}
.draft-host-label{color:#acffdf;font-size:.86em}
.draft-inline-trainer{padding:2px 3px;border:1px solid transparent;background:transparent;
 font:inherit;color:#e9f6ff;font-weight:700;border-radius:5px;cursor:pointer;text-align:left}
.draft-trainer-popover{position:fixed;z-index:9999;width:min(370px,calc(100vw - 20px));
 max-height:min(490px,calc(100vh - 22px));overflow:auto;pointer-events:none;
 background:#101e34;border:1px solid #90bce0;border-radius:17px;padding:7px;
 box-shadow:0 22px 50px #000b;box-sizing:border-box}
.draft-trainer-popover[hidden]{display:none!important}
.draft-trainer-popover .draft-hover-card{
 box-sizing:border-box;width:100%;height:auto!important;min-height:255px!important;
 margin:0!important;border-radius:12px!important;padding:15px!important;
 display:flex;flex-direction:column;gap:10px;font-size:12px;overflow:hidden
}
.draft-hover-card .ta-card-head{font-size:10px!important;display:flex;justify-content:space-between;gap:8px}
.draft-hover-card .ta-card-main{display:flex!important;gap:12px!important;align-items:center!important;min-height:75px!important}
.draft-hover-card .ta-avatar{flex:none!important;width:66px!important;height:75px!important;display:grid;place-items:center}
.draft-hover-card .ta-avatar img{width:100%!important;height:100%!important;object-fit:contain}
.draft-hover-card .ta-person{min-width:0!important}
.draft-hover-card .ta-person h3{font-size:21px!important;margin:0!important;overflow-wrap:anywhere}
.draft-hover-card .ta-person span{font-size:13px!important}
.draft-hover-card .ta-person strong{font-size:12px!important}
.draft-hover-card .ta-card-stats{padding:10px 8px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
.draft-hover-card .ta-card-stats span{min-width:0!important;font-size:10px!important}
.draft-hover-card .ta-card-stats strong{font-size:16px!important;display:block!important}
.draft-hover-card .ta-card-footer{font-size:10px!important}
.draft-hover-card .tc-featured{right:0!important;top:0!important;width:74px!important}
.draft-hover-card .tc-featured img{max-height:65px!important}
.draft-hover-card .tc-honors,.draft-hover-card .tc-admin-seal{font-size:10px!important}

/* PATCH 44: post-draft private account-only roster and import/export. */
.draft-game-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}
.draft-game-tabs[hidden],.draft-my-team[hidden],.draft-workspace[hidden]{display:none!important}
.draft-game-tab{font:inherit;color:#d0e3fb;border:1px solid #527296;background:#12243b;border-radius:11px;padding:11px 17px;cursor:pointer;font-weight:750}
.draft-game-tab.is-active{background:#28748a;border-color:#8cefe7;color:#fff}
.draft-my-team{display:grid;gap:17px;max-width:1100px;margin:10px auto 0!important}
.draft-my-team h2{margin:5px 0;font-size:clamp(23px,3vw,32px)}
.draft-owned-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.draft-owned-pokemon{display:flex;align-items:center;gap:11px;min-width:0;padding:9px 12px;border:1px solid #4e6884;border-radius:12px;background:#182940;color:#fff;font-weight:700;overflow-wrap:anywhere}
.draft-owned-pokemon .draft-pokemon-sprite{height:55px;max-width:72px;flex:none}
.draft-my-export-label{display:block;font-weight:800;color:#dff3ff}
.draft-showdown-export{width:100%;box-sizing:border-box;min-height:330px;resize:vertical;background:#0b1a2a;border:1px solid #668eab;border-radius:13px;color:#eaf6ff;padding:16px;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}
.draft-showdown-export:focus{outline:2px solid #84d4ff;outline-offset:1px}
.draft-my-team-actions{display:flex;gap:10px;flex-wrap:wrap}
.draft-my-team-actions .button{font-size:12px}
@media(max-width:700px){.draft-owned-list{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-my-team-actions .button{flex:1 1 100%}}
@media(max-width:420px){.draft-owned-list{grid-template-columns:1fr}}