:root{--bg-dark: #0b0e1b;--bg-card: rgba(20, 25, 38, .85);--border-glass: rgba(45, 55, 72, .8);--text-main: #ffffff;--text-muted: #718096;--accent-blue: #4a90e2;--accent-gold: #d4af37;--font-outfit: "Outfit", sans-serif;--tblr-primary: #d4af37;--tblr-body-bg: #070911;--tblr-bg-surface: #0b0e1b;--tblr-border-color: rgba(45, 55, 72, .8);--tblr-card-bg: rgba(20, 25, 38, .95);--tblr-card-bg-hover: rgba(28, 37, 51, .95);--tblr-font-sans-serif: "Outfit", sans-serif}body{background-image:radial-gradient(circle at top right,rgba(212,175,55,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(74,144,226,.05),transparent 40%)}.upload-zone{border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:3rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff05}.upload-zone:hover{border-color:var(--tblr-primary);background:#d4af370d}.view{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cursor-pointer{cursor:pointer}.hero-pill{transition:transform .2s ease,border-color .2s ease}.hero-pill:hover{transform:translateY(-2px);border-color:var(--tblr-primary)!important}.draft-hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;max-height:400px;overflow-y:auto;padding:4px}.draft-hero-cell{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;gap:4px}.draft-hero-cell:hover:not(.draft-hero-disabled){border-color:var(--tblr-primary);background:#d4af3714;transform:translateY(-2px)}.draft-hero-cell.draft-hero-disabled{opacity:.2;cursor:not-allowed;filter:grayscale(100%);pointer-events:none}.draft-hero-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.draft-hero-name{font-size:.7rem;color:#fffc;line-height:1.1;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-slot{width:72px;height:88px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;transition:all .3s ease}.draft-slot-empty{border:2px dashed rgba(255,255,255,.15);background:#ffffff05}.draft-slot-active{border-color:var(--tblr-primary)!important;animation:slotPulse 1.5s ease infinite}@keyframes slotPulse{0%,to{box-shadow:0 0 #d4af374d}50%{box-shadow:0 0 12px 4px #d4af3726}}.draft-slot-filled{border:2px solid rgba(255,255,255,.12);background:#ffffff0a}.draft-slot-banned{border-color:#ef4444!important;background:#ef444414}.draft-slot-pick-a{border-color:#4a90e2!important;background:#4a90e214}.draft-slot-pick-b{border-color:#ef4444!important;background:#ef444414}.draft-slot-img{width:42px;height:42px;border-radius:50%;object-fit:cover}.draft-slot-name{font-size:.6rem;color:#fffc;text-align:center;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-slot-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#ef444499;font-weight:900;pointer-events:none}.draft-slot-placeholder{font-size:1.4rem;opacity:.3}.draft-suggestion-item{padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.06);margin-bottom:6px;cursor:pointer;transition:all .2s ease}.draft-suggestion-item:hover{background:#d4af3714;border-color:var(--tblr-primary)}.draft-hero-grid::-webkit-scrollbar{width:6px}.draft-hero-grid::-webkit-scrollbar-track{background:transparent}.draft-hero-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.draft-hero-grid::-webkit-scrollbar-thumb:hover{background:#ffffff40}