:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;overflow-x:hidden}input,textarea,select,button{font:inherit}input,textarea,select{font-size:16px}#social .button-icon{filter:invert()brightness(2)}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;background:var(--bg);flex-direction:column;width:100%;max-width:1680px;min-height:100svh;margin:0 auto;display:flex}.page-shell{box-sizing:border-box;width:min(100%,1360px);margin-inline:auto;padding:0 clamp(12px,4vw,24px) 24px}.page-shell-wide{width:min(100%,1560px)}.toast-viewport{z-index:1000;pointer-events:none;gap:10px;width:min(560px,100vw - 32px);display:grid;position:fixed;top:22px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--border);color:var(--text-h);box-shadow:var(--shadow);text-align:left;pointer-events:auto;background:#111217f5;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.toast-success{border-color:#34d39973}.toast-error{border-color:#f8717173}.toast-info{border-color:#1e90ff73}.toast-dismiss{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1}.app-header{border-bottom:1px solid var(--border);background:radial-gradient(circle at 0 0,#1e90ff1f,#0000 34%),linear-gradient(#1f2028f5,#16171df5);gap:14px;margin-bottom:24px;padding:16px 24px 18px;display:grid}.app-header-brand-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-header-brand{color:var(--text-h);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;padding:0;font-size:20px;font-weight:700}.app-header-team-pill{min-width:0;color:var(--text-h);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:baseline;gap:8px;padding:8px 12px;display:inline-flex}.app-header-team-pill strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(40vw,320px);overflow:hidden}.app-header-team-label{color:var(--text);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.app-header-account-row{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.app-header-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-nav-link{border:1px solid var(--border);min-height:38px;color:var(--text);cursor:pointer;background:#ffffff05;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;transition:border-color .18s,color .18s,background-color .18s,transform .18s;display:inline-flex}.app-nav-link:hover{color:var(--text-h);background:#1e90ff14;border-color:#1e90ff8c;transform:translateY(-1px)}.app-nav-link.is-active{color:var(--text-h);background:#1e90ff29;border-color:#1e90ff;font-weight:600}.app-nav-link-secondary{background:#ffffff0a}.app-header-auth-button{border:1px solid var(--border);min-height:38px;color:var(--text-h);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px}.app-header-auth-button-signin{color:#dbeafe;background:#1e90ff1f;border-color:#1e90ff}.app-header-nav-hint{color:var(--text);font-size:14px}.live-draft-page{text-align:left}.live-draft-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.live-draft-section{border:1px solid var(--border);background:linear-gradient(#1f2028f5,#16171df5);border-radius:18px;margin-top:18px;padding:18px}.live-draft-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.live-draft-section-header h3{color:var(--text-h);margin:0}.live-draft-section-header span{color:var(--text);font-size:13px}.live-draft-picks-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.live-draft-card{background:var(--code-bg);border-radius:14px;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:10px;transition:border-color .14s,box-shadow .14s,transform .14s,opacity .14s;display:flex}.live-draft-card-header{grid-template-columns:minmax(0,1fr) 88px;gap:10px;min-height:46px;display:grid}.live-draft-card-header-main{min-width:0}.live-draft-card-eyebrow{color:var(--text);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.live-draft-card-title{color:var(--text-h);font-size:17px;font-weight:700;line-height:1.2}.live-draft-card-drag-hint{color:var(--text);text-align:right;align-self:start;font-size:11px;line-height:1.2}.live-draft-card-section{gap:6px;min-width:0;display:grid}.live-draft-card-label{color:var(--text);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.live-draft-card-select{border:1px solid var(--border);background-color:var(--bg);width:100%;min-width:0;color:var(--text-h);box-sizing:border-box;border-radius:8px;padding:8px 10px}.live-draft-card-current-pick{color:var(--text-h);align-items:center;gap:8px;min-height:48px;font-size:14px;display:flex}.live-draft-card-current-pick-placeholder{border:1px solid var(--border);width:48px;height:48px;color:var(--text);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(#ffffff0d,#ffffff05);border-radius:8px;flex:0 0 48px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.live-draft-card-muted{color:var(--text);font-size:13px}.live-draft-chip-grid{grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:4px;display:grid}.live-draft-chip,.live-draft-chip-button{min-width:0;color:var(--text-h);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:3px;display:flex}.live-draft-chip span,.live-draft-chip-button span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;overflow:hidden}.live-draft-chip-button{cursor:pointer;background:0 0;border:1px solid #0000}.live-draft-chip-button.is-suggested{border-color:var(--accent-border);background:var(--accent-bg)}.live-draft-chip-button.is-selected{background:#1e90ff29;border:2px solid #1e90ff}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.stack-wrap{flex-wrap:wrap;gap:12px;display:flex}.stack-wrap-center{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.champion-pool-header{border-bottom:1px solid #ccc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.champion-pool-header-main{flex-wrap:wrap;flex:320px;align-items:center;gap:12px;min-width:0;display:flex}.champion-pool-title{overflow-wrap:anywhere;font-size:16px;font-weight:700}.champion-pool-primary-action{flex:none;width:min(100%,220px)}.champion-picker-search{box-sizing:border-box;width:min(100%,320px);max-width:100%;color:var(--text-h);background-color:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px;font-size:16px;line-height:1.4}.champion-picker-grid{grid-template-columns:repeat(auto-fit,80px);justify-content:center;gap:8px;display:grid}.mobile-wide-button{width:min(100%,320px)}@media (width<=640px){#root{border-inline:none}.app-header{padding:14px 12px 16px}.app-header-brand-row{align-items:stretch}.app-header-account-row{margin-left:0}.app-header-team-pill{justify-content:space-between;width:100%}.app-header-nav{gap:8px}.app-nav-link,.app-header-auth-button{flex:calc(50% - 8px)}.toast-viewport{width:auto;left:12px;right:12px;transform:none}.page-shell{padding-inline:12px;padding-bottom:20px}.champion-pool-primary-action,.mobile-wide-button{width:100%}}@media (width<=1400px){.live-draft-picks-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (width<=640px){.live-draft-card-header{grid-template-columns:1fr;min-height:0}.live-draft-card-drag-hint{text-align:left}}