/* Account and social views share the Shuffora palette. */
.header-inner:not(.game-header-inner){gap:20px}.nav{gap:3px}.nav a{padding:11px 12px;white-space:nowrap}.account-nav{display:flex;gap:9px;align-items:center;margin-left:auto}.account-nav .logout{display:inline-flex;align-items:center;justify-content:center}.nav-count,.count-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;min-width:24px;padding:3px 8px;font-size:.75rem;font-weight:700;background:#eaf1df;color:#365321;white-space:nowrap}.nav-count{margin-left:4px;background:var(--lime);color:var(--forest)}.nav-count.hidden{display:none}.public-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}.public-features p{color:var(--muted);font-size:.925rem;margin-top:9px}.footer-note a,.login-small a{text-decoration:underline;text-underline-offset:3px}.account-password-label{margin-top:21px}.account-field-help{font-size:.8rem;margin-top:8px}.account-login .login-form{max-width:400px}.account-login .login-form-wrap{padding-top:38px;padding-bottom:38px}.account-login .login-small{line-height:1.6}.account-login .login-intro .brand{width:max-content}.account-login .login-form>p.account-field-help{font-size:.8rem;margin-bottom:0}.account-login .backlink{font-size:.85rem;margin-top:16px}.account-login .storage-warning{font-size:.85rem}.friend-request-form{display:grid;grid-template-columns:1fr auto;gap:13px;align-items:end;margin-top:20px}.friend-request-form>.helper,.friend-request-form>.error{grid-column:1/-1;margin:0}.friend-request-form .form-label{margin-bottom:8px}.social-section{margin-top:24px}.social-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.social-section-heading .helper{margin-top:6px}.social-section h2{font-size:1.2rem}.social-person{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.social-person:last-child{border-bottom:0;padding-bottom:0}.social-person-info{flex:1;min-width:0}.social-person-info strong,.social-person-info h3{overflow-wrap:anywhere}.social-person-info p{color:var(--muted);font-size:.85rem;margin-top:4px}.social-person-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.social-empty{margin:0;padding:16px 0;line-height:1.7}.invitation-section{background:#f0f5e6;border-color:#d4dfbd}.social-section-footer{display:flex;align-items:center;gap:18px;margin-top:20px}.social-section-footer .helper{margin:0;font-size:.8rem}.open-lobbies{display:grid;gap:10px}.open-lobby{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.open-lobby:last-child{border-bottom:0}.lobby-monogram{display:grid;place-items:center;flex-shrink:0;width:52px;height:56px;border-radius:13px;background:#eff4e8;color:#345437;font-weight:800;font-size:1.25rem;letter-spacing:-.04em}.profile-identity{display:flex;align-items:center;gap:21px}.profile-identity .eyebrow{font-size:.75rem;margin-bottom:7px}.profile-identity h2{font-size:1.8rem;overflow-wrap:anywhere}.profile-avatar{display:grid;place-items:center;background:var(--forest);color:var(--lime);font-size:2.3rem;font-weight:800;border-radius:22px;width:82px;height:82px;flex-shrink:0}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:29px 0 20px}.stat-tile{padding:23px 18px;background:#f3f6f0;border-radius:15px;min-width:0}.stat-tile strong{display:block;font-size:2.4rem;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.stat-tile span{display:block;color:var(--muted);font-size:.875rem;margin-top:7px}.stat-tile small{display:block;color:var(--muted);font-size:.72rem;margin-top:4px}.role-tag{display:inline-block;margin-top:8px;border:1px solid #d2dec0;border-radius:20px;padding:4px 10px;background:#eff5e4;font-size:.75rem;color:#426124}.profile-card>.helper{font-size:.8rem;line-height:1.7}.profile-game{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:18px 0}.profile-game:last-child{border-bottom:0;padding-bottom:0}.profile-game strong{font-size:.95rem}.profile-game p{font-size:.85rem;color:var(--muted);margin-top:4px}.profile-game>div{min-width:0;overflow-wrap:anywhere}.admin-game-list{display:grid;gap:13px}.admin-game{display:flex;align-items:center;gap:20px}.admin-game h2{font-size:1.1rem}.admin-game .helper{font-size:.8rem}.admin-chat-log,.admin-event-log{list-style:none;padding:0;margin:20px 0 0}.admin-chat-log{max-height:650px;overflow:auto;overscroll-behavior:contain;padding-right:10px}.admin-chat-log li{border-bottom:1px solid var(--line);padding:16px 0}.admin-chat-log li:first-child{padding-top:0}.admin-chat-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.admin-chat-meta strong{font-size:.9rem;overflow-wrap:anywhere}.admin-chat-meta time{font-size:.75rem;color:var(--muted);white-space:nowrap}.admin-chat-log p{font-size:.9rem;white-space:pre-wrap;overflow-wrap:anywhere}.admin-event-log li{font-size:.85rem;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--line)}.admin-event-log time{font-size:.75rem;margin-right:8px}details.social-section summary{font-weight:650;cursor:pointer;min-height:28px}#social-dialog{max-width:600px;max-height:90dvh;overflow:auto}.social-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.social-dialog-heading h2{margin:0 0 16px}.social-dialog-heading>.button{margin-top:-6px}.invite-friends-list{margin-top:14px}#social-dialog .social-person{gap:12px}#social-dialog .social-person-actions{margin-left:auto}#social-dialog .error{margin-top:16px}
@media(max-width:1000px){.header-inner:not(.game-header-inner){gap:14px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.header-inner:not(.game-header-inner) .brand{margin-right:auto}.header-inner:not(.game-header-inner) .nav{order:3;margin:0;width:100%;justify-content:space-between}.nav a{flex:1;text-align:center}.header-inner:not(.game-header-inner) .logout{margin-left:0}.public-features{gap:24px}}
@media(max-width:650px){.public-features{grid-template-columns:1fr;gap:23px}.friend-request-form{grid-template-columns:1fr}.friend-request-form>.helper,.friend-request-form>.error{grid-column:auto}.social-person{flex-wrap:wrap;gap:10px}.social-person-actions{padding-left:44px;justify-content:flex-start;flex-basis:100%}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:23px}.stat-tile{padding:18px 16px}.stat-tile strong{font-size:2.1rem}.profile-identity{gap:15px}.profile-avatar{width:64px;height:64px;border-radius:18px;font-size:2rem}.profile-identity h2{font-size:1.45rem}.profile-game,.admin-game{flex-wrap:wrap;gap:13px}.profile-game>.button{min-width:120px}.admin-game>.button{margin-left:66px}.social-section-footer{align-items:stretch;flex-direction:column;gap:11px}.social-section-heading{align-items:flex-start;gap:10px}.social-section-heading>.button{flex-shrink:0}.admin-chat-meta{align-items:flex-start;flex-direction:column;gap:4px}.open-lobby{gap:11px;flex-wrap:wrap}.open-lobby .lobby-monogram{width:40px;height:46px;font-size:1.1rem}.open-lobby>.button{margin-left:51px}.open-lobby .social-person-info{min-width:130px}#social-dialog .social-person-actions{padding-left:44px}.nav a{padding:10px 7px;font-size:.8rem}.nav-count{min-width:18px;padding:2px 5px;font-size:.65rem}.account-nav{gap:2px}.account-nav .button{padding:9px 12px;font-size:.8rem}.header-inner:not(.game-header-inner) .nav:empty{display:none}.header-inner:not(.game-header-inner) .nav{margin-top:2px}.account-login .login-copy{padding-top:32px}.account-login .login-copy h1{font-size:2.5rem}.account-login .login-intro{padding-bottom:26px}.account-login .login-form-wrap{padding:28px 24px}.profile-card{padding:22px 18px}}
/* Extended profile records and administrator directory. */
.profile-stats-expanded .stat-tile strong{font-size:clamp(1.55rem,3.1vw,2.4rem);overflow-wrap:anywhere}.profile-stats-expanded .stat-tile small{line-height:1.45}.profile-streak{display:flex;align-items:center;gap:24px;padding:21px 24px;border:1px solid var(--line);border-radius:15px;margin-bottom:17px;background:#f8faf6}.streak-value{flex:0 0 135px;display:flex;align-items:baseline;gap:11px}.streak-value strong{font-size:2.1rem;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.streak-value span{font-size:.82rem;font-weight:650;line-height:1.5}.profile-streak h3{font-size:.95rem}.profile-streak p{font-size:.82rem;color:var(--muted);margin-top:5px}.streak-won{background:#eff5e5;border-color:#d6e3c2}.streak-won .streak-value{color:#355520}.streak-lost{background:#faf2f0;border-color:#e9d8d3}.streak-lost .streak-value{color:#92413a}.profile-stat-note{font-size:.8rem;color:var(--muted);line-height:1.7;margin:0 0 12px}.admin-tabs{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--line);margin:0 0 24px;padding-bottom:8px}.admin-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:10px;color:var(--muted);font-size:.925rem;font-weight:600}.admin-tabs a.active{background:var(--forest);color:#fff}.admin-tabs a:not(.active):hover{background:#e8eee7;color:var(--ink)}.admin-user-search{display:flex;align-items:flex-end;gap:12px}.admin-user-search>div{flex:1;min-width:0}.admin-user-search .form-label{margin-bottom:8px}.admin-user-row{display:grid;grid-template-columns:38px minmax(140px,1fr) minmax(170px,auto) auto;align-items:center;gap:16px;border-top:1px solid var(--line);padding:18px 0}.admin-user-row:last-child{padding-bottom:0}.admin-user-name{min-width:0}.admin-user-name>strong{display:block;font-size:.95rem;overflow-wrap:anywhere}.admin-user-role{display:block;font-size:.8rem;color:var(--muted);margin-top:5px}.admin-user-created>span{display:block;font-size:.72rem;color:var(--muted);margin-bottom:5px}.admin-user-created time{font-size:.8rem;line-height:1.5}.admin-user-row>.button{white-space:nowrap}.admin-tabs+.surface,.admin-tabs+[data-admin-content]{margin-top:0}
@media(max-width:650px){.profile-stats-expanded .stat-tile strong{font-size:clamp(1.4rem,7vw,2.1rem)}.profile-streak{padding:18px 16px;gap:15px;align-items:flex-start}.streak-value{flex-basis:85px;display:block}.streak-value strong{display:block;font-size:1.9rem}.streak-value span{display:block;font-size:.78rem;margin-top:4px}.profile-streak h3{font-size:.875rem}.profile-streak p{font-size:.78rem}.admin-tabs{gap:4px;margin-bottom:20px}.admin-tabs a{flex:1;padding:11px 12px;font-size:.875rem}.admin-user-search{flex-wrap:wrap}.admin-user-search>div{flex-basis:100%}.admin-user-search>.button{flex:1}.admin-user-row{grid-template-columns:34px minmax(0,1fr) auto;gap:8px 11px;padding:17px 0}.admin-user-created{grid-column:2;grid-row:2}.admin-user-created>span{display:inline;margin:0 4px 0 0;font-size:.72rem}.admin-user-created time{font-size:.72rem}.admin-user-row>.button{grid-column:3;grid-row:1 / span 2;padding:8px 11px;font-size:.8rem}.admin-user-row>.avatar{align-self:start}.admin-user-role{font-size:.75rem}.admin-user-name>strong{font-size:.9rem}}
/* Four online games, shared profiles and ranking. */
.game-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.catalog-card{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;gap:24px;min-height:330px;border-radius:24px;padding:30px;background:var(--forest);color:#fff;border:1px solid transparent}.catalog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;position:relative;z-index:1}.catalog-top .eyebrow{font-size:.68rem;letter-spacing:.1em;margin:0;color:#c8d6c8;max-width:180px}.catalog-player-count{font-size:.75rem;white-space:nowrap;color:#c8d6c8}.catalog-copy{align-self:end;position:relative;z-index:1;max-width:330px;padding-right:32px}.catalog-copy h2{font-size:2.1rem;color:inherit;margin-bottom:10px}.catalog-copy p{font-size:.9rem;color:#cfddcd;line-height:1.7}.catalog-game-mark{position:absolute;right:17px;top:45px;font-size:7rem;font-weight:850;line-height:1;letter-spacing:-.075em;color:#d8f36a18;transform:rotate(8deg);user-select:none}.catalog-play{justify-self:start;background:var(--lime);color:var(--forest);min-width:145px;z-index:1}.catalog-play:hover{background:#e4fb8b}.game-president{background:#e9efdf;color:#2b3c21;border-color:#d6dfc9}.game-president .catalog-top .eyebrow,.game-president .catalog-player-count,.game-president .catalog-copy p{color:#5a6b4f}.game-president .catalog-game-mark{color:#7e96501c;font-size:10rem;top:34px}.game-president .catalog-play{background:#324729;color:#fff}.game-president .catalog-play:hover{background:#415b37}.game-31{background:#233b44}.game-31 .catalog-top .eyebrow,.game-31 .catalog-player-count,.game-31 .catalog-copy p{color:#c0d5d9}.game-31 .catalog-game-mark{color:#b7e5d519}.game-31 .catalog-play{background:#beded3;color:#1c3834}.game-31 .catalog-play:hover{background:#d0ece2}.game-war{background:#f0e5d7;color:#503829;border-color:#e1d2c1}.game-war .catalog-top .eyebrow,.game-war .catalog-player-count,.game-war .catalog-copy p{color:#786250}.game-war .catalog-game-mark{color:#93745b20;font-size:10rem;top:34px}.game-war .catalog-play{background:#74513d;color:#fff}.game-war .catalog-play:hover{background:#886047}.profile-total-heading{font-size:.9rem;margin:26px 0 -10px;color:var(--muted)}.profile-game-stats{margin-top:13px;padding:0;overflow:hidden}.profile-game-stats>summary{display:flex;align-items:center;gap:15px;padding:21px 25px;cursor:pointer;list-style:none}.profile-game-stats>summary::-webkit-details-marker{display:none}.profile-game-mark{display:grid;place-items:center;width:46px;height:48px;background:#edf2e5;color:#405232;border-radius:12px;font-size:1.15rem;font-weight:800;flex-shrink:0}.profile-game-summary{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.profile-game-summary strong{font-size:1.1rem}.profile-game-summary small{font-size:.8rem;color:var(--muted)}.profile-expand-label{font-size:.8rem;color:var(--muted)}.profile-game-stats[open] .profile-expand-label{font-size:0}.profile-game-stats[open] .profile-expand-label::after{content:'Skjul';font-size:.8rem}.profile-game-stat-body{padding:0 25px 24px;border-top:1px solid var(--line)}.profile-game-stat-body .profile-stats{margin-top:24px}.president-role-counts h3{font-size:.95rem;margin-bottom:15px}.role-count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.role-count-grid article{padding:16px 12px;background:#edf2e7;border:1px solid #dce6ce;border-radius:12px}.role-count-grid strong{display:block;font-size:1.7rem;font-variant-numeric:tabular-nums}.role-count-grid span{display:block;font-size:.78rem;color:var(--muted);margin-top:7px;overflow-wrap:anywhere}.president-role-counts>.helper{font-size:.78rem;line-height:1.7;margin-top:13px}.leaderboard-controls form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:18px}.leaderboard-controls .form-label{margin:0}.leaderboard-controls select{margin-top:8px}.leaderboard-controls>.helper{font-size:.82rem;margin-top:16px}.leaderboard-table table{width:100%}.leaderboard-table td{white-space:nowrap}.leaderboard-table td:nth-child(2){white-space:normal;min-width:170px;overflow-wrap:anywhere}.leaderboard-sort{background:none;border:0;padding:0;min-height:32px;font:inherit;font-weight:650;color:var(--muted);text-align:right;white-space:nowrap}.leaderboard-sort.active{color:var(--forest);text-decoration:underline;text-decoration-color:#aac548;text-underline-offset:5px;text-decoration-thickness:2px}.leaderboard-sort:hover{color:var(--forest)}.leaderboard-place{font-weight:700;font-variant-numeric:tabular-nums}.leaderboard-self{background:#f0f5e4}.leaderboard-you{display:inline-block;margin-left:9px;padding:3px 7px;border-radius:7px;background:#dfecc7;font-size:.68rem;color:#465d2e;vertical-align:middle}.leaderboard-footer{padding:0 26px 24px}.leaderboard-footer:empty{display:none}.leaderboard-message,[data-leaderboard-content]>.social-empty{padding:24px 26px}[data-leaderboard-error]{margin:0 26px 20px!important}.leaderboard-table+.leaderboard-footer{padding-top:21px}.header-inner:not(.game-header-inner) .nav{gap:2px}.header-inner:not(.game-header-inner) .nav a{padding-left:10px;padding-right:10px}
@media(max-width:800px){.game-catalog{gap:17px}.catalog-card{padding:25px;min-height:330px}.catalog-copy{padding-right:0}.catalog-top{flex-wrap:wrap;gap:8px}.catalog-top .eyebrow{max-width:none}.catalog-game-mark{right:12px;top:69px;font-size:6rem}.game-president .catalog-game-mark,.game-war .catalog-game-mark{font-size:8rem;top:62px}.catalog-copy h2{font-size:1.85rem}.catalog-copy p{font-size:.85rem}.leaderboard-controls form{gap:12px}}
@media(max-width:560px){.game-catalog{grid-template-columns:1fr;gap:17px}.catalog-card{min-height:295px;padding:24px;gap:21px;border-radius:20px}.catalog-top{flex-wrap:nowrap}.catalog-top .eyebrow{font-size:.65rem;max-width:175px}.catalog-player-count{font-size:.72rem}.catalog-copy{max-width:300px;padding-right:10px}.catalog-copy h2{font-size:1.9rem}.catalog-copy p{font-size:.85rem}.catalog-play{justify-self:stretch}.catalog-game-mark{font-size:6.5rem;top:45px;right:18px}.game-president .catalog-game-mark,.game-war .catalog-game-mark{top:42px}.profile-game-stats>summary{padding:19px 17px;gap:12px}.profile-game-mark{width:39px;height:42px;font-size:1rem}.profile-game-summary strong{font-size:1rem}.profile-game-summary small{font-size:.75rem}.profile-expand-label,.profile-game-stats[open] .profile-expand-label::after{font-size:.72rem}.profile-game-stat-body{padding:0 17px 18px}.role-count-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.role-count-grid strong{font-size:1.5rem}.leaderboard-controls form{grid-template-columns:1fr 1fr;gap:14px 11px}.leaderboard-controls form>.button{grid-column:1 / -1}.leaderboard-controls select{font-size:.875rem;padding:11px;min-width:0}.leaderboard-controls label{min-width:0}.leaderboard-footer{padding:0 18px 19px}.leaderboard-footer>.button{width:100%}.leaderboard-message,[data-leaderboard-content]>.social-empty{padding:22px 18px}.leaderboard-table td,.leaderboard-table th{padding:14px 12px}.header-inner:not(.game-header-inner) .nav{overflow-x:auto;justify-content:flex-start;gap:1px;scrollbar-width:thin;padding-bottom:2px}.header-inner:not(.game-header-inner) .nav a{flex:0 0 auto;padding-left:9px;padding-right:9px}.header-inner:not(.game-header-inner) .nav .nav-count{margin-left:3px}}
.leaderboard-scroll-hint{display:none}
@media(max-width:560px){.header-inner:not(.game-header-inner) .nav-admin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:4px}.header-inner:not(.game-header-inner) .nav-admin a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 6px}.leaderboard-scroll-hint{display:block;margin:0;padding:11px 18px 15px;font-size:.72rem;color:var(--muted);border-top:1px solid var(--line)}.leaderboard-table td:nth-child(2){min-width:135px}}

/* October additions: the catalog and navigation keep their space on phones. */
.solo-catalog-section{margin:36px 0}
.solo-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.solo-catalog .surface{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.solo-catalog .surface p{margin:0 0 8px;color:var(--muted,#647364);line-height:1.6}
.solo-catalog .surface .button{margin-top:auto}
.game-fish{background:#dbeee8;color:#123e37}
.game-fish .catalog-game-mark{color:#247361}
.game-fish .eyebrow,.game-fish .catalog-player-count,.game-fish .catalog-copy p{color:#3a655a}
.game-fish .catalog-copy h2{color:#123e37}
.game-fish .catalog-play{background:#216250;color:#fff}
.game-fish .catalog-play:hover{background:#174b3d;color:#fff}
.admin-tabs{flex-wrap:wrap}
@media(max-width:700px){.solo-catalog{grid-template-columns:1fr}.solo-catalog-section>.section-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.nav{flex-wrap:wrap}}

/* Shared navigation, compact game catalog and distinct profile sections. */
.site-header{position:sticky;top:0;z-index:45;box-shadow:0 1px 0 #ffffff12,0 4px 16px #10241e0b}
.header-inner:not(.game-header-inner){max-width:1440px;min-height:76px;gap:24px;flex-wrap:nowrap}
.site-navigation{align-items:center;flex-wrap:nowrap;margin-left:auto}
.site-navigation .logout{margin-left:12px;white-space:nowrap}
.menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid #426051;border-radius:10px;background:#203e32;color:#eef7ee;font-size:.9rem;font-weight:600}
.site-footer{max-width:1440px;margin:auto;padding:24px 32px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.82rem}
.site-footer a{text-decoration:underline;text-underline-offset:3px}
.game-catalog,.solo-catalog{gap:18px}
.catalog-card{min-height:288px;padding:24px;gap:20px;border-radius:20px}
.catalog-copy{padding-right:0;max-width:340px}
.catalog-copy h2{font-size:1.8rem;margin-bottom:8px}
.catalog-copy p{font-size:.86rem;line-height:1.65}
.catalog-top{gap:10px;flex-wrap:wrap}
.catalog-top .eyebrow{font-size:.62rem;max-width:none}
.catalog-player-count{font-size:.72rem}
.catalog-game-mark{font-size:6rem;top:44px;right:16px}
.game-president .catalog-game-mark,.game-war .catalog-game-mark{font-size:7.6rem;top:35px}
.game-fish .catalog-game-mark{color:#2473611f}
.game-uno{background:#69342c;color:#fff7e7}
.game-uno .catalog-top .eyebrow,.game-uno .catalog-player-count,.game-uno .catalog-copy p{color:#f0d5c3}
.game-uno .catalog-game-mark{color:#ffe3941a;font-size:8rem}
.game-uno .catalog-play{background:#ffe399;color:#5e3227}
.game-uno .catalog-play:hover{background:#ffecb4}
.solo-catalog-section{margin:48px 0;padding-top:30px;border-top:1px solid #d7e0d7}
.solo-catalog-section .section-heading{margin:0 0 12px}
.solo-catalog-section>.helper{margin:0 0 20px}
.solo-catalog{margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.game-aces{background:#383d62;color:#fff}
.game-aces .catalog-top .eyebrow,.game-aces .catalog-player-count,.game-aces .catalog-copy p{color:#d6daef}
.game-aces .catalog-game-mark{color:#c1baff24}
.game-aces .catalog-play{background:#dad2ff;color:#353652}
.game-klondike{background:#e9dccb;color:#4e3c27;border-color:#dac8b1}
.game-klondike .catalog-top .eyebrow,.game-klondike .catalog-player-count,.game-klondike .catalog-copy p{color:#6d5c47}
.game-klondike .catalog-game-mark{color:#8d704324}
.game-klondike .catalog-play{background:#624f36;color:#fff}
.game-clock{background:#234c4d;color:#fff}
.game-clock .catalog-top .eyebrow,.game-clock .catalog-player-count,.game-clock .catalog-copy p{color:#c2ddda}
.game-clock .catalog-game-mark{color:#b0e8d721}
.game-clock .catalog-play{background:#a7dcce;color:#203e3e}
.game-solo .catalog-play:hover{filter:brightness(1.06)}
.profile-heading-actions{display:flex;gap:10px;flex-wrap:wrap}
[data-profile-content]>.profile-by-game,[data-profile-content]>.profile-section,[data-profile-content]>.social-section{margin-top:42px;padding-top:30px;border-top:1px solid #cfdacf}
[data-profile-content]>.surface.social-section{padding:26px;border:1px solid var(--line);position:relative}
.profile-by-game>.section-heading,.profile-section>.section-heading{margin:0 0 18px}
[data-profile-content]>.profile-stat-category:first-child{margin-top:0;padding-top:0;border-top:0}
.profile-stat-total .profile-stats{margin-top:20px}
.profile-game-summary small{line-height:1.6}
.profile-game-stat-body .profile-stats:last-child{margin-bottom:0}
.profile-section:empty{display:none}
[data-profile-cosmetics]>.surface{margin-top:0}
.profile-identity{align-items:center}
.profile-solo .section-heading .eyebrow{font-size:.7rem;margin-bottom:8px}
.chat-review{margin:16px 0 24px;padding:14px 16px;border:1px solid #d9e1d9;border-radius:12px;background:#f5f7f3}
.chat-review-label{font-size:.78rem;font-weight:700;color:#596b56}
.chat-review p{font-size:.85rem;line-height:1.6;margin-top:5px;color:var(--ink)}
.chat-review small{display:block;margin-top:8px;font-size:.72rem;line-height:1.5;color:var(--muted)}
.chat-review-compact{margin:10px 0 0;padding:10px 12px;max-width:720px}
.chat-review-ok{background:#eff5e8;border-color:#d2e0c6}
.chat-review-attention{background:#fff6df;border-color:#e7d6a4}
.chat-review-attention .chat-review-label{color:#80601b}
.chat-review-serious{background:#fbede8;border-color:#e5c3b7}
.chat-review-serious .chat-review-label{color:#973e30}
.account-settings{display:grid;gap:28px}
.account-settings-card{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr);gap:24px 42px;align-items:start}
.account-settings-card>.account-email-status,.account-settings-card>.storage-warning{grid-column:2}
.account-settings-card>.account-section-heading{grid-column:1;grid-row:1 / span 3}
.account-settings-card form{grid-column:2}
.account-section-heading .eyebrow{font-size:.7rem;margin-bottom:10px}
.account-section-heading .helper{max-width:390px}
.account-settings-card form>.form-label:not(:first-child),.account-recovery form>.form-label:not(:first-child){margin-top:21px}
.account-settings-card form>.helper,.account-recovery form>.helper{font-size:.8rem;margin-top:8px}
.account-settings-card form>.button,.account-form-actions{margin-top:22px}
.account-form-actions{display:flex;gap:10px;flex-wrap:wrap}
.account-success{padding:14px 17px;background:#edf5e4;color:#355328;border:1px solid #cddaaf;border-radius:12px;font-size:.9rem;line-height:1.6;margin-top:12px}
.account-email-status{padding:16px 18px;background:#f4f7f1;border-radius:12px;line-height:1.6;overflow-wrap:anywhere}
.account-email-status>strong,.account-email-status>span{display:block}
.account-email-status p{font-size:.85rem;color:var(--muted);margin-top:7px}
.account-email-status>span{font-size:.9rem;margin-top:5px}
.account-recovery{max-width:600px;margin:10px auto}
.account-recovery h1{font-size:clamp(1.7rem,4vw,2.35rem)}
.account-recovery form{margin-top:26px}
.account-recovery form>.button{margin-top:22px}
.account-recovery-links{margin-top:26px;border-top:1px solid var(--line);padding-top:20px}
.account-recovery-links .backlink{margin-bottom:0}
@media(min-width:1050px){.game-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1400px){.game-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){
 .header-inner:not(.game-header-inner){display:flex;flex-wrap:wrap;gap:0;min-height:72px;padding-top:14px;padding-bottom:14px}
 .header-inner:not(.game-header-inner) .brand{margin-right:auto}
 .menu-toggle{display:inline-flex}
 .header-inner:not(.game-header-inner) .site-navigation{display:none;order:3;width:100%;margin:14px 0 0;padding:10px 0 0;border-top:1px solid #ffffff1c;max-height:calc(100dvh - 100px);overflow:auto;flex-wrap:nowrap;flex-direction:column;align-items:stretch;gap:4px}
 .header-inner:not(.game-header-inner) .site-navigation.is-open{display:flex}
 .site-navigation a{display:flex;align-items:center;flex:none;text-align:left;padding:12px 14px!important;font-size:.95rem;min-height:44px}
 .site-navigation .logout{margin:8px 0 0!important;padding:14px;text-align:left;border-top:1px solid #ffffff1c;border-radius:0 0 10px 10px;font-size:.9rem}
 .solo-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){.account-settings-card{grid-template-columns:1fr;gap:24px}.account-settings-card>.account-section-heading,.account-settings-card>form,.account-settings-card>.account-email-status,.account-settings-card>.storage-warning{grid-column:1;grid-row:auto}.solo-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.account-settings-card>.storage-warning{margin-top:0}}
@media(max-width:560px){
 .catalog-card{padding:22px;min-height:260px;gap:19px}.catalog-top{flex-wrap:nowrap}.catalog-top .eyebrow{max-width:175px}.catalog-copy{max-width:340px}.catalog-copy h2{font-size:1.75rem}.catalog-game-mark{font-size:6rem;top:44px}.game-president .catalog-game-mark,.game-war .catalog-game-mark{font-size:7rem;top:35px}
 .solo-catalog{grid-template-columns:1fr}.solo-catalog-section{margin:36px 0;padding-top:26px}.solo-catalog-section>.section-heading{flex-wrap:nowrap}
 .header-inner:not(.game-header-inner){min-height:66px}.site-footer{padding:22px 20px 26px}.site-header .brand{font-size:1.1rem}.site-header .brand-mark{width:34px;height:34px;font-size:1.25rem}
 [data-profile-content]>.profile-by-game,[data-profile-content]>.profile-section,[data-profile-content]>.social-section{margin-top:32px;padding-top:25px}
 [data-profile-content]>.surface.social-section{padding:22px 18px}
 .profile-heading-actions{gap:8px}.profile-heading-actions>.button{font-size:.8rem;padding:10px 12px}.profile-game-summary small{font-size:.72rem}.profile-game-stats>summary{gap:10px}.profile-expand-label{max-width:48px;text-align:right}.admin-tabs a{flex:1 1 calc(50% - 8px)}
 .account-settings{gap:22px}.account-settings-card{padding:22px 18px}.account-form-actions .button{flex:1 1 180px}.account-recovery{padding:24px 20px}.account-email-status{padding:14px 15px}
}
@media(max-width:650px){.page-heading{flex-wrap:wrap;align-items:flex-start;gap:16px}.page-heading>div:first-child{flex:1 1 100%;min-width:0}.page-heading>.button{flex-shrink:0}.page-heading h1{overflow-wrap:anywhere}}
.site-navigation a.lime{color:var(--forest);background:var(--lime)}
.site-navigation a.lime:hover{color:var(--forest);background:#e3fa87}
.solo-offline{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}
.solo-offline>.helper{margin:0;font-size:.82rem}
@media(max-width:650px){.admin-game{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}.admin-game>.lobby-monogram{grid-column:1;grid-row:1;width:44px;height:48px;font-size:1.1rem}.admin-game>.social-person-info{grid-column:2;grid-row:1;min-width:0}.admin-game>.button{grid-column:2;grid-row:2;justify-self:start;margin-left:0}.admin-game h2{line-height:1.4;overflow-wrap:anywhere}.page-heading>.social-person-actions{padding-left:0;justify-content:flex-start;flex-basis:auto}.solo-offline{gap:12px;align-items:flex-start}}

/* Profiles show one category at a time, with a short overview. */
.profile-subnav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.profile-subnav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid transparent;border-radius:10px;font-size:.875rem;font-weight:650;color:var(--muted)}
.profile-subnav a:hover{background:#edf2e8;color:var(--ink)}
.profile-subnav a.active{background:var(--forest);color:#fff}
.profile-subnav a:focus-visible,.profile-category-card:focus-visible{outline:3px solid #86a83e;outline-offset:3px}
.profile-overview>.helper{margin:20px 0 0;font-size:.9rem}
.profile-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.profile-category-card{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:118px;padding:24px;transition:border-color .15s,box-shadow .15s}
.profile-category-card:hover{border-color:#b2c39d;box-shadow:0 4px 14px #19392d0a}
.profile-category-card>span:first-child{min-width:0}
.profile-category-card strong{display:block;font-size:1.05rem;line-height:1.4;color:var(--ink)}
.profile-category-card>span>span{display:block;margin-top:7px;color:var(--muted);font-size:.85rem;line-height:1.65}
.profile-category-arrow{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#edf3e5;color:#405d30}
.profile-category-arrow>svg{display:block;width:20px;height:20px}
.profile-category-intro{margin:-4px 0 24px;color:var(--muted);line-height:1.6}
.profile-games-category>.section-heading{align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}
[data-profile-games-pagination]:empty{display:none}
@media(max-width:650px){.profile-subnav{gap:5px;margin-bottom:22px}.profile-subnav a{flex:1 1 calc(33.333% - 6px);padding:10px 9px;font-size:.8rem}.profile-category-grid{grid-template-columns:1fr;gap:12px;margin-top:18px}.profile-category-card{min-height:105px;padding:21px 18px;gap:14px}.profile-category-card strong{font-size:1rem}.profile-category-card>span>span{font-size:.8rem}.profile-category-intro{font-size:.9rem}.profile-games-category>.section-heading .button{padding:9px 12px;font-size:.8rem}}

/* Compact category strip directly below the site header on small screens. */
@media(max-width:800px){
 main.category-page{padding-top:12px}
 .category-page>.profile-subnav,.category-page>.admin-tabs{flex-wrap:nowrap;gap:5px;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;margin:0 0 24px;padding:5px 0 12px;-webkit-overflow-scrolling:touch}
 .category-page>.profile-subnav a,.category-page>.admin-tabs a{flex:0 0 auto;white-space:nowrap;min-height:44px;padding:10px 14px;font-size:.85rem}
}

.test-site-banner{flex:none;display:flex;align-items:center;justify-content:center;gap:12px 24px;flex-wrap:wrap;padding:9px 18px;background:#fff0cf;border-bottom:1px solid #e5c68a;color:#614919;font-size:.8rem;line-height:1.45}
.test-site-banner a{text-decoration:underline;text-underline-offset:3px;font-weight:650;white-space:nowrap}
.profile-test-access{margin-top:20px;display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap}
.profile-test-access>.helper{margin:0;font-size:.8rem}
.admin-user-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.admin-user-actions>.button{white-space:nowrap}
@media(max-width:650px){
 .test-site-banner{gap:5px 12px;padding:8px 12px;font-size:.72rem;justify-content:space-between}
 .test-site-banner strong{flex:1;min-width:180px}
 .admin-user-row>.admin-user-actions{grid-column:2 / span 2;grid-row:3;justify-content:flex-start;padding-top:3px}
 .admin-user-actions>.button{font-size:.8rem;padding:8px 11px}
}