/* Original Chess Club portraits and career surfaces, 1026. */
.club-avatar{display:inline-block;flex-shrink:0;width:48px;height:48px;border-radius:50%;background-image:url('/games/chess/avatars.png?v=1026');background-size:800% 400%;background-position:var(--ax,0%) var(--ay,0%);background-color:#29495b;box-shadow:0 0 0 1px #d7c09155;vertical-align:middle}
.club-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;flex-shrink:0}.club-opponent{display:flex;align-items:center;gap:10px;background:transparent;color:var(--ink);border:0;text-align:left;min-height:52px}.club-opponent strong{display:block;font-size:15px}.club-opponent small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.club-opponent .club-avatar{width:46px;height:46px}.club-profile{display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid #89734366;border-radius:12px;background:#f3d5960a;color:var(--gold);text-align:left}.club-profile .club-avatar{width:34px;height:34px}.club-profile strong{display:block;font-size:12px}.club-profile small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.club-notice{font-size:12px;color:#ffe1b2;margin:0 0 7px;display:flex;gap:8px;align-items:center}.club-notice:empty{display:none}.club-notice button{padding:7px;color:var(--ink);background:#244052;border:1px solid #7692a2;border-radius:5px}.club-dialog{width:min(1120px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;border:1px solid #71867d;border-radius:20px;padding:0;background:radial-gradient(ellipse at 20% 0,#27443e,transparent 60%),#101e2a;color:var(--ink);box-shadow:0 30px 100px #000b;overflow:auto;overscroll-behavior:contain}.club-dialog::backdrop{background:#030a13d9;backdrop-filter:blur(6px)}.club-dialog header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;background:#12262cec;border-bottom:1px solid #61766d55}.club-dialog h2{font:400 30px/1.2 Georgia,serif;color:#f3e3c1}.club-dialog header button{width:44px;height:44px;font-size:25px;color:var(--ink);border:1px solid #63766f88;border-radius:50%;background:transparent}.club-dialog p{font-size:13px;line-height:1.7;color:#bbcccd}.club-content{padding:20px 24px}.club-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.club-intro p{max-width:660px}.club-counter{font:28px Georgia;color:#e6cb91;white-space:nowrap}.club-counter small{font:11px system-ui;color:#a6beb9;display:block;text-align:center}.club-filters{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 22px}.club-filters button,.club-dialog .soft{min-height:42px;padding:9px 14px;border:1px solid #63867b77;border-radius:30px;color:#c8d9d6;background:#ffffff05;font-size:12px}.club-filters button[aria-pressed=true]{background:#d3b577;color:#182a29;border-color:#e9d3a1}.club-section{margin:20px 0 30px}.club-section h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#b0cbbf;margin-bottom:12px}.club-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.club-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 5px 11px;min-width:0;border:1px solid #6d8b7c55;border-radius:13px;color:#eaf2ec;background:linear-gradient(160deg,#4b665322,#0b192744);transition:transform .18s,border-color .18s}.club-card:hover{transform:translateY(-3px);border-color:#ead29b}.club-card[aria-pressed=true]{border-color:#e7c57f;box-shadow:inset 0 0 0 1px #e7c57f;background:#ad8c3f1d}.club-card .club-avatar{width:76px;height:76px;margin-bottom:5px}.club-card strong{font:19px Georgia}.club-card .club-rating{font-size:13px;color:#e8d3a8}.club-card small{font-size:10px;color:#9ebbb2}.club-stars{font-size:16px;letter-spacing:2px;color:#edc977;min-height:20px}.club-stars .empty{color:#55716b}.club-play{position:sticky;bottom:0;z-index:2;background:#102c2af7;border-top:1px solid #71816b;padding:16px 24px;display:flex;gap:18px;align-items:center;justify-content:space-between}.club-play .club-avatar{width:58px;height:58px}.club-preview{display:flex;gap:12px;align-items:center;min-width:0}.club-preview strong{display:block;color:#f0dbb4;font:22px Georgia}.club-preview p{font-size:12px;margin-top:4px}.club-choices{display:flex;gap:8px;align-items:center;flex-shrink:0}.club-dialog select,.club-dialog input{background:#0c2026;color:#f2f5e9;border:1px solid #6e8a7d;border-radius:8px;padding:12px;min-height:44px;font-size:15px}.club-dialog .primary{min-height:46px;border:1px solid #e7cd8d;border-radius:9px;padding:12px 20px;background:linear-gradient(#f4db9f,#ccb175);color:#172d28;font-size:13px;font-weight:750}.club-dialog button:disabled{opacity:.45}.club-profile-dialog{width:min(620px,calc(100% - 24px))}.career-hero{display:flex;gap:16px;align-items:center;margin-bottom:20px}.career-hero .club-avatar{width:76px;height:76px}.career-hero h3{font:28px Georgia;color:#f3deae}.career-hero p{font-size:12px}.career-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.career-stat{border:1px solid #5e817055;border-radius:12px;background:#081d2566;padding:14px 8px;text-align:center}.career-stat strong{display:block;font:26px Georgia;color:#f0d4a0}.career-stat small{display:block;font-size:10px;color:#acc7bc;margin-top:5px}.career-progress{height:5px;background:#3b5852;border-radius:5px;margin:10px 0 5px;overflow:hidden}.career-progress span{display:block;height:100%;background:#e1c27e}.career-auth{margin:20px 0;border-top:1px solid #607a6655;padding-top:20px}.career-tabs{display:flex;gap:8px;margin:12px 0}.career-tabs button{flex:1}.career-tabs [aria-pressed=true]{border-color:#e8ce92;background:#6a653733}.career-form{display:grid;gap:12px}.career-form label{font-size:12px;color:#d1ded8;display:grid;gap:6px}.career-form small{color:#a9c0b6;font-size:11px;line-height:1.5}.career-form button{justify-self:start}.career-feedback{font-size:13px;color:#ffd5ab;line-height:1.6;margin:12px 0;overflow-wrap:anywhere}.career-recovery{background:#66592333;border:1px solid #cfac65;padding:14px;border-radius:10px;margin:15px 0}.career-recovery code{display:block;font-size:17px;user-select:all;overflow-wrap:anywhere;margin:10px 0;color:#fff1bd}.career-avatar-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin:14px 0}.career-avatar-grid button{border:2px solid transparent;background:none;border-radius:50%;padding:2px;aspect-ratio:1}.career-avatar-grid button[aria-pressed=true]{border-color:#e7c57f}.career-avatar-grid .club-avatar{width:100%;height:100%;aspect-ratio:1}.career-history{margin-top:20px}.career-history h3{font:22px Georgia;color:#ead3a2;margin:14px 0}.career-match{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:11px 0;border-bottom:1px solid #54796c44;font-size:12px}.career-match .win{color:#a5e7bb}.career-match .loss{color:#edbdb1}.career-result{padding:14px;margin:12px 0;background:#e3c77e12;border:1px solid #c4a26466;border-radius:12px}.career-result .club-stars{font-size:32px}.career-result p{margin:8px 0!important;font-size:13px!important}.club-confirm{margin:0 24px 18px;padding:16px;border:1px solid #b99b60;border-radius:10px;background:#3e3a28}.club-confirm .primary{margin:12px 8px 0 0}.player-icon.club-avatar{font-size:0!important;background-image:url('/games/chess/avatars.png?v=1026')!important;background-size:800% 400%!important;background-position:var(--ax) var(--ay)!important;border-radius:50%}
@media(max-width:1050px){.club-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.club-card .club-avatar{width:85px;height:85px}}
@media(max-width:680px){.club-bar{padding:8px 2px;gap:6px}.club-opponent{gap:8px}.club-opponent strong{font-size:13px}.club-opponent small{font-size:10px}.club-opponent .club-avatar{width:38px;height:38px}.club-profile{padding:7px 8px;gap:6px}.club-profile .club-avatar{width:28px;height:28px}.club-profile strong{font-size:11px}.club-profile small{font-size:9px}.club-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:15px}.club-dialog header{padding:12px 16px}.club-dialog h2{font-size:25px}.club-content{padding:16px}.club-intro{gap:10px}.club-intro p{font-size:12px}.club-counter{font-size:22px}.club-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.club-card{padding:16px 8px 12px}.club-card .club-avatar{width:94px;height:94px}.club-card strong{font-size:22px}.club-card small{font-size:11px}.club-filters{gap:5px}.club-filters button{padding:8px 10px;font-size:11px}.club-play{display:block;padding:12px 16px}.club-play .club-avatar{width:44px;height:44px}.club-preview strong{font-size:18px}.club-preview p{font-size:11px}.club-choices{margin-top:10px;display:grid;grid-template-columns:1fr 1fr}.club-choices .primary{padding:12px 8px}.career-stats{gap:5px}.career-stat{padding:12px 3px}.career-stat strong{font-size:24px}.career-avatar-grid{grid-template-columns:repeat(6,1fr);gap:7px}.career-match{font-size:11px;gap:8px}.club-confirm{margin:0 16px 16px}.club-section{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.club-card{transition:none}.club-card:hover{transform:none}}

.player-icon.club-avatar{width:24px;height:24px}.club-profile span:last-child{min-width:0}.club-profile strong,.club-profile small{white-space:nowrap}.club-opponent small{max-width:180px}.club-bar{gap:6px}@media(max-width:420px){.club-profile .club-avatar{display:none}.club-opponent{flex:1}.club-opponent small{max-width:155px}.club-profile{padding:9px}.club-profile small{font-size:9px}}

.club-profile{max-width:48%}.club-profile strong,.club-profile small{overflow:hidden;text-overflow:ellipsis}.career-hero>div{min-width:0}.career-hero h3{overflow-wrap:anywhere}.club-opponent>span:last-child{min-width:0}#careerGameNote{line-height:1.5}.club-dialog summary{cursor:pointer;min-height:44px;display:list-item;padding:12px 0;color:#e0ddc8}.club-dialog .club-confirm{scroll-margin-top:100px}