:root{--mlbb-gold-100: #fff3d6;--mlbb-gold-200: #fad097;--mlbb-gold-300: #f9cb7e;--mlbb-gold-400: #d7b572;--mlbb-gold-500: #bda170;--mlbb-gold-600: #9d8f6d;--mlbb-gold-700: #81765b;--mlbb-gold-800: #675f45;--mlbb-bronze-900: #201d18;--mlbb-bronze-800: #302922;--mlbb-bronze-700: #37342e;--mlbb-bronze-600: #7c7163;--mlbb-navy-950: #05080f;--mlbb-navy-900: #070c18;--mlbb-navy-850: #0a1120;--mlbb-navy-800: #10182c;--mlbb-navy-700: #0d2543;--mlbb-navy-600: #0f2546;--mlbb-navy-500: #16305a;--mlbb-crimson: #ff142b;--mlbb-crimson-dim: #e31106;--mlbb-azure: #3fc1fe;--mlbb-azure-dim: #178fff;--mlbb-jade: #34b368;--font-display: "Chakra Petch", "Outfit", sans-serif;--font-body: "Outfit", sans-serif;--mlbb-outline: -1px -1px 0 rgba(5, 8, 15, .85), 1px -1px 0 rgba(5, 8, 15, .85), -1px 1px 0 rgba(5, 8, 15, .85), 1px 1px 0 rgba(5, 8, 15, .85);--mlbb-hairline: rgba(215, 181, 114, .22);--mlbb-hairline-strong: rgba(215, 181, 114, .45);--bg-dark: var(--mlbb-navy-900);--bg-card: rgba(16, 24, 44, .85);--border-glass: var(--mlbb-hairline);--text-main: #ffffff;--text-muted: #8c93a8;--accent-blue: var(--mlbb-azure);--accent-gold: var(--mlbb-gold-400);--font-outfit: var(--font-body)}html body.mlbb{--tblr-primary: #d7b572;--tblr-primary-rgb: 215, 181, 114;--tblr-primary-fg: #2b2114;--tblr-body-bg: var(--mlbb-navy-950);--tblr-body-color: #d9dee9;--tblr-emphasis-color: #ffffff;--tblr-bg-surface: var(--mlbb-navy-900);--tblr-bg-surface-secondary: var(--mlbb-navy-850);--tblr-bg-surface-tertiary: var(--mlbb-navy-800);--tblr-secondary-bg: var(--mlbb-navy-850);--tblr-tertiary-bg: var(--mlbb-navy-950);--tblr-border-color: var(--mlbb-hairline);--tblr-border-color-translucent: var(--mlbb-hairline);--tblr-card-border-color: var(--mlbb-hairline);--tblr-card-bg: transparent;--tblr-card-cap-bg: transparent;--tblr-secondary: #8c93a8;--tblr-muted: #8c93a8;--tblr-dark: var(--mlbb-navy-800);--tblr-dark-rgb: 16, 24, 44;--tblr-danger: #ff142b;--tblr-danger-rgb: 255, 20, 43;--tblr-info: #3fc1fe;--tblr-info-rgb: 63, 193, 254;--tblr-success: #34b368;--tblr-success-rgb: 52, 179, 104;--tblr-warning: #f9cb7e;--tblr-warning-rgb: 249, 203, 126;--tblr-link-color: var(--mlbb-gold-300);--tblr-link-color-rgb: 249, 203, 126;--tblr-link-hover-color: var(--mlbb-gold-100);--tblr-font-sans-serif: "Outfit", sans-serif;--tblr-border-radius: 3px;--tblr-border-radius-sm: 2px;--tblr-border-radius-lg: 4px}body{font-family:var(--font-body);background-color:var(--mlbb-navy-950);background-image:radial-gradient(ellipse 90% 60% at 78% -10%,rgba(215,181,114,.13),transparent 60%),radial-gradient(ellipse 80% 55% at 10% 105%,rgba(63,193,254,.1),transparent 60%),radial-gradient(ellipse 120% 80% at 50% 0%,rgba(15,37,70,.55),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.014) 0px,rgba(255,255,255,.014) 1px,transparent 1px,transparent 7px);background-attachment:fixed;min-height:100vh}.page-wrapper,.page-body{background:transparent}h1,h2,h3,h4,.page-title,.card-title,.navbar-brand{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;text-transform:uppercase}h1,h2,.page-title{color:var(--mlbb-gold-200);text-shadow:var(--mlbb-outline)}h3,h4,.card-title{color:var(--mlbb-gold-300);font-size:.95rem;letter-spacing:.07em}h5,h6{font-family:var(--font-body);font-weight:600;letter-spacing:.01em}.text-primary{color:var(--mlbb-gold-300)!important}.text-muted{color:#8c93a8!important}.mlbb-rule{height:1px;border:0;background:linear-gradient(90deg,var(--mlbb-gold-400),rgba(215,181,114,.06) 70%,transparent);opacity:.8}.navbar{background:linear-gradient(180deg,#0d2543f5,#070c18f5)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--mlbb-hairline-strong);box-shadow:0 1px #fad0972e,0 6px 24px #0000008c}.navbar-brand{font-size:1.5rem;font-style:italic;letter-spacing:.02em}.navbar-brand a{text-decoration:none}.navbar-brand .fs-2{font-family:var(--font-display)}.navbar .nav-link{font-family:var(--font-display);font-size:.82rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#a7b0c4;position:relative;padding:.65rem .95rem;transition:color .18s ease}.navbar .nav-link:hover{color:var(--mlbb-gold-200)}.navbar .nav-item.active>.nav-link,.navbar .nav-link.active{color:var(--mlbb-gold-200);text-shadow:0 0 12px rgba(250,208,151,.45)}.navbar .nav-link:after{content:"";position:absolute;left:50%;right:50%;bottom:2px;height:2px;background:linear-gradient(90deg,transparent,var(--mlbb-gold-300),transparent);transition:left .22s ease,right .22s ease}.navbar .nav-item.active>.nav-link:after,.navbar .nav-link.active:after,.navbar .nav-link:hover:after{left:.5rem;right:.5rem}.navbar-toggler{border-color:var(--mlbb-hairline-strong)}.card{position:relative;background:linear-gradient(172deg,#201d188c,#30292259),linear-gradient(180deg,#10182cf5,#070c18f5);border:1px solid var(--mlbb-hairline);border-radius:3px;box-shadow:inset 0 1px #fad0971a,0 4px 16px #00000073;transition:border-color .2s ease,box-shadow .2s ease}.card:before,.card:after{content:"";position:absolute;width:12px;height:12px;pointer-events:none;opacity:.65;transition:opacity .2s ease}.card:before{top:-1px;left:-1px;border-top:2px solid var(--mlbb-gold-400);border-left:2px solid var(--mlbb-gold-400)}.card:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--mlbb-gold-400);border-right:2px solid var(--mlbb-gold-400)}.card:hover{border-color:var(--mlbb-hairline-strong);box-shadow:inset 0 1px #fad09729,0 6px 22px #0000008c}.card:hover:before,.card:hover:after{opacity:1}.card .card:before,.card .card:after{display:none}.card-header{background:linear-gradient(180deg,rgba(215,181,114,.08),transparent);border-bottom:1px solid var(--mlbb-hairline);min-height:3rem}.card-footer{background:transparent;border-top:1px solid var(--mlbb-hairline)}.bg-dark{background:linear-gradient(180deg,#0a1120eb,#05080feb)!important;border:1px solid rgba(215,181,114,.12)}.modal-content{background:linear-gradient(180deg,var(--mlbb-navy-800),var(--mlbb-navy-950));border:1px solid var(--mlbb-hairline-strong);border-radius:4px;box-shadow:0 0 0 1px #05080fe6,0 24px 60px #000000b3}.modal-header,.modal-footer{border-color:var(--mlbb-hairline)}.modal-backdrop.show{opacity:.75}.btn{font-family:var(--font-display);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:3px;transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--mlbb-gold-200) 0%,var(--mlbb-gold-400) 48%,var(--mlbb-gold-700) 100%);border:1px solid var(--mlbb-gold-100);color:#2b2114;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000040,0 2px 8px #d7b57238}.btn-primary:hover,.btn-primary:focus{background:linear-gradient(180deg,var(--mlbb-gold-100) 0%,var(--mlbb-gold-300) 48%,var(--mlbb-gold-600) 100%);border-color:#fff;color:#2b2114;box-shadow:inset 0 1px #ffffff8c,0 4px 16px #fad09759}.btn-primary:disabled,.btn-primary.disabled{filter:grayscale(.6) brightness(.7)}.btn-outline-primary{color:var(--mlbb-gold-300);border-color:var(--mlbb-gold-800);background:#d7b5720d}.btn-outline-primary:hover{background:#d7b57229;border-color:var(--mlbb-gold-400);color:var(--mlbb-gold-100)}.btn-outline-secondary{color:#a7b0c4;border-color:#8c93a859;background:#ffffff05}.btn-outline-secondary:hover{background:#ffffff12;border-color:#a7b0c499;color:#fff}.btn-danger{background:linear-gradient(180deg,#ff4a58,var(--mlbb-crimson) 55%,var(--mlbb-crimson-dim));border:1px solid #ff6d78;color:#fff;box-shadow:inset 0 1px #ffffff4d,0 2px 8px #ff142b47}.badge{font-family:var(--font-display);font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:2px;border:1px solid transparent}.bg-primary{background:linear-gradient(180deg,var(--mlbb-gold-300),var(--mlbb-gold-500))!important;color:#2b2114!important;border-color:#fff3d680}.bg-secondary{background:#8c93a82e!important;color:#c3cad9!important;border-color:#8c93a859}.bg-danger{background:#ff142b2e!important;color:#ff8a94!important;border-color:#ff142b73}.bg-success{background:#34b3682e!important;color:#6ee7a0!important;border-color:#34b36873}.bg-warning{background:#f9cb7e2e!important;color:var(--mlbb-gold-200)!important;border-color:#f9cb7e73}.bg-info{background:#3fc1fe2e!important;color:#8ad9ff!important;border-color:#3fc1fe73}.table{--tblr-table-bg: transparent;--tblr-table-border-color: rgba(215, 181, 114, .12);--tblr-table-color: #d9dee9;--tblr-table-striped-bg: rgba(255, 255, 255, .018);--tblr-table-hover-bg: rgba(215, 181, 114, .07)}.table thead th{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mlbb-gold-500);background:linear-gradient(180deg,rgba(215,181,114,.09),transparent);border-bottom:1px solid var(--mlbb-hairline-strong)!important;white-space:nowrap}.table tbody tr{transition:background .15s ease}.form-control,.form-select{background-color:#05080f99;border:1px solid rgba(215,181,114,.18);color:#e6eaf2;border-radius:3px}.form-control:focus,.form-select:focus{background-color:#05080fcc;border-color:var(--mlbb-gold-400);color:#fff;box-shadow:0 0 0 3px #d7b57229}.form-control::placeholder{color:#6b7488}.form-label{font-family:var(--font-display);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mlbb-gold-500)}.form-check-input:checked{background-color:var(--mlbb-gold-400);border-color:var(--mlbb-gold-300)}.nav-tabs{border-bottom:1px solid var(--mlbb-hairline-strong);gap:2px}.nav-tabs .nav-link{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#8c93a8;border:1px solid transparent;border-bottom:none;border-radius:3px 3px 0 0;background:#ffffff05}.nav-tabs .nav-link:hover{color:var(--mlbb-gold-200);background:#d7b57212}.nav-tabs .nav-link.active{color:var(--mlbb-gold-200);background:linear-gradient(180deg,#d7b5722e,#d7b5720a);border-color:var(--mlbb-hairline-strong);box-shadow:inset 0 2px 0 var(--mlbb-gold-300)}.alert{border-radius:3px;border-width:1px;border-left-width:3px;background:#0a1120cc}.alert-danger{border-color:#ff142b80;border-left-color:var(--mlbb-crimson);color:#ff9aa2}.alert-warning{border-color:#f9cb7e80;border-left-color:var(--mlbb-gold-300);color:var(--mlbb-gold-200)}.alert-info{border-color:#3fc1fe80;border-left-color:var(--mlbb-azure);color:#9adcff}.alert-success{border-color:#34b36880;border-left-color:var(--mlbb-jade);color:#7fe4ab}.progress{background:#05080fbf;border:1px solid var(--mlbb-hairline);border-radius:2px;height:.7rem}.progress-bar{background:linear-gradient(90deg,var(--mlbb-gold-500),var(--mlbb-gold-200));box-shadow:0 0 10px #fad09780}.mlbb-team-blue{border-left:3px solid var(--mlbb-azure)!important;background:linear-gradient(90deg,rgba(63,193,254,.1),transparent 45%)}.mlbb-team-red{border-left:3px solid var(--mlbb-crimson)!important;background:linear-gradient(90deg,rgba(255,20,43,.1),transparent 45%)}*{scrollbar-color:rgba(215,181,114,.35) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#05080f80}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--mlbb-gold-500),var(--mlbb-gold-800));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--mlbb-gold-400)}.upload-zone{border:2px dashed rgba(215,181,114,.3);border-radius:4px;padding:3rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(180deg,rgba(215,181,114,.04),transparent)}.upload-zone:hover{border-color:var(--mlbb-gold-300);background:linear-gradient(180deg,rgba(215,181,114,.12),transparent);box-shadow:inset 0 0 40px #d7b57212}.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,box-shadow .2s ease}.hero-pill:hover{transform:translateY(-2px);border-color:var(--mlbb-gold-400)!important;box-shadow:0 4px 14px #d7b57233}.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:4px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;gap:4px}.draft-hero-cell:hover:not(.draft-hero-disabled){border-color:var(--mlbb-gold-400);background:#d7b5721a;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(215,181,114,.35)}.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:4px;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(215,181,114,.22);background:#ffffff05}.draft-slot-active{border-color:var(--mlbb-gold-300)!important;animation:slotPulse 1.5s ease infinite}@keyframes slotPulse{0%,to{box-shadow:0 0 #fad09759}50%{box-shadow:0 0 14px 4px #fad09733}}.draft-slot-filled{border:2px solid rgba(215,181,114,.25);background:#ffffff0a}.draft-slot-banned{border-color:var(--mlbb-crimson)!important;background:#ff142b1a}.draft-slot-pick-a{border-color:var(--mlbb-azure)!important;background:#3fc1fe1a}.draft-slot-pick-b{border-color:var(--mlbb-crimson)!important;background:#ff142b1a}.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:#ff142bb3;font-weight:900;pointer-events:none}.draft-slot-placeholder{font-size:1.4rem;opacity:.3}.draft-suggestion-item{padding:8px;border-radius:4px;border:1px solid rgba(215,181,114,.12);margin-bottom:6px;cursor:pointer;transition:all .2s ease}.draft-suggestion-item:hover{background:#d7b5721a;border-color:var(--mlbb-gold-400)}.mlbb-wordmark{font-family:var(--font-display);font-weight:700;font-style:italic;font-size:1.6rem;letter-spacing:.02em;color:#fff;text-shadow:var(--mlbb-outline);line-height:1}.mlbb-wordmark-slash{color:var(--mlbb-gold-300);margin:0 .05em;text-shadow:0 0 14px rgba(250,208,151,.6)}.border-primary{border-color:var(--mlbb-gold-400)!important}.border-secondary{border-color:#8c93a866!important}.border-danger{border-color:var(--mlbb-crimson)!important}.border-info{border-color:var(--mlbb-azure)!important}.border-success{border-color:var(--mlbb-jade)!important}.border-warning{border-color:var(--mlbb-gold-300)!important}.border-dark{border-color:var(--mlbb-hairline)!important}.nav-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;min-width:0;flex:1 1 auto}.nav-tabs::-webkit-scrollbar{display:none}.nav-tabs .nav-link{white-space:nowrap}.badge{white-space:normal}.badge.text-nowrap{white-space:nowrap!important}@media (max-width: 767.98px){.card-header-tabs{flex:1 1 100%;margin-bottom:0}.card-header{row-gap:.5rem}}@media (max-width: 575.98px){.btn{letter-spacing:.03em}.badge{letter-spacing:.02em}.navbar .nav-link{letter-spacing:.06em}h1,.page-title{font-size:1.35rem}}
