*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0c1010;color:#f5ebd0;font:16px Arial,sans-serif}body{background:radial-gradient(circle at 50% 0,#253120,#0c1010 65%)}button,select{font:inherit}button{cursor:pointer}a{color:#eccc83}main{max-width:1500px;margin:auto;padding:24px}.draft-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid #806437}.draft-header h1{margin:4px 0;font:700 38px Georgia,serif}.draft-header small{color:#e3b75a;letter-spacing:.18em}.draft-header>a,.draft-header>span{white-space:nowrap}.draft-panel{padding:28px;border:1px solid #9d773b;border-radius:18px;background:linear-gradient(145deg,#20241e,#111719);box-shadow:0 18px 55px #0008}.draft-panel[hidden],.draft-cards[hidden],.draft-pack-closed[hidden],main[hidden]{display:none}.draft-panel h2{margin:0 0 15px;font:700 34px Georgia,serif;color:#ffe8ac}.draft-panel p{line-height:1.5;color:#d5d1c3}.draft-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}.draft-options button{min-height:160px;padding:22px;border:1px solid #b68a44;border-radius:12px;background:linear-gradient(145deg,#51351b,#1d1c19);color:#fff0c4;text-align:left;font:700 27px Georgia,serif}.draft-options button:hover,.draft-primary:hover{filter:brightness(1.15)}.draft-options small{display:block;margin-top:14px;color:#e2ca91;font:15px Arial,sans-serif}.draft-panel label{display:block;margin:18px 0;font-weight:700}.draft-panel select{display:block;width:min(360px,100%);margin-top:8px;padding:12px;border:1px solid #a98745;border-radius:7px;background:#111719;color:#f5ebd0}.draft-primary,.draft-back,.draft-preview button,.draft-warning button{display:inline-block;padding:12px 22px;border:1px solid #c99a49;border-radius:8px;background:#4d3218;color:#fff0cb;text-decoration:none;font-weight:700}.draft-primary{background:linear-gradient(#c79b45,#82581f);color:#160e05}.draft-notice{padding:16px;border-left:4px solid #dfac55;background:#302719}.draft-status{display:flex;align-items:center;justify-content:space-between;gap:20px}.draft-status small{color:#e1b75e;letter-spacing:.14em}.draft-status strong{padding:9px 18px;border:1px solid #d6a34a;border-radius:10px;color:#ffe5a6;font:700 36px Georgia,serif}.draft-seats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:18px 0}.draft-seat{min-width:0;padding:10px;border:1px solid #7d704e;border-radius:8px;background:#202a27;text-align:center}.draft-seat strong,.draft-seat small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-seat.you{border-color:#f2c363;box-shadow:0 0 12px #d3a64b55}.draft-seat small{margin-top:5px;color:#b8b7ae}.draft-pack-closed{text-align:center;padding:30px}.draft-pack-art{display:grid;place-items:center;width:175px;height:245px;margin:0 auto 20px;border:7px double #e1aa42;border-radius:14px;background:radial-gradient(#803419,#190e16 70%);box-shadow:0 0 30px #be70325c;font:700 28px Georgia,serif}.draft-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.draft-card,.draft-build-card{border:1px solid #8c7754;border-radius:8px;background:#171b1d;color:#fff0ce;text-align:left;overflow:hidden}.draft-card{padding:8px}.draft-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:contain;background:#0b0d0e}.draft-card strong,.draft-card small{display:block;margin-top:6px}.draft-card small{color:#dec58c}.draft-card:hover{border-color:#ffd875;transform:translateY(-3px)}.draft-build-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:56vh;overflow:auto;margin:18px 0}.draft-build-card{display:flex;align-items:center;gap:10px;width:100%;padding:8px}.draft-build-card.selected{border-color:#67c478;background:#183b27}.draft-build-card img{width:38px;height:53px;object-fit:cover}.draft-build-card span{min-width:0}.draft-build-card strong,.draft-build-card small{display:block}.draft-build-card small{color:#cbb98a}.draft-gate{position:fixed;inset:0;display:grid;place-items:center;background:#0c1010;color:#eac772}.draft-gate[hidden]{display:none}.draft-preview,.draft-warning{max-width:min(460px,95vw);padding:25px;border:1px solid #d4a354;border-radius:15px;background:#15191c;color:#fff0ce;text-align:center}.draft-preview::backdrop,.draft-warning::backdrop{background:#000c}.draft-preview img{display:block;max-height:60vh;max-width:100%;margin:auto;object-fit:contain}.draft-preview h2{margin:12px 0 4px}.draft-preview>div{display:flex;justify-content:center;gap:12px}.draft-preview button:not(.draft-primary){background:#34383e}@media(max-width:1000px){.draft-seats{grid-template-columns:repeat(4,1fr)}.draft-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.draft-options{grid-template-columns:1fr}.draft-cards{grid-template-columns:repeat(2,1fr)}.draft-build-cards{grid-template-columns:repeat(2,1fr)}}

