:root{color-scheme:light;--ink:#152b32;--muted:#647479;--teal:#155e50;--mint:#e8f5ee;--line:#e3eae8;--amber:#855716;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f4f7f5}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #298879;outline-offset:4px}[hidden]{display:none!important}.wrap{max-width:1200px;margin-inline:auto;width:calc(100% - 64px)}.site-header{display:flex;justify-content:space-between;align-items:center;padding:23px 26px;margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:16px}.brand{display:flex;gap:12px;align-items:center}.brand-ball{color:var(--teal);font-size:44px}.brand strong{display:block;font-size:28px;letter-spacing:-1px;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:6px;font-weight:600}.header-label{color:var(--muted);font-size:13px}.page-heading{margin:36px 0 24px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:650;color:var(--muted);margin:0 0 12px}h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.5px;line-height:1.15;margin:0 0 8px;font-weight:650}.date{color:var(--muted);font-size:18px;margin:0}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px #173c2f03}.game-summary{display:grid;grid-template-columns:auto 1fr minmax(170px,.85fr);align-items:center;gap:30px;padding:25px 28px;margin-bottom:24px}.game-total{border-right:1px solid var(--line);padding-right:30px;white-space:nowrap}.game-total strong{font-size:48px;font-weight:700;letter-spacing:-2px}.game-total span{font-size:32px;font-weight:600;color:#7c8a8e}.game-total small{color:var(--muted);font-size:13px}.readiness{display:flex;align-items:center;gap:14px}.readiness>span{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:var(--mint);color:var(--teal);font-size:23px}.readiness h2{font-size:19px;letter-spacing:-.3px;margin:0;color:var(--teal)}.readiness p{font-size:13px;color:var(--muted);margin:6px 0 0}.needs-players .readiness>span{background:#fff4dc;color:var(--amber)}.needs-players .readiness h2{color:var(--amber)}.capacity-labels{position:relative;display:flex;justify-content:space-between;margin-bottom:12px;font-size:11px;color:var(--muted)}.capacity-labels span:nth-child(2){position:absolute;left:66.666%;transform:translateX(-50%);white-space:nowrap}.capacity-track{height:10px;border-radius:8px;background:#edf1ef;position:relative}.capacity-track>div{height:100%;width:0;background:var(--teal);border-radius:8px;transition:width .25s}.minimum-marker{position:absolute;left:66.666%;height:18px;width:2px;background:#6a8179;top:-4px}.attendance-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.rsvp{padding:25px;text-align:center}.rsvp .eyebrow{text-align:left}.personal-avatar{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;margin:24px auto 15px;background:#e3f2eb;color:var(--teal);font-size:30px;font-weight:650}.rsvp h3{font-size:21px;letter-spacing:-.5px;margin:0 0 8px;overflow-wrap:anywhere}.text-button{background:none;border:0;color:var(--muted);padding:10px 12px;min-height:44px;font-size:13px}.text-button:hover{color:var(--teal);text-decoration:underline}#nameFields{text-align:left;margin-top:18px}label{display:block;font-size:13px;margin-bottom:7px}input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cbd7d2;border-radius:8px;font-size:16px;color:var(--ink);background:#fff}.rsvp-actions{display:flex;gap:10px;margin-top:18px}.rsvp-actions button{flex:1;min-height:48px;border:1px solid #c7d2d0;border-radius:8px;background:#fff;color:var(--ink);font-size:15px;font-weight:600}.rsvp-actions button:hover{background:#f0f6f3}.rsvp-actions button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff}.personal-status{padding:13px 12px;border-radius:8px;background:#f3f6f4;color:var(--muted);font-size:13px;line-height:1.5;margin:14px 0 0}.personal-status.in{background:var(--mint);color:var(--teal)}.personal-status.waiting{background:#fff4df;color:var(--amber)}.rosters{min-width:0;display:grid;gap:16px}.roster-panel{padding:18px 22px 8px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;margin-bottom:6px}.section-heading h2{font-size:19px;letter-spacing:-.5px;margin:0;display:flex;align-items:center;gap:10px}.count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:4px 10px;border-radius:30px;font-size:12px;letter-spacing:0;font-weight:600;background:#f0f3f2;color:#566763;font-variant-numeric:tabular-nums}.count-in{background:var(--mint);color:var(--teal)}.count-waiting{background:#fff2d9;color:var(--amber)}.refresh-button{background:#fff;border:1px solid var(--line);border-radius:8px;min-width:44px;min-height:44px;color:var(--muted);font-size:24px}.refresh-button:hover{background:#f3f7f5}.section-description{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 12px}.player-list{list-style:none;margin:0;padding:0}.in-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px}.player{display:flex;align-items:center;gap:10px;border-top:1px solid #edf1ef;min-height:53px;padding:9px 0;min-width:0}.avatar{flex-shrink:0;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-size:10px;font-weight:650;color:#355c50;background:#e9f4ee}.player-info{min-width:0;flex:1}.player-name{font-size:13px;overflow-wrap:anywhere;line-height:1.5}.you{color:var(--muted);font-size:11px;margin-left:5px}.player-note{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.4}.self-check{color:var(--teal);font-size:14px}.empty-state{grid-column:1/-1;color:var(--muted);padding:18px 0 20px;font-size:13px;border-top:1px solid var(--line)}.last-updated{margin:0;text-align:right;color:var(--muted);font-size:11px}.error-banner,.save-error{padding:13px 16px;background:#fff0ed;color:#923d31;border-radius:8px;font-size:13px;line-height:1.5}.error-banner{margin-bottom:20px}.save-error{margin-bottom:0}footer.wrap{padding:30px 0;color:var(--muted);font-size:12px;text-align:center}footer a{color:inherit;text-underline-offset:3px}
@media(min-width:1000px){.in-list{grid-auto-flow:column;grid-template-rows:repeat(var(--roster-rows,9),auto)}}
@media(max-width:999px){.game-summary{grid-template-columns:auto 1fr;gap:22px}.capacity{grid-column:1/-1}.attendance-layout{grid-template-columns:270px minmax(0,1fr);gap:18px}.in-list{grid-template-columns:1fr}}
@media(max-width:680px){.wrap{width:calc(100% - 32px)}.site-header{margin-top:16px;padding:18px}.brand strong{font-size:24px}.brand-ball{font-size:37px}.header-label{display:none}.page-heading{margin:28px 0 20px}.game-summary{padding:20px;gap:18px}.game-total{padding-right:16px}.game-total strong{font-size:38px}.game-total span{font-size:24px}.readiness{gap:8px}.readiness>span{display:none}.readiness h2{font-size:16px}.readiness p{font-size:12px}.attendance-layout{grid-template-columns:1fr}.rsvp{padding:20px}.personal-avatar{width:64px;height:64px;font-size:23px;margin:16px auto 12px}.roster-panel{padding:16px 18px 6px}.section-heading h2{font-size:18px}.player{min-height:52px}.player-name{font-size:14px}.date{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}