:root{--navy:#17365D;--red:#D71920;--ink:#182433;--muted:#6b7785;--line:#dbe2ea;--paper:#f4f7fa;--white:#fff;--good:#0e6b50}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}.hero{background:linear-gradient(120deg,#fff 0 56%,#eef3f8);padding:16px max(16px,calc((100vw - 1100px)/2));border-bottom:4px solid var(--red);display:flex;gap:16px;align-items:center;justify-content:space-between}.brand{display:flex;gap:14px;align-items:center}.logo{width:78px;height:78px;object-fit:contain}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--red)}h1{font-family:Georgia,serif;margin:2px 0 0;color:var(--navy);font-size:32px}.sub{font-size:13px;color:var(--muted)}.pill{background:var(--navy);color:#fff;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}nav{position:sticky;top:0;z-index:5;background:var(--navy);display:flex;gap:2px;overflow-x:auto;padding:0 max(8px,calc((100vw - 1100px)/2));box-shadow:0 2px 8px #0002}nav button{border:0;background:transparent;color:#dfe9f4;padding:13px 12px;font-weight:700;white-space:nowrap}nav button.active{background:var(--red);color:#fff}main{max-width:1100px;margin:18px auto;padding:0 14px 40px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{grid-column:span 12;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 4px 14px #2030400b}.half{grid-column:span 6}.third{grid-column:span 4}.card h2,.card h3{margin:0 0 10px;color:var(--navy)}.card h2{font-size:19px}.card h3{font-size:15px}.red{color:var(--red)!important}.kpi{font-size:30px;font-weight:900;color:var(--navy)}.muted{color:var(--muted);font-size:13px}.callout{border-left:5px solid var(--red);background:#fff4f4;padding:11px 13px;border-radius:8px;margin:10px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{background:var(--navy);color:#fff;text-align:left;padding:9px}th:last-child{color:#fff}td{padding:8px 9px;border-bottom:1px solid var(--line)}tr:nth-child(even) td{background:#f8fafc}.rank{font-size:18px;font-weight:900;color:var(--navy)}button.primary,button.secondary{border:0;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}.primary{background:var(--red);color:#fff}.secondary{background:var(--navy);color:#fff}select,input{font:inherit;border:1px solid #bfc9d4;border-radius:8px;padding:8px;background:#fff}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.score-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.hole{background:#f7f9fb;border:1px solid var(--line);border-radius:10px;padding:8px;text-align:center}.hole b{display:block;color:var(--navy)}.hole small{display:block;color:var(--muted);margin:2px}.hole input{width:58px;text-align:center;font-size:18px;font-weight:800}.pts{font-size:12px;font-weight:800;color:var(--good);margin-top:3px}.pairing{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team{border:1px solid var(--line);border-radius:10px;padding:10px}.team strong{color:var(--navy)}.badge{display:inline-block;background:#e7eef7;color:var(--navy);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;margin:2px}.badge.red{background:#fee8e8;color:#9f1419}.hero-img{width:100%;border-radius:10px;max-height:230px;object-fit:cover}.setup-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.done{color:var(--good);font-weight:800}.notdone{color:var(--red);font-weight:800}.segment{display:grid;grid-template-columns:80px 1fr;gap:8px;padding:6px 0}.notice{font-size:12px;color:var(--muted);margin-top:10px}footer{text-align:center;color:#7b8794;font-size:11px;padding:20px}.winner,.winner td{background:#fff8dc!important;font-weight:800}@media(max-width:760px){.hero{align-items:flex-start}.pill{display:none}.logo{width:64px;height:64px}h1{font-size:26px}.half,.third{grid-column:span 12}.score-grid{grid-template-columns:repeat(3,1fr)}.pairing{grid-template-columns:1fr}main{margin-top:12px}}
.scoring-card{padding:18px}.scoring-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.live-badge{background:var(--red);color:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;letter-spacing:.06em}.score-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.score-controls label{font-size:12px;font-weight:800;color:var(--muted)}.score-controls select{display:block;width:100%;margin-top:5px;color:var(--ink);font-weight:700}.hole-focus{display:grid;grid-template-columns:52px 1fr 52px;gap:12px;align-items:center;text-align:center;background:var(--navy);color:#fff;border-radius:14px;padding:12px;margin:12px 0}.hole-number{font-family:Georgia,serif;font-size:28px;font-weight:800}.hole-meta{font-size:12px;opacity:.82}.hole-nav{border:0;border-radius:10px;background:#ffffff1f;color:#fff;font-size:30px;min-height:48px}.hole-nav:disabled,.score-actions button:disabled{opacity:.3}.group-score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.score-player{border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fafc;display:grid;grid-template-columns:1fr 78px;gap:7px 10px;align-items:center}.score-player-name b{display:block;color:var(--navy)}.score-player-name span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.score-input{grid-row:span 2;width:78px;text-align:center;font-size:26px;font-weight:900}.score-result{font-size:13px;color:var(--good)}.round-running{font-size:11px;color:var(--muted)}.score-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:14px}.score-actions button:last-child{justify-self:end}.hole-progress{font-weight:900;color:var(--navy)}.compact{margin-top:12px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-link{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;font-weight:800;color:var(--navy)}
@media(max-width:760px){.hero{padding-top:10px;padding-bottom:10px}.brand .logo{width:54px;height:54px}.eyebrow{font-size:9px}h1{font-size:23px}nav button{padding:12px 11px}.group-score-grid{grid-template-columns:1fr}.score-player{grid-template-columns:1fr 72px}.score-input{width:72px}.quick-grid{grid-template-columns:1fr}.score-controls{grid-template-columns:1fr 1fr}.scoring-head p{margin-bottom:0}}

.player-avatar{width:42px;height:42px;min-width:42px;border-radius:50%;border:2px solid #d7e0e9;background:#e9eef4;color:var(--navy);padding:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;font-weight:900;position:relative;vertical-align:middle}.player-avatar img{width:100%;height:100%;object-fit:cover}.player-avatar.editable{cursor:pointer}.player-avatar em{position:absolute;right:-1px;bottom:-1px;width:17px;height:17px;border-radius:50%;background:var(--red);color:#fff;font-style:normal;font-size:14px;line-height:16px;border:2px solid #fff}.score-player-ident{display:flex;align-items:center;gap:10px}.board-player{display:flex;align-items:center;gap:8px;white-space:nowrap}.board-player .player-avatar{width:30px;height:30px;min-width:30px;font-size:10px}.score-player-name{min-width:0}
.identity-overlay{position:fixed;inset:0;background:rgba(12,24,38,.78);display:grid;place-items:center;padding:24px;z-index:9999}.identity-card{width:min(420px,100%);background:#fff;border-radius:18px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.28);text-align:center}.identity-card img{width:160px;max-width:60%;margin:0 auto 12px}.identity-card select{width:100%;margin:12px 0 14px;padding:12px;border:1px solid #ccd3da;border-radius:10px;font-size:16px}.identity-card button{width:100%}
.cottage-player-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 14px}.cottage-player{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;color:var(--navy);font-size:11px;font-weight:800;text-align:center}.cottage-player .player-avatar{width:46px;height:46px;min-width:46px}
@media(max-width:420px){.cottage-player-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cottage-player{flex-direction:row;justify-content:flex-start;padding:7px}.cottage-player .player-avatar{width:38px;height:38px;min-width:38px}}

/* Phone scoring polish: keep the active hole and score entry controls easy to scan and tap. */
@media(max-width:760px){
  main{padding-left:10px;padding-right:10px}
  .scoring-card{padding:12px}
  .scoring-head{align-items:center;gap:8px}
  .scoring-head h2{font-size:22px}
  .live-badge{padding:7px 8px;font-size:10px}
  .score-controls{gap:8px;margin:12px 0}
  .score-controls select{min-height:44px;padding:9px 10px}
  .hole-focus{grid-template-columns:54px 1fr 54px;gap:8px;padding:10px;margin:10px 0;border-radius:12px}
  .hole-number{font-size:30px}
  .hole-meta{font-size:13px}
  .hole-nav{min-height:52px;width:54px}
  .score-player{grid-template-columns:1fr 76px;gap:8px 10px;padding:12px 10px;min-height:100px}
  .score-input{width:76px;height:62px;min-height:62px;padding:4px;font-size:28px;border:2px solid var(--navy);border-radius:10px}
  .score-input:focus{outline:3px solid rgba(215,25,32,.28);outline-offset:2px;border-color:var(--red)}
  .score-player-name b{font-size:15px}
  .score-result{font-size:14px}
  .score-actions{gap:8px;margin-top:12px}
  .score-actions button{min-height:48px;padding:10px 9px}
  .hole-progress{font-size:14px;white-space:nowrap}
  .sync-panel{flex-wrap:wrap;min-height:44px;padding:9px 10px}
  .sync-status{line-height:1.25}
  .sync-panel .small{min-height:36px}
}
@media(max-width:380px){
  .score-player{grid-template-columns:1fr 70px}
  .score-input{width:70px}
  .score-actions button{font-size:12px}
}

/* Phone scoring polish: keep the active hole and score entry controls easy to scan and tap. */
@media(max-width:760px){
  main{padding-left:10px;padding-right:10px}
  .scoring-card{padding:12px}
  .scoring-head{align-items:center;gap:8px}
  .scoring-head h2{font-size:22px}
  .live-badge{padding:7px 8px;font-size:10px}
  .score-controls{gap:8px;margin:12px 0}
  .score-controls select{min-height:44px;padding:9px 10px}
  .hole-focus{grid-template-columns:54px 1fr 54px;gap:8px;padding:10px;margin:10px 0;border-radius:12px}
  .hole-number{font-size:30px}
  .hole-meta{font-size:13px}
  .hole-nav{min-height:52px;width:54px}
  .score-player{grid-template-columns:1fr 76px;gap:8px 10px;padding:12px 10px;min-height:100px}
  .score-input{width:76px;height:62px;min-height:62px;padding:4px;font-size:28px;border:2px solid var(--navy);border-radius:10px}
  .score-input:focus{outline:3px solid rgba(215,25,32,.28);outline-offset:2px;border-color:var(--red)}
  .score-player-name b{font-size:15px}
  .score-result{font-size:14px}
  .score-actions{gap:8px;margin-top:12px}
  .score-actions button{min-height:48px;padding:10px 9px}
  .hole-progress{font-size:14px;white-space:nowrap}
  .sync-panel{flex-wrap:wrap;min-height:44px;padding:9px 10px}
  .sync-status{line-height:1.25}
  .sync-panel .small{min-height:36px}
}
@media(max-width:380px){
  .score-player{grid-template-columns:1fr 70px}
  .score-input{width:70px}
  .score-actions button{font-size:12px}
}

@media(max-width:760px){
  /* Scoring order on a phone: get to the current hole before optional setup panels. */
  .scoring-card{display:flex;flex-direction:column}
  .scoring-card>.scoring-head{order:1}
  .scoring-card>.score-controls{order:2}
  .scoring-card>.hole-focus{order:3}
  .scoring-card>.group-score-grid{order:4}
  .scoring-card>.score-actions{order:5}
  .scoring-card>.callout{order:6}
  .scoring-card>.side-game-picker,
  .scoring-card>.nassau-group-note,
  .scoring-card>.forty-ball-beta-note{order:7}
  .scoring-card>.score-review{order:8}
  .scoring-card>.unlock-request-panel{order:9}
  .scoring-card>.side-game-picker{margin-top:16px}
}

@media(max-width:760px){
  /* Keep setup above scoring until the wager is saved. */
  .scoring-card.score-setup-required>.side-game-picker,
  .scoring-card.score-setup-required>.nassau-group-note,
  .scoring-card.score-setup-required>.forty-ball-beta-note{order:3}
  .scoring-card.score-setup-required>.hole-focus{order:4}
  .scoring-card.score-setup-required>.group-score-grid{order:5}
  .scoring-card.score-setup-required>.score-actions{order:6}
  .scoring-card.score-setup-required>.callout{order:7}
}

/* Wager amount is self-explanatory; remove the redundant "Next step" instruction. */
.wager-next{display:none!important}

/* Compact mobile scoring after a side-game wager has been saved. */
.mobile-game-summary{display:none}
@media(max-width:760px){
  .scoring-card.score-active .scoring-head{flex-wrap:wrap;align-items:center}
  .scoring-card.score-active .scoring-head .eyebrow{display:none}
  .scoring-card.score-active .scoring-head h2{font-size:19px;margin:0}
  .score-signed-in{display:block;font-size:12px;color:var(--muted);margin-top:2px}
  .scoring-card .scoring-head .sync-panel{order:3;flex-basis:100%;margin:2px 0 0;padding:6px 9px;min-height:32px;font-size:12px}
  .scoring-card.score-active .score-controls{margin:8px 0}
  .scoring-card.score-active .hole-focus{margin:4px 0 8px}
  .scoring-card.score-active .score-player{min-height:86px;padding:8px 10px;align-items:start}
  .scoring-card.score-active .score-input{align-self:start}
  .scoring-card.score-active .score-result{align-self:end;margin:0}
  .scoring-card.score-active .round-running{align-self:start;margin:0}
  .scoring-card.score-active{padding-bottom:88px}
  .scoring-card.score-active .score-actions{
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    bottom:calc(env(safe-area-inset-bottom,0px) + 8px);
    z-index:20;
    width:min(calc(100vw - 20px),1080px);
    background:#fff;
    padding:8px 10px;
    margin:0;
    border:1px solid var(--line);
    border-radius:12px;
    box-shadow:0 -5px 18px #20304024;
  }
  .mobile-game-saved{padding:10px 12px!important;border:1px solid var(--line)!important;background:#f8fafc!important}
  .mobile-game-saved .mobile-game-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--navy);font-size:13px;font-weight:850}
  .mobile-game-edit{min-height:44px;flex:none}
  .mobile-game-saved:not(.mobile-game-editing)>:not(.mobile-game-summary):not(.mobile-game-pairings){display:none}
  .mobile-game-pairings{display:block;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:10px;line-height:1.4;color:var(--muted)}
  .mobile-game-pairings b{display:block;margin-bottom:3px;color:var(--navy);font-size:10px;text-transform:uppercase;letter-spacing:.05em}
  .mobile-game-pairings span{display:block}
  .mobile-game-editing .nassau-pairing-note{display:none}
  .mobile-game-editing>div:not(.mobile-game-summary):not(.mobile-game-pairings){margin-top:12px}
}


/* Mobile player card: keep the two per-hole results together even when 40 Ball controls are present. */
@media(max-width:760px){
  .score-player{
    grid-template-columns:minmax(0,1fr) 76px;
    grid-template-rows:auto auto auto;
    column-gap:10px;
    row-gap:4px;
    align-items:start;
  }
  .score-player-ident{grid-column:1;grid-row:1}
  .score-input{grid-column:2;grid-row:1;align-self:start}
  .score-result{grid-column:1;grid-row:2;margin:2px 0 0;line-height:1.25}
  .round-running{grid-column:1;grid-row:3;margin:0;line-height:1.25}
  .forty-ball-toggle{grid-column:2;grid-row:2 / 4;margin-top:4px;align-self:start}
  .forty-ball-toggle .forty-ball-select{margin:0}
}

/* The header must stay two short rows even before game setup is complete. */
@media(max-width:760px){
  .scoring-card .scoring-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center}
  .scoring-card .scoring-head>div:first-child{min-width:0}
  .scoring-card .scoring-head .eyebrow{display:none}
  .scoring-card .scoring-head h2{font-size:20px;line-height:1.15;white-space:nowrap;margin:0}
  .scoring-card .live-badge{font-size:10px;white-space:nowrap;padding:6px 9px}
  .scoring-card .scoring-head .sync-panel{grid-column:1/-1;width:100%;min-width:0;min-height:34px;margin:0;overflow-wrap:anywhere}
  .scoring-card .scoring-head .sync-status{min-width:0;font-size:12px}
  .side-game-picker.mobile-game-saved>.mobile-game-summary{width:100%;min-width:0;flex:0 0 auto;gap:10px;line-height:1.3}
  .mobile-game-summary>span{flex:1;min-width:0}
  .side-game-picker.mobile-game-saved .mobile-game-summary .mobile-game-edit{width:auto;min-width:72px;flex:0 0 auto;padding:8px 12px}
}


/* Compact live standings so all four rounds fit on mobile */
.standings-table-wrap{overflow-x:hidden}
.standings-table{table-layout:fixed;width:100%;font-size:12px}
.standings-table th,.standings-table td{padding:7px 5px;white-space:nowrap;text-align:center}
.standings-table th:nth-child(1),.standings-table td:nth-child(1){width:42px}
.standings-table th:nth-child(2),.standings-table td:nth-child(2){width:180px;text-align:left}
.standings-table th:nth-child(3),.standings-table td:nth-child(3){width:48px}
.standings-table th:nth-child(4),.standings-table td:nth-child(4){width:52px}
.standings-table th:nth-child(n+5),.standings-table td:nth-child(n+5){width:42px}
.standings-name-short{display:none}

@media(max-width:640px){
  .standings-table{font-size:11px}
  .standings-table th,.standings-table td{padding:6px 2px}
  .standings-table th:nth-child(1),.standings-table td:nth-child(1){width:28px}
  .standings-table th:nth-child(2),.standings-table td:nth-child(2){width:92px}
  .standings-table th:nth-child(3),.standings-table td:nth-child(3){width:28px}
  .standings-table th:nth-child(4),.standings-table td:nth-child(4){width:40px}
  .standings-table th:nth-child(n+5),.standings-table td:nth-child(n+5){width:28px}
  .standings-table .rank{font-size:15px}
  .standings-table .standings-player{gap:4px;min-width:0}
  .standings-table .standings-player .player-avatar{width:24px;height:24px;flex:0 0 24px}
  .standings-name-full{display:none}
  .standings-name-short{display:inline}
  .standings-name-short{overflow:hidden;text-overflow:ellipsis}
  .standings-table .change-col{font-size:9px;letter-spacing:-2px}
}