.member-pool-candidates > div { position:relative; overflow:hidden; }
.member-pool-candidates > div i { grid-column:1/-1; display:block; height:4px; max-width:100%; border-radius:4px; background:var(--teal); }
.member-pool-candidates > div.used i { opacity:.3; }
.member-pool-card .pool-original-select { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip-path:inset(50%); white-space:nowrap; }
.member-pool-board { margin:14px 0; }
.member-pool-week { display:grid; gap:5px; max-width:250px; margin-bottom:14px; color:var(--muted); font-size:12px; font-weight:800; }
.member-pool-board-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(210px,.8fr); gap:18px; }
.member-pool-board-grid h4 { margin:0 0 8px; }
.member-pool-week-games { display:grid; gap:8px; max-height:540px; overflow:auto; }
.member-pool-week-games button { position:relative; display:grid; gap:5px; overflow:hidden; width:100%; padding:12px; border:1px solid var(--line); border-radius:10px; background:rgba(16,28,34,.55); color:var(--white); text-align:left; font:inherit; cursor:pointer; }
.member-pool-week-games button:hover,.member-pool-week-games button.active { border-color:var(--teal); }
.member-pool-week-games button small { color:var(--muted); }
.member-pool-week-games button > span { color:var(--muted); font-size:12px; }
.member-pool-week-games button i { position:absolute; left:0; bottom:0; height:3px; background:var(--teal); }
.member-pool-week-games .used,.member-pool-candidates .used { opacity:.45; text-decoration:line-through; }
.member-pool-board-grid aside { min-width:0; padding:13px; border:1px solid var(--line); border-radius:10px; background:rgba(16,28,34,.4); }
.member-pool-candidates { display:grid; gap:5px; max-height:540px; overflow:auto; }
.member-pool-candidates > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 8px; align-items:center; padding:8px; border-bottom:1px solid var(--line); font-size:12px; }
.member-pool-candidates > div span { color:var(--teal); white-space:nowrap; }
.member-pool-candidates > div small { grid-column:1/-1; color:var(--muted); }
@media(max-width:900px) { .member-pool-grid { grid-template-columns:1fr; } }
@media(max-width:620px) { .member-pool-board-grid { grid-template-columns:1fr; } }
.member-pool-card [data-pool-game][hidden] { display:none!important; }
.member-pool-create { margin-bottom:18px; }
.member-pool-create > p { color:var(--muted); }
.member-pool-selector { display:grid; gap:6px; max-width:360px; margin:16px 0; color:var(--muted); font-size:12px; font-weight:800; }
.member-pool-selector select,.member-pool-week select { width:100%; min-height:44px; padding:9px 11px; border:1px solid var(--line); border-radius:9px; background:var(--control-bg); color:var(--white); font:inherit; }
.member-pool-new { margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }
.member-pool-new summary,.member-pool-history summary { color:var(--teal); cursor:pointer; font-weight:800; }
.member-pool-new form { display:flex; flex-wrap:wrap; gap:12px; align-items:end; padding-top:12px; }
.member-pool-new form label { display:grid; gap:6px; min-width:min(250px,100%); color:var(--muted); font-size:12px; }
.member-pool-new input { min-height:44px; padding:9px 11px; border:1px solid var(--line); border-radius:9px; background:var(--control-bg); color:var(--white); }
.member-pool-new form .button { width:auto; }
.member-pool-selected { width:100%; padding:22px; }
.member-pool-selected-head { display:flex; justify-content:space-between; align-items:start; gap:20px; padding-bottom:15px; border-bottom:1px solid var(--line); }
.member-pool-selected-head h3 { margin:5px 0; font-size:25px; }
.member-pool-selected-head p { margin:4px 0; color:var(--muted); }
.member-pool-record { display:flex; flex-wrap:wrap; gap:6px; }
.member-pool-record > span { display:grid; gap:4px; min-width:70px; padding:9px 11px; border:1px solid var(--line); border-radius:9px; text-align:center; color:var(--muted); font-size:11px; }
.member-pool-record strong { color:var(--white); font-size:20px; }
.member-pool-selected .member-pool-board { margin:18px 0; }
.member-pool-selected .member-pool-board-grid { grid-template-columns:minmax(0,1.5fr) minmax(240px,.75fr); }
.member-pool-week-games button { min-height:112px; padding:14px 16px; }
.member-pool-week-games button strong { font-size:17px; }
.member-pool-week-games button.picked { opacity:.65; }
.member-pool-week-games button small { line-height:1.4; }
.member-pool-selected [data-pool-choice] { margin:16px 0 12px; padding:14px; border:1px solid var(--line); border-radius:10px; background:rgba(16,28,34,.48); }
.member-pool-selected [data-pool-choice]:empty { display:none; }
.member-pool-selected .member-pool-matchup { margin:0; }
.member-pool-matchup label.is-unavailable { opacity:.45; }
.member-pool-saved { margin:0; color:var(--muted); }
.member-pool-selected [data-save-pool-pick] { width:auto; }
.member-pool-history { margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }
@media(max-width:900px) { .member-pool-selected .member-pool-board-grid { grid-template-columns:1fr; } .member-pool-selected-head { flex-direction:column; } }
.member-pool-inline-mode [data-pool-choice],.member-pool-inline-mode [data-save-pool-pick] { display:none!important; }
.member-pool-save-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:18px; padding-top:18px; border-top:1px solid var(--line); }
.member-pool-save-bar > span { color:var(--muted); font-size:13px; }
.member-pool-save-bar .button { width:auto; min-width:150px; margin:0; }
.member-pool-save-bar .button:disabled { opacity:.5; cursor:not-allowed; }
.member-pool-inline-game.has-draft { border-color:rgba(76,192,180,.6); }
.member-pool-inline-game footer small { color:var(--teal); }
.member-pool-choice-panel { margin-top:16px; padding:14px; border:1px solid var(--line); border-radius:10px; background:rgba(16,28,34,.48); }
.member-pool-choice-panel h4 { margin:0 0 5px; }
.member-pool-choice-panel > small { display:block; margin-bottom:12px; color:var(--muted); }
.member-pool-choice-panel .member-pool-matchup { margin:0; }
.member-pool-selected [data-pool-feedback] { color:var(--teal); font-size:13px; }
@media(max-width:620px) { .member-pool-save-bar { align-items:stretch; flex-direction:column; } .member-pool-save-bar .button { width:100%; } }
.member-pool-board.is-inline .member-pool-board-grid { display:block; }
.member-pool-board.is-inline .member-pool-week-games { max-height:none; overflow:visible; }
.member-pool-inline-game { display:grid; gap:12px; min-width:0; padding:15px; border:1px solid var(--line); border-radius:12px; background:rgba(16,28,34,.52); }
.member-pool-inline-game header { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px 14px; }
.member-pool-inline-game header small { color:var(--muted); font-size:12px; }
.member-pool-inline-game header strong { font-size:18px; }
.member-pool-inline-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.member-pool-inline-team { display:grid; gap:8px; min-width:0; padding:12px; border:1px solid var(--line); border-radius:10px; background:rgba(30,49,58,.8); color:var(--muted); font-size:12px; cursor:pointer; }
.member-pool-inline-team:has(input:checked) { border-color:var(--teal); box-shadow:0 0 0 2px rgba(76,192,180,.14); }
.member-pool-inline-team.model-lean { background:rgba(20,91,93,.22); }
.member-pool-inline-team-name { display:flex; align-items:center; gap:8px; color:var(--white); font-size:16px; }
.member-pool-inline-team-name input { flex:0 0 auto; accent-color:var(--teal); }
.member-pool-inline-team > span:not(.member-pool-inline-team-name) { display:flex; justify-content:space-between; gap:12px; }
.member-pool-inline-team > span:not(.member-pool-inline-team-name) strong { color:var(--white); font-size:13px; }
.member-pool-inline-team input:disabled { opacity:.5; }
.member-pool-inline-game footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; padding-top:10px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.member-pool-inline-game footer button { min-height:38px; padding:8px 13px; border:1px solid var(--teal); border-radius:8px; background:rgba(20,122,139,.25); color:var(--white); font:inherit; font-weight:800; cursor:pointer; }
.member-pool-inline-game footer button:disabled { opacity:.55; cursor:wait; }
@media(max-width:680px) { .member-pool-inline-options { grid-template-columns:1fr; } }