.draft-collection{margin:28px 0;padding:20px;border:1px solid #695838;border-radius:12px;background:#0d1213}
.draft-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:15px}
.draft-section-heading h3{margin:0;color:#ffe4a0;font:700 23px Georgia,serif}
.draft-section-heading small{color:#b9ad8b}
.draft-cost-curve{display:grid;grid-template-columns:repeat(11,minmax(105px,1fr));gap:8px;overflow-x:auto;padding-bottom:8px}
.draft-cost-lane{min-width:105px;min-height:155px;border:1px solid #574e3b;border-radius:8px;background:#181e1e;overflow:hidden}
.draft-cost-lane__heading{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;background:linear-gradient(#694a20,#322515);color:#fff1c9}
.draft-cost-lane__heading strong{font:700 21px Georgia,serif}
.draft-cost-lane__heading small{padding:2px 6px;border-radius:12px;background:#1119;font-size:12px}
.draft-cost-lane__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px;max-height:235px;overflow-y:auto;padding:6px}
.draft-cost-card{display:block;min-width:0;padding:0;border:1px solid #666;border-radius:4px;background:#0c0e0f;overflow:hidden}
.draft-cost-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.draft-cost-lane__cards .draft-cost-card{width:100%;max-width:64px;min-width:0;justify-self:center}
.draft-cost-lane__cards .draft-cost-card img{width:100%;max-width:64px;height:auto;max-height:96px;aspect-ratio:2/3;object-fit:contain}
.draft-preview button[hidden]{display:none}
.draft-cost-card.selected{border:2px solid #65ce85;box-shadow:0 0 8px #4ec373}
button.draft-cost-card:hover{border-color:#ffe19a}
.draft-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start;margin:20px 0}
.draft-builder-pool,.draft-deck-summary{min-width:0;padding:18px;border:1px solid #62553e;border-radius:12px;background:#0f1516}
.draft-builder-pool h3,.draft-deck-summary h3{margin:0 0 15px;color:#ffe4a0;font:700 24px Georgia,serif}
.draft-build-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:62vh;margin:0;padding-right:6px}
.draft-build-card{display:block;min-height:205px;padding:8px;text-align:center}
.draft-build-card:hover{border-color:#f2ca73;transform:translateY(-2px)}
.draft-build-card img{display:block;width:100%;height:155px;object-fit:contain;background:#070909}
.draft-build-card strong{margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.draft-build-card small{margin-top:3px;font-size:12px}
.draft-deck-summary{position:sticky;top:15px}
.draft-deck-summary p{margin:8px 0}
.draft-deck-summary__count{color:#e8c76e!important;font-weight:700}
.draft-deck-summary__list{max-height:44vh;overflow-y:auto;margin-top:15px;padding-top:10px;border-top:1px solid #5c5138}
.draft-deck-summary__list div{padding:5px 0;border-bottom:1px solid #ffffff14;font-size:14px}
@media(max-width:1100px){.draft-cost-curve{grid-template-columns:repeat(11,110px)}.draft-builder-layout{grid-template-columns:minmax(0,1fr) 235px}}

.draft-builder-layout{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:stretch}
.draft-builder-preview,.draft-deck-summary{min-width:0;padding:22px;border:1px solid #34455b;border-radius:14px;background:linear-gradient(#101b2e,#0c1422);color:#eaf1ff}
.draft-builder-preview h3,.draft-deck-summary h3{margin:0 0 20px;color:#f1f5ff;font:700 26px Arial,sans-serif}
.draft-builder-preview__content{display:grid;justify-items:start;gap:12px}
.draft-preview-empty{display:grid;place-items:center;width:100%;min-height:410px;border:1px dashed #526178;border-radius:10px;color:#b8c6df;text-align:center}
.draft-builder-preview__image{display:block;width:min(100%,330px);max-height:480px;object-fit:contain;justify-self:center}
.draft-builder-preview__content h4{margin:5px 0 0;font-size:25px}
.draft-builder-preview__meta{margin:0!important;color:#b9c9e9!important}
.draft-builder-preview__stats{display:flex;flex-wrap:wrap;gap:7px}
.draft-builder-preview__stats span{padding:8px 10px;border:1px solid #364c68;border-radius:7px;background:#19283d;font-size:13px;font-weight:700}
.draft-builder-preview__effect{width:100%;padding:13px;border-left:3px solid #e6b458;background:#1b2839}
.draft-builder-preview__content>.draft-primary:disabled{opacity:.55;cursor:default}
.draft-deck-summary{position:static;min-height:570px}
.draft-deck-summary__count{margin:0 0 20px!important;color:#a9c9f1!important}
.draft-deck-summary h4{margin:20px 0 10px;padding-top:14px;border-top:1px solid #2b3c56;color:#f4f6fc;font-size:18px}
.draft-deck-empty{display:grid;place-items:center;min-height:85px;padding:16px;border:1px dashed #475c79;border-radius:10px;color:#bed0eb;text-align:center}
.draft-deck-empty--main{min-height:235px}
.draft-deck-note{color:#aebed7!important}
.draft-deck-summary__list{max-height:none;overflow:visible;margin:0;padding:0;border:0}
.draft-deck-entry{display:flex;align-items:center;gap:10px;width:100%;margin:5px 0;padding:7px;border:1px solid #324158;border-radius:8px;background:#142137;color:#eef4ff;text-align:left}
.draft-deck-entry:hover{border-color:#d8ad61;background:#203651}
.draft-deck-entry img{width:32px;height:44px;object-fit:cover;border-radius:3px}
.draft-deck-entry span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){.draft-builder-layout{grid-template-columns:minmax(250px,320px) minmax(0,1fr)}}

.draft-seat{display:grid;justify-items:center;align-content:start;gap:5px;min-height:120px}
.draft-seat__portrait{display:block;width:54px;height:54px;object-fit:cover;border:2px solid #cda357;border-radius:10px;background:#0b0d0f;box-shadow:0 3px 10px #0008}
.draft-seat strong,.draft-seat small{max-width:100%}
.draft-pack-art{display:block;width:200px;height:280px;max-width:100%;margin:0 auto 20px;border:0;border-radius:12px;background:none;object-fit:contain;box-shadow:0 0 30px #be70325c}
.draft-cost-card-wrap{position:relative;width:100%;max-width:64px;justify-self:center}
.draft-cost-card-wrap .draft-cost-card{width:100%}
.draft-cost-quick{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid #ffe4a3;border-radius:50%;background:#bf8c30;color:#130d04;font-size:20px;font-weight:900;line-height:1;box-shadow:0 2px 8px #000}
.draft-cost-quick.selected{background:#284f35;color:#e4ffe8;border-color:#7be390}
.draft-cost-quick:hover:not(:disabled){filter:brightness(1.2);transform:scale(1.1)}
.draft-cost-quick:disabled{cursor:default;opacity:.75}

#deckBuild .draft-builder-layout{display:grid;grid-template-columns:minmax(250px,28%) minmax(300px,1fr) minmax(280px,30%);gap:16px;align-items:start}
#deckBuild .draft-builder-preview,#deckBuild .draft-deck-summary,#deckBuild .draft-builder-pool{min-width:0;min-height:650px;padding:20px;border:1px solid #34455b;border-radius:14px;background:linear-gradient(#101b2e,#0c1422);color:#eaf1ff}
#deckBuild .draft-builder-preview h3,#deckBuild .draft-deck-summary h3,#deckBuild .draft-builder-pool h3{margin:0;color:#f1f5ff;font:700 25px Arial,sans-serif}
#deckBuild .draft-deck-summary__count{margin:8px 0 16px!important}
.draft-deck-requirement{padding:12px;border:1px solid #823245;border-radius:9px;background:#2b1c2c;color:#ffc1cc!important;font-size:14px}
.draft-pool-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.draft-pool-heading span{color:#bbd3f2;white-space:nowrap}
.draft-pool-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
.draft-pool-filters input,.draft-pool-filters select,.draft-pool-filters button{width:100%;min-width:0;margin:0;padding:10px;border:1px solid #34445c;border-radius:8px;background:#142035;color:#f1f5ff;font:14px Arial,sans-serif}
.draft-pool-filters input,.draft-pool-filters button{grid-column:1/-1}
.draft-pool-filters button{cursor:pointer;font-weight:700}
.draft-pool-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px;max-height:70vh;overflow-y:auto;padding:3px}
.draft-pool-card{min-width:0;padding:7px;border:1px solid #34445c;border-radius:9px;background:#162237}
.draft-pool-card.active{border-color:#d0a34f}
.draft-pool-card__image{display:block;width:100%;padding:0;border:0;background:none}
.draft-pool-card__image img{display:block;width:100%;height:auto;max-height:230px;aspect-ratio:2/3;object-fit:contain}
.draft-pool-card__controls{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px;color:#f5d777;font-weight:700}
.draft-pool-card__controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#bb8d35;color:#fff;font-size:24px;font-weight:700}
.draft-pool-card__controls button:disabled{opacity:.4;cursor:default}
@media(max-width:1200px){#deckBuild .draft-builder-layout{grid-template-columns:minmax(220px,1fr) minmax(300px,1.35fr) minmax(250px,1fr)}#deckBuild .draft-builder-preview,#deckBuild .draft-deck-summary,#deckBuild .draft-builder-pool{padding:14px}}

.draft-main-header{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:18px}
#deckBuild .draft-main-header h4{margin:0;padding:0;border:0}
.draft-main-header label{display:grid;gap:4px;margin:0!important;color:#dbe7ff;font-size:11px;letter-spacing:.1em;white-space:nowrap}
.draft-main-header select{width:110px;min-width:0;margin:0;padding:7px;border-color:#3a4c64;background:#151d2b;color:#fff;font-size:13px;letter-spacing:0}
#deckBuild .draft-deck-summary__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));align-content:start;gap:8px;max-height:52vh;min-height:220px;overflow-y:auto;margin:10px 0 0;padding:4px;border:0}
#deckBuild .draft-deck-summary__list .draft-deck-thumbnail{min-width:0;padding:5px;border:1px solid #34445c;border-radius:10px;background:#142137}
.draft-deck-thumbnail__image{display:block;width:100%;padding:0;border:0;background:none}
.draft-deck-thumbnail__image img{display:block;width:100%;aspect-ratio:2/3;object-fit:contain}
.draft-deck-thumbnail__controls{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:4px}
.draft-deck-thumbnail__controls button{width:28px;height:28px;padding:0;border:1px solid #40536f;border-radius:6px;background:#263850;color:#f0f5ff;font-size:18px;font-weight:700}
.draft-deck-thumbnail__controls button:disabled{opacity:.4;cursor:default}
.draft-deck-thumbnail__controls strong{color:#fff;font-size:16px}
.draft-army-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px}
.draft-army-list .draft-deck-entry{min-width:0;margin:0}
.draft-type-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:18px;padding-top:12px;border-top:1px solid #34445c;color:#bbd2f4;text-align:center;font-size:12px}
.draft-build-actions{display:flex;align-items:center;gap:12px}
.draft-build-actions .draft-primary{white-space:nowrap}
#deckBuild .draft-primary:disabled{border-color:#73777e;background:#555b62;color:#c5c8cc;box-shadow:none;cursor:not-allowed;filter:none}