.draft-screen{min-height:100vh;padding:24px 4vw 50px}.draft-header{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:15px;max-width:1320px;margin:auto}.draft-header .eyebrow{margin:0}.draft-header h2{font:700 clamp(30px,5vw,54px) Georgia;margin:4px 0;color:#f3d68f}.draft-turn{text-align:center;margin:26px 0 20px;color:var(--muted)}.draft-turn span{display:block;color:var(--cyan);font-size:24px;font-weight:900}.draft-turn strong{font-size:12px;letter-spacing:.16em;text-transform:uppercase}.draft-layout{display:grid;grid-template-columns:210px 1fr;gap:24px;max-width:1320px;margin:auto}.draft-roster{padding:14px;border:1px solid var(--line);border-radius:16px;background:#0b121bd9;height:max-content}.draft-person{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:10px 7px;border-bottom:1px solid #243342;color:var(--muted);font-size:12px}.draft-person i{width:26px;height:26px;display:grid;place-content:center;border:1px solid #536273;border-radius:50%;font-style:normal}.draft-person.active{color:#fff;background:#211b10}.draft-person.done{color:#8cd7b1}.draft-person small{display:block;color:#627582}.character-slots{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:18px;perspective:1600px}.character-slot{position:relative;aspect-ratio:2/3;border:0;background:none;padding:0;perspective:1000px}.slot-frame{position:absolute;inset:-8px;clip-path:polygon(9% 0,91% 0,100% 6%,100% 94%,91% 100%,9% 100%,0 94%,0 6%);background:linear-gradient(145deg,#80602d,#211a0d 17%,#111a23 50%,#80602d 83%,#211a0d);box-shadow:0 12px 35px #000b}.slot-inner{position:absolute;inset:4px;transform-style:preserve-3d;transition:transform .75s;border-radius:10px}.character-slot.revealed .slot-inner{transform:rotateY(180deg)}.slot-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px;overflow:hidden}.slot-back{display:grid;place-content:center;text-align:center;border:2px solid #8b6a32;background:radial-gradient(circle,#253a4d,#101925 47%,#070d14)}.slot-back:before{content:"";position:absolute;inset:10px;border:1px solid #c2974a;background:repeating-conic-gradient(from 45deg,#d7ad5b18 0 10deg,transparent 10deg 20deg);clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%)}.slot-sigil{position:relative;width:72px;height:72px;margin:auto;display:grid;place-content:center;border:2px solid #b98b42;rotate:45deg;background:#0c141e;box-shadow:0 0 35px #42d6d022}.slot-sigil span{rotate:-45deg;font:800 24px Georgia;color:#e6c36f}.slot-back small{position:relative;margin-top:26px;color:#718897;letter-spacing:.2em;font-size:9px}.slot-front{transform:rotateY(180deg);background:#101721}.slot-front img{width:100%;height:100%;object-fit:cover}.reveal-name{position:absolute;left:8px;right:8px;bottom:8px;padding:9px;background:#071019e8;border:1px solid var(--gold);color:#f5dda3;font-weight:900}.character-slot:not(.revealed):hover .slot-inner{translate:0 -12px}.character-slot.taken:not(.revealed){opacity:.2;pointer-events:none}.draft-note{text-align:center;color:#657783;font-size:11px;margin-top:25px}
@media(max-width:760px){.draft-layout{grid-template-columns:1fr}.draft-roster{display:flex;overflow-x:auto}.draft-person{min-width:130px}.character-slots{grid-template-columns:repeat(2,minmax(130px,1fr))}}