.friends-wrap{max-width:1160px;padding-bottom:60px}.friends-wrap .page-intro{gap:24px}.friends-wrap h1{font-size:clamp(32px,5vw,54px)}.friend-panel{border:3px solid var(--ink);background:var(--white);box-shadow:5px 5px 0 var(--ink);padding:clamp(18px,3vw,30px);margin:22px 0}.friend-panel h2{font-size:24px;margin:8px 0 18px}.friend-panel p{line-height:1.6}.friend-panel fieldset{border:0;padding:0;margin:0;min-width:0}.friend-panel label:not(.friend-check){display:block;font-size:13px;font-weight:800;margin:16px 0 8px}.friend-panel input:not([type=checkbox]){display:block;width:100%;max-width:480px;border:2px solid var(--ink);padding:12px;background:var(--paper);font:inherit;min-height:48px}.friend-panel form .button{margin-top:16px}.friend-check{display:flex;gap:12px;align-items:flex-start;max-width:560px;line-height:1.6;margin:18px 0;font-size:14px}.friend-check input{margin-top:5px;flex-shrink:0}.friend-notice{border-left:5px solid var(--blue);background:var(--white);padding:14px 18px;line-height:1.6;overflow-wrap:anywhere}.friend-notice:empty{display:none}.friend-notice[data-error=true]{border-color:var(--coral)}.friends-top,.friends-requests{display:grid;grid-template-columns:1fr 1fr;gap:24px}.friends-top .friend-panel,.friends-requests .friend-panel{margin:0}.friends-top{margin:26px 0}.code-panel{background:var(--blue)}#my-friend-code{display:block;font:900 clamp(17px,2.3vw,25px)/1.4 "Courier New",monospace;overflow-wrap:anywhere;margin:24px 0}.friend-settings summary,.friend-panel>summary{cursor:pointer;font-weight:800;line-height:1.6}.friend-person{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--ink);padding:18px 0;min-width:0}.friend-person:first-child{border-top:0}.friend-person strong{overflow-wrap:anywhere}.friend-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.friend-actions button{font:800 11px/1.3 "Courier New",monospace;padding:10px;border:2px solid var(--ink);background:var(--paper);cursor:pointer}.friend-actions .accept{background:var(--lime)}.friend-person small{display:block;margin-top:6px}.friend-empty{font-size:14px;color:var(--ink-soft)}.friends-comparison{margin:44px 0}.friends-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.friends-filters label{font-size:13px;font-weight:800}.friends-filters select{font:inherit;border:2px solid var(--ink);background:var(--white);padding:10px;max-width:100%}.friend-score{display:grid;grid-template-columns:minmax(100px,1fr) 95px repeat(5,minmax(60px,90px));gap:12px;align-items:center;background:var(--white);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:22px;margin:14px 0}.friend-score.you{background:#e4f2f4}.friend-score .score-name{font-weight:800;overflow-wrap:anywhere}.friend-score .score-name small{display:block;margin-top:6px;font-weight:400;line-height:1.5}.friend-score .score-cell{display:flex;flex-direction:column;gap:8px}.friend-score .score-cell span{font:800 10px/1.4 "Courier New",monospace;color:var(--ink-soft)}.friend-score .score-cell strong{font:900 25px/1.1 "Courier New",monospace}.friend-score .overall strong{font-size:32px}.friend-score .score-detail{grid-column:1/-1;border-top:1px dashed var(--ink-soft);padding-top:10px;font-size:12px;line-height:1.6;color:var(--ink-soft)}.friend-fine{font-size:13px;line-height:1.7}.friend-fine a{text-decoration:underline}.friends-wrap [hidden]{display:none!important}.friends-wrap .button{white-space:normal}#comparison-basis{line-height:1.6}#friend-content[aria-busy=true] button{cursor:wait}@media(max-width:850px){.friends-top,.friends-requests{grid-template-columns:1fr}.friend-score{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-score .score-name{grid-column:1}.friend-score .overall{grid-column:2}.friend-score .score-cell strong{font-size:25px}}@media(max-width:420px){.friend-person{align-items:flex-start;flex-direction:column}.friend-actions{justify-content:flex-start}.friend-score{padding:16px;gap:16px 8px}.friend-score .score-cell span{font-size:9px}.friends-wrap .section-head{flex-wrap:wrap;gap:16px}}

