.bga-app{--bga-ink:#1c2c35;--bga-muted:#60717b;--bga-teal:#14796e;--bga-mint:#e9f5f1;--bga-line:#e0e8e8;--bga-panel:#fff;--bga-bg:#f5f8f6;color:var(--bga-ink);font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1160px;margin:20px auto 60px;background:var(--bga-bg);border:1px solid var(--bga-line);border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(28,44,53,.08);min-height:650px}
.bga-app *{box-sizing:border-box}.bga-app button,.bga-app input,.bga-app select{font:inherit}.bga-app button{cursor:pointer}.bga-app button:disabled{opacity:.45;cursor:not-allowed}.bga-app h1,.bga-app h2,.bga-app h3,.bga-app h4,.bga-app p{margin:0}.bga-app h1{font-size:clamp(27px,4vw,39px);line-height:1.13;font-weight:800;letter-spacing:-.04em}.bga-app h2{font-size:clamp(25px,4vw,36px);line-height:1.2;letter-spacing:-.035em}.bga-app h3{font-size:18px}.bga-app a{color:var(--bga-teal);text-decoration:none}.bga-app a:hover{text-decoration:underline}.bga-app button:focus-visible,.bga-app a:focus-visible,.bga-app input:focus-visible,.bga-app select:focus-visible{outline:3px solid #75b8ad;outline-offset:2px}
.bga-shell{min-height:650px;display:flex;flex-direction:column}.bga-header{height:88px;background:#fff;border-bottom:1px solid var(--bga-line);display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,45px);gap:10px}.bga-logo{display:flex;align-items:center;gap:12px;font-size:18px;line-height:1.1}.bga-logo strong{font-weight:800}.bga-logo small{display:block;color:var(--bga-muted);font-size:10px;font-weight:700;letter-spacing:.13em;margin-top:7px}.bga-mark{width:42px;height:42px;background:#14796e;border-radius:13px;color:#fff;font:900 26px/42px Georgia,serif;text-align:center}.bga-account-trigger{display:flex;gap:8px;align-items:center;background:none;border:0;color:var(--bga-ink);font-weight:700;padding:7px}.bga-avatar{width:34px;height:34px;border-radius:50%;background:#dcf1eb;color:var(--bga-teal);display:grid;place-items:center;font-weight:800}.bga-avatar.large{width:60px;height:60px;font-size:24px}.bga-beta{background:#fff0ce;color:#6b4c08;padding:8px 18px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.07em}.bga-content{padding:clamp(18px,4vw,44px);width:100%;max-width:1060px;margin:auto;flex:1}.bga-eyebrow{color:var(--bga-teal);font-size:11px;font-weight:800;letter-spacing:.16em}.bga-greeting{padding:8px 0 24px}.bga-greeting h1{max-width:600px;margin:8px 0}.bga-greeting p,.bga-pagehead p,.bga-detail-head p{color:var(--bga-muted);margin-top:8px}.bga-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:36px}.bga-tiles button{border:1px solid var(--bga-line);background:#fff;text-align:left;border-radius:18px;min-height:155px;padding:20px;display:flex;flex-direction:column;gap:9px;transition:transform .12s,border .12s}.bga-tiles button:hover{border-color:#9bc8bf;transform:translateY(-2px)}.bga-tiles button>span{font-size:25px;color:var(--bga-teal);height:35px}.bga-tiles button strong{font-size:17px}.bga-tiles button small{color:var(--bga-muted);font-size:12px}.bga-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 14px}.bga-section-title button{border:none;background:none;color:var(--bga-teal);font-weight:750}.bga-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bga-game-card{padding:14px;display:flex;gap:13px;border:1px solid var(--bga-line);border-radius:15px;background:#fff;min-height:114px}.bga-game-icon{width:53px;height:66px;flex:0 0 53px;border-radius:10px;background:linear-gradient(145deg,#225e69,#62a992);color:#fff;font:700 31px/66px Georgia,serif;text-align:center;text-transform:uppercase;box-shadow:3px 4px 0 #dcece8}.bga-game-icon.big{width:88px;height:105px;flex-basis:88px;font-size:48px;line-height:105px}.bga-game-info{min-width:0}.bga-game-info h4{font-size:15px;margin:2px 0 5px}.bga-game-info p{font-size:12px;color:var(--bga-muted)}.bga-card-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:11px}.bga-card-actions button{font-weight:750;font-size:12px;color:var(--bga-teal);border:0;background:none;padding:0}.bga-card-actions button:hover{text-decoration:underline}.bga-tab{background:none;border:0;border-radius:12px;color:#7a878d;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 9px;min-width:92px;font-size:12px;font-weight:650}.bga-tab>span:first-child{font-size:22px;line-height:1.1}.bga-tab.active{color:#0e7064;background:var(--bga-mint)}.bga-pagehead{margin:0 0 23px}.bga-pagehead h1{margin-top:6px}.bga-filters{background:white;border:1px solid var(--bga-line);padding:22px;border-radius:18px;display:flex;flex-direction:column;gap:15px}.bga-filters label,.bga-score-editor>label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--bga-muted)}.bga-filters input,.bga-filters select,.bga-score-editor input,.bga-score-editor select{border:1px solid #cfdddd;border-radius:9px;min-height:40px;background:#fff;color:var(--bga-ink);padding:8px 11px;width:100%;min-width:0}.bga-filtergrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bga-btn,.bga-app .bga-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bga-teal);background:var(--bga-teal);color:white;font-weight:750;border-radius:10px;min-height:42px;padding:10px 18px;text-decoration:none;align-self:flex-start}.bga-btn:hover{background:#0b5e55;text-decoration:none!important;color:white!important}.bga-btn-secondary{background:white;border:1px solid #c7d9d5;color:var(--bga-teal);font-weight:750;border-radius:10px;min-height:41px;padding:10px 16px}.bga-full{width:100%;margin-top:18px}.bga-muted,.bga-quiet{color:var(--bga-muted);font-size:12px}.bga-empty{padding:24px;background:#fff;border:1px dashed #c7d7d4;color:var(--bga-muted);border-radius:12px;grid-column:1/-1}.bga-pager{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;color:var(--bga-muted);font-size:13px}.bga-pager button,.bga-back{color:var(--bga-teal);font-size:13px;border:none;background:none;font-weight:700;padding:8px 0}.bga-panel{background:#fff;border:1px solid var(--bga-line);padding:22px;border-radius:16px;margin:15px 0}.bga-panel p{color:var(--bga-muted);margin:8px 0 15px}.bga-detail-head{display:flex;align-items:start;gap:20px;margin:16px 0 24px}.bga-detail-head h1{margin:5px 0}.bga-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bga-stats>div{background:#fff;border:1px solid var(--bga-line);padding:15px;border-radius:12px}.bga-stats small{display:block;color:var(--bga-muted);font-size:11px}.bga-stats strong{display:block;font-size:15px;margin-top:4px;text-transform:capitalize}.bga-panel .bga-btn{margin-top:5px}.bga-textlink{display:inline-block;margin-left:15px;font-size:13px}.bga-collection-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bga-collection-actions button{background:#fff;color:var(--bga-teal);border:1px solid #cadeda;border-radius:10px;padding:12px 8px;font-weight:750}.bga-collection-actions button.selected{background:var(--bga-mint);border-color:#21867b}.bga-match-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--bga-line);padding:15px;border-radius:11px;margin-bottom:9px;gap:12px}.bga-match-item small{display:block;color:var(--bga-muted);margin-top:4px}.bga-match-item button{border:1px solid #d7e5e1;background:#fff;color:var(--bga-teal);border-radius:7px;padding:8px;font-weight:750}.bga-row{display:flex;align-items:center;gap:9px}.bga-scores-head{justify-content:space-between}.bga-score-editor{display:flex;flex-direction:column;gap:13px}.bga-score-table-wrap{width:100%;overflow-x:auto}.bga-score-table{border-collapse:collapse;width:100%;font-size:13px}.bga-score-table th,.bga-score-table td{border-bottom:1px solid var(--bga-line);padding:9px 6px;min-width:64px}.bga-score-table th:first-child{min-width:125px}.bga-score-table th:last-child{min-width:35px}.bga-score-table input.bga-point{min-width:62px;width:68px;text-align:center;padding:8px 2px}.bga-score-table input.bga-player-name{min-width:112px;width:124px}.bga-score-table button{background:none;border:none;color:#b75455;font-size:20px}.bga-winners{background:var(--bga-mint);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px}.bga-winners span{font-size:13px;color:var(--bga-muted)}.bga-winners strong{color:#16695f}.bga-editor-actions{display:flex;justify-content:end;gap:10px}.bga-profile-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.bga-profile-head p{margin:5px 0}.bga-profile-head small{color:var(--bga-teal)}.bga-danger-panel h3{color:#9f3333}.bga-text-danger{color:#9f3333;border:1px solid #e7b0b0;background:white;padding:10px 15px;border-radius:8px;font-weight:700}.bga-notice{background:#fff1da;color:#72510b;padding:12px 20px;font-size:13px;border-bottom:1px solid #f0d7a5;display:flex;justify-content:space-between}.bga-notice button{border:0;background:none;color:inherit;font-size:20px}.bga-login{max-width:660px;margin:10px auto 40px;text-align:center;padding:15px 0}.bga-hero-icon{display:grid;place-items:center;background:var(--bga-mint);border-radius:24px;color:var(--bga-teal);font-size:49px;width:88px;height:88px;margin:0 auto 20px}.bga-login h2{margin:11px 0}.bga-login>p{color:var(--bga-muted);margin:8px auto 22px;max-width:480px}.bga-signin-panel{margin:27px auto 18px;background:white;max-width:410px;border:1px solid var(--bga-line);border-radius:17px;padding:24px}.bga-signin-panel p{margin:9px 0 19px;color:var(--bga-muted)}.bga-google-button{display:flex;justify-content:center;min-height:45px}.bga-callout{background:#fff3dd;padding:12px;margin:12px 0;border-radius:9px;font-size:13px;color:#70550e}.bga-loading{padding:50px;text-align:center;color:var(--bga-muted)}
@media(max-width:800px){.bga-app{margin:12px 0 20px;border-radius:14px;min-height:500px}.bga-content{padding:18px}.bga-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bga-tiles button{min-height:129px;padding:15px}.bga-games{grid-template-columns:1fr}.bga-header{padding:15px;height:75px}.bga-logo{font-size:15px}.bga-logo small{font-size:8px}.bga-tab{min-width:0;flex:1;font-size:10px;padding:10px 2px}.bga-tab>span:first-child{font-size:20px}.bga-filtergrid{grid-template-columns:1fr 1fr}.bga-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.bga-winners{align-items:start;flex-direction:column}}
@media(max-width:420px){.bga-filtergrid{grid-template-columns:1fr}.bga-logo strong{font-size:14px}.bga-account-trigger span:last-child{display:none}.bga-collection-actions{grid-template-columns:1fr 1fr}.bga-detail-head{gap:13px}.bga-game-icon.big{width:62px;height:80px;flex-basis:62px;line-height:80px;font-size:35px}.bga-detail-head h1{font-size:27px}.bga-editor-actions{flex-direction:column}.bga-editor-actions button{width:100%}.bga-login{padding:4px}}
/* Unlisted beta v0.5: player roster and account linking */
.bga-player-form{display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin:14px 0 8px}.bga-player-form label{display:flex;flex-direction:column;gap:5px;flex:1 1 205px;font-size:12px;color:var(--bga-muted);font-weight:700}.bga-player-form input,.bga-player-form select{min-height:42px;border:1px solid #cadeda;border-radius:9px;background:#fff;color:var(--bga-ink);padding:9px;width:100%}.bga-player-row{background:#fff;border:1px solid var(--bga-line);padding:15px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.bga-player-row small{display:block;color:var(--bga-muted);margin-top:4px}.bga-player-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.bga-player-actions button,.bga-player-row>button,.bga-player-detail .bga-row button{border:1px solid #c9ded9;color:var(--bga-teal);background:white;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:750}.bga-between{justify-content:space-between}.bga-invite{background:#e9f5f1}.bga-invite-code{font:750 clamp(15px,2.5vw,23px)/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.2px;overflow-wrap:anywhere;color:#176c62;border:1px dashed #62aba0;background:white;padding:15px;border-radius:10px;margin:14px 0}.bga-score-table select.bga-player-select{display:block;min-width:135px;margin-bottom:5px;font-size:11px}.bga-score-table input.bga-player-name[readonly]{background:#eef5f2;color:#526962}
@media(max-width:800px){.bga-tab{font-size:10px;padding:8px 2px}.bga-player-row{align-items:flex-start;flex-direction:column}.bga-player-actions{justify-content:flex-start}}

body.bga-companion-live{margin:0;min-height:100vh;background:#f5f8f6;}body.bga-companion-live .bga-app{margin:18px auto 28px;}@media(max-width:800px){body.bga-companion-live .bga-app{margin:0 auto;min-height:100vh;border-radius:0}}

/* Beta v0.6: Site Kit controls must remain visible and stationary while Google renders them. */
.bga-app[hidden], #bga-needs-google[hidden], #bga-login-logout[hidden], #bga-login-error[hidden]{display:none!important}
#bga-companion-login .bga-google-button{display:flex;align-items:center;justify-content:center;min-height:45px;margin:8px auto}
#bga-companion-login .bga-google-button .googlesitekit-sign-in-with-google__frontend-output-button{width:100%;min-height:44px;display:flex;justify-content:center}
#bga-companion-login .bga-signin-fallback{font-size:12px;margin-top:18px;color:var(--bga-muted)}

/* v0.8: scoring game selector and per-game score hubs */
.bga-score-game-picker{display:flex;flex-direction:column;gap:9px}
.bga-score-game-picker>label,.bga-game-choose-label{color:var(--bga-muted);font-size:12px;font-weight:750}
.bga-game-choose-label{display:flex;gap:12px;align-items:center;color:var(--bga-ink);font-size:14px}
.bga-score-game-picker input{width:100%;padding:12px;border:1px solid #b8d2ca;border-radius:10px;background:#fff;color:var(--bga-ink)}
.bga-score-choices{max-height:300px;overflow-y:auto;border:1px solid var(--bga-line);border-radius:11px;background:#fff;padding:6px}
.bga-score-choice{display:block;width:100%;padding:11px 12px;border:0;border-bottom:1px solid #edf4f0;color:var(--bga-ink);font-size:13px;text-align:left;background:#fff;cursor:pointer}
.bga-score-choice:hover,.bga-score-choice:focus-visible{background:var(--bga-mint);color:var(--bga-teal);outline:2px solid #8fc4bc;outline-offset:-2px}
.bga-score-choices .bga-pager{padding:6px 0 9px;margin:0}
.bga-game-selected{border:1px solid #acd3c8;background:var(--bga-mint);border-radius:11px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.bga-game-selected div{display:flex;flex-direction:column;gap:4px}.bga-game-selected strong{color:var(--bga-teal)}
.bga-game-selected button{border:1px solid #83b6a8;border-radius:8px;background:#fff;color:var(--bga-teal);padding:9px 12px;font-weight:750}
.bga-score-hubs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}
.bga-score-hub-card{background:#fff;border:1px solid var(--bga-line);border-radius:15px;padding:19px;display:flex;flex-direction:column;gap:13px;min-width:0}
.bga-hub-header{display:flex;align-items:start;gap:12px}.bga-hub-header h3{margin:0 0 6px;font-size:17px}.bga-hub-header p{font-size:12px;color:var(--bga-muted);margin:0}
.bga-hub-metrics{display:flex;gap:10px;flex-wrap:wrap;color:var(--bga-muted);font-size:12px}.bga-hub-metrics span{padding:8px 11px;background:var(--bga-mint);border-radius:9px}.bga-hub-metrics strong{color:var(--bga-ink)}
.bga-hub-leading{font-size:13px;margin:0;color:var(--bga-ink)}.bga-score-hub-card>.bga-btn-secondary{align-self:flex-start;margin-top:auto}
.bga-hub-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.bga-hub-leaderboard{display:flex;flex-direction:column}
.bga-hub-leader{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--bga-line);font-size:13px}.bga-hub-leader:last-child{border:0}.bga-hub-leader span{color:var(--bga-muted)}
@media(max-width:650px){.bga-score-hubs{grid-template-columns:1fr}.bga-game-selected{align-items:flex-start;flex-direction:column}.bga-hub-actions{flex-direction:column}.bga-hub-actions button{width:100%}}

/* v0.9: Google-linked self player */
.bga-self-panel{border-color:#a9d0c4;background:#f4faf7}
.bga-self-panel p{max-width:640px}
.bga-editor-player-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bga-self-panel button{max-width:100%}
@media(max-width:650px){.bga-editor-player-actions{gap:8px;justify-content:flex-start}}

/* v1.0: per-game score analytics and personal player photographs */
.bga-player-avatar{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#dcf1ea,#a7cbbf);color:#0c6459;font-size:17px;font-weight:850;vertical-align:middle}
.bga-player-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.bga-player-avatar.large{width:72px;height:72px;border-radius:18px;font-size:29px}
.bga-player-avatar.xl{width:104px;height:104px;border-radius:22px;font-size:38px;box-shadow:0 8px 22px #133e3820}
.bga-player-identity{display:flex;align-items:center;gap:12px;min-width:0}
.bga-player-identity>div{min-width:0}.bga-player-identity strong{display:block;overflow-wrap:anywhere}
.bga-player-identity small{display:block;color:var(--bga-muted);margin-top:4px}
.bga-profile-photo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.bga-profile-photo-actions .bga-btn-secondary{font-size:12px;min-height:34px;padding:7px 10px}
.bga-last-winner{background:linear-gradient(115deg,#133d46,#19685f 66%,#287d6e);color:white;border-radius:18px;padding:21px 24px;margin:18px 0 24px;overflow:hidden}
.bga-last-winner .bga-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff2b;padding-bottom:13px}
.bga-last-winner .bga-section-heading h3{font-size:19px}.bga-last-winner .bga-section-heading span{font-size:12px;color:#c7ede7}
.bga-last-winner-inner{display:flex;align-items:center;gap:22px;padding:20px 0 0;min-height:122px}
.bga-last-winner-inner .bga-muted{color:#c5eae3;font-size:12px}.bga-winner-name{display:block;font-size:clamp(22px,3.5vw,36px);line-height:1.1;letter-spacing:-.025em;margin:4px 0 9px;overflow-wrap:anywhere}
.bga-winner-points{display:flex;align-items:baseline;gap:9px}.bga-winner-points strong{font-size:34px;line-height:1}.bga-winner-points span{font-size:13px;color:#d1e7e2}
.bga-stat-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.bga-stat-tile{background:#fff;border:1px solid var(--bga-line);border-radius:15px;min-height:116px;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.bga-stat-symbol{font-size:20px;color:#23847a;line-height:1}.bga-stat-tile strong{font-size:clamp(19px,3vw,30px);letter-spacing:-.025em}.bga-stat-tile small{font-size:12px;color:var(--bga-muted)}
.bga-top-scores{display:flex;gap:12px;overflow-x:auto;padding:2px 1px 12px;scroll-snap-type:x proximity}
.bga-highscore{scroll-snap-align:start;position:relative;display:flex;align-items:center;flex-direction:column;gap:6px;flex:0 0 148px;background:#fff;border:1px solid var(--bga-line);border-radius:15px;padding:20px 12px 13px;min-width:0}
.bga-highscore>.bga-player-avatar{margin-bottom:8px}.bga-highscore>strong{font-size:13px;max-width:100%;text-align:center;overflow-wrap:anywhere}
.bga-highscore-number{font-size:30px;font-weight:850;color:var(--bga-teal);line-height:1.1}.bga-highscore small{font-size:10px;color:var(--bga-muted)}
.bga-place{position:absolute;right:10px;top:8px;background:#f1ac43;color:#3c2c0b;font-weight:800;border-radius:7px;padding:3px 6px;font-size:12px}
.bga-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}
.bga-donut-box{margin:0;min-width:0}.bga-donut-box h3{margin-bottom:18px}.bga-donut{width:min(230px,100%);aspect-ratio:1;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center}
.bga-donut-hole{width:57%;height:57%;background:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.bga-donut-hole strong{font-size:26px}.bga-donut-hole span{font-size:11px;color:var(--bga-muted)}
.bga-donut-legend{display:flex;flex-direction:column;gap:8px}.bga-donut-legend>div{display:flex;align-items:center;gap:9px;font-size:13px}
.bga-donut-legend i{width:10px;height:10px;border-radius:3px;flex:none}.bga-donut-legend span{flex:1;min-width:0;overflow-wrap:anywhere}.bga-donut-legend strong{font-size:12px;white-space:nowrap}.bga-donut-legend small{font-weight:400;color:var(--bga-muted)}.bga-donut-legend .bga-donut-legend-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bga-donut-legend .bga-donut-note{display:block;font-size:11px;line-height:1.25;white-space:normal}
.bga-player-stats-list{display:flex;flex-direction:column;gap:10px}
.bga-player-stat{background:#fff;border:1px solid var(--bga-line);border-radius:14px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.bga-player-stat .bga-player-identity{flex:1 1 190px}.bga-person-metrics{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));flex:1.5;gap:10px}
.bga-person-metrics>div{text-align:center}.bga-person-metrics strong{display:block;font-size:clamp(16px,2.8vw,24px);line-height:1.3;color:var(--bga-teal)}.bga-person-metrics small{display:block;color:var(--bga-muted);font-size:11px}
.bga-duration-label{max-width:330px}
@media(max-width:720px){.bga-chart-grid{grid-template-columns:1fr}.bga-stat-board{grid-template-columns:repeat(2,minmax(0,1fr))}.bga-player-stat{flex-direction:column;align-items:stretch;gap:12px}.bga-person-metrics{grid-template-columns:repeat(3,minmax(0,1fr));flex:initial}.bga-player-avatar.xl{width:84px;height:84px}}
@media(max-width:420px){.bga-stat-tile{padding:12px;min-height:95px}.bga-stat-tile small{font-size:11px}.bga-last-winner{padding:17px}.bga-last-winner-inner{gap:13px}.bga-winner-points strong{font-size:28px}.bga-highscore{flex-basis:132px}.bga-person-metrics strong{font-size:19px}}

.bga-pagehead>.bga-back{display:block;margin-bottom:10px}

/* v1.1 — game hub player comparisons and played-on date */
.bga-hub-filters{margin:18px 0 20px}
.bga-hub-filters .bga-section-title{margin:0 0 8px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.bga-link-button{border:0;background:transparent;color:var(--bga-teal);font-weight:750;cursor:pointer;padding:6px 3px}
.bga-link-button:disabled{opacity:.45;cursor:default}
.bga-player-filter-options{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 9px}
.bga-player-filter-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 7px;border:1px solid var(--bga-line);border-radius:999px;background:#fff;cursor:pointer;font-size:13px;font-weight:650;max-width:100%;min-height:48px}
.bga-player-filter-chip.selected{background:#e4f4ef;border-color:#168272;color:#075f55;box-shadow:inset 0 0 0 1px #168272}
.bga-player-filter-chip input{accent-color:#167e73;flex:none;width:16px;height:16px}
.bga-player-filter-chip .bga-player-avatar{width:29px;height:29px;min-width:29px;font-size:13px}
.bga-player-filter-chip span{overflow-wrap:anywhere}
.bga-filter-summary{margin:6px 0 0;font-size:12px;color:var(--bga-muted)}
@media(max-width:600px){.bga-hub-filters .bga-section-title{flex-wrap:wrap}.bga-player-filter-chip{font-size:12px}}

/* v1.4: show participants and scores for linked read-only game results */
.bga-participants{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:8px}
.bga-participants span{display:inline-flex;gap:4px;border:1px solid rgba(35,85,80,.16);background:rgba(19,116,105,.05);border-radius:20px;padding:3px 9px;font-size:.78rem;white-space:nowrap}
.bga-participants strong{font-variant-numeric:tabular-nums}
.bga-score-hub-card > .bga-btn-secondary{margin-top:12px}

/* Companion v1.5: self-contained Google login. No WordPress login form link. */
#bga-google-help[hidden]{display:none!important}
#bga-google-help{margin:16px auto 0;max-width:360px;text-align:center}
#bga-google-help p{font-size:13px;line-height:1.5;margin:6px 0 12px}
#bga-google-help .bga-btn-secondary{display:inline-flex;justify-content:center}
#bga-google-button .bga-google-provider-button{width:100%;display:flex;justify-content:center}

/* v1.6 — compact, accessible match-history disclosure in each score hub */
.bga-match-history{margin:18px 0 8px;border:1px solid var(--bga-line);border-radius:15px;background:#fff;overflow:hidden}
.bga-history-toggle{appearance:none;background:transparent;width:100%;border:0;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;text-align:left;padding:16px 20px;cursor:pointer;color:var(--bga-ink);font:inherit}
.bga-history-toggle:hover{background:#f6faf8}
.bga-history-toggle:focus-visible{outline:3px solid #23847a;outline-offset:-3px}
.bga-history-toggle-label{display:flex;flex-direction:column;gap:5px;min-width:0}
.bga-history-toggle-label strong{font-size:18px;line-height:1.3}
.bga-history-toggle-label small{color:var(--bga-muted);font-size:12px}
.bga-history-toggle-control{display:inline-flex;align-items:center;gap:10px;flex:none;font-weight:750;color:var(--bga-teal);font-size:13px}
.bga-history-chevron{display:inline-block;font-size:23px;line-height:1;transition:transform .15s ease}
.bga-history-toggle[aria-expanded="true"] .bga-history-chevron{transform:rotate(180deg)}
.bga-match-history-items{padding:0 18px 18px;border-top:1px solid var(--bga-line)}
.bga-match-history-items[hidden]{display:none!important}
.bga-match-history-items>.bga-empty{margin-top:14px}
.bga-match-history-items>.bga-pager{margin-top:10px}
@media(max-width:500px){.bga-history-toggle{padding:15px;min-height:70px}.bga-history-toggle-label strong{font-size:16px}.bga-history-toggle-control{font-size:12px}.bga-match-history-items{padding:0 11px 14px}}
@media(prefers-reduced-motion:reduce){.bga-history-chevron{transition:none}}


/* v1.7: compact cards specifically in Game Hub > Player statistics. */
.bga-player-stats-list{gap:7px}
.bga-player-stat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);align-items:center;gap:12px;padding:9px 12px;border-radius:11px;min-height:0}
.bga-player-stat .bga-player-identity{flex:initial;min-width:0;gap:9px}
.bga-player-stat .bga-player-avatar.large{width:44px;height:44px;border-radius:11px;font-size:18px}
.bga-player-stat .bga-player-identity strong{font-size:14px;line-height:1.22}
.bga-player-stat .bga-player-identity small{font-size:11px;line-height:1.25;margin-top:2px}
.bga-player-stat .bga-person-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:initial;gap:4px;min-width:0}
.bga-player-stat .bga-person-metrics>div{min-width:0;padding:2px 2px}
.bga-player-stat .bga-person-metrics strong{font-size:18px;line-height:1.15}
.bga-player-stat .bga-person-metrics small{font-size:10px;line-height:1.25;margin-top:2px}
@media(max-width:560px){
 .bga-player-stat{grid-template-columns:minmax(0,1fr);gap:7px;padding:10px 11px}
 .bga-player-stat .bga-person-metrics{border-top:1px solid #edf1ef;padding-top:6px}
 .bga-player-stat .bga-person-metrics strong{font-size:17px}
}

/* v1.9 - consistent mobile navigation and app-only game artwork. */
.bga-game-icon{overflow:hidden;display:grid;place-items:center;line-height:1}
.bga-game-icon.has-cover{background:#eef1ee;box-shadow:0 2px 7px rgba(24,60,58,.12)}
.bga-game-icon .bga-game-cover{display:block;width:100%;height:100%;object-fit:cover;object-position:center;min-width:0;min-height:0}
.bga-game-icon.big{line-height:1}
.bga-hub-title{display:flex;align-items:center;gap:14px;margin:6px 0 2px;min-width:0}
.bga-hub-title h1{min-width:0;overflow-wrap:anywhere}
.bga-score-choice-cover{width:29px;height:38px;border-radius:5px;object-fit:cover;vertical-align:middle;margin-right:9px;flex:none}
.bga-score-choice:has(.bga-score-choice-cover){display:flex;align-items:center;text-align:left}

.bga-tab{min-width:0;width:100%;gap:5px;line-height:1.1;white-space:nowrap}
.bga-tab-icon{height:23px;display:flex;align-items:center;justify-content:center;line-height:1}
.bga-tab-icon svg{display:block;width:22px;height:22px;flex:none}
.bga-tab-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}
@media(max-width:800px){
  body.bga-companion-live .bga-app{border:0;box-shadow:none}
  .bga-tab{padding:9px 1px 7px;gap:5px;min-height:52px;border-radius:9px;font-size:clamp(9px,2.6vw,11px);font-weight:700}
  .bga-tab-icon svg{width:21px;height:21px}
  .bga-app .bga-tab:focus-visible{outline-offset:-3px}
}
@media(max-width:360px){
 .bga-tab{font-size:9px;padding-inline:0;letter-spacing:-.01em}
 .bga-tab-icon svg{width:19px;height:19px}
 .bga-hub-title .bga-game-icon{flex:none;width:46px;height:59px}
}

/* v2.0 Google login status and account-switch control */
#bga-login-logout:not([hidden]){display:block;margin:16px 0 4px}
#bga-google-help:not([hidden]){display:block}
#bga-login-logout button{max-width:100%;width:100%}

/* v2.4: one-player scope chooser within game hubs */
.bga-scope-switch{margin:12px 0 8px;border:0;padding:0;min-width:0}
.bga-scope-switch legend{font-weight:700;font-size:13px;margin-bottom:7px;color:var(--bga-text,#243f3b)}
.bga-scope-buttons{display:flex;flex-wrap:wrap;gap:7px}
.bga-scope-buttons button{border:1px solid #aabdb8;border-radius:10px;padding:9px 13px;background:#fff;color:#264d47;font:inherit;font-size:13px;font-weight:650;min-height:40px;cursor:pointer}
.bga-scope-buttons button.active{border-color:#167e73;background:#e1f5ee;color:#075b52;box-shadow:inset 0 0 0 1px #167e73}
.bga-scope-buttons button:focus-visible{outline:3px solid #e99e3c;outline-offset:2px}
.bga-scope-note{color:var(--bga-muted);font-size:12px;margin:8px 0 4px;line-height:1.5}
@media(max-width:520px){.bga-scope-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.bga-scope-buttons button{min-width:0;min-height:52px;padding:8px 5px;font-size:12px;line-height:1.2;text-align:center;overflow-wrap:break-word}}

/* v2.8 — sticky Companion header on desktop and mobile.
   The old overflow:hidden on the app wrapper created a non-scrolling
   clipping ancestor that prevented position:sticky from tracking the page. */
.bga-app { overflow: visible; }
.bga-app .bga-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 110;
  flex-shrink: 0;
  width: 100%;
  box-shadow: 0 3px 12px rgba(28,44,53,.08);
  border-radius: 20px 20px 0 0;
}
@media (max-width: 800px) {
  .bga-app .bga-header { border-radius: 0; }
}

/* v2.9: same official WordPress brand icon on Companion header and login.
   Uses site_icon_url rather than maintaining a separate app logo asset. */
.bga-logo .bga-mark.bga-brand-image {
  display:flex;
  flex:0 0 42px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:transparent;
  box-shadow:none;
  line-height:1;
}
.bga-logo .bga-mark.bga-brand-image img {
  display:block;
  width:42px;
  height:42px;
  max-width:100%;
  object-fit:contain;
}
.bga-login .bga-hero-icon.bga-brand-image {
  overflow:hidden;
  background:transparent;
  font-size:49px;
}
.bga-login .bga-hero-icon.bga-brand-image img {
  display:block;
  width:88px;
  height:88px;
  object-fit:contain;
}

/* v3.0: game group invitations and membership controls */
.bga-group-card{gap:10px}
.bga-group-card .bga-btn-secondary{align-self:flex-start;margin-top:auto}
.bga-join-panel{border-color:#b8d9d0;background:#f6fbf8}
.bga-group-member-list{display:grid;gap:8px}
.bga-group-member-row{display:flex;align-items:center;gap:10px;background:#f6faf8;border:1px solid #e2eee9;border-radius:10px;padding:9px;margin-top:7px;min-width:0}
.bga-group-member-row>div{flex:1;min-width:0}
.bga-group-member-row strong{display:block;overflow-wrap:anywhere}
.bga-group-member-row small{display:block;color:var(--bga-muted);font-size:12px;margin-top:2px}
.bga-group-member-row .bga-btn-secondary{flex-shrink:0;font-size:12px}
.bga-group-request{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px;border-top:1px solid var(--bga-line);padding-top:12px}
.bga-group-request strong,.bga-group-request small{display:block}
.bga-group-request small{color:var(--bga-muted)}
.bga-group-request label{display:block;font-size:13px;font-weight:650}
.bga-group-request select,.bga-score-editor #bga-score-group{display:block;width:100%;min-height:42px;border:1px solid #cadeda;border-radius:9px;margin-top:5px;padding:8px;background:white;color:var(--bga-ink)}
.bga-group-buttons{flex-wrap:wrap}
.bga-group-summary .bga-player-stats-list{margin-top:15px}
@media(max-width:600px){
 .bga-group-member-row{flex-wrap:wrap}
 .bga-group-member-row .bga-btn-secondary{margin-left:52px}
 .bga-join-panel .bga-player-form{align-items:stretch}
 .bga-join-panel .bga-player-form button{width:100%}
}
@media(max-width:600px){
 .bga-app,.bga-shell,.bga-content,.bga-group-summary{min-width:0}
 .bga-group-summary .bga-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bga-group-summary .bga-stats small{overflow-wrap:anywhere}
 .bga-group-summary .bga-stats>div{padding:10px}
}
.bga-group-member-row>.bga-group-buttons{display:flex;flex:1 1 100%;width:100%;margin-left:52px;gap:6px;flex-wrap:wrap;min-width:0}
.bga-group-member-row>.bga-group-buttons .bga-btn-secondary{white-space:normal;overflow-wrap:anywhere;margin-left:0}

/* v3.9: a single sticky top navigation below the brand header on all screens. */
.bga-app { --bga-sticky-header-height: 88px; }
.bga-app .bga-top-nav {
  position: -webkit-sticky;
  position: sticky;
  top: var(--bga-sticky-header-height);
  z-index: 109;
  width: 100%;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 4px;
  justify-items: stretch;
  align-items: stretch;
  padding: 8px 14px;
  background: #fff;
  border-bottom: 1px solid var(--bga-line);
  box-shadow: 0 3px 10px rgba(28,44,53,.055);
}
.bga-app .bga-top-nav .bga-tab {min-width:0;width:100%;}
.bga-app .bga-top-nav .bga-tab:focus-visible {outline:3px solid #14796e;outline-offset:-3px;}
@media (max-width:800px) {
  .bga-app { --bga-sticky-header-height: 75px; }
  .bga-app .bga-top-nav {
    gap:0;
    padding:5px max(3px,env(safe-area-inset-right)) 5px max(3px,env(safe-area-inset-left));
  }
}

/* v3.1.0 — reusable groups and game-specific statistics. */
.bga-group-roster-choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.bga-group-player-option{display:flex;align-items:center;gap:8px;border:1px solid var(--bga-line);border-radius:12px;padding:8px 12px;font-size:13px;background:#f7faf9;cursor:pointer;max-width:100%;min-height:45px}
.bga-group-player-option input{accent-color:#14796e;width:17px;height:17px;flex:none}
.bga-group-player-option .bga-player-avatar{width:28px;height:28px;min-width:28px;font-size:12px}
.bga-create-group form{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.bga-create-group form>label{display:flex;flex-direction:column;gap:5px;width:min(100%,520px);font-size:13px;font-weight:650}
.bga-create-group form>label input{width:100%;padding:11px;border:1px solid #cfdddd;border-radius:9px}
.bga-group-game-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:9px;margin-top:14px}
.bga-group-game-tab{display:flex;flex-direction:column;align-items:start;gap:5px;min-width:0;padding:12px;border:1px solid var(--bga-line);border-radius:12px;background:#fff;color:var(--bga-ink);font-size:13px;font-weight:700;line-height:1.35;font-family:inherit;cursor:pointer;text-align:left}
.bga-group-game-tab small{font-size:11px;color:var(--bga-muted);font-weight:500}
.bga-group-game-tab.active{background:#e5f4ef;border-color:#14796e;box-shadow:inset 0 0 0 1px #14796e}
@media(max-width:450px){.bga-group-game-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.bga-group-game-tab{padding:10px}.bga-group-player-option{max-width:100%;font-size:12px}}


/* v3.2.0 — two-stage creation: compact form + player chooser dialog. */
body.bga-companion-modal-open {overflow:hidden !important;}
.bga-app .bga-group-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px;isolation:isolate}
.bga-app .bga-group-modal-shade{position:absolute;inset:0;background:rgba(17,35,43,.60);backdrop-filter:blur(3px);z-index:-1}
.bga-app .bga-group-modal-window{position:relative;display:flex;flex-direction:column;width:min(100%,580px);max-height:min(86dvh,780px);overflow:hidden;border-radius:19px;border:1px solid #d6e8e2;background:#fff;box-shadow:0 22px 65px rgba(9,39,36,.24);outline:none}
.bga-app .bga-group-modal-head{display:flex;justify-content:space-between;align-items:start;padding:21px 24px 7px;gap:12px}
.bga-app .bga-group-modal-head h2{font-size:23px;line-height:1.25;margin-top:4px}
.bga-app .bga-modal-close{border:1px solid #d7e5e1;background:#f6faf8;border-radius:10px;width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;font-size:24px;line-height:1}
.bga-app .bga-group-modal-window>p{color:var(--bga-muted);font-size:13px;padding:0 24px;margin:4px 0 12px}
.bga-app .bga-group-modal-form{display:flex;flex-direction:column;min-height:0;overflow:auto;padding:0 24px 23px}
.bga-app .bga-group-modal-form .bga-group-roster-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:9px;margin:7px 0 12px}
.bga-app .bga-group-modal-form .bga-group-player-option{min-width:0;max-width:100%;overflow-wrap:anywhere;padding:9px 10px}
.bga-app .bga-group-modal-form .bga-group-player-option:has(input:checked){border-color:#1b8273;background:#e8f6f0}
.bga-app .bga-group-modal-actions{display:flex;justify-content:end;gap:10px;margin-top:18px;position:sticky;bottom:-23px;background:#fff;padding:12px 0 5px;border-top:1px solid var(--bga-line)}
.bga-app .bga-group-modal-actions .bga-btn{align-self:auto;margin:0}
.bga-app .bga-player-selection-count{margin:2px 0 4px;font-size:12px}
@media(max-width:540px){
 .bga-app .bga-group-modal{padding:8px;align-items:center}
 .bga-app .bga-group-modal-window{max-height:calc(100dvh - 26px);border-radius:15px}
 .bga-app .bga-group-modal-head{padding:16px 16px 6px}
 .bga-app .bga-group-modal-window>p{padding:0 16px}
 .bga-app .bga-group-modal-form{padding:0 16px 16px}
 .bga-app .bga-group-modal-form .bga-group-roster-choices{grid-template-columns:1fr;gap:6px}
 .bga-app .bga-group-modal-head h2{font-size:21px}
}

/* v3.3 Group management: compact, accessible editing controls. */
.bga-group-settings{margin:16px 0}
.bga-group-rename-form{margin:15px 0 18px}
.bga-group-rename-form label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.bga-group-inline-form{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.bga-group-inline-form input{flex:1 1 220px;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #c9dcda;border-radius:10px;background:#fff;color:var(--bga-ink);font:inherit}
.bga-group-image-edit{display:flex;align-items:center;gap:16px;padding-top:15px;border-top:1px solid var(--bga-line)}
.bga-group-image-edit .bga-group-image-preview .bga-game-icon{width:92px;height:92px;flex:none;overflow:hidden}
.bga-group-image-edit>div:last-child{flex:1;min-width:0}
.bga-group-image-edit .bga-quiet{margin:4px 0 9px}
.bga-app .bga-danger-action{border-color:#dca8a8;color:#a22731;background:#fff}
.bga-app .bga-danger-action:hover{background:#fff4f4}
.bga-group-member-row>.bga-danger-action{margin-left:auto;flex:none;white-space:nowrap;font-size:12px}
@media(max-width:500px){.bga-group-image-edit{align-items:flex-start}.bga-group-inline-form input{flex-basis:100%}.bga-group-inline-form button{width:100%}.bga-group-image-edit .bga-group-image-preview .bga-game-icon{width:70px;height:70px}.bga-group-member-row>.bga-danger-action{margin-left:52px}}

.bga-group-player-option .bga-remove-roster-player{margin-left:auto;min-width:0;font-size:11px;padding:7px 9px;min-height:36px}
.bga-former-players{margin-top:12px;padding-top:12px;border-top:1px solid var(--bga-line)}
.bga-former-players summary{cursor:pointer;color:var(--bga-muted);font-size:13px;font-weight:650}
.bga-former-players>p{font-size:12px;color:var(--bga-muted);margin:8px 0 0}

.bga-score-accordion{padding:0;overflow:hidden}.bga-score-accordion-trigger{width:100%;display:flex;align-items:center;gap:10px;justify-content:space-between;background:#fff;border:0;padding:20px 22px;font:inherit;font-weight:800;color:var(--bga-ink,#243f3b);text-align:left;cursor:pointer}.bga-score-accordion-trigger span:first-child{flex:1;min-width:0}.bga-score-accordion-meta{font-size:12px;font-weight:700;color:var(--bga-muted);white-space:nowrap}.bga-score-accordion-chevron{font-size:18px;line-height:1;transition:transform .2s ease;color:var(--bga-muted)}.bga-score-accordion.open .bga-score-accordion-chevron{transform:rotate(180deg)}.bga-score-accordion-body{border-top:1px solid var(--bga-line,#dde7e4);padding:0 22px 22px}.bga-score-accordion-body p:first-child{margin-top:18px}

/* v3.7 score loading errors: never confuse a request failure with an empty history. */
.bga-score-load-error{border:1px solid #e2b4a8;background:#fff5f1;border-radius:14px;padding:16px 18px;margin:0 0 18px;color:#6a2b1c}
.bga-score-load-error strong{display:block;font-size:15px}
.bga-score-load-error p{margin:8px 0 14px;font-size:13px;line-height:1.5}
.bga-score-load-error button{min-height:42px}

/* v3.8 — player comparison chooser; preserve all stats scopes, hide chip list until modal opens. */
.bga-hub-player-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:11px 0 13px}
.bga-hub-player-picker .bga-open-player-picker{min-height:44px;font-weight:750;flex:none}
.bga-hub-player-selection{font-size:13px;color:var(--bga-muted);overflow-wrap:anywhere;min-width:0}
.bga-app .bga-hub-player-modal .bga-hub-modal-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0 2px}
.bga-app .bga-hub-player-modal .bga-hub-draft-count{color:var(--bga-muted);font-size:13px}
.bga-app .bga-hub-player-modal .bga-hub-dialog-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start;margin:12px 0;overflow:visible}
.bga-app .bga-hub-player-modal .bga-player-filter-chip{min-width:0;max-width:100%;min-height:50px}
.bga-app .bga-hub-player-modal .bga-group-modal-form{overflow-y:auto;overscroll-behavior:contain}
.bga-app .bga-hub-player-modal .bga-group-modal-actions{z-index:2;bottom:-23px}
@media(max-width:540px){
 .bga-app .bga-hub-player-modal .bga-hub-dialog-choices{grid-template-columns:1fr;gap:7px}
 .bga-app .bga-hub-player-modal .bga-group-modal-actions{justify-content:stretch}
 .bga-app .bga-hub-player-modal .bga-group-modal-actions button{flex:1}
}

/* v4.0: keep the admin group editor hidden until Edit is tapped beside its title. */
.bga-app .bga-group-title-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;flex:1}
.bga-app .bga-group-title-actions h1{flex:1 1 0;min-width:0;overflow-wrap:anywhere;margin:0}
.bga-app .bga-group-edit-trigger{flex:none;min-height:39px;display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;font-size:13px;line-height:1.2;white-space:nowrap}
.bga-app .bga-group-settings .bga-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.bga-app .bga-group-settings .bga-section-title h3{margin:0}
@media(max-width:500px){.bga-app .bga-group-title-actions{gap:8px}.bga-app .bga-group-edit-trigger{min-height:36px}}

/* v4.2 — three quick actions in one row on desktop, stacked on phones. */
.bga-score-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;margin:15px 0 22px}
.bga-score-action-grid>.bga-score-accordion{margin:0;min-width:0}
.bga-score-action-grid .bga-score-accordion-trigger{min-height:76px;gap:9px;padding:17px 16px;font-size:15px;line-height:1.35}
.bga-score-action-grid .bga-score-accordion-trigger span:first-child{overflow-wrap:anywhere}
.bga-score-action-grid .bga-score-accordion-meta{font-size:11px}
.bga-score-action-grid .bga-score-accordion-body{padding:0 16px 18px}
.bga-score-action-grid .bga-score-accordion-body>p{font-size:13px;line-height:1.5}
.bga-score-action-grid .bga-player-form{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.bga-score-action-grid .bga-player-form label{flex:none;width:100%;min-width:0}
.bga-score-action-grid .bga-player-form button,
.bga-score-action-grid .bga-score-start-button{width:100%;align-self:stretch;min-height:44px}
.bga-score-action-grid input{min-width:0}
@media(max-width:860px){.bga-score-action-grid{grid-template-columns:1fr;gap:10px}.bga-score-action-grid .bga-score-accordion-trigger{min-height:64px;padding:16px 18px}.bga-score-action-grid .bga-score-accordion-body{padding:0 18px 18px}}
@media(prefers-reduced-motion:reduce){.bga-score-action-grid .bga-score-accordion-chevron{transition:none}}

/* v4.3 — merged Games & Rules navigation fits the five-tab sticky header. */
.bga-app .bga-top-nav .bga-tab[data-page="discover"] .bga-tab-label{white-space:normal;line-height:1.15;overflow:visible;text-overflow:clip;overflow-wrap:normal}
@media (max-width:420px){.bga-app .bga-top-nav .bga-tab[data-page="discover"] .bga-tab-label{font-size:10px}}
@media (min-width:801px){.bga-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v4.4 — permission delegation stays inside the group's Edit controls. */
.bga-app .bga-permission-panel>p{margin:7px 0 15px;line-height:1.5}
.bga-app .bga-group-permission-form{display:grid;grid-template-columns:minmax(130px,1fr) minmax(300px,2fr) auto;align-items:center;gap:16px;border-top:1px solid var(--bga-border,#e2e5eb);padding:15px 0;margin:0}
.bga-app .bga-group-permission-form .bga-permission-name{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere}
.bga-app .bga-group-permission-form .bga-permission-fields{display:flex;align-items:center;flex-wrap:wrap;gap:9px 16px;min-width:0}
.bga-app .bga-group-permission-form .bga-permission-fields label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;font-weight:500;cursor:pointer}
.bga-app .bga-group-permission-form input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--bga-primary,#345a90)}
.bga-app .bga-group-permission-form button{min-height:40px;white-space:nowrap}
.bga-app .bga-danger-panel p{line-height:1.55}
@media(max-width:900px){.bga-app .bga-group-permission-form{grid-template-columns:1fr;gap:10px}.bga-app .bga-group-permission-form .bga-permission-fields{gap:12px 18px}}
@media(max-width:420px){.bga-app .bga-group-permission-form .bga-permission-fields{display:grid;grid-template-columns:1fr;gap:12px}.bga-app .bga-group-permission-form button{width:100%}}

/* v4.4.4 - Single group player list with statistics selection. */
.bga-app .bga-group-players-panel .bga-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:0}
.bga-app .bga-group-players-panel .bga-section-title h3{margin:0}
.bga-app .bga-group-players-panel .bga-section-title .bga-btn-secondary{flex:none}
.bga-app .bga-group-players-panel .bga-group-roster-choices{margin-bottom:0}
.bga-app .bga-group-player-option.bga-stats-selected{border-color:#168272;background:#e4f4ef;box-shadow:inset 0 0 0 1px #168272}
@media(max-width:450px){.bga-app .bga-group-players-panel .bga-section-title .bga-btn-secondary{min-height:40px}}

/* v4.4.7 — Inline, accessible chips for the group's statistics selector. */
.bga-app .bga-group-filter-chips{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 12px;align-items:center}
.bga-app .bga-group-filter-chip{appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;border:1px solid #d9e6e3;border-radius:999px;background:#f7faf9;padding:7px 12px;cursor:pointer;color:#17433c;font-size:13px;line-height:1.3;font-weight:500;text-align:left;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
.bga-app .bga-group-filter-chip:hover{background:#edf7f4;border-color:#8bbdb2}
.bga-app .bga-group-filter-chip.is-selected{background:#e2f3ee;border-color:#14796e;box-shadow:inset 0 0 0 1px #14796e;color:#07594f}
/* Keep incompatible players visible, but unmistakably non-selectable. */
.bga-app .bga-group-filter-chip.is-unavailable:disabled{background:#eff0f1;border-color:#d7dadd;color:#7e8791;box-shadow:none;opacity:.67;filter:grayscale(1);cursor:not-allowed}
.bga-app .bga-group-filter-chip.is-unavailable:disabled:hover{background:#eff0f1;border-color:#d7dadd}
.bga-app .bga-group-filter-chip.is-unavailable:disabled .bga-player-avatar{opacity:.70}
.bga-app .bga-group-filter-chip:focus-visible{outline:3px solid #0c9488;outline-offset:3px}
.bga-app .bga-group-filter-chip .bga-player-avatar{width:28px;height:28px;min-width:28px;font-size:12px}
.bga-app .bga-group-filter-chip .bga-filter-check{display:inline-flex;align-items:center;justify-content:center;min-width:16px;min-height:16px;font-weight:800;font-size:14px}
.bga-app .bga-group-filter-chip:not(.is-selected):not(.bga-group-filter-all) .bga-filter-check{display:none}
.bga-app .bga-group-filter-name{overflow-wrap:anywhere}
.bga-app .bga-group-filter-status{font-size:12px;color:var(--bga-muted);margin:0}
.bga-app .bga-group-players-panel .bga-group-filter-helper{margin-top:6px}
@media(max-width:450px){.bga-app .bga-group-filter-chips{gap:8px}.bga-app .bga-group-filter-chip{padding:7px 10px;min-height:44px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.bga-app .bga-group-filter-chip{transition:none}}

/* v4.4.9 — circular profile pictures inside group selector chips. */
.bga-app .bga-group-filter-chip .bga-player-avatar{border-radius:50%;overflow:hidden;background:#d9ebe5}
.bga-app .bga-group-filter-chip .bga-player-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}

/* v4.4.10: personal statistics colour controls and matching comparison swatches */
.bga-stats-color-editor{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:13px 0 2px;padding:12px;background:#f6faf9;border:1px solid #dae9e5;border-radius:12px}
.bga-stats-color-editor label{font-size:13px;font-weight:750;color:var(--bga-ink)}
.bga-stats-color-picker{appearance:auto!important;-webkit-appearance:auto!important;width:52px!important;height:39px!important;min-height:39px!important;border:1px solid #b9cfca!important;border-radius:8px!important;background:#fff!important;padding:3px!important;cursor:pointer;flex:0 0 52px}
.bga-stats-color-editor .bga-quiet{margin:0;flex:1 1 150px}
.bga-guest-color-editor{display:flex;align-items:center;gap:7px;color:var(--bga-muted);font-size:12px}
.bga-guest-color-editor .bga-stats-color-picker{width:42px!important;flex-basis:42px}
.bga-player-stat[style*="--bga-stats-accent"]{border-left:5px solid var(--bga-stats-accent)}
@media(max-width:540px){.bga-stats-color-editor{align-items:center;gap:8px;padding:10px}.bga-stats-color-editor .bga-quiet{flex:1 1 100%;order:3}.bga-guest-color-editor{margin:2px 0}}

.bga-group-color-dot{width:11px;height:11px;border-radius:50%;flex:none;border:1px solid rgba(0,0,0,.10)}
.bga-group-filter-chip.is-unavailable .bga-group-color-dot{filter:grayscale(1)}

/* Group favourite shortcuts v4.4.12. Five-slot grid with empty add cards. */
.bga-app .bga-favourite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px;margin-top:15px}
.bga-app .bga-favourite-card{display:flex;gap:11px;align-items:center;flex-wrap:wrap;border:1px solid var(--bga-line);border-radius:13px;background:#fbfdfc;padding:12px;min-width:0}
.bga-app .bga-favourite-card>img,.bga-app .bga-favourite-placeholder{width:50px;height:50px;border-radius:9px;object-fit:cover;flex-shrink:0;background:#dfeae5;display:flex;align-items:center;justify-content:center;font-size:23px}
.bga-app .bga-favourite-meta{flex:1 1 110px;min-width:0;display:flex;flex-direction:column;gap:4px}
.bga-app .bga-favourite-meta strong{line-height:1.3;overflow-wrap:anywhere}
.bga-app .bga-favourite-meta small{color:var(--bga-muted)}
.bga-app .bga-favourite-actions{display:flex;gap:6px;align-items:center;flex:1 0 100%}
.bga-app .bga-favourite-play{flex:1;min-height:44px}
.bga-app .bga-favourite-remove{height:44px;min-width:44px;font-size:24px;line-height:1;padding:0 12px}
.bga-app .bga-favourite-picker{border-top:1px solid var(--bga-line);margin-top:15px;padding-top:15px}
.bga-app .bga-favourite-picker label{font-weight:700;display:block;margin-bottom:7px}
.bga-app .bga-favourite-search{display:flex;gap:8px}
.bga-app .bga-favourite-search input{flex:1;min-width:0;min-height:44px}
.bga-app .bga-favourite-result{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--bga-line);padding:10px 0}
.bga-app .bga-favourite-result img{height:38px;width:38px;border-radius:6px;object-fit:cover}
.bga-app .bga-favourite-result span{flex:1;min-width:0;overflow-wrap:anywhere}
.bga-app .bga-favourite-result button{min-height:40px;flex-shrink:0}
.bga-app .bga-favourite-pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:12px}
@media(max-width:450px){.bga-app .bga-favourite-grid{grid-template-columns:1fr}.bga-app .bga-favourite-search{flex-wrap:wrap}.bga-app .bga-favourite-search input{flex:1 1 160px}.bga-app .bga-favourite-search button{flex:0 0 auto}}

.bga-app .bga-favourite-grid-fixed{grid-template-columns:repeat(5,minmax(0,1fr))}
.bga-app .bga-favourite-card{min-height:168px;align-content:flex-start}
.bga-app .bga-favourite-empty{background:#f8fbfa;border-style:dashed;justify-content:center}
.bga-app .bga-favourite-empty-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;width:100%;min-height:100%}
.bga-app .bga-favourite-empty-square{width:52px;height:52px;border:2px dashed var(--bga-line);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--bga-green);background:#fff}
.bga-app .bga-favourite-empty small{color:var(--bga-muted);max-width:20ch}
@media(max-width:1150px){.bga-app .bga-favourite-grid-fixed{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.bga-app .bga-favourite-grid-fixed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){.bga-app .bga-favourite-grid-fixed{grid-template-columns:1fr}}

/* v4.4.13: dense champion spotlight, no extra vertical section or history fetch. */
.bga-app .bga-champion-spotlight{padding:17px 21px;margin:16px 0 22px}
.bga-app .bga-champion-spotlight .bga-section-heading{padding-bottom:9px}
.bga-app .bga-champion-spotlight .bga-section-heading h3{color:#fff!important;font-size:17px;margin:0}
.bga-app .bga-champion-compact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:18px;align-items:center;padding-top:12px}
.bga-app .bga-champion-main{display:flex;align-items:center;gap:12px;min-width:0}
.bga-app .bga-champion-main .bga-player-avatar.xl{height:82px;width:82px;border-radius:15px;flex:none}
.bga-app .bga-champion-identity{display:flex;min-width:0;flex-direction:column;gap:4px}
.bga-app .bga-champion-identity>span{font-size:11px;color:#bfe7df}
.bga-app .bga-champion-identity .bga-winner-name{color:#fff;line-height:1.05;font-size:clamp(19px,2.4vw,30px);margin:0;overflow-wrap:anywhere}
.bga-app .bga-champion-identity small{color:#e0f5ef;font-size:11px;line-height:1.25}
.bga-app .bga-champion-detail{min-width:0;display:flex;flex-direction:column;gap:8px}
.bga-app .bga-champion-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.bga-app .bga-champion-metrics>div{min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;gap:1px;background:#ffffff18;border:1px solid #ffffff24;border-radius:9px;padding:6px 3px;min-height:48px}
.bga-app .bga-champion-metrics strong{font-size:21px;line-height:1.1;color:#fff;white-space:nowrap}
.bga-app .bga-champion-metrics small{font-size:10px;color:#e2f3ed;line-height:1.15}
.bga-app .bga-champion-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 10px;font-size:11px;color:#ecf7f4}
.bga-app .bga-champion-rank{white-space:nowrap}
.bga-app .bga-champion-form{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.bga-app .bga-form-label{margin-right:4px;color:#d5ebe5}
.bga-app .bga-champion-form-item{display:inline-grid;place-items:center;font-size:10px;font-weight:800;width:19px;height:19px;border-radius:5px;color:#fff}
.bga-app .bga-form-win{background:#278f72}.bga-app .bga-form-shared{background:#7a73bf}.bga-app .bga-form-loss{background:#a54d5a}
.bga-app .bga-champion-achievements{display:flex;align-items:center;gap:5px;flex-wrap:wrap;max-height:39px;overflow:hidden}
.bga-app .bga-champion-achievement{border:1px solid #e3bb6855;background:#c59a3533;color:#ffebba;border-radius:12px;padding:3px 7px;font-size:10px;line-height:1.1;white-space:nowrap}
.bga-app .bga-champion-empty{padding:15px 0 4px;margin:0;color:#e0f5ef;font-size:13px}
@media(max-width:720px){
 .bga-app .bga-champion-spotlight{padding:13px 14px}
 .bga-app .bga-champion-compact{grid-template-columns:1fr;gap:9px;padding-top:10px}
 .bga-app .bga-champion-main .bga-player-avatar.xl{width:61px;height:61px;border-radius:11px}
 .bga-app .bga-champion-identity .bga-winner-name{font-size:22px}
 .bga-app .bga-champion-metrics>div{padding:4px 3px;min-height:39px}
 .bga-app .bga-champion-metrics strong{font-size:18px}
 .bga-app .bga-champion-detail{gap:6px}
 .bga-app .bga-champion-achievement{font-size:9px;padding:3px 6px}
}

/* v4.4.14 — four compact metrics on player statistics cards. */
.bga-app .bga-person-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.bga-app .bga-person-metrics>div{min-width:0}
.bga-app .bga-person-metrics strong{font-variant-numeric:tabular-nums}
@media(max-width:540px){
  .bga-app .bga-person-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
  .bga-app .bga-person-metrics strong{font-size:18px}
  .bga-app .bga-person-metrics small{font-size:10px;line-height:1.25;overflow-wrap:break-word}
}
@media(max-width:345px){.bga-app .bga-person-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}}

/* v4.4.15: Six-tab navigation with a dedicated Groups tab. */
@media(max-width:420px){.bga-app .bga-top-nav .bga-tab{padding-inline:0;font-size:clamp(8px,2.45vw,10px)}.bga-app .bga-top-nav .bga-tab-icon svg{width:18px;height:18px}.bga-app .bga-top-nav .bga-tab-label{overflow-wrap:normal;white-space:normal;line-height:1.14}}

/* v4.4.17 — optional player motto and compact champion quote. */
.bga-app .bga-player-motto-form{margin-top:12px;min-width:0;max-width:540px}
.bga-app .bga-player-motto-form label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.bga-app .bga-player-motto-input{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bga-app .bga-player-motto-input input{flex:1 1 210px;min-width:0;width:100%;min-height:43px}
.bga-app .bga-player-motto-input button{min-height:43px}
.bga-app .bga-player-motto-form .bga-quiet{display:block;margin-top:4px;font-size:11px}
.bga-app .bga-champion-motto{font-size:12px;line-height:1.3;color:#fff2cc;font-style:italic;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:310px}
.bga-app .bga-game-winner-motto{display:block;color:#e5f8ef;font-style:italic;font-size:13px;line-height:1.3;max-width:360px;overflow-wrap:anywhere;margin-top:3px}
@media(max-width:720px){.bga-app .bga-champion-motto{-webkit-line-clamp:2;max-width:260px;font-size:11px}}
@media(max-width:380px){.bga-app .bga-player-motto-input button{width:100%}}
.bga-app .bga-champion-identity > .bga-champion-motto{color:#fff2cc}


/* v4.4.18 — one-tap WhatsApp group invitations; menus and scorecards unchanged. */
.bga-app .bga-whatsapp-invite {display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:43px;text-decoration:none;white-space:normal}
.bga-app .bga-whatsapp-invite:hover {text-decoration:none}
.bga-app .bga-group-invite-panel .bga-group-buttons {gap:9px;flex-wrap:wrap;align-items:center}
.bga-app .bga-group-invite-panel .bga-group-buttons > * {min-height:43px}
.bga-app .bga-invite-privacy {font-size:12px;margin:12px 0 0}
.bga-join-login-note {margin:16px auto 0;max-width:480px;background:#f2f6ed;border:1px solid #c7dbc7;color:#194f3d;padding:12px 15px;border-radius:12px;font-size:14px;line-height:1.5}
@media(max-width:480px){
  .bga-app .bga-group-invite-panel .bga-group-buttons > *{flex:1 1 160px}
  .bga-app .bga-group-title-actions .bga-whatsapp-invite{font-size:12px;min-height:40px;padding:7px 9px}
}

.bga-app .bga-group-card-quick-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bga-app .bga-group-card-quick-actions>*{flex:1 1 110px}

/* v4.4.19 — player archive, restore and safe deletion controls. */
.bga-app .bga-player-manage-hint{max-width:900px;margin:0 0 14px;font-size:12px;line-height:1.6}
.bga-app .bga-player-actions .bga-player-delete{color:#a22f2f;border-color:#e7bcbc;background:#fff8f7}
.bga-app .bga-player-actions .bga-player-delete:hover{color:#842323;background:#feeceb;border-color:#b65c5c}
@media(max-width:440px){.bga-app .bga-player-row{gap:10px;align-items:flex-start}.bga-app .bga-player-actions{display:flex;flex-wrap:wrap;gap:8px}.bga-app .bga-player-actions button{min-height:40px}}

/* v4.4.21: distinguish unclaimed My Roster from read-only My Friends. */
.bga-app .bga-player-list-section{margin:20px 0 24px}
.bga-app .bga-friends-section{border-top:1px solid var(--bga-line);padding-top:16px}
.bga-app .bga-friend-row{background:#f9fbf9;border-color:#dfe8df}
.bga-app .bga-friend-row .bga-player-actions button{min-height:40px}
.bga-app .bga-player-list-section .bga-section-title{margin:0 0 10px}
.bga-app .bga-player-list-section .bga-empty{margin:8px 0 14px}
@media(max-width:440px){.bga-app .bga-friend-row{gap:10px}}

/* Companion v4.4.22 — compact personal hero / self statistics */
.bga-app .bga-my-player-card{background:linear-gradient(112deg,#16463e 0%,#1a6558 70%,#2c7765 100%);border-color:#225c50;color:#f8fff9;padding:18px 20px;box-shadow:0 9px 24px rgba(23,66,51,.12)}
.bga-app .bga-my-player-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.bga-app .bga-my-player-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.bga-app .bga-my-player-identity .bga-player-avatar{flex:none;width:60px;height:60px;border:2px solid rgba(255,255,255,.75);background:#eff7ef;color:#135347}
.bga-app .bga-my-player-name{min-width:0}
.bga-app .bga-my-player-name h2{color:white;font-size:clamp(19px,3vw,25px);margin:2px 0;line-height:1.1;overflow-wrap:anywhere}
.bga-app .bga-my-player-eyebrow{font-size:10px;font-weight:800;letter-spacing:.1em;color:#cde4d5}
.bga-app .bga-my-player-motto{font-style:italic;color:#d7e9dd;font-size:12px;margin:3px 0 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bga-app .bga-my-player-edit{flex:none;min-width:62px;min-height:40px;background:#fbfff9;border:1px solid rgba(255,255,255,.4);border-radius:10px;color:#15584e;font-weight:800;cursor:pointer}
.bga-app .bga-my-player-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:15px}
.bga-app .bga-my-player-stats>div{text-align:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);padding:10px 5px;border-radius:10px;min-width:0}
.bga-app .bga-my-player-stats strong{display:block;color:#fff;font-size:clamp(17px,2.3vw,23px);font-variant-numeric:tabular-nums}
.bga-app .bga-my-player-stats small{display:block;color:#d8e9de;font-size:10px;margin-top:3px}
.bga-app .bga-my-player-form{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}
.bga-app .bga-my-player-form>span:first-child{font-size:11px;font-weight:650;color:#d6ecdc;margin-right:4px}
.bga-app .bga-my-form-result{width:24px;height:24px;display:grid;place-items:center;background:#e1f2e5;color:#185b46;border-radius:6px;font-weight:850;font-size:11px}
.bga-app .bga-my-form-result.is-loss{background:#f1dfdb;color:#9b403a}.bga-app .bga-my-form-result.is-shared{background:#f2e6bf;color:#6c5015}
.bga-app .bga-my-player-editor{border-top:1px solid rgba(255,255,255,.3);margin-top:13px;padding-top:13px}
.bga-app .bga-my-player-editor h3{color:white;margin:0 0 9px}
.bga-app .bga-my-player-editor label,.bga-app .bga-my-player-editor .bga-quiet,.bga-app .bga-my-player-editor small{color:#e4f2e9}
.bga-app .bga-my-player-editor .bga-stats-color-editor,.bga-app .bga-my-player-editor .bga-player-motto-form{margin-top:12px}
.bga-app .bga-my-player-card>.bga-quiet{color:#e4f2e9}
.bga-app .bga-friend-unlink{border-color:#dfc6c1;color:#97473e;background:#fffaf9}
@media(max-width:520px){.bga-app .bga-my-player-card{padding:15px}.bga-app .bga-my-player-identity .bga-player-avatar{width:50px;height:50px}.bga-app .bga-my-player-stats{gap:4px}.bga-app .bga-my-player-stats>div{padding:9px 2px}.bga-app .bga-my-player-stats strong{font-size:17px}.bga-app .bga-my-player-stats small{font-size:9px}}

/* v4.4.23 — My Library is part of Profile and settings, not the top menu. */
.bga-app .bga-profile-library{margin:20px 0 22px;min-width:0}
.bga-app .bga-profile-library>.bga-section-title{margin:0 0 10px;align-items:end}
.bga-app .bga-profile-library>.bga-section-title h3{margin:6px 0 0}
.bga-app .bga-profile-library>.bga-section-title .bga-muted{white-space:nowrap}
.bga-app .bga-profile-library>p{margin:4px 0 17px;line-height:1.55}
.bga-app .bga-profile-library-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:5px;border-radius:15px;background:#eef3ec;border:1px solid #dce6d8}
.bga-app .bga-profile-library-tabs button{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:45px;padding:9px 7px;border:1px solid transparent;border-radius:11px;background:transparent;color:#365745;font-size:13px;font-weight:750;cursor:pointer}
.bga-app .bga-profile-library-tabs button strong{font-size:12px;font-variant-numeric:tabular-nums;display:inline-block;min-width:22px;padding:2px 5px;border-radius:7px;background:#dce8d8;color:#335442}
.bga-app .bga-profile-library-tabs button.active{background:#fff;color:#1c5541;border-color:#bfd2c0;box-shadow:0 2px 7px rgba(32,65,43,.08)}
.bga-app .bga-profile-library-tabs button.active strong{background:#d9eee3;color:#155c43}
.bga-app .bga-profile-library-tabs button:focus-visible{outline:3px solid #14796e;outline-offset:1px}
.bga-app .bga-profile-library-content>.bga-section-title{margin:20px 0 11px}
.bga-app .bga-profile-library-content .bga-games{min-width:0}
.bga-app .bga-library-browse{display:inline;border:0;background:none;color:#14796e;text-decoration:underline;text-underline-offset:3px;font-weight:750;cursor:pointer;padding:0}
@media(max-width:480px){.bga-app .bga-profile-library{padding:15px 12px}.bga-app .bga-profile-library>.bga-section-title{align-items:start;flex-direction:column;gap:4px}.bga-app .bga-profile-library-tabs{gap:3px;padding:4px}.bga-app .bga-profile-library-tabs button{font-size:11px;line-height:1.18;padding:8px 2px;gap:4px}.bga-app .bga-profile-library-tabs button strong{font-size:11px;min-width:19px}}


/* v4.4.24 — compact, accessible native dropdown for claiming an existing player. */
.bga-app .bga-panel.bga-claim-player-dropdown{padding:0;overflow:hidden}
.bga-app .bga-claim-player-dropdown>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 22px;min-height:62px;color:var(--bga-ink);font-size:18px;font-weight:750;cursor:pointer}
.bga-app .bga-claim-player-dropdown>summary::-webkit-details-marker{display:none}
.bga-app .bga-claim-player-dropdown>summary:hover{background:#f7faf6}
.bga-app .bga-claim-player-dropdown>summary:focus-visible{outline:3px solid #14796e;outline-offset:-3px;border-radius:14px}
.bga-app .bga-claim-player-dropdown .bga-claim-chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;background:#edf4ee;color:#2e6652;font-size:22px;font-weight:500;line-height:1;transition:transform .15s ease}
.bga-app .bga-claim-player-dropdown[open] .bga-claim-chevron{transform:rotate(180deg)}
.bga-app .bga-claim-player-body{border-top:1px solid var(--bga-line);padding:9px 22px 20px}
.bga-app .bga-claim-player-body p{line-height:1.55}
@media(max-width:480px){.bga-app .bga-claim-player-dropdown>summary{font-size:16px;min-height:58px;padding:15px}.bga-app .bga-claim-player-body{padding:9px 15px 17px}.bga-app .bga-claim-player-body .bga-player-form{align-items:stretch}.bga-app .bga-claim-player-body .bga-player-form label{flex:1 1 100%}.bga-app .bga-claim-player-body .bga-player-form button{width:100%}}

/* v4.4.25: player-specific invitation sharing, immediately beneath the chosen guest. */
.bga-app .bga-guest-invite-panel{border:1px solid #b9d9cd;background:linear-gradient(120deg,#f1f9f2,#fffdf7);border-radius:13px;margin:-2px 0 14px;padding:17px 19px;box-shadow:0 6px 18px rgba(28,80,56,.05)}
.bga-app .bga-guest-invite-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bga-app .bga-guest-invite-heading strong{color:#184a36;font-size:16px}
.bga-app .bga-guest-invite-heading button{border:none;background:transparent;color:#4c6958;font-size:25px;line-height:1;min-width:38px;min-height:38px;cursor:pointer}
.bga-app .bga-guest-invite-panel p{font-size:13px;line-height:1.55;margin:8px 0 13px;color:#42584c}
.bga-app .bga-guest-share-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:8px 0}
.bga-app .bga-guest-share-actions a,.bga-app .bga-guest-share-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:750;box-sizing:border-box}
.bga-app .bga-guest-share-actions .bga-guest-whatsapp{background:#196e4c;border:1px solid #196e4c;color:white}
.bga-app .bga-guest-share-actions .bga-guest-whatsapp:hover{background:#14583d;color:#fff}
.bga-app .bga-guest-invite-code-toggle{margin:12px 0 10px;font-size:12px}
.bga-app .bga-guest-invite-code-toggle summary{cursor:pointer;color:#176c62;font-weight:700}
.bga-app .bga-guest-invite-code{display:block;overflow-wrap:anywhere;font:700 14px/1.6 ui-monospace,Consolas,monospace;margin:8px 0;padding:8px;background:#fff;border-radius:7px}
.bga-app .bga-guest-invite-panel>small{display:block;margin-top:12px;color:#526a5c;line-height:1.45}
@media(max-width:420px){.bga-app .bga-guest-invite-panel{padding:14px}.bga-app .bga-guest-share-actions a,.bga-app .bga-guest-share-actions button{flex:1 1 auto}}

/* v4.4.26 — One responsive Invite dialog for groups and guest player profiles. */
.bga-app .bga-share-modal .bga-group-modal-window {width:min(100%,520px);max-height:min(88dvh,700px);}
.bga-app .bga-share-dialog-body {padding:4px 24px 24px;overflow:auto;overscroll-behavior:contain;}
.bga-app .bga-share-dialog-body>p:first-child {font-size:14px;line-height:1.65;color:var(--bga-muted);margin:6px 0 17px;}
.bga-app .bga-share-dialog-actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.bga-app .bga-share-dialog-actions a,.bga-app .bga-share-dialog-actions button {box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 8px;text-align:center;font-size:13px;font-weight:750;line-height:1.3;text-decoration:none;border-radius:9px;white-space:normal;}
.bga-app .bga-share-dialog-actions .bga-guest-whatsapp {color:#fff;background:#196e4c;border:1px solid #196e4c;}
.bga-app .bga-share-dialog-actions .bga-guest-whatsapp:hover {color:#fff;background:#14583d;text-decoration:none;}
.bga-app .bga-share-dialog-actions .bga-btn-secondary {color:var(--bga-teal);border:1px solid #c9ded9;background:#fff;}
.bga-app .bga-share-dialog-actions .bga-btn-secondary:hover {background:#eaf5f0;text-decoration:none;}
.bga-app .bga-share-dialog-body .bga-guest-invite-code-toggle {margin:17px 0 0;padding:12px 0;border-top:1px solid #e3ece7;}
.bga-app .bga-share-dialog-body .bga-guest-invite-code {white-space:normal;word-break:break-all;}
.bga-app .bga-share-dialog-body .bga-guest-invite-code-toggle button {min-height:40px;padding:8px 12px;border-radius:9px;border:1px solid #c9ded9;background:#fff;color:var(--bga-teal);font-weight:700;}
.bga-app .bga-share-dialog-privacy {font-size:12px;line-height:1.55;color:#5b7063;margin:13px 0 0;}
@media(max-width:420px) {
  .bga-app .bga-share-modal .bga-group-modal-head {padding:17px 16px 8px;}
  .bga-app .bga-share-dialog-body {padding:4px 16px 18px;}
  .bga-app .bga-share-dialog-actions {gap:6px;}
  .bga-app .bga-share-dialog-actions a,.bga-app .bga-share-dialog-actions button {font-size:12px;padding:10px 4px;min-height:46px;}
}

/* v4.4.27 — Discover groups, membership requests, and direct admin additions. */
.bga-app .bga-group-discovery,.bga-app .bga-group-apply-panel{margin-top:18px}
.bga-app .bga-group-discovery-form,.bga-app .bga-group-direct-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:12px 0}
.bga-app .bga-group-discovery-form label,.bga-app .bga-group-direct-form label{width:100%;font-size:12px;color:var(--bga-muted);font-weight:700}
.bga-app .bga-group-discovery-form input,.bga-app .bga-group-direct-form select{min-width:0;flex:1 1 230px;width:auto;max-width:100%;height:44px;padding:9px 12px;border:1px solid #cadeda;border-radius:10px;background:#fff;color:var(--bga-ink)}
.bga-app .bga-group-discovery-form button,.bga-app .bga-group-direct-form button{height:44px;white-space:nowrap}
.bga-app .bga-discovered-groups{display:grid;gap:9px;margin-top:16px}
.bga-app .bga-discovered-group{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border-radius:12px;border:1px solid var(--bga-line);background:#fbfdfa;min-width:0}
.bga-app .bga-discovered-group>div{min-width:0}
.bga-app .bga-discovered-group strong,.bga-app .bga-discovered-group small{display:block;overflow-wrap:anywhere}
.bga-app .bga-discovered-group small{margin-top:3px;color:var(--bga-muted)}
.bga-app .bga-members-admin,.bga-app .bga-members-requests{border-top:1px solid var(--bga-line);padding-top:18px;margin-top:21px}
.bga-app .bga-members-admin h4,.bga-app .bga-members-requests h4{margin:0;font-size:16px;color:var(--bga-ink)}
.bga-app .bga-members-admin p{margin:7px 0}
.bga-app .bga-apply-pending{display:inline-block;border-radius:10px;padding:11px 14px;background:#eaf4ef;color:#215845;font-weight:700}
@media(max-width:530px){
  .bga-app .bga-group-discovery-form,.bga-app .bga-group-direct-form{flex-direction:column;align-items:stretch;gap:8px}
  .bga-app .bga-group-discovery-form input,.bga-app .bga-group-direct-form select{flex:none;width:100%}
  .bga-app .bga-group-discovery-form button,.bga-app .bga-group-direct-form button{width:100%}
  .bga-app .bga-discovered-group{flex-wrap:wrap}
  .bga-app .bga-discovered-group button{width:100%}
  .bga-app .bga-members-requests .bga-row{flex-wrap:wrap;gap:7px}
  .bga-app .bga-members-requests .bga-row button{flex:1 1 120px}
}
.bga-app .bga-members-guests{padding-top:18px;margin-top:18px;border-top:1px solid var(--bga-line)}
.bga-app .bga-members-guests h4{margin:0 0 8px;font-size:16px}

/* v4.4.28 — Keep member names readable next to owner/admin controls. */
.bga-app .bga-group-member-row { flex-wrap:wrap; }
.bga-app .bga-group-member-row > .bga-group-buttons { flex:1 1 100%; width:auto; margin-left:52px; }
.bga-app .bga-group-member-row .bga-group-member-identity {
  flex:1 1 185px;
  min-width:125px;
  max-width:100%;
}
.bga-app .bga-group-member-row .bga-group-member-identity strong {
  display:block;
  overflow-wrap:break-word;
  word-break:normal;
  white-space:normal;
  line-height:1.35;
}
.bga-app .bga-group-member-row .bga-group-member-identity small {line-height:1.35;}
@media(max-width:650px){
  .bga-app .bga-group-member-row {flex-wrap:wrap;}
  .bga-app .bga-group-member-row > .bga-danger-action {
    margin-left:52px;
    flex:0 0 auto;
  }
}

/* v4.4.30: do not flash the Google button during provider sign-in callback.
   Keep Site Kit's provider iframe mounted in its original location. */
#bga-companion-login .bga-google-stage{position:relative;min-height:52px;margin:8px auto}
#bga-companion-login .bga-google-stage .bga-google-transition[hidden]{display:none!important}
#bga-companion-login .bga-google-transition{position:absolute;inset:-4px -3px;z-index:5;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px;border:1px solid #c7dfd5;border-radius:12px;background:#f2f8f4;color:#184a3b;text-align:left;box-sizing:border-box}
#bga-companion-login .bga-google-transition strong{display:block;font-size:14px;line-height:1.3}
#bga-companion-login .bga-google-transition small{display:block;margin-top:3px;font-size:11px;line-height:1.35;color:#527368}
#bga-companion-login .bga-google-spinner{flex:0 0 21px;width:21px;height:21px;border-radius:50%;border:3px solid #c2ddd3;border-top-color:#14796e;animation:bga-google-spin .8s linear infinite}
@keyframes bga-google-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#bga-companion-login .bga-google-spinner{animation:none;border-top-color:#14796e}}
@media(max-width:370px){#bga-companion-login .bga-google-transition{gap:8px;padding:6px 9px}#bga-companion-login .bga-google-transition strong{font-size:13px}#bga-companion-login .bga-google-transition small{font-size:10px}}

/* v4.4.31 — My Roster folds away on the Players screen. */
.bga-app .bga-roster-dropdown{border:1px solid var(--bga-line);border-radius:16px;background:#fff;overflow:hidden;min-width:0}
.bga-app .bga-roster-dropdown>.bga-roster-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:67px;padding:15px 20px;cursor:pointer;color:var(--bga-ink)}
.bga-app .bga-roster-dropdown>.bga-roster-summary::-webkit-details-marker{display:none}
.bga-app .bga-roster-dropdown>.bga-roster-summary:hover{background:#f7faf6}
.bga-app .bga-roster-dropdown>.bga-roster-summary:focus-visible{outline:3px solid #14796e;outline-offset:-3px;border-radius:15px}
.bga-app .bga-roster-summary-title{font-weight:800;font-size:18px;line-height:1.2}
.bga-app .bga-roster-summary-right{display:flex;align-items:center;gap:10px;min-width:0}
.bga-app .bga-roster-summary-right .bga-muted{text-align:right;font-size:12px;line-height:1.25}
.bga-app .bga-roster-chevron{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#edf4ee;color:#2e6652;font-size:22px;font-weight:500;line-height:1;transition:transform .15s ease}
.bga-app .bga-roster-dropdown[open]>.bga-roster-summary .bga-roster-chevron{transform:rotate(180deg)}
.bga-app .bga-roster-body{border-top:1px solid var(--bga-line);padding:16px 18px 18px;min-width:0}
.bga-app .bga-roster-body>.bga-player-manage-hint{margin:0 0 16px}
.bga-app .bga-roster-body .bga-player-row{min-width:0}
@media(max-width:480px){.bga-app .bga-roster-dropdown>.bga-roster-summary{padding:13px 12px;gap:8px;min-height:60px}.bga-app .bga-roster-summary-title{font-size:16px}.bga-app .bga-roster-summary-right{gap:7px}.bga-app .bga-roster-summary-right .bga-muted{font-size:11px}.bga-app .bga-roster-body{padding:13px 10px 16px}}
@media(prefers-reduced-motion:reduce){.bga-app .bga-roster-chevron{transition:none}}

/* v4.4.32 — player profile links, opt-in friendships and guest claim recovery. */
.bga-app .bga-player-profile-link,
.bga-app .bga-group-member-profile-link,
.bga-app .bga-inline-player-link {
  display:inline-flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto;
  color:inherit;background:transparent;border:0;text-align:left;padding:0;
  font:inherit;cursor:pointer;box-shadow:none;white-space:normal;
}
.bga-app .bga-player-profile-link:hover strong,
.bga-app .bga-group-member-profile-link:hover strong,
.bga-app .bga-inline-player-link:hover {color:#126f61;text-decoration:underline;text-underline-offset:3px}
.bga-app .bga-player-profile-link:focus-visible,
.bga-app .bga-group-member-profile-link:focus-visible,
.bga-app .bga-inline-player-link:focus-visible {outline:3px solid #ae9d54;outline-offset:3px;border-radius:6px}
.bga-app .bga-group-member-profile-link {flex:1 1 160px;width:auto;max-width:100%;align-items:center}
.bga-app .bga-group-member-profile-link .bga-group-member-identity {display:block;min-width:0;flex:1 1 auto;overflow-wrap:anywhere}
.bga-app .bga-group-member-profile-link .bga-player-avatar {flex-shrink:0}
.bga-app .bga-inline-player-link {display:inline;color:#116f62;flex:none;width:auto;font-weight:700;text-decoration:underline}
.bga-app .bga-public-player-profile {padding:clamp(18px,3vw,28px)}
.bga-app .bga-public-player-heading {display:flex;gap:20px;align-items:center;min-width:0}
/* v4.4.54: Match the larger full-player photo in My Account / Profile and settings.
   Only the profile screen is affected; compact avatars remain unchanged. */
.bga-app .bga-profile-head {gap:20px;min-width:0}
.bga-app .bga-profile-head > .bga-player-avatar.large {width:136px;height:136px;flex:0 0 136px;border-radius:24px;font-size:52px;box-shadow:0 10px 28px rgba(19,62,56,.16)}
.bga-app .bga-profile-head > div {min-width:0;overflow-wrap:anywhere}
@media(max-width:520px){.bga-app .bga-profile-head{gap:14px;align-items:flex-start;flex-wrap:wrap}.bga-app .bga-profile-head > .bga-player-avatar.large{width:112px;height:112px;flex-basis:112px;border-radius:19px;font-size:43px}}
@media(max-width:350px){.bga-app .bga-profile-head > .bga-player-avatar.large{width:100px;height:100px;flex-basis:100px;border-radius:17px;font-size:39px}}

/* v4.4.53: Show an enlarged photo only on the full player profile; group, friend and score cards retain their sizes. */
.bga-app .bga-public-player-heading > .bga-player-avatar.large {width:136px;height:136px;flex:0 0 136px;border-radius:24px;font-size:52px;box-shadow:0 10px 28px rgba(19,62,56,.16)}
@media(max-width:520px){.bga-app .bga-public-player-heading{gap:14px}.bga-app .bga-public-player-heading > .bga-player-avatar.large{width:112px;height:112px;flex-basis:112px;border-radius:19px;font-size:43px}}
@media(max-width:350px){.bga-app .bga-public-player-heading > .bga-player-avatar.large{width:100px;height:100px;flex-basis:100px;border-radius:17px;font-size:39px}}
.bga-app .bga-public-player-heading>div {min-width:0}
.bga-app .bga-public-player-heading h2 {margin:0 0 5px;font-size:clamp(23px,4vw,31px);overflow-wrap:anywhere}
.bga-app .bga-public-player-motto {margin:2px 0 8px;font-style:italic;color:#546b61;overflow-wrap:anywhere}
.bga-app .bga-public-friend-actions {display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0;margin:12px 0;border-top:1px solid #e4ebe7;border-bottom:1px solid #e4ebe7}
.bga-app .bga-public-friend-actions .bga-friend-chip {font-weight:700;color:#197668}
.bga-app .bga-members-claim,
.bga-app .bga-members-claims-admin,
.bga-app .bga-pending-friends {border-top:1px solid #dce7e1;padding:15px 0;margin-top:14px}
.bga-app .bga-members-claim h4,
.bga-app .bga-members-claims-admin h4 {margin:0 0 6px}
.bga-app .bga-pending-friends .bga-player-row {margin:8px 0}
@media(max-width:520px){
  .bga-app .bga-group-member-profile-link{flex-basis:100%;width:100%}
  .bga-app .bga-player-profile-link {flex:1 1 100%;width:100%}
  .bga-app .bga-public-friend-actions .bga-btn,.bga-app .bga-public-friend-actions .bga-btn-secondary{max-width:100%}
}


/* v4.4.33 — compact roster actions and a complete edit popup. */
.bga-app .bga-roster-player-row .bga-player-actions {flex:0 0 auto;align-items:center}
.bga-app .bga-roster-player-actions button{min-height:40px;min-width:62px}
.bga-app .bga-roster-edit-modal .bga-group-modal-window{width:min(100%,530px);max-height:min(90dvh,790px)}
.bga-app .bga-roster-edit-modal .bga-roster-edit-form{gap:7px;overflow-y:auto;overscroll-behavior:contain;padding-top:8px}
.bga-app .bga-roster-edit-form>label{font-size:13px;font-weight:750;color:var(--bga-ink);margin-top:7px}
.bga-app .bga-roster-edit-form>input,.bga-app .bga-roster-edit-form>select{width:100%;min-width:0;min-height:44px;border:1px solid #cadeda;border-radius:10px;background:#fff;padding:9px 12px;color:var(--bga-ink);font:inherit}
.bga-app .bga-roster-edit-form .bga-roster-edit-photo{display:flex;align-items:center;gap:13px;border:1px solid #e1eae5;border-radius:12px;padding:12px;margin:8px 0 4px;background:#f8faf8}
.bga-app .bga-roster-edit-form .bga-roster-edit-photo>div{min-width:0}
.bga-app .bga-roster-edit-form .bga-roster-edit-photo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}
.bga-app .bga-roster-edit-form .bga-roster-edit-photo-actions button{padding:7px 11px;font-size:12px}
.bga-app .bga-roster-edit-form .bga-roster-edit-fields{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:10px}
.bga-app .bga-roster-edit-fields>div{display:flex;flex-direction:column;gap:5px}
.bga-app .bga-roster-edit-fields label{font-size:13px;font-weight:750}
.bga-app .bga-roster-edit-form input[type="color"]{width:64px;height:44px;padding:4px;border-radius:9px;border:1px solid #cadeda;background:white}
.bga-app .bga-roster-edit-fields .bga-roster-edit-auto{display:flex;align-items:center;gap:8px;min-height:44px;font-weight:500;font-size:13px;margin:0}
.bga-app .bga-roster-edit-form .bga-roster-link-self{margin-top:12px;white-space:normal;text-align:left}
.bga-app .bga-roster-edit-form .bga-group-modal-actions{z-index:2}
@media(max-width:600px){.bga-app .bga-roster-player-row{align-items:stretch}.bga-app .bga-roster-player-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.bga-app .bga-roster-player-actions button{min-width:0;width:100%}.bga-app .bga-roster-edit-modal .bga-group-modal-head{padding-bottom:3px}.bga-app .bga-roster-edit-modal .bga-roster-edit-form{padding:6px 16px 16px}.bga-app .bga-roster-edit-form .bga-group-modal-actions{gap:8px}.bga-app .bga-roster-edit-form .bga-group-modal-actions button{flex:1 1 0}}

/* v4.4.34 — collapsed Add another player form and name-adjacent friend status. */
.bga-app .bga-panel.bga-add-player-dropdown{padding:0;overflow:hidden;min-width:0}
.bga-app .bga-add-player-dropdown>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 22px;min-height:62px;color:var(--bga-ink);font-size:18px;font-weight:750;cursor:pointer}
.bga-app .bga-add-player-dropdown>summary::-webkit-details-marker{display:none}
.bga-app .bga-add-player-dropdown>summary:hover{background:#f7faf6}
.bga-app .bga-add-player-dropdown>summary:focus-visible{outline:3px solid #14796e;outline-offset:-3px;border-radius:14px}
.bga-app .bga-add-player-chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;background:#edf4ee;color:#2e6652;font-size:22px;line-height:1;transition:transform .15s ease}
.bga-app .bga-add-player-dropdown[open] .bga-add-player-chevron{transform:rotate(180deg)}
.bga-app .bga-add-player-body{border-top:1px solid var(--bga-line);padding:9px 22px 20px;min-width:0}
.bga-app .bga-add-player-body .bga-player-form{min-width:0}
.bga-app .bga-add-player-body p{line-height:1.55}
.bga-app .bga-friend-request-name,.bga-app .bga-public-player-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;min-width:0}
.bga-app .bga-public-player-name-row h2{margin:0;min-width:0;overflow-wrap:anywhere}
.bga-app .bga-friend-pending-label{display:inline-flex;align-items:center;max-width:100%;padding:5px 9px;border-radius:999px;border:1px solid #e5d4a7;background:#fff8e7;color:#755713;font-size:11px;font-weight:750;line-height:1.2;white-space:normal}
.bga-app .bga-outgoing-friends .bga-player-row{min-width:0}
.bga-app .bga-outgoing-friends .bga-player-identity{min-width:0;text-align:left}
@media(max-width:480px){.bga-app .bga-add-player-dropdown>summary{font-size:16px;min-height:58px;padding:15px}.bga-app .bga-add-player-body{padding:9px 15px 17px}.bga-app .bga-add-player-body .bga-player-form{align-items:stretch}.bga-app .bga-add-player-body .bga-player-form label{flex:1 1 100%;min-width:0}.bga-app .bga-add-player-body .bga-player-form button{width:100%}}
@media(prefers-reduced-motion:reduce){.bga-app .bga-add-player-chevron{transition:none}}

/* v4.4.35 — accessible, compact notification bell and request popover. */
.bga-app .bga-header{position:relative;z-index:125}
.bga-app .bga-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto;min-width:0}
.bga-app .bga-notification-trigger{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #ccdcd2;background:rgba(255,255,255,.65);border-radius:50%;color:#174737;cursor:pointer;padding:0}
.bga-app .bga-notification-trigger:hover,.bga-app .bga-notification-trigger[aria-expanded="true"]{background:#e8f4ed;border-color:#a6c5b0}
.bga-app .bga-notification-count{position:absolute;right:-4px;top:-6px;background:#bb493c;color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:999px;padding:0 3px;border:2px solid #fff;box-sizing:content-box}
.bga-app .bga-notifications-panel{position:absolute;top:calc(100% - 3px);right:clamp(9px,3vw,28px);width:min(390px,calc(100vw - 20px));max-height:min(68dvh,520px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #d7e4db;border-radius:15px;box-shadow:0 12px 35px rgba(25,51,36,.20);color:#203a2a;z-index:1000}
.bga-app .bga-notifications-head{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3ebe5;gap:12px}
.bga-app .bga-notifications-head button{font-size:23px;line-height:1;width:35px;height:35px;border:0;border-radius:50%;background:#f3f7f3;color:#294a32;cursor:pointer}
.bga-app .bga-notifications-body{padding:5px 14px 13px;overflow:auto;overscroll-behavior:contain;min-height:55px}
.bga-app .bga-notifications-body>p{margin:15px 0;line-height:1.55}
.bga-app .bga-notification-item{padding:13px 2px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid #edf1ed;min-width:0}
.bga-app .bga-notification-item:last-child{border-bottom:0}
.bga-app .bga-notification-item-text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.bga-app .bga-notification-item-text strong{display:block;font-size:14px;color:#183d2c}
.bga-app .bga-notification-item-text small{display:block;color:#60786c;margin-top:4px;line-height:1.35;font-size:12px}
.bga-app .bga-notification-buttons{display:flex;gap:5px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.bga-app .bga-notification-buttons button{min-height:36px;padding:7px 10px;font-size:12px;border-radius:8px}
.bga-app .bga-notification-trigger:focus-visible,.bga-app .bga-notifications-panel button:focus-visible{outline:3px solid #af9d5c;outline-offset:2px}
@media(max-width:520px){.bga-app .bga-header{padding-inline:10px;gap:5px}.bga-app .bga-logo{min-width:0;gap:7px}.bga-app .bga-logo strong{font-size:13px}.bga-app .bga-logo small{font-size:8px;letter-spacing:.035em;margin-top:4px}.bga-app .bga-mark{width:34px;height:34px;flex:0 0 34px;line-height:34px}.bga-app .bga-mark img{width:34px;height:34px}.bga-app .bga-header-actions{gap:3px}.bga-app .bga-account-trigger{padding:4px}.bga-app .bga-notification-trigger{width:38px;height:38px;flex-basis:38px}.bga-app .bga-notification-item{flex-direction:column;gap:7px}.bga-app .bga-notification-buttons{align-self:flex-end}}
@media(max-width:360px){.bga-app .bga-logo small{font-size:7px;letter-spacing:0}}

/* v4.4.36: three matching group actions and contained Find search results. */
.bga-app .bga-score-action-grid .bga-group-discovery-form{margin:10px 0 0;gap:10px}
.bga-app .bga-score-action-grid .bga-group-discovery-form label{font-size:12px}
.bga-app .bga-score-action-grid .bga-group-discovery-form input{width:100%;min-width:0;flex:none}
.bga-app .bga-score-action-grid .bga-group-discovery-form button{min-height:44px;height:auto;width:100%}
.bga-app .bga-score-action-grid .bga-discovered-groups{min-width:0;margin-top:14px}
.bga-app .bga-score-action-grid .bga-discovered-group{align-items:stretch;flex-direction:column}
.bga-app .bga-score-action-grid .bga-discovered-group button{min-height:40px;width:100%}

/* v4.4.38 — four equally sized navigation items. Desktop menu is readable;
   the existing <=800px mobile dimensions and sticky header are unchanged. */
@media (min-width:801px){
  .bga-app .bga-top-nav{padding:6px 12px;gap:6px;}
  .bga-app .bga-top-nav .bga-tab{font-size:12px;padding:8px 7px;gap:4px;}
  .bga-app .bga-top-nav .bga-tab-icon{height:21px;}
  .bga-app .bga-top-nav .bga-tab-icon svg{width:21px;height:21px;}
}

/* v4.4.39 — friends currently active in the Companion app. */
.bga-app .bga-friends-online-trigger{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #c5d9ca;background:rgba(255,255,255,.72);border-radius:50%;color:#174737;cursor:pointer;padding:0}
.bga-app .bga-friends-online-trigger:hover,.bga-app .bga-friends-online-trigger[aria-expanded="true"]{background:#e8f4ed;border-color:#a6c5b0}
.bga-app .bga-friends-online-count{position:absolute;right:-5px;top:-6px;background:#277850;color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:999px;padding:0 3px;border:2px solid #fff;box-sizing:content-box}
.bga-app .bga-online-panel{position:absolute;top:calc(100% - 3px);right:clamp(9px,3vw,28px);width:min(350px,calc(100vw - 20px));max-height:min(68dvh,490px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #d7e4db;border-radius:15px;box-shadow:0 12px 35px rgba(25,51,36,.20);color:#203a2a;z-index:1000}
.bga-app .bga-online-panel .bga-notifications-body{overflow:auto;padding:8px 12px 10px}
.bga-app .bga-online-person{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid #ecf2ec;background:transparent;text-align:left;padding:10px 4px;cursor:pointer;color:inherit;font-size:14px}
.bga-app .bga-online-person:hover{background:#f2f8f3}
.bga-app .bga-online-person:last-child{border-bottom:0}
.bga-app .bga-online-person .bga-player-avatar{width:36px;height:36px;flex:0 0 36px}
.bga-app .bga-online-person-name{min-width:0;flex:1 1 auto;overflow-wrap:anywhere;font-weight:650}
.bga-app .bga-online-dot{width:9px;height:9px;flex:0 0 9px;border-radius:100%;background:#2f9968;box-shadow:0 0 0 3px #e0f1e6}
.bga-app .bga-online-footnote{padding:10px 14px;margin:0;font-size:11px;line-height:1.4;color:#5f7969;border-top:1px solid #edf1ed}
.bga-app .bga-friends-online-trigger:focus-visible,.bga-app .bga-online-panel button:focus-visible{outline:3px solid #af9d5c;outline-offset:2px}
@media(max-width:520px){.bga-app .bga-friends-online-trigger{width:34px;height:34px;flex-basis:34px}.bga-app .bga-friends-online-trigger svg{width:19px;height:19px}}

@media (min-width:801px){body.bga-companion-live .bga-app .bga-friends-online-trigger{width:32px;height:32px;flex-basis:32px}body.bga-companion-live .bga-app .bga-friends-online-trigger svg{width:19px;height:19px}}

/* v4.4.40 — searchable Google-linked player directory. */
.bga-app .bga-find-player-dropdown{border:1px solid var(--bga-line);border-radius:16px;background:#fff;overflow:hidden;min-width:0}
.bga-app .bga-find-player-dropdown>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:15px 20px;font-weight:700;font-size:17px;cursor:pointer;color:var(--bga-ink)}
.bga-app .bga-find-player-dropdown>summary::-webkit-details-marker{display:none}
.bga-app .bga-find-player-dropdown>summary:hover{background:#f7faf6}
.bga-app .bga-find-player-dropdown>summary:focus-visible{outline:3px solid #14796e;outline-offset:-3px}
.bga-app .bga-find-player-dropdown[open]>summary .bga-claim-chevron{transform:rotate(180deg)}
.bga-app .bga-find-player-dropdown .bga-claim-chevron{display:inline-block;transition:transform .18s}
.bga-app .bga-find-player-body{border-top:1px solid var(--bga-line);padding:18px 20px 20px;min-width:0}
.bga-app .bga-find-player-form{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:16px 0 12px;min-width:0}
.bga-app .bga-find-player-form label{font-size:12px;color:var(--bga-muted);font-weight:700;flex-basis:100%}
.bga-app .bga-find-player-form input{flex:1 1 240px;min-width:0;width:auto;max-width:100%;height:44px;padding:9px 12px;border:1px solid #cadeda;border-radius:10px}
.bga-app .bga-find-player-form button{height:44px;min-width:130px;white-space:nowrap}
.bga-app .bga-find-player-result{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #e8eeea;min-width:0}
.bga-app .bga-find-player-result:last-child{border-bottom:0}
.bga-app .bga-find-player-result .bga-player-identity{min-width:0;flex:1;text-align:left}
.bga-app .bga-find-player-result .bga-find-player-name{display:flex;flex-direction:column;align-items:start;gap:3px;min-width:0;overflow-wrap:anywhere}
.bga-app .bga-find-player-result .bga-find-player-name small{font-size:12px;color:var(--bga-muted);font-weight:400}
.bga-app .bga-find-player-result>.bga-btn-secondary{flex:none;font-size:12px;min-height:39px}
@media(max-width:520px){.bga-app .bga-find-player-dropdown>summary{min-height:56px;padding:13px 12px}.bga-app .bga-find-player-body{padding:15px 12px}.bga-app .bga-find-player-form{flex-direction:column;align-items:stretch}.bga-app .bga-find-player-form input,.bga-app .bga-find-player-form button{flex:none;width:100%;min-width:0}}

/* v4.4.41: compact favourites strip. Five single-line slots replace stacked large cards. */
.bga-app .bga-group-favourites-compact{padding:13px 16px 15px;min-width:0}
.bga-app .bga-group-favourites-compact .bga-section-title{margin:0 0 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.bga-app .bga-group-favourites-compact .bga-section-title h3{font-size:17px;margin:0}
.bga-app .bga-fav-heading-actions{display:flex;gap:10px;align-items:center;min-width:0}
.bga-app .bga-fav-heading-actions .bga-btn-secondary{padding:7px 11px;min-height:34px;font-size:12px;line-height:1.1}
.bga-app .bga-fav-hint{font-size:11px;color:var(--bga-muted)}
.bga-app .bga-favourite-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-width:0}
.bga-app .bga-fav-tile{position:relative;display:flex;align-items:stretch;border:1px solid #dce7df;border-radius:11px;background:#fbfdfb;min-width:0;min-height:65px;overflow:hidden}
.bga-app button.bga-fav-tile{width:100%;cursor:pointer}
.bga-app .bga-fav-launch{display:flex;align-items:center;text-align:left;gap:8px;width:100%;min-width:0;padding:7px 28px 7px 7px;color:var(--bga-ink);border:0;background:transparent;cursor:pointer;font:inherit}
.bga-app .bga-fav-launch:hover,.bga-app .bga-fav-launch:focus-visible{background:#edf7f0}
.bga-app .bga-fav-readonly{cursor:default}
.bga-app .bga-fav-cover{width:45px;height:48px;flex:0 0 45px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e6f0ea}
.bga-app .bga-fav-cover img{height:100%;width:100%;object-fit:cover}
.bga-app .bga-fav-cover-empty{font-size:24px;color:var(--bga-green)}
.bga-app .bga-fav-name{font-size:12px;font-weight:650;line-height:1.2;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.bga-app .bga-fav-score-sign{position:absolute;right:9px;bottom:6px;font-size:19px;font-weight:400;color:#267b68}
.bga-app .bga-fav-remove{position:absolute;top:1px;right:2px;border:0;border-radius:6px;background:transparent;color:#7a8581;width:25px;height:25px;line-height:22px;font-size:19px;cursor:pointer;padding:0}
.bga-app .bga-fav-remove:hover,.bga-app .bga-fav-remove:focus-visible{background:#ffe9e7;color:#a92323}
.bga-app .bga-fav-empty-tile{display:flex;align-items:center;justify-content:center;gap:6px;background:#f7faf8;border-style:dashed;color:#507868;padding:7px;font-weight:600}
.bga-app .bga-fav-empty-tile:hover{background:#eff8f0}
.bga-app .bga-fav-empty-symbol{font-size:21px;line-height:1;color:#548a77}
.bga-app .bga-fav-empty-tile .bga-fav-name{font-size:12px}
.bga-app .bga-group-favourites-compact .bga-favourite-picker{margin-top:10px;padding-top:10px}
@media(max-width:900px){.bga-app .bga-fav-hint{display:none}.bga-app .bga-favourite-strip{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:0 0 7px;scrollbar-width:thin}.bga-app .bga-fav-tile{flex:0 0 172px;scroll-snap-align:start}.bga-app .bga-group-favourites-compact{padding:12px 12px 9px}}
@media(max-width:420px){.bga-app .bga-fav-tile{flex-basis:154px}.bga-app .bga-fav-cover{width:40px;flex-basis:40px;height:46px}.bga-app .bga-favourite-strip{margin-right:-5px}}
@media(max-width:360px){.bga-app .bga-group-favourites-compact .bga-section-title{flex-wrap:nowrap;gap:4px}.bga-app .bga-group-favourites-compact .bga-section-title h3{font-size:14px;white-space:nowrap}.bga-app .bga-group-favourites-compact .bga-section-title small{font-size:10px}.bga-app .bga-fav-heading-actions .bga-btn-secondary{padding:5px 7px;font-size:11px;min-height:30px}}

/* v4.4.43: Scores has one action; Group actions remain in the three-column layout. */
.bga-app .bga-scores-only-actions{grid-template-columns:minmax(0,420px)}
@media(max-width:860px){.bga-app .bga-scores-only-actions{grid-template-columns:minmax(0,1fr)}}

/* v4.4.44 — online/total accepted friends, responsive badge. */
.bga-app .bga-friends-online-count{
  min-width:29px;
  width:auto;
  right:-3px;
  top:-7px;
  padding:0 5px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}


/* v4.4.45 — Compact GROUP MEMBERS list on DESKTOP ONLY. Mobile keeps v4.4.44. */
.bga-app .bga-desktop-member-list,
.bga-app .bga-desktop-member-management {display:none}
@media (min-width:801px) {
  .bga-app .bga-members-section {padding:16px 20px}
  .bga-app .bga-members-section > .bga-section-title {margin-bottom:8px}
  .bga-app .bga-mobile-member-list {display:none}
  .bga-app .bga-desktop-member-list {display:block;border:1px solid #e3ebe6;border-radius:12px;overflow:hidden;background:#fff}
  .bga-app .bga-desktop-member-item {display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 12px;border-top:1px solid #e8efeb}
  .bga-app .bga-desktop-member-item:first-child {border-top:0}
  .bga-app .bga-desktop-member-item:hover {background:#f7faf8}
  .bga-app .bga-desktop-member-name {display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;font:inherit;text-align:left;cursor:pointer;color:var(--bga-ink);border:0;background:transparent;padding:0}
  .bga-app span.bga-desktop-member-name {cursor:default}
  .bga-app .bga-desktop-member-name strong {font-size:14px;line-height:1.25;overflow-wrap:anywhere}
  .bga-app button.bga-desktop-member-name:hover strong {text-decoration:underline;color:#126f61}
  .bga-app .bga-desktop-member-name .bga-player-avatar {width:31px;height:31px;flex:0 0 31px;font-size:13px}
  .bga-app .bga-desktop-member-label {flex:0 0 auto;font-size:12px;color:#527568;font-weight:650}
  .bga-app .bga-desktop-admin-toggle {flex:0 0 auto;min-height:30px;padding:5px 10px;font-size:12px;white-space:nowrap;border-radius:8px}
  .bga-app .bga-desktop-admin-toggle.bga-is-admin {background:#eaf5ed;color:#17674f;border-color:#b8d9c3}
  .bga-app .bga-desktop-member-management {display:block}
  .bga-app .bga-desktop-manage-row {display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:8px 0;border-bottom:1px solid #edf1ed}
  .bga-app .bga-desktop-manage-row>strong {min-width:0;overflow-wrap:anywhere}
  .bga-app .bga-desktop-manage-actions {display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
  .bga-app .bga-desktop-manage-actions button {font-size:12px;min-height:33px;padding:6px 10px}
  .bga-app .bga-members-guests .bga-group-member-row {margin-top:4px;padding:7px 9px;gap:8px}
  .bga-app .bga-members-guests .bga-group-member-profile-link .bga-player-avatar {width:31px;height:31px;flex-basis:31px}
  .bga-app .bga-members-guests .bga-group-member-profile-link .bga-group-member-identity strong {font-size:13px}
  .bga-app .bga-members-guests .bga-group-member-profile-link .bga-group-member-identity small {font-size:11px}
}


/* v4.4.46 — Mobile group admins: compact actions next to each member name.
   Desktop continues to use the v4.4.45 list. */
@media (max-width:800px) {
  .bga-app .bga-mobile-member-list .bga-group-member-row {
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:6px;
    padding:7px 8px;
    min-width:0;
  }
  .bga-app .bga-mobile-member-list .bga-group-member-profile-link {
    flex:1 1 auto;
    width:auto;
    max-width:none;
    min-width:0;
    gap:7px;
  }
  .bga-app .bga-mobile-member-list .bga-group-member-profile-link .bga-player-avatar,
  .bga-app .bga-mobile-member-list .bga-group-member-row > .bga-player-avatar {
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:9px;
    font-size:12px;
  }
  .bga-app .bga-mobile-member-list .bga-group-member-identity {
    flex:1 1 auto;
    min-width:0;
    max-width:100%;
  }
  .bga-app .bga-mobile-member-list .bga-group-member-identity strong {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    overflow:hidden;
    font-size:12px;
    line-height:1.22;
    overflow-wrap:anywhere;
  }
  .bga-app .bga-mobile-member-list .bga-group-member-identity small {
    font-size:10px;
    line-height:1.2;
  }
  .bga-app .bga-mobile-member-list .bga-mobile-member-actions {
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:4px;
    margin:0;
    width:auto;
    min-width:0;
  }
  .bga-app .bga-mobile-member-list .bga-mobile-member-actions > button.bga-btn-secondary {
    margin:0;
    padding:5px 6px;
    min-height:30px;
    border-radius:8px;
    font-size:10px;
    font-weight:700;
    line-height:1.1;
    white-space:nowrap;
  }
  .bga-app .bga-mobile-member-list .bga-mobile-member-actions > button.bga-danger-action {
    border-color:#ecc0bd;
    color:#a12d30;
  }
  /* Ownership transfer remains accessible via Edit, not in every member row. */
  .bga-app .bga-desktop-member-management { display:block; }
  .bga-app .bga-desktop-member-management .bga-desktop-manage-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    border-top:1px solid #edf1ed;
    padding:9px 0;
  }
  .bga-app .bga-desktop-member-management .bga-desktop-manage-row > strong {
    flex:1 1 auto;
    min-width:0;
    overflow-wrap:anywhere;
  }
  .bga-app .bga-desktop-member-management .bga-desktop-manage-actions {
    display:flex;
    justify-content:flex-end;
    gap:6px;
    flex-wrap:wrap;
  }
  .bga-app .bga-desktop-member-management .bga-desktop-manage-actions > button {
    font-size:11px;
    padding:6px 8px;
  }
}

/* v4.4.47 — Desktop member list: show Remove beside role control. Mobile untouched. */
@media (min-width:801px) {
  .bga-app .bga-desktop-member-item .bga-desktop-member-remove {
    flex:0 0 auto;
    margin:0;
    min-height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.2;
    white-space:nowrap;
    border-radius:8px;
    border-color:#ecc0bd;
    color:#a12d30;
  }
}

/* v4.4.48 — Scores landing page and three-way New score dialog. */
.bga-app .bga-scores-landing-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}
.bga-app .bga-scores-landing-head h1{margin:0;font-size:clamp(26px,3vw,34px)}
.bga-app .bga-scores-landing-head p{margin:4px 0 0;font-size:13px}
.bga-app .bga-score-create-trigger{margin:0;white-space:nowrap;min-height:43px}
.bga-app .bga-score-start-modal .bga-group-modal-window{width:min(100%,510px)}
.bga-app .bga-score-start-modal .bga-group-modal-head{padding-bottom:8px}
.bga-app .bga-score-start-modal .bga-group-modal-head h2{font-size:22px;line-height:1.24}
.bga-app .bga-score-start-form{gap:12px}
.bga-app .bga-score-start-options{display:grid;gap:9px}
.bga-app .bga-score-start-choice{display:flex;align-items:center;gap:12px;border:1px solid #d5e2dd;background:#fff;border-radius:12px;padding:12px;cursor:pointer;min-height:72px}
.bga-app .bga-score-start-choice.selected{border-color:#138275;background:#eaf6f1;box-shadow:inset 0 0 0 1px #138275}
.bga-app .bga-score-start-choice input{accent-color:#13786c;width:17px;height:17px;flex:none;margin:0}
.bga-app .bga-score-start-choice-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;color:#14695c;background:#e1f0eb;font-size:22px;line-height:1}
.bga-app .bga-score-start-choice strong,.bga-app .bga-score-start-choice small{display:block}
.bga-app .bga-score-start-choice strong{font-size:14px;color:#163e36}
.bga-app .bga-score-start-choice small{margin-top:2px;font-size:12px;line-height:1.45;color:#5d726b}
.bga-app .bga-score-start-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#27584c}
.bga-app .bga-score-start-field select,.bga-app .bga-score-start-field input{width:100%;min-height:43px;border:1px solid #cadbd4;border-radius:10px;padding:10px 12px;background:#fff;font-size:14px;color:#193c35}
.bga-app .bga-score-start-error{padding:10px;background:#fff0ee;color:#a23c31;border-radius:8px;margin:0;font-size:13px}
.bga-app .bga-score-context{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;border:1px solid #d5e5df;border-radius:12px;padding:10px 14px;background:#f3faf6}
.bga-app .bga-score-context small{font-size:11px;color:#59736b}
.bga-app .bga-score-context strong{font-size:13px;color:#165649}
.bga-app .bga-score-change-context{margin-left:auto;border:0;background:transparent;color:#13776b;text-decoration:underline;font-size:12px;font-weight:700;cursor:pointer}
@media(max-width:540px){.bga-app .bga-scores-landing-head{align-items:center;gap:12px}.bga-app .bga-scores-landing-head h1{font-size:25px}.bga-app .bga-score-create-trigger{padding:9px 12px;font-size:13px;min-height:40px}.bga-app .bga-score-start-choice{padding:10px;min-height:68px}.bga-app .bga-score-start-choice small{font-size:11px}.bga-app .bga-score-start-form{gap:10px}}

/* v4.4.49 — personal player card immediately below Your game scores. */
.bga-app .bga-scores-personal-summary{margin:12px 0 19px;min-width:0}
.bga-app .bga-scores-personal-summary .bga-my-player-card{margin:0;width:100%;box-sizing:border-box}
@media(max-width:520px){.bga-app .bga-scores-personal-summary{margin:10px 0 15px}}

/* v4.4.50 — the group-wide Last Winner leads the group screen;
   selected player profile statistics sit immediately below player chips. */
.bga-app .bga-group-last-winner{margin:10px 0 20px}
.bga-app .bga-selected-players-panel{margin:0 0 19px;min-width:0}
.bga-app .bga-selected-players-panel>.bga-section-title{margin:0 0 14px;align-items:baseline;gap:9px;flex-wrap:wrap}
.bga-app .bga-selected-players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:12px;min-width:0}
.bga-app .bga-selected-player-card{border:1px solid #d8e5e2;border-top:4px solid var(--bga-stats-accent,#14796e);border-radius:13px;background:#fcfefd;padding:14px;min-width:0}
.bga-app .bga-selected-player-identity{display:flex;gap:11px;align-items:center;min-width:0;margin-bottom:13px}
.bga-app .bga-selected-player-identity .bga-player-avatar.large{width:52px;height:52px;min-width:52px;border-radius:13px}
.bga-app .bga-selected-player-identity>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.bga-app .bga-selected-player-identity .bga-inline-player-link,.bga-app .bga-selected-player-identity strong{font-size:16px;font-weight:750;line-height:1.2;text-align:left;overflow-wrap:anywhere}
.bga-app .bga-selected-player-identity small{font-size:11px;color:var(--bga-muted)}
.bga-app .bga-selected-player-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border-top:1px solid #e4eeeb;padding-top:10px}
.bga-app .bga-selected-player-metrics>div{min-width:0;text-align:center;display:flex;flex-direction:column;gap:3px;padding:3px 0}
.bga-app .bga-selected-player-metrics strong{font-size:20px;line-height:1.12;overflow-wrap:anywhere}
.bga-app .bga-selected-player-metrics small{font-size:10px;line-height:1.15;color:var(--bga-muted)}
@media(max-width:520px){.bga-app .bga-selected-player-card{padding:12px}.bga-app .bga-selected-player-metrics strong{font-size:17px}.bga-app .bga-selected-player-metrics small{font-size:9px}.bga-app .bga-group-last-winner{margin-top:8px}}

/* v4.4.51 — Accessible collapsible recent games on player profiles. */
.bga-app .bga-player-recent-dropdown{margin-top:19px;border:1px solid var(--bga-line);border-radius:13px;background:#fff;overflow:hidden}
.bga-app .bga-player-recent-dropdown>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:16px 18px;min-height:61px;color:var(--bga-ink);font-size:16px}
.bga-app .bga-player-recent-dropdown>summary::-webkit-details-marker{display:none}
.bga-app .bga-player-recent-dropdown>summary:hover{background:#f7faf8}
.bga-app .bga-player-recent-dropdown>summary:focus-visible{outline:3px solid #23847a;outline-offset:-3px}
.bga-app .bga-player-recent-summary-right{display:flex;align-items:center;gap:11px;color:var(--bga-teal);font-weight:700}
.bga-app .bga-player-recent-summary-right small{font-size:12px;color:var(--bga-muted);font-weight:500}
.bga-app .bga-player-recent-chevron{display:inline-block;transition:transform .18s ease;font-size:20px;line-height:1}
.bga-app .bga-player-recent-dropdown[open] .bga-player-recent-chevron{transform:rotate(180deg)}
.bga-app .bga-player-recent-list{padding:15px 17px 8px;border-top:1px solid var(--bga-line)}
.bga-app .bga-player-recent-list .bga-match-item{margin-bottom:8px}
@media(max-width:520px){.bga-app .bga-player-recent-dropdown>summary{padding:14px;min-height:55px}.bga-app .bga-player-recent-list{padding:11px 12px 4px}}

/* v4.4.55 — privacy notices and reporting, deliberately scoped to Companion */
.bga-app .bga-signin-legal{max-width:540px;margin:16px auto 0;font-size:12px;line-height:1.65;color:#5f6c65}
.bga-app .bga-signin-legal a,.bga-app .bga-legal-footer a,.bga-app .bga-profile-safety-link a,.bga-app .bga-account-legal-actions a{color:#0c7469;text-decoration:underline;text-underline-offset:3px}
.bga-app .bga-legal-footer{display:flex;gap:12px 22px;align-items:center;justify-content:center;flex-wrap:wrap;border-top:1px solid #dde6e0;padding:18px 16px 23px;font-size:12px;color:#5f6c65;background:#fafbf9}
.bga-app .bga-profile-safety-link{margin:12px 0 18px;font-size:12px}.bga-app .bga-profile-safety-link small{margin-left:9px;color:#66716b}
.bga-app .bga-account-legal-actions{display:flex;gap:12px 20px;flex-wrap:wrap;font-size:13px}
@media(max-width:520px){.bga-app .bga-legal-footer{gap:10px 14px}.bga-app .bga-profile-safety-link small{display:block;margin:6px 0 0}}

/* v4.4.57 — unfinished scorecards are a separate, collapsed section. */
.bga-incomplete-scorecards{border-color:#dccba5;background:#fffdf8;margin:18px 0 12px}
.bga-incomplete-scorecards .bga-history-toggle-label strong{color:#654c20}
.bga-incomplete-scorecards .bga-history-toggle-control{color:#735923}
.bga-incomplete-scorecards .bga-history-toggle:hover{background:#fcf6e7}
.bga-incomplete-scorecards .bga-match-history-items{background:#fff}
.bga-incomplete-scorecards .bga-unfinished-match{border-left:3px solid #d3a44e;padding-left:10px}


/* v4.4.58 — Group member management dropdowns (desktop and mobile). */
.bga-app .bga-members-section .bga-member-action-dropdown {
  display:block; border:1px solid var(--bga-line); border-radius:12px;
  background:#fff; margin:14px 0 0; padding:0; overflow:hidden;
}
.bga-app .bga-members-section .bga-member-action-dropdown > summary {
  list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px;
  min-height:54px; padding:12px 15px; cursor:pointer; color:var(--bga-ink);
  font-size:15px; font-weight:750; line-height:1.3;
}
.bga-app .bga-members-section .bga-member-action-dropdown > summary::-webkit-details-marker {display:none}
.bga-app .bga-members-section .bga-member-action-dropdown > summary:hover {background:#f6f9f7}
.bga-app .bga-members-section .bga-member-action-dropdown > summary:focus-visible {outline:3px solid #14796e;outline-offset:-3px;border-radius:10px}
.bga-app .bga-members-section .bga-member-dropdown-info {display:flex;align-items:center;gap:11px; flex-shrink:0}
.bga-app .bga-members-section .bga-member-dropdown-info small {font-size:12px;color:var(--bga-muted);font-weight:650;white-space:nowrap}
.bga-app .bga-members-section .bga-member-dropdown-chevron {width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#edf4ee;color:#2e6652;font-size:22px;line-height:1;transition:transform .15s ease}
.bga-app .bga-members-section .bga-member-action-dropdown[open] .bga-member-dropdown-chevron {transform:rotate(180deg)}
.bga-app .bga-members-section .bga-member-dropdown-body {padding:10px 15px 15px;border-top:1px solid var(--bga-line);min-width:0}
.bga-app .bga-members-section .bga-member-dropdown-body > p:first-child {margin:3px 0 12px;line-height:1.45}
.bga-app .bga-members-section .bga-member-action-dropdown .bga-group-member-row {margin-top:6px}
@media(max-width:480px) {
 .bga-app .bga-members-section .bga-member-action-dropdown > summary {min-height:50px;padding:11px 12px;font-size:14px}
 .bga-app .bga-members-section .bga-member-dropdown-body {padding:10px 12px 12px}
}

/* v4.4.60: one compact unclaimed guest list with claim action beside each name. */
.bga-app .bga-members-guests .bga-guest-claim-row{display:flex;align-items:center;flex-wrap:nowrap;gap:8px}
.bga-app .bga-members-guests .bga-guest-claim-row .bga-group-member-profile-link{flex:1 1 auto;min-width:0}
.bga-app .bga-members-guests .bga-guest-claim-button{flex:0 0 auto;margin-left:auto;min-height:32px;padding:5px 12px;font-size:12px;white-space:nowrap}
.bga-app .bga-members-guests .bga-guest-claim-status{flex:0 0 auto;margin-left:auto;color:var(--bga-muted);font-size:11px;text-align:right}
@media(max-width:480px){.bga-app .bga-members-guests .bga-guest-claim-row{flex-wrap:nowrap}.bga-app .bga-members-guests .bga-guest-claim-button{margin-left:0}.bga-app .bga-members-guests .bga-guest-claim-status{max-width:96px}}

.bga-app .bga-members-guests .bga-guest-has-requests{flex-wrap:wrap}
.bga-app .bga-members-guests .bga-guest-claim-approvals{flex:1 0 100%;width:100%;padding:8px 0 0 0;border-top:1px solid #dfeae2}
.bga-app .bga-members-guests .bga-guest-claim-approval-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:5px 0}
.bga-app .bga-members-guests .bga-guest-claim-approval-row>span{font-size:12px;min-width:0}
.bga-app .bga-members-guests .bga-guest-claim-approval-row .bga-row{gap:6px}
.bga-app .bga-members-guests .bga-guest-claim-approval-row button{font-size:12px;min-height:32px;padding:5px 9px;margin:0}


/* v4.4.62 — five compact, uniform Group Players cards per row on phones.
   Only the statistics filter changes; other group member and roster chips retain their layouts. */
@media (max-width:600px){
  .bga-app .bga-group-players-panel .bga-group-filter-chips{
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;
    align-items:stretch;margin:14px 0 12px;width:100%;
  }
  .bga-app .bga-group-players-panel .bga-group-filter-chip{
    display:flex;position:relative;box-sizing:border-box;flex-direction:column;
    align-items:center;justify-content:center;gap:2px;
    width:100%;max-width:none;min-width:0;min-height:0;aspect-ratio:1/1;
    padding:4px 2px;border-radius:10px;text-align:center;
    font-size:clamp(9px,2.45vw,11px);line-height:1.08;
  }
  .bga-app .bga-group-players-panel .bga-group-filter-chip .bga-player-avatar{
    width:23px;height:23px;min-width:23px;flex:none;font-size:10px;
  }
  .bga-app .bga-group-players-panel .bga-group-filter-name{
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    max-width:100%;min-width:0;overflow:hidden;overflow-wrap:anywhere;
    line-height:1.08;font-weight:650;
  }
  .bga-app .bga-group-players-panel .bga-group-filter-chip .bga-group-color-dot{
    position:absolute;top:4px;right:4px;width:6px;height:6px;
  }
  .bga-app .bga-group-players-panel .bga-group-filter-chip .bga-filter-check{
    position:absolute;top:2px;left:3px;font-size:10px;min-width:0;min-height:0;
  }
  .bga-app .bga-group-players-panel .bga-group-filter-all .bga-filter-check{
    position:static;display:flex;align-items:center;justify-content:center;
    font-size:20px;min-height:23px;line-height:23px;
  }
  .bga-app .bga-group-players-panel .bga-group-filter-all>span:last-child{
    display:block;min-width:0;overflow-wrap:anywhere;font-weight:650;
  }
}
@media (max-width:350px){
  .bga-app .bga-group-players-panel .bga-group-filter-chips{gap:4px}
  .bga-app .bga-group-players-panel .bga-group-filter-chip{padding:3px 1px;gap:1px;font-size:9px}
  .bga-app .bga-group-players-panel .bga-group-filter-chip .bga-player-avatar{width:20px;height:20px;min-width:20px;font-size:9px}
  .bga-app .bga-group-players-panel .bga-group-filter-all .bga-filter-check{min-height:20px;line-height:20px;font-size:18px}
}
/* v4.4.61 — collapsible statistics immediately after the selector. */
.bga-app .bga-group-player-statistics-dropdown{padding:0;overflow:hidden}
.bga-app .bga-group-player-statistics-dropdown>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;
  justify-content:space-between;gap:12px;min-width:0;min-height:66px;
  padding:16px 21px;color:var(--bga-ink);
}
.bga-app .bga-group-player-statistics-dropdown>summary::-webkit-details-marker{display:none}
.bga-app .bga-group-player-statistics-dropdown>summary:hover{background:#f6faf8}
.bga-app .bga-group-player-statistics-dropdown>summary:focus-visible{outline:3px solid #168272;outline-offset:-3px}
.bga-app .bga-group-statistics-summary-label{display:flex;flex-direction:column;gap:4px;min-width:0}
.bga-app .bga-group-statistics-summary-label strong{font-size:17px;line-height:1.25}
.bga-app .bga-group-statistics-summary-label small{font-size:12px;color:var(--bga-muted)}
.bga-app .bga-group-statistics-chevron{flex:none;font-size:25px;color:var(--bga-teal);line-height:1;transition:transform .18s ease}
.bga-app .bga-group-player-statistics-dropdown[open] .bga-group-statistics-chevron{transform:rotate(180deg)}
.bga-app .bga-group-player-statistics-content{border-top:1px solid var(--bga-line);padding:17px 21px 20px;min-width:0}
.bga-app .bga-group-player-statistics-content .bga-selected-players-grid{margin:0}
@media (max-width:600px){
  .bga-app .bga-group-player-statistics-dropdown>summary{min-height:59px;padding:13px 14px}
  .bga-app .bga-group-statistics-summary-label strong{font-size:15px}
  .bga-app .bga-group-player-statistics-content{padding:12px 12px 14px}
}
@media(prefers-reduced-motion:reduce){.bga-app .bga-group-statistics-chevron{transition:none}}


/* v4.4.61 — My Groups is first; group discovery/join/create controls follow. */
.bga-app .bga-my-groups-section{margin:12px 0 25px}
.bga-app .bga-my-groups-section>.bga-section-title{margin-top:0}
.bga-app .bga-my-groups-section .bga-score-hubs{margin-top:10px}
@media(max-width:600px){.bga-app .bga-my-groups-section{margin:10px 0 18px}}

/* v4.4.63: Home-screen standalone mode — draw the header into the safe area
   rather than leaving an empty stripe above the app. Normal browser tabs
   retain their own address bar (outside the page's control). */
@media (max-width:800px) and (display-mode:standalone) {
  body.bga-companion-live { margin:0; padding:0; }
  body.bga-companion-live .bga-app { margin:0; min-height:100dvh; border-radius:0; }
  body.bga-companion-live .bga-app .bga-header {
    height:calc(75px + env(safe-area-inset-top, 0px));
    padding-top:calc(15px + env(safe-area-inset-top, 0px));
    background:#ffffff;
  }
}
@supports (-webkit-touch-callout:none) {
  @media (max-width:800px) and (display-mode:standalone) {
    body.bga-companion-live { background:#ffffff; }
  }
}

/* v4.4.64 — explicit flush-to-top mobile page framing. The page never
   renders a URL label; browser-owned address bars are controlled by whether
   the app was installed and opened in standalone mode. */
@media (max-width:800px) {
  html {margin:0;padding:0;}
  body.bga-companion-live {margin:0!important;padding:0!important;}
  body.bga-companion-live .bga-app {margin-top:0!important;margin-bottom:0;max-width:100%;border-radius:0;}
  body.bga-companion-live .bga-app .bga-header {margin-top:0;}
}


/* v4.4.65 — Install promotion on the logged-out Companion screen only. */
#bga-companion-login .bga-install-promo[hidden],
#bga-companion-login .bga-install-note[hidden],
#bga-companion-login .bga-install-steps[hidden] {display:none!important}
#bga-companion-login .bga-install-promo {
  max-width:410px;margin:0 auto 20px;padding:16px;
  background:#ecf6f1;border:1px solid #c7dfd5;border-radius:16px;
  text-align:left;color:#173d36;
}
#bga-companion-login .bga-install-heading {display:flex;align-items:center;gap:12px;margin-bottom:14px}
#bga-companion-login .bga-install-heading strong {display:block;font-size:15px;line-height:1.3}
#bga-companion-login .bga-install-heading small {display:block;color:#536e65;font-size:12px;margin-top:4px;line-height:1.4}
#bga-companion-login .bga-install-symbol {display:grid;place-items:center;flex:none;width:38px;height:38px;
  border-radius:11px;background:#d0e9dd;color:#0d685e;font-weight:800;font-size:26px}
#bga-companion-login #bga-install-app {display:flex;width:100%;min-height:46px;cursor:pointer}
#bga-companion-login #bga-install-app:disabled {opacity:.65;cursor:wait}
#bga-companion-login .bga-install-note {margin:11px 0 0;color:#34574e;font-size:12px;line-height:1.5}
#bga-companion-login .bga-install-steps {margin-top:12px;padding:11px 12px;border:1px solid #d2e2dc;
  border-radius:9px;background:#fff;font-size:13px;line-height:1.55}
#bga-companion-login #bga-install-app:focus-visible {outline:3px solid #e5ae4b;outline-offset:3px}
@media (max-width:420px) {
  #bga-companion-login .bga-install-promo {padding:14px;margin:0 auto 16px}
}


/* v4.4.66 — Compact signed-out landing page, scoped to the app login only.
   Keep Google's iframe in its original DOM location; never shrink controls below
   touch-target size. The header is deliberately unchanged. */
#bga-companion-login .bga-login-intro {color:var(--bga-muted);}
@media (max-width:800px) {
  #bga-companion-login .bga-shell {min-height:100dvh;}
  #bga-companion-login .bga-content {margin:0 auto;padding:clamp(12px,3.7vw,18px) 16px 14px;max-width:600px;}
  #bga-companion-login .bga-login {max-width:460px;padding:0;margin:0 auto;text-align:center;}
  /* The header already contains the brand icon; avoid showing it twice. */
  #bga-companion-login .bga-login>.bga-hero-icon {display:none;}
  #bga-companion-login .bga-login h2 {font-size:clamp(23px,6.2vw,28px);line-height:1.17;letter-spacing:-.035em;margin:0 auto;max-width:420px;}
  #bga-companion-login .bga-login>p.bga-login-intro {font-size:13px;line-height:1.35;margin:7px auto 14px;max-width:360px;}
  #bga-companion-login .bga-signin-panel {max-width:410px;margin:0 auto 10px;padding:14px 16px;border-radius:14px;}
  #bga-companion-login .bga-signin-panel h3 {font-size:16px;line-height:1.3;margin:0 0 7px;}
  #bga-companion-login .bga-google-stage {min-height:48px;margin:3px auto 0;}
  #bga-companion-login .bga-google-button {min-height:45px;margin:0 auto;}
  #bga-companion-login .bga-install-promo {display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:410px;margin:0 auto 9px;padding:10px 12px;border-radius:13px;}
  #bga-companion-login .bga-install-heading {flex:1 1 140px;min-width:0;gap:8px;margin:0;}
  #bga-companion-login .bga-install-heading strong {font-size:13px;line-height:1.15;}
  #bga-companion-login .bga-install-heading small {font-size:11px;line-height:1.25;margin-top:2px;}
  #bga-companion-login .bga-install-symbol {width:30px;height:30px;border-radius:8px;font-size:19px;}
  #bga-companion-login #bga-install-app {flex:0 0 auto;width:auto;min-width:95px;min-height:44px;padding:8px 11px;font-size:13px;}
  #bga-companion-login .bga-install-note,#bga-companion-login .bga-install-steps {flex:1 1 100%;}
  #bga-companion-login .bga-login>p.bga-quiet {font-size:11px;line-height:1.35;margin:5px auto 6px;max-width:400px;}
  #bga-companion-login .bga-login>p.bga-signin-legal {font-size:11px;line-height:1.35;margin:6px auto 0;max-width:410px;}
}
@media (max-width:350px) {
  #bga-companion-login .bga-content {padding-inline:11px;}
  #bga-companion-login .bga-login h2 {font-size:22px;}
  #bga-companion-login .bga-signin-panel {padding:12px 10px;}
  #bga-companion-login .bga-install-promo {padding:9px 10px;gap:7px;}
  #bga-companion-login .bga-install-heading small {font-size:10px;}
  #bga-companion-login #bga-install-app {min-width:87px;padding-inline:9px;}
}

/* v4.4.67 — On the signed-out mobile screen, centre the existing header
   branding as a single unit; preserve the compact login and signed-in header. */
@media (max-width:800px) {
  #bga-companion-login .bga-header {
    justify-content:center;
    text-align:left;
  }
  #bga-companion-login .bga-header .bga-logo {
    width:max-content;
    max-width:100%;
    margin-inline:auto;
    justify-content:center;
  }
}

/* v4.4.69 — Personal scores game selector: full-width All Games and three
   equal-size game tiles. The selected game filters the green player card. */
.bga-app .bga-scores-game-selector{display:flex;flex-direction:column;gap:10px;margin:12px 0 18px}
.bga-app .bga-score-all-game{width:100%;min-width:0;min-height:63px;border-radius:13px;background:#fff;border:1px solid #cdded9;color:var(--bga-ink);display:flex;align-items:center;gap:12px;padding:11px 15px;text-align:left;transition:border-color .12s,background .12s}
.bga-app .bga-score-all-game.is-selected{border:2px solid #157d70;background:#e8f5f1;padding:10px 14px}
.bga-app .bga-score-all-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#dbf0e9;color:#136e62;font-size:20px}
.bga-app .bga-score-all-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.bga-app .bga-score-all-text strong{font-size:15px;line-height:1.2}
.bga-app .bga-score-all-text small,.bga-app .bga-score-all-count{font-size:11px;color:#5c7770}
.bga-app .bga-score-all-count{white-space:nowrap;font-weight:750}
.bga-app .bga-score-game-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,175px));gap:10px}
.bga-app .bga-score-game-tile{width:100%;min-width:0;aspect-ratio:1;border:1px solid #d6e5df;border-radius:14px;background:#fff;padding:10px 6px 8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;color:var(--bga-ink);transition:border-color .12s,background .12s}
.bga-app .bga-score-game-tile.is-selected{border:2px solid #157d70;background:#e8f5f1;padding:9px 5px 7px}
.bga-app .bga-score-game-tile-cover{flex:0 0 43px;width:43px;height:43px;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e5eee9;color:#145b50;font-size:23px;font-weight:850}
.bga-app .bga-score-game-tile-cover img{display:block;width:100%;height:100%;object-fit:cover}
.bga-app .bga-score-game-tile-title{font-size:12px;line-height:1.18;font-weight:750;max-width:100%;min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bga-app .bga-score-game-tile-count{font-size:10px;color:var(--bga-muted);line-height:1.2}
.bga-app .bga-score-game-tile:hover,.bga-app .bga-score-all-game:hover{border-color:#118473}
.bga-app .bga-score-selection-details{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}
.bga-app .bga-score-selection-details-head{display:flex;align-items:center;gap:12px;min-width:0}
.bga-app .bga-score-selection-details-head .bga-game-icon{width:44px;height:54px;flex-basis:44px;line-height:54px;font-size:26px}
.bga-app .bga-score-selection-details-head strong{font-size:16px}
.bga-app .bga-score-selection-details-head p{font-size:12px;margin:2px 0 0}
.bga-app .bga-score-selection-details>.bga-btn-secondary{flex:none}
.bga-app .bga-my-player-stat-scope{margin-top:10px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.1);color:#e5f4ec;font-size:12px}
.bga-app .bga-my-player-stat-scope strong{color:#fff}
.bga-app .bga-my-player-stat-error{margin:9px 0 0;font-size:11px;color:#fff}
.bga-app .bga-my-player-stat-error button{background:none;border:0;color:#fff;text-decoration:underline;padding:0 4px}
.bga-app .bga-score-no-games{margin-top:15px}
@media(max-width:650px){
 .bga-app .bga-score-game-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .bga-app .bga-score-game-tile{border-radius:12px;padding:8px 4px 6px;gap:4px}
 .bga-app .bga-score-game-tile.is-selected{padding:7px 3px 5px}
 .bga-app .bga-score-game-tile-cover{flex-basis:37px;width:37px;height:37px;font-size:20px}
 .bga-app .bga-score-game-tile-title{font-size:11px}
 .bga-app .bga-score-game-tile-count{font-size:9px}
 .bga-app .bga-score-selection-details{flex-direction:column;align-items:stretch}
 .bga-app .bga-score-selection-details>.bga-btn-secondary{width:100%;align-self:stretch}
}
@media(max-width:360px){
 .bga-app .bga-score-game-tiles{gap:6px}
 .bga-app .bga-score-game-tile-cover{flex-basis:32px;width:32px;height:32px;font-size:18px}
 .bga-app .bga-score-game-tile-title{font-size:10px}
 .bga-app .bga-score-game-tile-count{font-size:9px}
}

/* v4.4.70 - player-only selected game dashboard and accepted-friend comparisons */
.bga-app .bga-personal-game-dashboard{margin-top:18px;display:flex;flex-direction:column;gap:14px;min-width:0}
.bga-app .bga-personal-game-head{border:1px solid #dbe6df;border-radius:16px;background:#fff;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.bga-app .bga-personal-game-heading{display:flex;align-items:center;gap:14px;min-width:0}
.bga-app .bga-personal-game-heading .bga-game-icon{flex:0 0 57px;width:57px;height:68px;line-height:68px}
.bga-app .bga-personal-game-heading h3{margin:2px 0 4px;font-size:22px;line-height:1.15;overflow-wrap:anywhere}
.bga-app .bga-personal-game-heading p{margin:0;font-size:12px;color:#526c62}
.bga-app .bga-personal-compare-trigger{white-space:nowrap}
.bga-app .bga-personal-game-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bga-app .bga-personal-kpi{background:#fff;border:1px solid #dbe6df;border-radius:12px;padding:14px 10px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:4px;min-width:0}
.bga-app .bga-personal-kpi strong{color:#145e51;font-size:25px;line-height:1.1;overflow-wrap:anywhere}
.bga-app .bga-personal-kpi small{color:#5e6f67;font-size:11px}
.bga-app .bga-personal-dashboard-grid,.bga-app .bga-personal-score-extremes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.bga-app .bga-personal-chart-card{min-width:0}.bga-app .bga-personal-chart-card h4,.bga-app .bga-personal-ranking h4,.bga-app .bga-personal-compare-picker h4,.bga-app .bga-personal-compare-results h4{margin:0 0 8px;font-size:17px}
.bga-app .bga-personal-chart-card .bga-quiet{font-size:12px;margin:0 0 14px}
.bga-app .bga-personal-chart-layout{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.bga-app .bga-personal-win-donut{width:160px;height:160px;flex:0 0 160px;border-radius:50%;display:grid;place-items:center}
.bga-app .bga-personal-win-donut>span{width:107px;height:107px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;flex-direction:column}
.bga-app .bga-personal-win-donut strong{font-size:27px;color:#145e51}
.bga-app .bga-personal-win-donut small{font-size:10px;color:#586e63}
.bga-app .bga-personal-win-legend{flex:1;min-width:150px;display:grid;gap:10px}
.bga-app .bga-personal-win-row{display:flex;align-items:center;gap:8px;font-size:12px}
.bga-app .bga-personal-win-row i{width:10px;height:10px;border-radius:3px;flex:none}
.bga-app .bga-personal-win-row span{flex:1}.bga-app .bga-personal-win-row strong{white-space:nowrap}.bga-app .bga-personal-win-row strong small{font-size:10px;color:#69766e;font-weight:normal}
.bga-app .bga-personal-performance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bga-app .bga-personal-performance>div{border-radius:9px;background:#f1f6f3;padding:12px;display:flex;flex-direction:column;gap:5px}
.bga-app .bga-personal-performance span{font-size:11px;color:#647369}.bga-app .bga-personal-performance strong{font-size:19px;color:#18483c}
.bga-app .bga-personal-recent-label{margin:16px 0 8px;font-size:12px;color:#56695e}
.bga-app .bga-personal-recent-form{display:flex;flex-wrap:wrap;gap:5px}.bga-app .bga-personal-recent-form span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#d5e7dd;color:#174934;font-size:11px;font-weight:bold}.bga-app .bga-personal-recent-form .is-loss{background:#f3dedc;color:#94453c}.bga-app .bga-personal-recent-form .is-shared{background:#f7e6be;color:#846125}
.bga-app .bga-personal-ranking-list{display:flex;flex-direction:column;gap:12px}
.bga-app .bga-personal-score-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto 77px;gap:9px;align-items:center;font-size:12px}
.bga-app .bga-personal-score-row strong{font-size:15px;color:#194939;min-width:25px;text-align:right}.bga-app .bga-personal-score-row small{color:#68786c;font-size:11px;text-align:right}
.bga-app .bga-personal-score-bar{height:11px;border-radius:5px;background:#eef3ef;overflow:hidden}.bga-app .bga-personal-score-bar>div{height:100%;border-radius:5px;background:#1c8d77}.bga-app .bga-personal-score-bar>div.is-low{background:#d4a256}
.bga-app .bga-personal-friends-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.bga-app .bga-personal-friend-option{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #dbe6df;border-radius:10px;cursor:pointer;min-width:0}.bga-app .bga-personal-friend-option span:not(.bga-player-avatar){min-width:0;flex:1;overflow-wrap:anywhere}.bga-app .bga-personal-friend-option input{width:18px;height:18px;flex:none}
.bga-app .bga-personal-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}
.bga-app .bga-personal-compare-card{padding:14px;border-radius:12px;border:1px solid #dce5df;background:#fff;min-width:0}.bga-app .bga-personal-compare-card.is-me{border-color:#168271;background:#f0f8f4}
.bga-app .bga-personal-compare-name{display:flex;align-items:center;gap:8px;margin-bottom:12px}.bga-app .bga-personal-compare-name>strong{flex:1;min-width:0;overflow-wrap:anywhere}.bga-app .bga-personal-compare-name>small{font-size:10px;color:#168271}
.bga-app .bga-personal-compare-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bga-app .bga-personal-compare-metrics>div{display:flex;flex-direction:column;gap:4px;text-align:center;padding:7px 3px;background:#f2f6f3;border-radius:6px;min-width:0}.bga-app .bga-personal-compare-metrics strong{font-size:17px;color:#1f594b}.bga-app .bga-personal-compare-metrics small{font-size:9px;line-height:1.2}
.bga-app .bga-personal-compare-bar{margin-top:12px;height:7px;border-radius:4px;background:#e5ece7;overflow:hidden}.bga-app .bga-personal-compare-bar>div{height:100%;background:#138c77}
.bga-app .bga-personal-details-footer{text-align:right}.bga-app .bga-personal-details-footer>button{max-width:100%}
@media(max-width:760px){.bga-app .bga-personal-game-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.bga-app .bga-personal-dashboard-grid,.bga-app .bga-personal-score-extremes{grid-template-columns:1fr}.bga-app .bga-personal-game-kpis{gap:6px}.bga-app .bga-personal-kpi{padding:12px 3px}.bga-app .bga-personal-kpi strong{font-size:20px}.bga-app .bga-personal-kpi small{font-size:10px}.bga-app .bga-personal-game-head{padding:13px}.bga-app .bga-personal-game-heading h3{font-size:19px}.bga-app .bga-personal-compare-trigger{width:100%}}
@media(max-width:390px){.bga-app .bga-personal-win-donut{width:132px;height:132px;flex-basis:132px}.bga-app .bga-personal-win-donut>span{width:91px;height:91px}.bga-app .bga-personal-win-donut strong{font-size:22px}.bga-app .bga-personal-win-legend{min-width:105px}.bga-app .bga-personal-chart-layout{gap:12px}.bga-app .bga-personal-friends-list{grid-template-columns:1fr}.bga-app .bga-personal-score-row{grid-template-columns:15px minmax(0,1fr) auto 64px;gap:5px}.bga-app .bga-personal-score-row small{font-size:10px}}


/* v4.4.71: modal-based friend comparison picker for Scores */
.bga-app .bga-personal-compare-modal .bga-group-modal-window{width:min(100%,560px);max-height:min(87dvh,720px)}
.bga-app .bga-personal-compare-modal .bga-personal-compare-form{padding-top:6px;overflow-y:auto;overscroll-behavior:contain}
.bga-app .bga-personal-compare-modal .bga-personal-friends-list{margin:7px 0 14px}
.bga-app .bga-personal-compare-modal .bga-personal-friend-option.selected{background:#e9f6ef;border-color:#168271}
.bga-app .bga-personal-compare-modal .bga-personal-friend-option:focus-within{outline:2px solid #128573;outline-offset:2px}
.bga-app .bga-personal-compare-count{margin:0 0 8px}
.bga-app .bga-personal-compare-modal-error:not([hidden]),.bga-app .bga-personal-compare-error{color:#a52f35;font-size:13px;margin:6px 0 12px}
.bga-app .bga-personal-compare-modal .bga-group-modal-actions{z-index:2}
.bga-app .bga-personal-compare-results-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.bga-app .bga-personal-compare-results-head h4{margin:0}
@media(max-width:600px){.bga-app .bga-personal-compare-modal .bga-group-modal-actions>button{flex:1}.bga-app .bga-personal-compare-modal .bga-group-modal-head{padding-bottom:10px}}

/* v4.4.72 — adaptive split stats when comparing with accepted friends */
.bga-app .bga-personal-kpi-comparison,.bga-app .bga-personal-compare-performance{padding:0;gap:0;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.bga-app .bga-personal-kpi-comparison>.bga-personal-kpi-heading,.bga-app .bga-personal-compare-performance>.bga-personal-kpi-heading{display:block;width:100%;padding:9px 4px 6px;text-align:center;font-size:11px;line-height:1.2;font-weight:700;color:#4c6559}
.bga-app .bga-personal-kpi-players{display:grid;grid-template-columns:repeat(var(--bga-player-count),minmax(0,1fr));width:100%;flex:1;min-width:0}
.bga-app .bga-personal-kpi-person{min-width:0;padding:7px 2px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-left:1px solid #dce8df;text-align:center}
.bga-app .bga-personal-kpi-person:first-child{border-left:0;background:#f1f8f4}
.bga-app .bga-personal-kpi-person-name{display:block;max-width:100%;width:100%;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4f635b;font-weight:600;border-top:3px solid var(--bga-person-color);padding-top:3px}
.bga-app .bga-personal-kpi-person>strong,.bga-app .bga-personal-kpi-comparison .bga-personal-kpi-person>strong{color:#145e51;font-size:clamp(11px,1.45vw,21px);line-height:1.1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.bga-app .bga-personal-compare-performance{background:#f1f6f3;border-radius:9px}
.bga-app .bga-personal-compare-performance>.bga-personal-kpi-heading{color:#647369}
.bga-app .bga-personal-game-kpis.is-comparing .bga-personal-kpi{min-height:93px}
@media(max-width:760px){
  .bga-app .bga-personal-game-kpis.is-comparing{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .bga-app .bga-personal-kpi-comparison>.bga-personal-kpi-heading,.bga-app .bga-personal-compare-performance>.bga-personal-kpi-heading{font-size:10px}
  .bga-app .bga-personal-kpi-person-name{font-size:10px}
  .bga-app .bga-personal-kpi-person>strong,.bga-app .bga-personal-kpi-comparison .bga-personal-kpi-person>strong{font-size:13px}
  .bga-app .bga-personal-kpi-person{padding:8px 1px;gap:6px}
}
@media(max-width:360px){
  .bga-app .bga-personal-game-kpis.is-comparing[data-compare-count="4"],.bga-app .bga-personal-game-kpis.is-comparing[data-compare-count="5"]{grid-template-columns:1fr}
}
/* Maintain readable comparison percentages even at quarter/fifth widths. */
@media(max-width:760px){
  .bga-app .bga-personal-game-kpis.is-comparing[data-compare-count="4"] .bga-personal-kpi-person>strong,
  .bga-app .bga-personal-game-kpis.is-comparing[data-compare-count="5"] .bga-personal-kpi-person>strong,
  .bga-app .bga-personal-performance.is-comparing .bga-personal-kpi-person>strong{font-size:11px;letter-spacing:-.35px}
}
@media(max-width:600px){
  .bga-app .bga-personal-performance.is-comparing[data-compare-count="4"],
  .bga-app .bga-personal-performance.is-comparing[data-compare-count="5"]{grid-template-columns:1fr}
  .bga-app .bga-personal-performance.is-comparing[data-compare-count="4"] .bga-personal-kpi-person>strong,
  .bga-app .bga-personal-performance.is-comparing[data-compare-count="5"] .bga-personal-kpi-person>strong{font-size:14px}
}


/* v4.4.73 — artwork-first game tiles (the image fills the square and the
   title/count are anchored inside the bottom edge). The tile remains a single
   keyboard-operable button with the existing aria-pressed state. */
.bga-app .bga-score-game-tile,
.bga-app .bga-score-game-tile.is-selected{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-end;
  gap:3px;
  aspect-ratio:1;
  padding:8px 6px 9px;
  border-radius:13px;
  text-align:center;
  box-sizing:border-box;
  transition:border-color .15s,box-shadow .15s;
}
.bga-app .bga-score-game-tile.has-cover{background:#183d35;color:#fff}
.bga-app .bga-score-game-tile.has-cover .bga-score-game-tile-cover,
.bga-app .bga-score-game-tile.no-cover .bga-score-game-tile-cover{
  position:absolute;
  inset:1px;
  width:auto;
  height:auto;
  flex:none;
  border-radius:9px;
  z-index:0;
  margin:0;
}
.bga-app .bga-score-game-tile.has-cover .bga-score-game-tile-cover img{
  display:block;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 28%;
}
.bga-app .bga-score-game-tile.has-cover::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:9px;
  z-index:1;
  background:linear-gradient(to bottom,transparent 24%,rgba(8,24,23,.1) 45%,rgba(5,21,20,.82) 83%,rgba(5,21,20,.94) 100%);
  pointer-events:none;
}
.bga-app .bga-score-game-tile .bga-score-game-tile-title,
.bga-app .bga-score-game-tile .bga-score-game-tile-count{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  line-height:1.17;
  overflow-wrap:anywhere;
}
.bga-app .bga-score-game-tile .bga-score-game-tile-title{
  font-size:clamp(11px,1.05vw,14px);
  font-weight:800;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.bga-app .bga-score-game-tile .bga-score-game-tile-count{
  font-size:clamp(10px,.84vw,12px);
  font-weight:700;
  margin-top:2px;
}
.bga-app .bga-score-game-tile.has-cover .bga-score-game-tile-title,
.bga-app .bga-score-game-tile.has-cover .bga-score-game-tile-count{
  color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.7);
}
.bga-app .bga-score-game-tile.no-cover{background:#e7f2ee;color:#17483f}
.bga-app .bga-score-game-tile.no-cover .bga-score-game-tile-cover{
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(140deg,#deeee8,#bfded1);
  font-size:clamp(30px,4vw,70px);
  font-weight:850;
  color:#165a4d;
}
.bga-app .bga-score-game-tile.no-cover .bga-score-game-tile-title,
.bga-app .bga-score-game-tile.no-cover .bga-score-game-tile-count{
  color:#183c33;
  background:rgba(236,247,242,.92);
  border-radius:4px;
}
.bga-app .bga-score-game-tile.is-selected{
  border:3px solid #078b7d;
  box-shadow:0 0 0 1px rgba(255,255,255,.8) inset;
}
.bga-app .bga-score-game-tile:focus-visible{outline:3px solid #e4b64e;outline-offset:3px}
@media(max-width:650px){
 .bga-app .bga-score-game-tile,
 .bga-app .bga-score-game-tile.is-selected{padding:6px 4px 7px;gap:2px}
 .bga-app .bga-score-game-tile .bga-score-game-tile-title{font-size:11px}
 .bga-app .bga-score-game-tile .bga-score-game-tile-count{font-size:10px;margin-top:0}
}
@media(max-width:360px){
 .bga-app .bga-score-game-tile,
 .bga-app .bga-score-game-tile.is-selected{padding:5px 3px 6px}
 .bga-app .bga-score-game-tile .bga-score-game-tile-title{font-size:10px}
 .bga-app .bga-score-game-tile .bga-score-game-tile-count{font-size:9px}
}


/* v4.4.77 — Visible, non-blocking public-beta notice. Keep the original
   green/wave header, Google login, and signed-in navigation untouched. */
.bga-app .bga-brand-text{min-width:0}
.bga-app .bga-brand-text>strong{display:block}
.bga-app .bga-beta-mobile-trigger{display:none}
.bga-app .bga-beta-header-notice{
  appearance:none;display:flex;align-items:center;gap:9px;min-width:0;
  max-width:420px;min-height:45px;flex:0 1 420px;
  margin:0 auto;padding:8px 11px;border:1px solid #dedfd5;border-radius:12px;
  background:rgba(255,255,255,.82);color:#32453f;
  font:inherit;font-size:11px;line-height:1.32;text-align:left;cursor:pointer;
}
.bga-app .bga-beta-header-notice:hover{border-color:#bb9b54;background:#fffef9}
.bga-app .bga-beta-flag{
  flex:0 0 auto;color:#76551b;background:#f5e9c8;border-radius:6px;
  padding:6px 7px;font-size:10px;font-weight:850;letter-spacing:.065em;white-space:nowrap;
}
.bga-app .bga-beta-notice-copy{min-width:0;max-width:275px}
.bga-app .bga-beta-notice-info{font-size:16px;color:#907339;flex:0 0 auto}
.bga-app .bga-beta-header-notice:focus-visible,.bga-app .bga-beta-mobile-trigger:focus-visible{
  outline:3px solid #d6a84c;outline-offset:3px;
}
@media(max-width:1070px){
  .bga-app .bga-beta-header-notice{display:none}
  .bga-app .bga-brand-text>small{display:none}
  .bga-app .bga-beta-mobile-trigger{
    display:block;width:max-content;max-width:100%;margin:3px 0 0;padding:2px 0;
    background:transparent;border:0;color:#806019;font-size:10px;font-weight:800;
    line-height:1.3;letter-spacing:.03em;text-align:left;text-decoration:underline;
    text-underline-offset:2px;cursor:pointer;
  }
}
@media(max-width:420px){
  .bga-app .bga-beta-mobile-trigger{font-size:9px}
  .bga-app .bga-brand-text>strong{white-space:nowrap}
}
/* The dialog is outside .bga-app so root re-renders never replace it. */
#bga-beta-dialog{
  box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:min(85dvh,700px);
  margin:auto;padding:0;border:1px solid #d7e1da;border-radius:18px;
  color:#213830;background:#fffdf8;box-shadow:0 24px 80px rgba(17,36,30,.29);
  font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-y:auto;
}
#bga-beta-dialog::backdrop{background:rgba(13,31,30,.59)}
#bga-beta-dialog .bga-beta-dialog-inner{padding:clamp(20px,5vw,30px)}
#bga-beta-dialog .bga-beta-dialog-tag{
  display:inline-block;padding:5px 8px;border-radius:7px;background:#f5e9c8;
  color:#785718;font-size:11px;line-height:1.2;font-weight:850;letter-spacing:.09em;
}
#bga-beta-dialog h2{font-size:clamp(21px,5vw,25px);line-height:1.23;margin:15px 0 10px;color:#1d3a31}
#bga-beta-dialog p{font-size:14px;line-height:1.58;margin:0 0 13px;color:#52645a}
#bga-beta-dialog .bga-beta-dialog-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:22px}
#bga-beta-dialog .bga-beta-dialog-actions>a{color:#176b61;font-size:13px;font-weight:750}
#bga-beta-dialog .bga-beta-dialog-actions form{margin:0}
#bga-beta-dialog .bga-beta-dialog-close{min-width:100px;min-height:44px;border:0;border-radius:10px;background:#14796e;color:#fff;font-size:14px;font-weight:750;cursor:pointer;padding:10px 16px}
#bga-beta-dialog :is(a,button):focus-visible{outline:3px solid #d6a84c;outline-offset:3px}
@media(max-width:360px){
  .bga-app .bga-beta-mobile-trigger{font-size:8px;letter-spacing:0}
  #bga-beta-dialog .bga-beta-dialog-actions{flex-wrap:wrap}
}


/* v4.4.78 — Clean personal profile and unified editor; other player screens unchanged. */
.bga-app .bga-profile-pagehead{margin-bottom:13px}
.bga-app .bga-profile-pagehead h1{font-size:clamp(27px,3.8vw,35px)}
.bga-app .bga-account-profile-card{padding:clamp(16px,2.5vw,27px)}
.bga-app .bga-account-profile-card .bga-profile-head{display:grid;grid-template-columns:136px minmax(0,1fr) auto;align-items:center;gap:20px;margin:0}
.bga-app .bga-account-profile-card .bga-profile-head>.bga-player-avatar.large{width:136px;height:136px;flex:auto}
.bga-app .bga-profile-identity{min-width:0;overflow-wrap:anywhere}
.bga-app .bga-profile-identity h2{font-size:clamp(23px,3.3vw,34px);margin:6px 0 0;line-height:1.14;letter-spacing:-.025em}
.bga-app .bga-profile-identity .bga-profile-motto{margin:10px 0 0;font-size:14px;color:#576c64;font-style:italic;line-height:1.4}
.bga-app .bga-profile-identity .bga-quiet{margin:8px 0 0}
.bga-app .bga-profile-main-edit{align-self:center;white-space:nowrap;min-height:43px}
.bga-app .bga-profile-not-linked{margin:16px 0 0}
.bga-app .bga-account-settings{padding:0;overflow:hidden}
.bga-app .bga-account-settings>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;min-height:55px;padding:13px 19px;font-size:16px;font-weight:750}
.bga-app .bga-account-settings>summary::-webkit-details-marker{display:none}
.bga-app .bga-account-settings-arrow{color:var(--bga-teal);transition:transform .18s}
.bga-app .bga-account-settings[open] .bga-account-settings-arrow{transform:rotate(180deg)}
.bga-app .bga-account-settings-body{border-top:1px solid var(--bga-line);padding:16px 19px;display:grid;gap:15px}
.bga-app .bga-account-settings-body p{display:grid;gap:3px;margin:0;overflow-wrap:anywhere;font-size:13px}
.bga-app .bga-account-settings-body p span{color:var(--bga-muted)}
.bga-app .bga-account-settings-body button{justify-self:start}
.bga-app .bga-profile-edit-modal .bga-group-modal-window{max-width:560px}
.bga-app .bga-profile-edit-form{gap:14px;padding-top:5px}
.bga-app .bga-profile-edit-photo-row{display:flex;align-items:center;gap:17px;border-radius:14px;padding:12px;background:#f4f8f6;border:1px solid var(--bga-line)}
.bga-app .bga-profile-edit-photo-row>.bga-player-avatar.large{width:95px;height:95px;flex:0 0 95px;border-radius:15px}
.bga-app .bga-profile-edit-photo-controls{min-width:0;display:grid;gap:7px}
.bga-app .bga-profile-edit-photo-controls strong{font-size:14px}
.bga-app .bga-profile-edit-photo-controls small,.bga-app .bga-profile-edit-field>small{font-size:11px;line-height:1.4;color:var(--bga-muted)}
.bga-app .bga-profile-edit-photo-buttons{display:flex;gap:7px;flex-wrap:wrap}
.bga-app .bga-profile-edit-photo-buttons .bga-btn-secondary{padding:7px 11px;min-height:35px;font-size:12px}
.bga-app .bga-profile-edit-field{display:grid;gap:6px;font-size:13px;font-weight:750}
.bga-app .bga-profile-edit-field>span small{color:var(--bga-muted);font-weight:450}
.bga-app .bga-profile-edit-field input{width:100%;min-height:43px;font-size:15px;border:1px solid #c7d9d5;border-radius:9px;padding:10px 12px;background:#fff}
.bga-app .bga-profile-edit-colour{border:1px solid var(--bga-line);border-radius:12px;padding:11px 13px 14px;margin:0}
.bga-app .bga-profile-edit-colour legend{padding:0 5px;font-size:13px;font-weight:750}
.bga-app .bga-profile-edit-colour-row{display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.bga-app .bga-profile-edit-colour-row input[type=color]{width:54px;height:42px;min-height:42px;padding:3px;background:#fff;border:1px solid #c7d9d5;border-radius:8px}
.bga-app .bga-profile-auto-colour{font-size:13px;display:flex;align-items:center;gap:8px}
.bga-app .bga-profile-auto-colour input{accent-color:var(--bga-teal);width:18px;height:18px}
.bga-app .bga-profile-edit-error{font-size:13px;margin:0;color:#a32b2b}
@media(max-width:650px){
 .bga-app .bga-account-profile-card .bga-profile-head{grid-template-columns:112px minmax(0,1fr);gap:14px}
 .bga-app .bga-account-profile-card .bga-profile-head>.bga-player-avatar.large{width:112px;height:112px}
 .bga-app .bga-profile-main-edit{grid-column:1/-1;width:100%;justify-self:stretch}
 .bga-app .bga-profile-identity h2{font-size:clamp(22px,5.5vw,28px)}
}
@media(max-width:350px){
 .bga-app .bga-account-profile-card .bga-profile-head{grid-template-columns:95px minmax(0,1fr);gap:11px}
 .bga-app .bga-account-profile-card .bga-profile-head>.bga-player-avatar.large{width:95px;height:95px}
 .bga-app .bga-profile-edit-photo-row>.bga-player-avatar.large{width:68px;height:68px;flex-basis:68px}
 .bga-app .bga-profile-edit-photo-row{gap:10px}
 .bga-app .bga-profile-edit-form{padding-left:15px;padding-right:15px}
}


/* v4.4.79 — Private self-service data and privacy controls */
.bga-app .bga-account-privacy-panel{margin-top:16px}
.bga-app .bga-privacy-content{gap:0}
.bga-app .bga-privacy-section{padding:14px 0 18px;border-bottom:1px solid var(--bga-line);min-width:0}
.bga-app .bga-privacy-section:first-child{padding-top:0}
.bga-app .bga-privacy-section:last-of-type{border-bottom:0}
.bga-app .bga-privacy-section h3{margin:0 0 9px;font-size:16px}
.bga-app .bga-privacy-section p{font-size:13px;line-height:1.55;max-width:730px;margin:5px 0 13px}
.bga-app .bga-privacy-request-form{display:grid;gap:13px;max-width:700px;margin:12px 0 15px}
.bga-app .bga-privacy-request-form label{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--bga-ink)}
.bga-app .bga-privacy-request-form :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;border:1px solid #c7d9d5;border-radius:9px;padding:11px 12px;background:#fff;color:var(--bga-ink);font:inherit}
.bga-app .bga-privacy-request-form textarea{resize:vertical;min-height:100px}
.bga-app .bga-privacy-request-form button{justify-self:start}
.bga-app .bga-privacy-error{padding:10px 12px;border-radius:9px;background:#fff0ed;color:#8d3030!important}
.bga-app .bga-privacy-success{padding:10px 12px;border-radius:9px;background:#e9f5ee;color:#206448!important}
.bga-app .bga-privacy-request-history{display:grid;gap:9px;margin-top:15px}
.bga-app .bga-privacy-request-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;border:1px solid var(--bga-line);border-radius:10px;padding:11px 13px;font-size:13px}
.bga-app .bga-privacy-request-row strong{font-size:12px;text-transform:capitalize;color:var(--bga-teal)}
.bga-app .bga-privacy-request-row small{color:var(--bga-muted);grid-column:1/-1}
.bga-app .bga-privacy-content .bga-account-legal-actions{margin-top:14px}
@media(max-width:520px){.bga-app .bga-privacy-content{padding:14px}.bga-app .bga-privacy-section h3{font-size:15px}}

/* v4.4.81 — Simple group discovery and 3-tab group workspace */
.bga-app .bga-groups-page-heading{margin-bottom:16px}
.bga-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 17px}
.bga-group-list-card{min-width:0;background:#fff;border:1px solid #dce7e2;border-radius:17px;overflow:hidden;box-shadow:0 3px 10px rgba(15,51,46,.035)}
.bga-group-list-open{background:transparent;border:0;display:flex;align-items:center;gap:14px;width:100%;min-height:93px;padding:15px;color:var(--bga-ink);text-align:left}
.bga-group-list-open:hover{background:#f3faf6}
.bga-group-list-open .bga-game-icon,.bga-group-list-placeholder{width:58px;height:58px;min-width:58px;border-radius:13px;display:grid;place-items:center;background:#edf4f0;font-size:27px;color:#176855;overflow:hidden}
.bga-group-list-open .bga-game-icon img{width:100%;height:100%;object-fit:cover}
.bga-group-list-copy{flex:1;min-width:0;display:grid;gap:5px}
.bga-group-list-copy strong{font-size:16px;overflow-wrap:anywhere;line-height:1.24}
.bga-group-list-copy small{color:var(--bga-muted);font-size:12px}
.bga-group-list-arrow{font-size:27px;color:#618878}
.bga-groups-empty{display:flex;flex-direction:column;gap:8px;align-items:center;padding:26px 15px;text-align:center;margin-bottom:18px}
.bga-groups-empty-icon{font-size:37px;color:var(--bga-teal)}
.bga-groups-empty p{max-width:380px;color:var(--bga-muted);font-size:13px}
.bga-groups-start-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:13px 0 18px}
.bga-groups-start-button{display:flex;align-items:center;gap:12px;text-align:left;padding:17px 16px;border:1.5px solid #cbdcd6;background:#fff;color:var(--bga-ink);border-radius:15px;min-width:0}
.bga-groups-start-button:hover,.bga-groups-start-button.is-active{border-color:var(--bga-teal);background:#eff9f3}
.bga-groups-action-symbol{width:40px;height:40px;min-width:40px;background:#e1f3e9;color:#11695c;border-radius:13px;display:grid;place-items:center;font-size:23px;font-weight:800}
.bga-groups-start-button>span:last-child{display:grid;gap:4px;min-width:0}
.bga-groups-start-button strong{font-size:15px}.bga-groups-start-button small{font-size:11px;color:var(--bga-muted)}
.bga-groups-entry-content{margin:0 0 17px}.bga-groups-entry-content .bga-section-title{margin-bottom:8px}
.bga-groups-entry-content>.bga-section-title{display:flex;align-items:center;justify-content:space-between}
.bga-groups-entry-close{border:0;background:transparent;font-size:27px;line-height:1;color:var(--bga-muted);min-width:36px;min-height:36px}
.bga-groups-entry-content>p{color:var(--bga-muted);font-size:13px;margin-bottom:12px}
.bga-groups-entry-form{max-width:550px}.bga-groups-entry-form .bga-quiet{font-size:12px}
.bga-groups-join-switch{display:flex;gap:8px;margin:10px 0 16px}
.bga-groups-join-switch button{border:1px solid #cfdfd8;border-radius:999px;background:white;padding:9px 13px;font-size:12px;font-weight:750;color:#42564e}
.bga-groups-join-switch button.active{background:#17685c;border-color:#17685c;color:#fff}
.bga-groups-awaiting{margin:12px 0;background:#f5f7ee;border:1px solid #dce2b9;border-radius:13px;padding:13px 17px;font-size:13px}
.bga-groups-awaiting strong{color:#536235}.bga-groups-awaiting p{font-size:12px;margin-top:4px}
.bga-group-simple-header{padding-bottom:12px}
.bga-group-simple-title{display:flex;gap:13px;align-items:center;margin:9px 0}
.bga-group-simple-title>.bga-game-icon{flex:none}
.bga-group-simple-title>div:last-child{min-width:0}
.bga-group-simple-title h1{font-size:clamp(22px,3.3vw,30px);overflow-wrap:anywhere}
.bga-group-simple-title p{margin-top:5px;color:var(--bga-muted);font-size:12px}
.bga-group-header-actions{display:flex;gap:9px;flex-wrap:wrap;margin:11px 0 4px}
.bga-group-section-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#e9f1ed;border-radius:12px;padding:4px;margin:9px 0 20px}
.bga-group-section-tabs button{font-size:13px;font-weight:750;border:0;background:transparent;border-radius:9px;min-height:41px;white-space:normal;line-height:1.2;color:#38564d;padding:8px 7px}
.bga-group-section-tabs button.active{background:#fff;color:#124f47;box-shadow:0 1px 5px #173c2920}
.bga-group-tab-counter{display:inline-grid;place-items:center;font-size:10px;margin-left:4px;background:#e4b34f;color:#342708;border-radius:99px;min-width:17px;padding:2px 4px}
.bga-group-section-content{display:flex;flex-direction:column;gap:12px;min-width:0}
.bga-group-section-content>.bga-panel,.bga-group-section-content>.bga-match-history,.bga-group-section-content>.bga-last-winner{margin-top:0;margin-bottom:0}
.bga-group-record-game{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #acd7c0;background:#eaf7ee;color:#1a483c;width:100%;border-radius:15px;padding:15px 17px}
.bga-group-record-game>span:nth-child(2){display:grid;gap:4px;flex:1}
.bga-group-record-game strong{font-size:16px}.bga-group-record-game small{font-size:12px;color:#4d7769}
.bga-group-record-game>span:last-child{font-size:25px}
.bga-group-record-symbol{display:grid;place-items:center;width:42px;height:42px;min-width:42px;border-radius:11px;background:#d1ebdc;font-weight:800;font-size:23px}
.bga-group-overview-recent .bga-section-title{margin-bottom:12px}
.bga-group-people-helper{color:var(--bga-muted);font-size:12px;margin:0 0 15px}
.bga-group-settings-intro{margin-bottom:6px}.bga-group-settings-intro h2{font-size:20px}.bga-group-settings-intro p{font-size:12px;color:var(--bga-muted);margin-top:6px}
.bga-group-section-content .bga-group-game-tabs{max-width:100%}
.bga-group-section-content .bga-last-winner{margin-top:0}
@media(max-width:650px){.bga-group-list{grid-template-columns:1fr;gap:9px}.bga-group-list-open{min-height:79px;padding:10px 13px}.bga-group-list-open .bga-game-icon,.bga-group-list-placeholder{width:50px;height:50px;min-width:50px}.bga-groups-start-actions{gap:9px}.bga-groups-start-button{padding:13px 10px;gap:8px;align-items:flex-start;flex-direction:column}.bga-groups-start-button small{line-height:1.3}.bga-groups-action-symbol{width:35px;height:35px;min-width:35px}.bga-group-section-tabs{margin-top:8px}.bga-group-section-tabs button{font-size:11px}.bga-group-header-actions{gap:7px}.bga-group-record-game{padding:12px}}
@media(max-width:360px){.bga-group-list-copy strong{font-size:14px}.bga-group-section-tabs button{font-size:10.5px;padding:6px 4px}.bga-groups-start-button strong{font-size:13px}}

.bga-group-recent-simple{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #e9eeeb}
.bga-group-recent-simple:last-child{border-bottom:0}
.bga-group-recent-simple>div{display:grid;gap:4px;min-width:0}
.bga-group-recent-simple strong{font-size:13px;overflow-wrap:anywhere}
.bga-group-recent-simple small{font-size:11px;color:var(--bga-muted)}
.bga-group-recent-simple>span{display:grid;place-items:center;background:#e0f3e6;color:#1b7458;border-radius:50%;min-width:27px;width:27px;height:27px}

/* v4.4.82 — Inline, reusable Groups help guide */
.bga-app .bga-group-mini-guide{margin:0 0 15px;border:1px solid #d6e6dc;background:#f7fbf7;border-radius:14px;overflow:hidden;color:#203d33}
.bga-app .bga-group-mini-guide>summary{list-style:none;display:flex;align-items:center;gap:11px;cursor:pointer;padding:12px 15px;min-height:61px}
.bga-app .bga-group-mini-guide>summary::-webkit-details-marker{display:none}
.bga-app .bga-group-mini-guide>summary:hover{background:#edf7ef}
.bga-app .bga-group-mini-guide>summary:focus-visible{outline:2px solid #267b65;outline-offset:-3px}
.bga-app .bga-group-guide-icon{width:33px;height:33px;flex:0 0 33px;border-radius:11px;display:grid;place-items:center;color:#1b6954;background:#e1f0e6;font-size:18px;font-weight:800}
.bga-app .bga-group-guide-summary{display:grid;gap:2px;min-width:0;flex:1}
.bga-app .bga-group-guide-summary strong{font-size:14px;line-height:1.3}
.bga-app .bga-group-guide-summary small{font-size:11px;color:#64776c;line-height:1.3}
.bga-app .bga-group-guide-chevron{font-size:19px;color:#477264;transition:transform .18s ease}
.bga-app .bga-group-mini-guide[open] .bga-group-guide-chevron{transform:rotate(180deg)}
.bga-app .bga-group-guide-body{border-top:1px solid #dcebe1;padding:17px 18px 18px;background:#fff}
.bga-app .bga-group-guide-steps{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 23px;padding:0;margin:0 0 15px}
.bga-app .bga-group-guide-steps li{display:flex;gap:10px;min-width:0;align-items:flex-start}
.bga-app .bga-group-guide-step{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#e5f2e7;color:#1a755b;font-size:12px;font-weight:800}
.bga-app .bga-group-guide-steps li strong{font-size:13px;line-height:1.4}
.bga-app .bga-group-guide-steps li p{margin:3px 0 0;color:#607369;font-size:12px;line-height:1.55}
.bga-app .bga-group-guide-tip{margin:0;padding:11px 13px;border-radius:10px;background:#f0f7f2;color:#4a6558;font-size:12px;line-height:1.6}
.bga-app .bga-group-guide-tip strong{color:#1b5946}
@media(max-width:600px){.bga-app .bga-group-mini-guide>summary{padding:10px 12px;min-height:56px}.bga-app .bga-group-guide-body{padding:13px 12px}.bga-app .bga-group-guide-steps{grid-template-columns:1fr;gap:14px}.bga-app .bga-group-guide-steps li p{font-size:12px}}