:root{--bg: #3a404b;--surface: rgba(13, 22, 36, .94);--surface-strong: rgba(7, 15, 27, .96);--line: rgba(96, 165, 250, .18);--text: #e5e7eb;--muted: #9ca3af;--accent-blue: #60a5fa;--accent-orange: #f59e0b;--accent-green: #22c55e;--panel-shadow: 0 20px 50px rgba(2, 6, 23, .42);--shell-width: 1480px;--radius-lg: 26px;--radius-md: 18px}*{box-sizing:border-box}html,body,#root{min-height:100%}html{font-size:14px}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(245,158,11,.18),transparent 30%),radial-gradient(circle at top right,rgba(96,165,250,.2),transparent 26%),linear-gradient(180deg,#435062,#283240 30%,#0b1320);font-family:Calibri,Segoe UI,Helvetica Neue,Arial,sans-serif}button,input,a{font:inherit}a{color:#dbeafe}.app{position:relative;min-height:100vh;overflow-x:hidden}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 18%,rgba(245,158,11,.14),transparent 20%),radial-gradient(circle at 82% 12%,rgba(96,165,250,.14),transparent 18%),radial-gradient(circle at 50% 100%,rgba(34,197,94,.12),transparent 30%);pointer-events:none}.shell{position:relative;z-index:1;width:min(var(--shell-width),calc(100vw - 28px));margin:0 auto;padding:24px 0 40px}.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);align-items:start;gap:22px;padding:24px 30px;border:1px solid rgba(255,255,255,.08);border-radius:32px;background:linear-gradient(135deg,#060f1df5,#0d1624e6),linear-gradient(180deg,rgba(96,165,250,.12),transparent 40%);box-shadow:var(--panel-shadow);animation:rise-in .42s ease}.heroCopy{max-width:100%}.heroAccount{display:grid;gap:12px;align-self:stretch;justify-self:end;width:min(100%,340px);padding:12px 16px 14px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#09101cc7,#070e18db),linear-gradient(135deg,rgba(96,165,250,.07),transparent 55%);box-shadow:inset 0 1px #ffffff0a}.heroAccountLabel{color:#e5e7ebe0;font-size:.74rem;text-transform:uppercase;letter-spacing:.14em}.hero h1{margin:0;font-size:clamp(1.22rem,1.8vw,1.84rem);line-height:1;letter-spacing:-.035em}.heroStatus{margin:10px 0 0;color:var(--muted);font-size:.84rem;line-height:1.45}.heroRound{margin:4px 0 0;color:#e5e7ebe0;font-size:.97rem;line-height:1.5}.heroLock{margin:4px 0 0;color:#e5e7ebd1;font-size:.8rem;line-height:1.5}.heroBuyIn{display:flex;flex-wrap:wrap;gap:8px 0;margin-top:10px;color:#e5e7ebd6;font-size:.78rem;line-height:1.5}.heroBuyInItem{position:relative;display:inline-flex;align-items:center;gap:6px;padding-right:14px}.heroBuyInItem+.heroBuyInItem{margin-left:14px;padding-left:14px}.heroBuyInItem+.heroBuyInItem:before{content:"";position:absolute;left:0;top:50%;width:1px;height:16px;background:#e5e7eb2e;transform:translateY(-50%)}.heroBuyIn code{padding:2px 7px;border:1px solid rgba(96,165,250,.16);border-radius:999px;background:#0f172a8c;color:#f8fafc;font-size:.76rem}.banner{margin-top:16px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--panel-shadow)}.heroConfirmBar{margin-top:14px}.mobileConfirmPicksButton{width:100%;min-height:48px}.mobileHeroPicksStatus{width:100%;justify-content:center}.banner-info{background:#1e40af52;border-color:#60a5fa57}.banner-danger{background:#7f1d1d6b;border-color:#fb718557}.installBanner{display:flex;align-items:center;justify-content:center;gap:0;margin-top:16px;padding:14px 18px;border-radius:18px;border:1px solid rgba(96,165,250,.22);background:linear-gradient(135deg,#0f172aeb,#111827e0),linear-gradient(180deg,rgba(96,165,250,.08),transparent 60%);box-shadow:var(--panel-shadow)}.postInstallBanner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(34,197,94,.24);background:linear-gradient(135deg,#0a1c14f5,#071210e6),linear-gradient(180deg,rgba(34,197,94,.08),transparent 60%);box-shadow:var(--panel-shadow)}.postInstallCopy{min-width:0}.postInstallTitle{color:#f0fdf4;font-size:.92rem;font-weight:700}.postInstallHint{margin-top:4px;color:#dcfce7e0;font-size:.78rem;line-height:1.45}.postInstallButton{min-height:38px;padding:8px 14px;flex-shrink:0}.installActions{display:flex;align-items:center;gap:10px;width:100%}.installActions .primaryButton,.installActions .secondaryButton{flex:1 1 0;min-width:0}.topGrid,.mainGrid{margin-top:18px;display:grid;gap:18px}.topGrid{grid-template-columns:1fr;align-items:start}.mainGrid{grid-template-columns:minmax(0,1.6fr) minmax(330px,.8fr);align-items:start}.mainGrid.is-locked,.mainGrid.is-admin{grid-template-columns:1fr}.selectionColumn,.rail{display:grid;gap:18px;min-width:0}.panel{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0a121ff2,#070e18eb),linear-gradient(135deg,rgba(96,165,250,.05),transparent 55%);box-shadow:var(--panel-shadow);overflow:hidden;animation:rise-in .48s ease both}.panelTitle{padding:18px 22px 0;color:#ffffffeb;font-size:.88rem;text-transform:uppercase;letter-spacing:.1em}.panelBody{padding:18px 22px 22px}.statusRow,.ruleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.statusRow:last-child,.ruleRow:last-child{border-bottom:0}.statusRow span,.ruleHint,.fieldHint,.summaryHint,.selectionMeta,.leaderEmpty,.teamMeta,.userHint,.tierSubtitle{color:var(--muted)}.statusRow strong{text-align:right}.panelActions,.userActions{margin-top:16px}.ruleStack{display:grid}.ruleSummary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.ruleLabel{font-size:.95rem}.ruleActions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.ruleButtons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ruleSource{color:var(--muted);font-size:.8rem;text-decoration:none}.ruleSource:hover{color:#dbeafe}.ruleBadge{min-width:64px;padding:8px 12px;border-radius:999px;text-align:center;background:#dc262629;border:1px solid rgba(248,113,113,.28);color:#fecaca}.ruleBadge.is-met{background:#22c55e24;border-color:#22c55e47;color:#bbf7d0}.ruleCompletion{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.06)}.ruleCompletionTitle{color:#f8fafc;font-size:.94rem}.ruleCompletionHint{margin-top:3px;color:var(--muted);font-size:.78rem}.ruleCompletionBadge{min-width:88px;padding:9px 14px;border-radius:999px;text-align:center;background:#60a5fa1f;border:1px solid rgba(96,165,250,.18);color:#dbeafe;font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ruleCompletion.is-complete .ruleCompletionTitle{color:#bbf7d0}.ruleCompletionBadge.is-complete{background:#22c55e24;border-color:#22c55e47;color:#bbf7d0}.joinForm,.userCard{display:grid;gap:14px}.heroAccount .joinForm,.heroAccount .userCard{gap:12px}.userTopRow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.heroAccount .userActions{margin-top:2px}.heroAccount .fieldLabel{font-size:.68rem}.heroAccount .textInput,.heroAccount .primaryButton,.heroAccount .secondaryButton{font-size:.9rem}.heroAccount .primaryButton,.heroAccount .secondaryButton{min-height:42px}.heroAccount .userName{font-size:1.22rem;flex:1 1 auto;min-width:0}.heroAccount .userInlineButton{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 11px;font-size:.82rem;line-height:1;margin-left:auto;white-space:nowrap;flex-shrink:0}.adminControls{display:grid;gap:8px}.adminControlsLabel{color:#e5e7ebe0;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.adminControlsButtons{display:flex;flex-wrap:wrap;gap:8px}.liveGames{display:grid;gap:12px}.liveGameCard{display:grid;gap:10px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0f172a7a}.liveGameHead,.liveGameFoot,.liveTeamRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.liveGameMeta,.liveGameFoot{color:var(--muted);font-size:.76rem}.liveGameStatus{padding:5px 9px;border-radius:999px;background:#f59e0b24;border:1px solid rgba(245,158,11,.22);color:#fde68a;font-size:.72rem}.liveGameTeams{display:grid;gap:8px}.liveTeamName{color:#f8fafc;font-size:.9rem}.liveTeamScore{color:#fff7d6;font-size:1rem}.liveGameFoot a{color:#dbeafe;text-decoration:none}.liveGameFoot a:hover{text-decoration:underline}.fieldLabel{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#dbeafe}.textInput{width:100%;min-height:48px;padding:12px 14px;border-radius:14px;border:1px solid rgba(96,165,250,.28);background:#0f172ab8;color:var(--text)}.primaryButton,.secondaryButton{min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:14px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.primaryButton{color:#08111f;background:linear-gradient(135deg,#fcd34d,#f59e0b);font-weight:600}.secondaryButton{color:var(--text);background:#19314dcc;border-color:#60a5fa33}.dangerButton{color:#fecdd3;background:#7f1d1d57;border-color:#f43f5e47}.primaryButton:hover,.secondaryButton:hover,.teamCard:hover{transform:translateY(-1px)}.primaryButton:disabled,.secondaryButton:disabled,.teamCard:disabled{opacity:.56;cursor:not-allowed;transform:none}.userName{font-size:1.05rem;color:#f8fafc}.selectionList{display:flex;flex-wrap:wrap;gap:10px}.leaderboard{margin-top:18px;display:grid;gap:12px}.selectionCard,.leaderRow{display:grid;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0f172a70}.selectionCard{grid-template-columns:1fr;align-items:center}.selectionCopy{min-width:0}.selectionName{color:#f8fafc;font-size:1.07rem}.selectionChip{font-size:.82rem;line-height:1}.selectionSeed,.teamSeed,.leaderRank{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:12px;background:#f59e0b24;border:1px solid rgba(245,158,11,.24);color:#fcd34d}.statusPill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border-radius:999px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.tone-success{color:#bbf7d0;background:#22c55e24;border:1px solid rgba(34,197,94,.22)}.tone-neutral{color:#dbeafe;background:#3b82f624;border:1px solid rgba(59,130,246,.2)}.tone-warning{color:#fde68a;background:#f59e0b2e;border:1px solid rgba(245,158,11,.26)}.tone-danger{color:#fecdd3;background:#f43f5e24;border:1px solid rgba(244,63,94,.2)}.leaderRow{grid-template-columns:auto 1fr}.leaderRow.is-admin-view{grid-template-columns:1fr}.leaderRow.is-me{border-color:#f59e0b57;background:linear-gradient(135deg,rgba(245,158,11,.12),transparent 50%),#0f172a8a}.leaderBody{display:grid;gap:10px}.leaderHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.leaderIdentity{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.leaderStats{display:flex;flex-wrap:wrap;gap:8px}.leaderStat{padding:5px 9px;border-radius:999px;background:#3b82f61f;border:1px solid rgba(59,130,246,.18);color:#dbeafe;font-size:.68rem}.leaderStat.is-out{background:#f43f5e1f;border-color:#f43f5e38;color:#fecdd3}.leaderName{color:#f8fafc}.paymentStatus{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:.72rem;border:1px solid transparent}.paymentStatus.is-paid{color:#bbf7d0;background:#22c55e24;border-color:#22c55e3d}.paymentStatus.is-unpaid{color:#fecdd3;background:#f43f5e24;border-color:#f43f5e38}.paymentStatusIcon{font-weight:600;line-height:1}.leaderScore{display:inline-flex;align-items:baseline;gap:8px;color:#bbf7d0}.leaderScoreLabel{color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.leaderScoreValue{color:#bbf7d0;font-size:1rem;font-weight:600}.leaderAdminActions{display:flex;flex-wrap:wrap;gap:8px}.leaderAdminButton{min-height:36px;padding:8px 12px;font-size:.76rem}.leaderPicks{display:flex;flex-wrap:wrap;gap:8px}.pickChip{padding:7px 10px;border-radius:999px;background:#60a5fa1f;border:1px solid rgba(96,165,250,.18);color:#dbeafe;font-size:.75rem}.pickChip.is-alive{background:#60a5fa1f;border-color:#60a5fa2e;color:#dbeafe}.pickChip.is-hit{background:#22c55e29;border-color:#22c55e42;color:#bbf7d0}.pickChip.is-live{background:#f59e0b29;border-color:#f59e0b3d;color:#fde68a}.pickChip.is-eliminated{background:#4755692e;border-color:#94a3b833;color:#94a3b8}.tierHeader{margin-bottom:16px}.tierIntro{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tierMeter{display:inline-flex;align-items:center;gap:8px;color:#f8fafc}.tierMeter.is-complete{color:#dcfce7}.tierCompleteCheck{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#22c55e29;border:1px solid rgba(74,222,128,.34);color:#86efac;font-size:.78rem;font-weight:700;line-height:1}.teamGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tierFooter{margin-top:14px}.tierGuideBanner{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:46px;padding:12px 14px;border-radius:16px;border:1px solid rgba(245,158,11,.22);background:linear-gradient(135deg,#78350f33,#7f1d1d14),#0f172ad1;box-shadow:inset 0 1px #ffffff0a;color:#fde68a}.tierGuideBanner.is-complete{border-color:#4ade8057;background:linear-gradient(135deg,#15803d47,#1665341a),#081410eb;color:#dcfce7}.tierGuideLabel{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:84px;padding:7px 10px;border-radius:999px;border:1px solid rgba(245,158,11,.26);background:#f59e0b1f;color:inherit;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tierGuideBanner.is-complete .tierGuideLabel{border-color:#4ade8057;background:#22c55e29}.tierGuideText{flex:1 1 260px;min-width:0;font-size:1.15rem;line-height:1.45;color:inherit}.teamCard{display:grid;gap:7px;width:100%;box-sizing:border-box;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0f172ad6,#0a121ff0);color:var(--text);cursor:pointer;text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.teamCard.is-selected{border-color:#4ade809e;box-shadow:inset 0 1px #dcfce729,inset 0 0 0 1px #22c55e47;background:linear-gradient(145deg,rgba(34,197,94,.3),rgba(21,128,61,.12) 44%,transparent 72%),linear-gradient(180deg,#0a1c14f5,#081410fc)}.teamCard.is-selected .teamSeed{color:#f0fdf4;background:linear-gradient(180deg,#22c55e57,#16a34a38);border-color:#4ade807a;box-shadow:inset 0 1px #f0fdf41f}.teamCard.is-selected .teamName{color:#f0fdf4}.teamCard.is-selected .teamMeta{color:#dcfce7eb}.teamCard.is-selected .teamOdds{border-color:#4ade8066;background:#22c55e2e;color:#dcfce7}.teamCard.is-maxed:not(.is-selected){border-style:solid;border-color:#ffffff14;background:linear-gradient(180deg,#0f172ad6,#0a121ff0);color:var(--text)}.teamTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.teamTop{align-items:flex-start}.teamIdentity{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.teamName{color:#f8fafc;font-size:.98rem;line-height:1.2;min-width:0}.teamMeta{font-size:.66rem}.teamOdds{flex-shrink:0;padding:3px 7px;border-radius:999px;border:1px solid rgba(245,158,11,.22);background:#f59e0b1f;color:#fde68a;font-size:.91rem;line-height:1.15;letter-spacing:.02em;display:none}.teamMaxedNote{padding:5px 7px;border-radius:10px;background:#3341556b;border:1px solid rgba(148,163,184,.14);color:#cbd5e1;font-size:.72rem;line-height:1.3}.emptyState{margin:0;color:#e5e7ebc2;line-height:1.65}.topGrid .panelTitle{padding:16px 20px 0;font-size:.78rem;letter-spacing:.12em}.topGrid .panelBody{padding:14px 20px 18px}.topGrid .ruleRow{padding:10px 0}.topGrid .ruleLabel,.topGrid .userName{font-size:.9rem}.topGrid .ruleHint,.topGrid .fieldHint,.topGrid .userHint{font-size:.8rem;line-height:1.55}.topGrid .fieldLabel{font-size:.7rem}.topGrid .textInput,.topGrid .primaryButton,.topGrid .secondaryButton{font-size:.92rem}.topGrid .primaryButton,.topGrid .secondaryButton{min-height:42px}.topGrid .ruleBadge{min-width:58px;padding:7px 10px;font-size:.94rem}.pickRulesPanel .panelTitle{padding:14px 20px 0;font-size:.78rem;letter-spacing:.12em}.pickRulesPanel .panelBody{padding:12px 20px 16px}.pickRulesPanel .ruleRow{padding:10px 0}.pickRulesPanel .ruleLabel{font-size:.88rem;line-height:1.2}.pickRulesPanel .ruleHint{font-size:.78rem;line-height:1.2}.pickRulesPanel .ruleBadge{min-width:56px;padding:7px 10px;font-size:.84rem}.pickRulesFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.picksRemainingButton{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:9px 14px;border-radius:999px;border:1px solid rgba(248,113,113,.42);background:linear-gradient(135deg,#991b1bf5,#dc2626d1);box-shadow:inset 0 1px #ffffff14;color:#fff1f2;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.picksRemainingButton.is-complete{border-color:#4ade8057;background:linear-gradient(135deg,#15803deb,#16a34ac7);color:#f0fdf4}.picksRemainingLabel{white-space:nowrap}.picksRemainingValue{padding-left:10px;border-left:1px solid rgba(255,255,255,.16);font-size:.92rem}.pickRulesFooter .ruleActions{flex:1 1 280px;min-width:0;margin-top:0;padding-top:0;border-top:0;justify-content:flex-end}.confirmPicksButton{min-width:150px;border-radius:999px;padding-inline:18px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.confirmPicksButton.is-dirty:not(:disabled){border-color:#facc1547;box-shadow:0 10px 24px #080f1c38}.confirmPicksButton.is-ready:not(:disabled){color:#1c1304;border-color:#f59e0b6b;background:linear-gradient(135deg,#facc15f5,#f59e0bd6)}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.topGrid,.mainGrid,.hero{grid-template-columns:1fr}.heroAccount{width:100%;justify-self:stretch}.teamGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:741px){.installBanner{display:none}}@media(max-width:740px){.shell{width:min(calc(100vw - 16px),var(--shell-width));padding-top:12px}.hero{gap:12px;padding-top:16px;padding-bottom:16px;border-radius:28px}.hero,.panelBody{padding-left:16px;padding-right:16px}.hero h1{font-size:1.05rem}.heroRound{margin-top:2px;line-height:1.35}.heroAccount{gap:10px;padding:12px 14px;border-radius:20px}.heroAccount .joinForm,.heroAccount .userCard{gap:10px}.topGrid,.mainGrid,.selectionColumn,.rail{gap:14px}.summaryHeader,.tierIntro,.leaderHead,.ruleCompletion{flex-direction:column;align-items:flex-start}.userTopRow,.pickRulesFooter,.pickRulesFooter .ruleActions{align-items:flex-start}.userTopRow{flex-wrap:wrap}.heroAccount .userInlineButton{margin-left:0}.installActions{width:100%;flex-wrap:nowrap}.postInstallBanner{flex-direction:column;align-items:flex-start}.postInstallButton{width:100%}.selectionCard{grid-template-columns:1fr}.teamGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.teamCard{gap:5px;padding:8px;border-radius:12px}.teamName{font-size:.82rem}.teamMeta{font-size:.56rem}.teamOdds{font-size:.82rem}}