/* Compact social hub: scores first, administration on demand. */
:is(.friends-page,.leagues-page) .page{padding-top:20px}.friends-wrap{max-width:1040px;padding-bottom:8px}.friends-wrap .page-intro{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.friends-wrap .page-intro h1{font:900 30px/1.1 'Courier New',monospace;letter-spacing:-1px;margin:0 0 5px;text-shadow:none}.friends-wrap .page-intro p{font:13px/1.5 Arial,sans-serif;margin:0}.friends-wrap .page-intro .button{font-size:10px;min-height:44px;padding:10px 12px}.friends-wrap .friend-notice{font:12px/1.5 Arial,sans-serif;padding:8px 12px;margin:8px 0 12px;border-left-width:3px}.friends-wrap .friend-panel{border:1px solid var(--ink);box-shadow:none;padding:14px;margin:12px 0}.friends-wrap .friend-panel h2{font:900 19px/1.2 'Courier New',monospace;margin:0 0 10px}.friends-wrap .friend-panel p{font-size:13px;line-height:1.5}.friends-wrap .friend-panel label:not(.friend-check){font-size:12px;margin:10px 0 6px}.friends-wrap .friend-panel input:not([type=checkbox]){padding:9px;min-height:44px;font-size:14px}.friends-wrap .friend-check{font-size:12px;line-height:1.5;margin:12px 0}.friends-wrap .friend-panel .button{font-size:11px;min-height:44px}.friends-wrap .friend-fine{font:12px/1.5 Arial,sans-serif}.friends-wrap .friend-person{padding:10px 0;font-size:13px}.friends-wrap .friend-person small{font-size:11px;margin-top:4px}.friends-wrap .friend-actions button{min-height:44px}.friends-wrap .friends-top,.friends-wrap .friends-requests{gap:12px;margin:12px 0}.friends-wrap .friends-top .friend-panel,.friends-wrap .friends-requests .friend-panel{margin:0}.friends-wrap #my-friend-code{font-size:20px;margin:12px 0}.friends-wrap .friends-comparison{margin:16px 0}.friends-wrap .section-head{margin:0 0 10px;align-items:center;gap:12px}.friends-wrap .section-head h2{font:900 20px/1.2 'Courier New',monospace;margin:0}.friends-wrap .section-head .button{font-size:10px;min-height:44px}.friends-wrap .friends-filters{gap:8px}.friends-wrap .friends-filters label{font-size:12px}.friends-wrap .friends-filters select{min-height:44px;padding:8px;font-size:12px}.friends-wrap #comparison-basis{font:12px/1.5 Arial,sans-serif;margin:10px 0}.friends-wrap .friend-score{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;border:1px solid var(--ink);box-shadow:none;padding:12px 14px;margin:8px 0}.friends-wrap .friend-score .score-name{font-size:14px}.friends-wrap .friend-score .score-name small{font-size:11px;margin-top:4px}.friends-wrap .friend-score .overall{grid-column:2;grid-row:1;align-items:flex-end;gap:4px}.friends-wrap .friend-score .overall strong{font-size:25px}.friends-wrap .friend-score .score-detail{font-size:11px;padding-top:6px}.friend-game-scores{grid-column:1/-1}.friend-game-scores summary,.hub-tools>summary,.comparison-notes>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:800 12px/1.5 Arial,sans-serif;gap:12px}.friend-game-scores summary::after,.hub-tools>summary::after,.comparison-notes>summary::after{content:'+';margin-left:auto}.friend-game-scores[open]>summary::after,.hub-tools[open]>summary::after,.comparison-notes[open]>summary::after{content:'−'}.friend-game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:8px 0 12px}.friends-wrap .friend-game-grid .score-cell{gap:5px}.friends-wrap .friend-game-grid .score-cell strong{font-size:20px}.hub-tools{border-top:1px solid #9aa9a7;margin-top:14px}.hub-tools>summary span{font-weight:400;color:var(--ink-soft)}.comparison-notes{border-top:1px solid #bed0cd}.comparison-notes p{margin-top:0}.friends-wrap :focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}:is(.friends-page,.leagues-page) .br-site-footer{margin-top:18px}:is(.friends-page,.leagues-page) .br-footer-inner{padding-top:16px;padding-bottom:16px}
@media(max-width:650px){:is(.friends-page,.leagues-page) .page{padding-top:14px}.friends-wrap .page-intro{align-items:flex-start}.friends-wrap .page-intro h1{font-size:26px}.friends-wrap .page-intro .friend-actions{gap:6px}.friends-wrap .page-intro .friend-actions a:last-child{display:none}.friends-wrap .friend-score{padding:10px 12px}.friend-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-wrap .friend-score .score-cell span{font-size:9px}.friends-wrap .friends-filters{display:grid;grid-template-columns:auto minmax(0,1fr)}.friends-wrap .friends-filters select{width:100%}.friends-wrap .friend-person{flex-direction:row;align-items:center;flex-wrap:wrap}.friends-wrap .friend-score .score-name{grid-column:1;grid-row:1}.friends-wrap .friend-score .score-cell.overall{grid-column:2;grid-row:1}.friends-wrap .friend-score .score-name small{max-width:180px}.friends-wrap .friend-panel{padding:12px}:is(.friends-page,.leagues-page) .br-footer-note{display:none}}
:is(.friends-page,.leagues-page){display:flex;flex-direction:column;min-height:100dvh}:is(.friends-page,.leagues-page) .page{flex:1;min-height:0}:is(.friends-page,.leagues-page) .br-site-footer{flex:none}
:is(.friends-page,.leagues-page) .page{padding-bottom:8px}:is(.friends-page,.leagues-page) .br-site-footer{padding:0;margin-top:10px}:is(.friends-page,.leagues-page) .br-footer-inner{padding-top:6px;padding-bottom:6px}
/* The closed score breakdown is a small row action, not another full-width panel. */
.friends-wrap .friend-score{grid-template-columns:minmax(0,1fr) auto auto;gap:6px 16px}.friends-wrap .friend-score .friend-game-scores{grid-column:3;grid-row:1;align-self:center}.friends-wrap .friend-score .friend-game-scores summary{min-width:92px}.friends-wrap .friend-score .score-detail{grid-column:1/-1;grid-row:2}.friends-wrap .friend-score:has(.friend-game-scores[open]) .friend-game-scores{grid-column:1/-1;grid-row:3}.friends-wrap .friend-score .score-name small{max-width:none}.friends-wrap .friend-notice[data-error=false]{border:0;padding:0;background:none;margin:6px 0;font-size:12px}
@media(max-width:480px){.friends-wrap .friend-score{gap:6px 10px}.friends-wrap .friend-score .friend-game-scores summary{min-width:78px;font-size:11px}.friends-wrap .friend-score .overall strong{font-size:23px}.friends-wrap .friend-score .score-name{font-size:13px}.friends-wrap .friend-score .overall>span{max-width:62px;text-align:right}}