/* Pick'em and Against the Spread: each side is a button; tap one to pick it. */
.member-pool-inline-team { position:relative; cursor:pointer; transition:border-color .15s, background .15s; }
.member-pool-inline-team input[type="radio"] { position:absolute; opacity:0; width:1px; height:1px; pointer-events:none; }
.member-pool-inline-team:hover { border-color:var(--control-border); }
.member-pool-inline-team:has(input:focus-visible) { outline:2px solid var(--teal); outline-offset:2px; }
.member-pool-inline-team:has(input:checked) { background:rgba(76,192,180,.14); }
.member-pool-inline-team:has(input:checked) .member-pool-inline-team-name::after { content:"✓ Your pick"; margin-left:auto; padding:2px 8px; border-radius:999px; background:var(--teal); color:var(--navy); font-size:11px; font-weight:850; }
.member-pool-inline-team:has(input:disabled) { cursor:not-allowed; opacity:.6; }

/* Survivor: a game opens in place to show its two teams and the pick. */
.member-pool-week-games:has(.member-pool-survivor-game) { max-height:none; overflow:visible; }
.member-pool-survivor-game { display:grid; border:1px solid transparent; border-radius:12px; }
.member-pool-survivor-game.is-open { border-color:var(--teal); background:rgba(16,28,34,.6); }
.member-pool-survivor-game.is-open > button { border-color:transparent; }
.member-pool-choice-panel.is-inline { margin:0; padding:4px 14px 14px; border:0; background:transparent; }
.member-pool-choice-panel.is-inline > small { display:block; margin-bottom:8px; color:var(--muted); }

/* While switching format or pool, the area fades instead of flashing empty. */
.is-switching { opacity:.55; transition:opacity .12s; pointer-events:none; }

/* Matchup titles open the game's details. */
.member-pool-game-link,.select-game-title { color:inherit; text-decoration:none; }
.member-pool-game-link:hover,.member-pool-game-link:focus-visible,.select-game-title:hover,.select-game-title:focus-visible { color:var(--teal); text-decoration:underline; outline:none; }
.member-pool-choice-panel.is-inline > .member-pool-game-link { display:inline-block; margin:2px 0 8px; color:var(--teal); font-size:13px; font-weight:800; }
.is-switching{position:relative}.is-switching::after{content:"Loading…";position:absolute;top:14px;left:50%;transform:translateX(-50%);padding:6px 16px;border:1px solid var(--teal);border-radius:999px;background:var(--navy);color:var(--teal);font-size:13px;font-weight:700}