:root{--bg:#f4f6fa;--surface:#fff;--ink:#18213b;--muted:#7f899f;--line:#e8ebf2;--primary:#525fe1;--primary-dark:#3d49c6;--soft:#eef0ff;--green:#14866d;--green-bg:#e8f7f2;--amber:#a96912;--amber-bg:#fff5e3;--red:#c3485b;--shadow:0 14px 44px rgba(32,45,84,.06);--radius:18px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,'DM Sans',sans-serif}h1{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-1.2px;margin:7px 0 8px}h2{font-size:19px;letter-spacing:-.35px;margin:0 0 5px}h3{font-size:18px;margin:0 0 8px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:54px;padding:0 max(30px,calc((100vw - 1320px)/2));position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:800;white-space:nowrap}.brand small{display:block;font:11px 'DM Sans',sans-serif;color:var(--muted);font-weight:500;letter-spacing:.1px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#6974f0,#4b56d4);color:white;font:800 19px Manrope;box-shadow:0 6px 15px #525fe133}.brand-mark.large{width:56px;height:56px;font-size:25px;margin:20px auto 12px;border-radius:18px}.main-nav{display:flex;align-items:center;gap:32px;height:100%;flex:1}.main-nav a{height:100%;display:grid;place-items:center;color:#69738a;font-size:14px;font-weight:600;border-bottom:2px solid transparent;padding-top:2px}.main-nav a:hover{color:var(--primary);border-color:var(--primary)}.account{display:flex;align-items:center;gap:18px;font-size:13px;color:#6e7890}.account a:hover,.text-button:hover{color:var(--primary)}.account form{margin:0}.text-button{padding:0;background:none;border:0;color:#6e7890;font-size:13px}.page-shell{max-width:1320px;padding:40px 30px 70px;margin:0 auto;min-height:calc(100vh - 130px)}.footer{text-align:center;color:#a0a8b8;font-size:12px;padding:8px 20px 22px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}.page-heading h1{margin-bottom:7px}.muted{color:var(--muted);font-size:14px;margin:0}.eyebrow{font-size:10px;color:#808aa1;font-weight:700;letter-spacing:1.3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border:1px solid transparent;border-radius:11px;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--primary);color:#fff;box-shadow:0 5px 14px #525fe12a}.primary:hover{background:var(--primary-dark)}.secondary{background:#fff;border-color:var(--line);color:#566078}.secondary:hover{border-color:#cdd2e0}.full{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px 23px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start;min-height:140px}.metric>span:first-child{color:var(--muted);font-size:13px;font-weight:600}.metric strong{font:800 31px Manrope;letter-spacing:-1px;margin:5px 0 4px}.metric a,.metric-note{font-size:12px;color:var(--primary);font-weight:600}.metric.accent{background:linear-gradient(135deg,#505de1,#737cf0);color:white;border:0}.metric.accent>span:first-child,.metric.accent .metric-note{color:#e0e3ff}.metric.accent strong{color:white}.section-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:23px 24px;margin-bottom:21px;box-shadow:var(--shadow);min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-title .muted{font-size:13px}.series-list{display:flex;flex-direction:column}.series-row{display:flex;align-items:center;gap:14px;padding:15px 7px;border-top:1px solid #f0f1f5;transition:background .15s}.series-row:hover{background:#fafaff}.series-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:var(--soft);color:var(--primary);font-size:19px}.series-main{display:flex;flex-direction:column;gap:3px;flex:1}.series-main b{font-size:14px}.series-main small{font-size:12px;color:var(--muted)}.status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.status-pill.done{background:var(--green-bg);color:var(--green)}.status-pill.pending{background:var(--amber-bg);color:var(--amber)}.arrow{color:#a1a8b8;font-size:19px}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.empty p{margin-bottom:20px}.empty-icon{font-size:32px;color:#a2a8ba;margin-bottom:9px}.add-player-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.add-player-card h2{margin-bottom:4px}.inline-form,.search-form{display:flex;gap:9px;align-items:center}input,select{background:#fff;color:var(--ink);border:1px solid #dfe3ec;border-radius:10px;padding:10px 12px;outline:none;min-width:0}input:focus,select:focus{border-color:#868ff0;box-shadow:0 0 0 3px #525fe118}.inline-form input{width:min(300px,34vw)}.search-form input{width:230px;padding:9px 11px}.player-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.player-card{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;transition:border .15s,transform .15s}.player-card:hover{border-color:#bdc4f7;transform:translateY(-1px)}.player-card>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.player-card b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-card small{font-size:11px;color:var(--muted)}.avatar{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;color:#535fe0;background:#eff0ff;font:800 16px Manrope;flex:none}.avatar.xl{width:68px;height:68px;font-size:26px;border-radius:22px}.count-badge{display:inline-grid;place-items:center;min-width:24px;height:23px;padding:0 7px;border-radius:8px;background:#f0f2f8;color:#7e879c;font:600 12px 'DM Sans'}.profile-hero{display:flex;align-items:center;gap:19px;margin:23px 0 27px}.profile-hero h1{margin:4px 0}.back-link{display:inline-block;color:#727d95;font-size:13px;font-weight:600;margin-bottom:20px}.back-link:hover{color:var(--primary)}.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{background:#f7f8fb;color:#7b859b;font-size:10px;text-transform:uppercase;letter-spacing:.45px;text-align:left;padding:12px 11px;font-weight:700;border-bottom:1px solid var(--line)}td{padding:12px 11px;border-bottom:1px solid #eff0f4;color:#46516b}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfbfe}td b{color:var(--ink)}td a{color:#4d5ad5;font-weight:600}td a:hover{text-decoration:underline}.rank-number{color:#a0a7b7;font-weight:700}.wide-table{min-width:1280px}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.game-card{border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px;transition:transform .15s,border .15s,box-shadow .15s}.game-card:hover{transform:translateY(-2px);border-color:#bfc5f5;box-shadow:0 10px 25px #3445a311}.game-card.game-done{background:linear-gradient(180deg,#fff,#f5fbf9)}.game-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.game-number{font:800 20px Manrope;color:#bbc0d1}.status-dot{width:9px;height:9px;border-radius:50%;background:#f0b84e}.status-dot.is-done{background:#2bb28e;box-shadow:0 0 0 4px #2bb28e1a}.game-card>b{font-size:14px}.game-card>.muted{font-size:11px}.seat-preview{display:flex;gap:3px;flex-wrap:wrap;margin:8px 0 3px}.seat-preview span{width:21px;height:21px;border-radius:6px;background:#f1f2f7;color:#788198;display:grid;place-items:center;font-size:9px}.card-arrow{font-size:11px;color:var(--primary);font-weight:700;margin-top:5px}.form-card{max-width:880px}.field-label,.stack-form label,.settings-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#626d83}.field-label input{margin-top:1px;max-width:500px}.player-pick-title{margin:26px 0 12px}.pick-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 13px}.pick-row{display:flex;align-items:center;gap:10px;min-width:0}.pick-number{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f2f3f8;color:#8891a5;font-size:11px;font-weight:700;flex:none}.picked .pick-number{background:#e8f7f2;color:#14866d}.autocomplete{position:relative;display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.autocomplete>span{font-size:10px;color:#838ca0;font-weight:600}.autocomplete input{width:100%;padding:9px 10px;font-size:13px}.suggestions{position:absolute;top:100%;left:0;right:0;z-index:5;background:white;border:1px solid #dadee9;border-radius:10px;box-shadow:0 10px 25px #18213b20;overflow:hidden}.suggestion{display:block;width:100%;border:0;border-radius:0;text-align:left;padding:10px 12px;background:white;color:var(--ink);font-size:13px}.suggestion:hover{background:#f4f5ff;color:var(--primary)}.empty-suggestion{color:var(--muted);cursor:default}.clear-pick{border:0;background:none;color:#a0a8b7;font-size:20px;padding:5px}.clear-pick:hover{color:var(--red)}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:19px;margin-top:24px}.game-settings{padding:18px 23px}.settings-grid{display:flex;align-items:end;gap:25px}.settings-grid label{width:250px}.settings-grid select{width:100%;padding:9px 11px}.winner-hint{color:#7c879c;font-size:13px;padding-bottom:10px}.winner-hint b{color:var(--primary)}.entry-table{min-width:1060px}.entry-table td,.entry-table th{padding:9px 8px}.entry-table select,.entry-table input{padding:7px 6px;border-radius:8px;font-size:12px}.entry-table select{width:100%}.entry-table td:nth-child(3){min-width:112px}.entry-table td:nth-child(4){min-width:100px}.entry-table td:nth-child(n+5){min-width:76px}.entry-table th{font-size:9px}.score-input{width:82px}.seat-badge{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#eff0ff;color:#545fe0;font-weight:800;font-size:12px}.player-link{font-weight:700;color:#303a55}.computed-score{font-weight:800;color:#323d5a}.table-footnote{font-size:11px;color:#8b95a8;margin:12px 1px 0}.save-bar{position:sticky;bottom:12px;background:#fff;border:1px solid var(--line);box-shadow:0 9px 35px #25336220;border-radius:15px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3}.complete-check{display:flex;align-items:center;gap:10px;cursor:pointer}.complete-check input{accent-color:var(--primary);width:17px;height:17px}.complete-check span{display:flex;flex-direction:column}.complete-check b{font-size:12px}.complete-check small{font-size:10px;color:var(--muted)}.notice{padding:12px 15px;border-radius:11px;margin-bottom:16px;font-size:13px;font-weight:600}.notice.success{background:#e8f7f2;color:#14765f}.notice.error{background:#fff0f1;color:#b43c50}.login-shell{display:grid;place-items:center;min-height:calc(100vh - 150px);padding-top:20px}.login-card{width:min(100%,410px);background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 65px #303e6b13;padding:29px 34px 31px;text-align:center}.login-card h1{font-size:27px}.login-card>.muted{margin-bottom:24px}.stack-form{text-align:left;display:flex;flex-direction:column;gap:15px}.stack-form label{font-size:12px}.stack-form input{width:100%;padding:11px 12px}.login-hint{font-size:11px;color:#9aa2b2;margin:17px 0 0}.login-hint b{color:#68738d}.narrow-card{max-width:520px}.narrow-card .stack-form .button{align-self:flex-start;margin-top:3px}
@media(max-width:1000px){.topbar{gap:25px;padding:0 22px}.main-nav{gap:18px}.player-grid{grid-template-columns:repeat(2,1fr)}.game-grid{grid-template-columns:repeat(3,1fr)}.page-shell{padding:30px 22px 55px}}
@media(max-width:700px){.topbar{height:auto;min-height:68px;padding:12px 16px;gap:12px;flex-wrap:wrap}.brand{font-size:14px}.brand-mark{width:34px;height:34px}.main-nav{order:3;flex:1 0 100%;height:35px;gap:25px}.main-nav a{font-size:12px}.account{margin-left:auto;gap:10px;font-size:11px}.account .text-button{font-size:11px}.page-shell{padding:25px 14px 45px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px}.page-heading .button{align-self:stretch}.metric-grid{grid-template-columns:1fr;gap:10px}.metric{min-height:110px;padding:17px}.section-card{padding:17px 14px;border-radius:15px}.section-title{align-items:flex-start;flex-direction:column}.add-player-card{align-items:flex-start;flex-direction:column}.inline-form{width:100%}.inline-form input{width:100%;flex:1}.search-form{width:100%}.search-form input{flex:1;width:0}.player-grid{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(2,1fr)}.pick-list{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}.settings-grid{align-items:stretch;flex-direction:column;gap:10px}.settings-grid label{width:100%}.winner-hint{padding:0}.save-bar{align-items:stretch;flex-direction:column}.save-bar>.button{width:100%}.account>span{display:none}.series-row{gap:9px}.series-row .status-pill{font-size:9px;padding:5px 7px}.profile-hero{align-items:flex-start}.login-card{padding:25px 22px}.table-wrap{margin-right:-2px}.game-grid{gap:9px}.game-card{padding:12px}.footer{font-size:10px}}
.wide-table tr.ranking-active{background:#eff9f5}.wide-table tr.ranking-active td:first-child{border-left:3px solid var(--green)}.wide-table tr.ranking-inactive{background:#f5f6f8;color:#9299a8}.wide-table tr.ranking-inactive a{color:#858d9d}
.wide-table .sticky-rank-column,.wide-table .sticky-player-column{position:sticky}.wide-table .sticky-rank-column{left:0;z-index:2;width:42px;min-width:42px;max-width:42px;padding-left:8px;padding-right:8px;background:#fff}.wide-table .sticky-player-column{left:42px;z-index:1;background:#fff;box-shadow:2px 0 5px rgba(24,33,59,.08)}.wide-table thead .sticky-rank-column{z-index:4;background:#f7f8fb}.wide-table thead .sticky-player-column{z-index:3;background:#f7f8fb}.wide-table tbody tr:hover .sticky-rank-column,.wide-table tbody tr:hover .sticky-player-column{background:#fbfbfe}.wide-table tr.ranking-active .sticky-rank-column,.wide-table tr.ranking-active .sticky-player-column{background:#eff9f5}.wide-table tr.ranking-inactive .sticky-rank-column,.wide-table tr.ranking-inactive .sticky-player-column{background:#f5f6f8}
.auth-links{display:flex;justify-content:space-between;gap:12px;margin:18px 0 4px;font-size:13px}.auth-links a,.login-hint a{color:var(--primary);font-weight:700}.auth-card .stack-form small,.profile-form small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.role-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 15px;border-radius:999px;background:#fff1bd;color:#664700;font-size:13px;font-weight:800;letter-spacing:.15px;white-space:nowrap}.role-badge.admin{background:#e8eaff;color:#454fc0}.profile-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-hero .profile-bio{white-space:pre-line;margin:12px 0 6px;max-width:620px}.profile-telegram{display:inline-flex;align-items:center;gap:9px;margin-top:0;padding:6px 12px 6px 7px;border:1px solid #dceeff;border-radius:999px;background:#f1f8ff;color:#168bd2;font-weight:700;font-size:13px;transition:background .18s,border-color .18s,transform .18s}.profile-telegram:hover{background:#e6f3ff;border-color:#c8e5ff;transform:translateY(-1px)}.profile-telegram-icon{display:block;width:25px;height:25px;flex:none}.profile-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.profile-actions form{margin:0}.avatar-preview-wrap{display:flex;align-items:center;gap:16px;padding:4px 0 12px}.avatar-preview-wrap .muted{margin:4px 0 0;font-size:13px}.profile-form textarea{resize:vertical;min-height:110px;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.profile-form input[type=file]{padding:10px;background:#fafbfe}.profile-form .checkbox-line{display:flex;align-items:center;gap:9px}.profile-form .checkbox-line input{width:auto}.profile-back{margin-top:22px}.account{gap:13px}.account>a{white-space:nowrap}.player-card .avatar{object-fit:cover}.profile-hero>.avatar{object-fit:cover}
@media(max-width:700px){.auth-links{flex-direction:column;align-items:center}.profile-actions{margin-left:0;flex-wrap:wrap}.profile-hero{flex-wrap:wrap}.account>a{font-size:10px}.avatar-preview-wrap{align-items:flex-start}}


/* Theme switch in the account bar */
.theme-toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #e6e9f2;border-radius:12px;background:linear-gradient(145deg,#fff,#f5f6ff);color:#5662d7;box-shadow:0 3px 10px rgba(51,61,116,.08);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 15px rgba(51,61,116,.15)}
.theme-toggle:focus-visible{outline:3px solid #aeb5ff;outline-offset:2px}
.theme-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-icon-sun{display:none}
html[data-theme="dark"] .theme-icon-moon{display:none}
html[data-theme="dark"] .theme-icon-sun{display:block}

/* Dark theme */
html[data-theme="dark"]{color-scheme:dark;--bg:#111522;--surface:#1a2030;--ink:#e8ecf7;--muted:#9aa5bc;--line:#30384b;--primary:#9ba5ff;--primary-dark:#808cf4;--soft:#282d4a;--green:#58c5a2;--green-bg:#1d3938;--amber:#e6b765;--amber-bg:#3b3020;--red:#ed8490;--shadow:0 14px 44px rgba(0,0,0,.2)}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink);transition:background .2s ease,color .2s ease}
html[data-theme="dark"] .topbar{background:#191e2d;border-color:var(--line)}
html[data-theme="dark"] .brand small,html[data-theme="dark"] .main-nav a,html[data-theme="dark"] .account,html[data-theme="dark"] .text-button{color:#a3acc0}
html[data-theme="dark"] .footer{color:#778198}
html[data-theme="dark"] .theme-toggle{border-color:#3b4560;background:linear-gradient(145deg,#2d3550,#232a3e);color:#f4c875;box-shadow:0 3px 12px #080b1438}
html[data-theme="dark"] .theme-toggle:hover{box-shadow:0 6px 17px #080b1459}
html[data-theme="dark"] .section-card,html[data-theme="dark"] .metric,html[data-theme="dark"] .login-card,html[data-theme="dark"] .profile-hero,html[data-theme="dark"] .activity-card{border-color:var(--line);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
html[data-theme="dark"] .metric.accent{background:linear-gradient(135deg,#282e50,#232a41)}
html[data-theme="dark"] .series-row,html[data-theme="dark"] .player-card,html[data-theme="dark"] .game-card,html[data-theme="dark"] .player-entry,html[data-theme="dark"] .activity-event{border-color:var(--line);background:#202738;color:var(--ink)}
html[data-theme="dark"] .series-row:hover,html[data-theme="dark"] .player-card:hover,html[data-theme="dark"] .game-card:hover{background:#272f43}
html[data-theme="dark"] .series-icon,html[data-theme="dark"] .game-number,html[data-theme="dark"] .count-badge{background:#303954;color:#c0c7ff}
html[data-theme="dark"] .table-wrap{border-color:var(--line);background:var(--surface)}
html[data-theme="dark"] table{color:var(--ink)}
html[data-theme="dark"] th{background:#232a3b;color:#aab4c9;border-color:var(--line)}
html[data-theme="dark"] td{border-color:var(--line)}
html[data-theme="dark"] tbody tr:hover{background:#252d40}
html[data-theme="dark"] .wide-table .sticky-rank-column,html[data-theme="dark"] .wide-table .sticky-player-column{background:#1a2030}
html[data-theme="dark"] .wide-table thead .sticky-rank-column,html[data-theme="dark"] .wide-table thead .sticky-player-column{background:#232a3b}
html[data-theme="dark"] .wide-table tbody tr:hover .sticky-rank-column,html[data-theme="dark"] .wide-table tbody tr:hover .sticky-player-column{background:#252d40}
html[data-theme="dark"] .wide-table tr.ranking-active,html[data-theme="dark"] .wide-table tr.ranking-active .sticky-rank-column,html[data-theme="dark"] .wide-table tr.ranking-active .sticky-player-column{background:#1e3537}
html[data-theme="dark"] .wide-table tr.ranking-inactive,html[data-theme="dark"] .wide-table tr.ranking-inactive .sticky-rank-column,html[data-theme="dark"] .wide-table tr.ranking-inactive .sticky-player-column{background:#222735;color:#9ba4b6}
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),html[data-theme="dark"] select,html[data-theme="dark"] textarea{border-color:#3b455a;background:#171d2b;color:var(--ink)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#77839b}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus{border-color:#8792f5;outline-color:#8792f5}
html[data-theme="dark"] .button.secondary,html[data-theme="dark"] .button.danger-outline{border-color:#414b63;background:#252d40;color:#c5cce0}
html[data-theme="dark"] .button.secondary:hover,html[data-theme="dark"] .button.danger-outline:hover{background:#303950}
html[data-theme="dark"] .notice{border-color:var(--line);background:#232a3b;color:var(--ink)}
html[data-theme="dark"] .empty,html[data-theme="dark"] .empty-icon,html[data-theme="dark"] .activity-tabs{border-color:var(--line);background:#1d2434;color:var(--ink)}
html[data-theme="dark"] .activity-tab{color:var(--ink)}
html[data-theme="dark"] .activity-tab:hover,html[data-theme="dark"] .activity-tab.active{border-color:#48517d;background:#292f4a}
html[data-theme="dark"] .activity-tab.active:after{background:var(--primary)}
html[data-theme="dark"] .activity-total,html[data-theme="dark"] .activity-count{background:#30384b;color:#c2cadd}
html[data-theme="dark"] .status-pill.done{background:#214239;color:#7fe0bb}
html[data-theme="dark"] .status-pill.pending{background:#41351f;color:#f1c879}
html[data-theme="dark"] .role-badge{background:#44391e;color:#f1d181}
html[data-theme="dark"] .role-badge.admin{background:#30365d;color:#c2c8ff}
html[data-theme="dark"] .entry-table tr.pu-row,html[data-theme="dark"] .wide-table tr.pu-row{background:#40351f}
html[data-theme="dark"] .entry-table tr.pu-row td,html[data-theme="dark"] .wide-table tr.pu-row td{color:#f1d69d}
html[data-theme="dark"] .game-view-page{color:#e8ecf7;background:radial-gradient(ellipse at 7% 8%,#252f50 0,transparent 34%),radial-gradient(ellipse at 92% 76%,#392b32 0,transparent 30%),linear-gradient(135deg,#111522,#171d2c 58%,#1d1b25)}
html[data-theme="dark"] .game-view-page .topbar{background:#191e2d;border-color:var(--line)}
html[data-theme="dark"] .game-view-page .brand,html[data-theme="dark"] .game-title-line h1,html[data-theme="dark"] .game-score-trigger,html[data-theme="dark"] .game-nickname,html[data-theme="dark"] .game-dialog-title{color:#e8ecf7}
html[data-theme="dark"] .game-player-row{border-color:#50596b;background:#343c4b}
html[data-theme="dark"] .game-seat,html[data-theme="dark"] .game-role-icon{background:#30384b;color:#b9c3d7}
html[data-theme="dark"] .game-roster-frame{border-color:#44516a;background:#ffffff08}
html[data-theme="dark"] .score-dialog{border-color:var(--line);background:#1a2030;color:var(--ink)}
html[data-theme="dark"] .score-dialog-title{color:var(--ink)}
html[data-theme="dark"] .score-dialog-close{background:#30384b;color:#c2cadd}

/* Improve table contrast and preserve game highlights in dark mode. */
html[data-theme="dark"] td{color:#d8deec}
html[data-theme="dark"] .player-link{color:#c0c7ff}
html[data-theme="dark"] .player-link:hover{color:#e0e4ff}
html[data-theme="dark"] .rank-number{color:#b5bfd2}
html:not([data-theme="dark"]) .role-badge:not(.admin){background:#f3e5ba;border:1px solid #ead9aa;color:#75591f}
@media(max-width:700px){.profile-meta-row .role-badge{margin-top:4px}}
html[data-theme="dark"] .table-footnote{color:#b0bad0}
html[data-theme="dark"] .wide-table tr.ranking-inactive,
html[data-theme="dark"] .wide-table tr.ranking-inactive td,
html[data-theme="dark"] .wide-table tr.ranking-inactive .sticky-rank-column,
html[data-theme="dark"] .wide-table tr.ranking-inactive .sticky-player-column{color:#b5bfd2}
html[data-theme="dark"] .game-table-head{color:#c0c9db}
html[data-theme="dark"] .game-role-icon span{color:#c0c9db}
html[data-theme="dark"] .game-roster-frame.winner-red{border-color:#a94c58;background:#38232b;box-shadow:0 0 0 2px #a94c5826,0 7px 18px #942e361a}
html[data-theme="dark"] .game-roster-frame.winner-black{border-color:#586579;background:#1a1f29;box-shadow:0 0 0 2px #58657926,0 7px 18px #313e5214}
html[data-theme="dark"] .game-player-row.is-pu{border-color:#8b7544;background:#40351f}
html[data-theme="dark"] .game-player-row.is-pu .game-seat{background:#5a4928;color:#f4d98f}
.activity-card{padding:0;overflow:hidden}.activity-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcff)}.activity-tab{position:relative;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 15px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--ink);transition:.18s ease}.activity-tab:hover{background:#f8f9ff}.activity-tab.active{border-color:#dfe2ff;background:#f2f3ff;box-shadow:0 5px 16px rgba(82,95,225,.07)}.activity-tab.active:after{content:"";position:absolute;bottom:-21px;left:18px;right:18px;height:3px;border-radius:4px 4px 0 0;background:var(--primary)}.activity-tab>span:nth-child(2){display:grid;gap:2px}.activity-tab b{font-size:14px}.activity-tab small{font-size:11px;color:var(--muted)}.activity-tab-icon{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:12px;font-size:19px}.important-icon{color:var(--primary);background:#e8eaff}.medium-icon{color:var(--green);background:var(--green-bg)}.activity-count{display:grid;place-items:center;margin-left:auto;min-width:30px;height:26px;padding:0 8px;border-radius:99px;background:#fff;color:#65708a;font-size:11px;font-weight:800}.activity-panel{padding:24px 26px 26px}.activity-panel[hidden]{display:none}.activity-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.activity-panel-heading h2{margin-bottom:4px}.activity-panel-heading .muted{margin:0;font-size:12px}.activity-total{white-space:nowrap;padding:7px 10px;border-radius:99px;background:#f4f5f9;color:var(--muted);font-size:11px;font-weight:700}.activity-list{border-top:1px solid var(--line)}.activity-event{display:flex;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid var(--line)}.activity-event:last-child{border-bottom:0}.activity-event-mark{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:13px;font-size:18px;font-weight:800}.event-signup{background:#e8f7f2;color:var(--green)}.event-account{background:#eef0ff;color:var(--primary)}.event-series{background:#fff5e3;color:var(--amber)}.event-view{background:#f0f4fa;color:#64748b}.activity-event-copy{min-width:0;flex:1}.activity-event-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.activity-event-title>b{font-size:13px}.activity-kind{padding:3px 8px;border-radius:99px;background:#f4f5f9;color:#69738a;font-size:10px;font-weight:700}.activity-event-copy p{margin:4px 0 0;color:#65708a;font-size:12px;overflow-wrap:anywhere}.activity-time{display:grid;justify-items:end;gap:1px;min-width:76px;color:var(--muted);font-size:10px}.activity-time b{color:#48536d;font-size:12px}.activity-empty{display:grid;justify-items:center;padding:52px 18px;text-align:center}.activity-empty>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:12px;border-radius:17px;background:#f0f1ff;color:var(--primary);font-size:23px}.activity-empty h3{margin-bottom:5px}.activity-empty p{max-width:360px;margin:0;color:var(--muted);font-size:13px}@media(max-width:700px){.activity-tabs{grid-template-columns:1fr;padding:12px}.activity-tab.active:after{left:14px;right:auto;top:10px;bottom:10px;width:3px;height:auto;border-radius:4px}.activity-tab.active{padding-left:20px}.activity-panel{padding:19px 15px}.activity-panel-heading{align-items:flex-start;flex-direction:column}.activity-event{align-items:flex-start;gap:10px;padding:13px 0}.activity-event-mark{flex-basis:34px;height:34px;border-radius:11px}.activity-time{min-width:54px;padding-top:1px}.activity-time span{font-size:9px}}
@media(max-width:700px){.account{flex:1;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:6px 9px}}
.entry-table tr.pu-row,.wide-table tr.pu-row{background:#fff1dc}.entry-table tr.pu-row td:first-child,.wide-table tr.pu-row td:first-child{border-left:3px solid #e39a2d}
.role-cell{text-align:center;min-width:42px}.role-icon{display:inline-block;width:24px;height:22px;object-fit:contain;vertical-align:middle}.role-icon[hidden],.role-empty[hidden]{display:none}.role-icon-picker{position:relative;display:inline-flex;width:42px;height:30px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.role-icon-picker:after{content:"⌄";position:absolute;right:2px;bottom:0;color:var(--muted);font-size:8px;pointer-events:none}.role-icon-picker:focus-within{outline:2px solid #aeb5ff;outline-offset:1px}.role-icon-picker .role-icon{width:24px;height:22px}.role-icon-picker .role-empty{color:var(--muted);font-size:14px}.role-icon-picker select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.role-stat-heading{text-align:center;min-width:82px}.role-stat-icon{display:block;width:25.5px;height:25.5px;object-fit:contain;margin:auto}.wide-table td.role-stat{text-align:center;white-space:nowrap;font-size:13px}

/* Keep data tables comfortably readable. */
table{font-size:14px}
th{font-size:12px}
.entry-table th{font-size:11px}
.entry-table select,.entry-table input{font-size:14px}
.wide-table td.role-stat{font-size:14px}
.wide-table .player-link{font-size:16px}

/* Responsive game results view */
.game-view-page{min-height:100vh;color:#202b3b;background:radial-gradient(ellipse at 7% 8%,#dce5ff 0,transparent 34%),radial-gradient(ellipse at 92% 76%,#f5e7e5 0,transparent 30%),linear-gradient(135deg,#f5f7fc,#edf1f8 58%,#f6f4f3);font:15px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.game-view-page .topbar{height:58px;gap:34px;padding:0 max(20px,calc((100vw - 1110px)/2));border-color:#e8ebf0;background:#fff}
.game-view-page .brand{gap:9px;color:#263449;font-size:14px}
.game-view-page .brand-mark{width:30px;height:30px;border-radius:9px;font-size:15px}
.game-view-page .brand small{display:none}
.game-view-page .main-nav{gap:25px}
.game-view-page .main-nav a{font-size:12px}
.game-view-page .main-nav a:first-child{position:relative;color:#4e59c9}
.game-view-page .main-nav a:first-child:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px;background:#5964d4;content:""}
.game-view-page .account{gap:10px;font-size:11px;white-space:nowrap}
.game-view-page .account .text-button{font-size:11px}
.game-view-page .page-shell{max-width:1174px;padding:27px 32px 25px;min-height:calc(100vh - 90px)}
.game-view-page .footer{padding-top:8px}
.game-crumb{display:inline-block;margin:0 0 11px;color:#738096;font-size:12px}
.game-crumb:hover{color:#4e59c9}
.game-title-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 17px}
.game-title-line h1{margin:0;color:#202d41;font-size:25px;letter-spacing:-.6px}
.game-state{padding:6px 11px;border-radius:20px;background:#fff3dd;color:#936013;font-size:10px;font-weight:850;letter-spacing:.4px;white-space:nowrap}
.game-state.is-complete{background:#eaf5ef;color:#33734f}
.game-hero-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;margin-bottom:16px;padding:16px 20px;border-radius:15px;color:#fff;background:linear-gradient(110deg,#303d6b,#535fce);box-shadow:0 8px 20px #4553ab26}
.game-hero-card:after{position:absolute;top:-85px;right:15%;width:205px;height:205px;border:1px solid #ffffff17;border-radius:50%;content:"";box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff06}
.game-hero-info,.game-hero-meta{position:relative;z-index:1}
.game-eyebrow{margin-bottom:4px;color:#dbe1ff;font-size:10px;font-weight:850;letter-spacing:1px}
.game-hero-title{font-size:21px;font-weight:850;line-height:1.2;letter-spacing:-.35px}
.game-hero-meta{display:flex;align-items:center;gap:13px;color:#e0e5ff;font-size:12px}
.game-series-name{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-winner-label{padding-left:13px;border-left:1px solid #ffffff4d;color:#dbe1ff;font-size:9px;font-weight:850;letter-spacing:.45px;white-space:nowrap}
.game-winner-value{font-weight:750;white-space:nowrap}
.game-roster-frame{padding:9px;border:1.5px solid #aebbd0;border-radius:15px;background:#ffffff48}
.game-roster-frame.winner-red{border:2px solid #bd4b53;background:#c441491f;box-shadow:0 0 0 2px #bd4b531f,0 7px 18px #942e361a}
.game-roster-frame.winner-black{border:2px solid #586579;background:#49586e1f;box-shadow:0 0 0 2px #49586e1c,0 7px 18px #313e5214}
.game-roster-legend{display:flex;align-items:center;gap:16px;padding:0 13px 7px;color:#657287;font-size:10px;font-weight:650}
.game-roster-legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.game-roster-legend i{width:9px;height:9px;border:1px solid #d8e2ca;border-radius:3px;background:#f1f5ea}
.game-roster-legend .red-dot{border-color:#bd4b53;background:#f3d9d8}
.game-roster-legend .black-dot{border-color:#586579;background:#dce1e9}
.game-roster-legend .pu-dot{border-color:#e7d18d;background:#ffefc2}
.game-table-head,.game-player-row{display:grid;grid-template-columns:54px minmax(0,1fr) 70px 94px;align-items:center}
.game-table-head{padding:0 13px 7px;color:#758196;font-size:10px;font-weight:850;letter-spacing:.7px;text-transform:uppercase}
.game-table-head span:last-child{text-align:right}
.game-table-head .role-heading{text-align:center}
.game-roster{display:grid;gap:5px}
.game-view-page .game-roster>.pu-row{display:contents}
.game-player-row{position:relative;height:43px;overflow:hidden;padding:0 13px;border:1px solid #d0d6df;border-radius:10px;background:#e6e9ef;box-shadow:0 2px 5px #1d2a3b08}
.game-player-row.team-red:before,.game-player-row.team-black:before{position:absolute;top:8px;bottom:8px;left:0;width:3px;border-radius:0 3px 3px 0;content:"";background:#bd555e}
.game-player-row.team-black:before{background:#333c4b}
.game-player-row.is-pu{border-color:#d9c99a;background:#f1e6c6}
.game-seat{display:grid;width:28px;height:27px;place-items:center;border-radius:8px;background:#e2e6ec;color:#596679;font-size:12px;font-weight:900}
.game-player-row.is-pu .game-seat{background:#e5d7aa;color:#695a31}
.game-nickname{overflow:hidden;padding-right:8px;color:#202b3b;font-size:14px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}
.game-nickname:hover{color:#4e59c9}
.game-role-icon{display:grid;width:32px;height:30px;place-items:center;justify-self:center;border-radius:9px;background:#f3f5f9}
.game-role-icon img{display:block;width:22px;height:22px;object-fit:contain}
.game-role-icon span{color:#8993a3}
.game-score-trigger{justify-self:stretch;padding:4px 0;border:0;background:transparent;color:#34445a;font-size:14px;font-weight:850;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.game-score-trigger:hover{color:#4e59c9;text-decoration:underline;text-underline-offset:3px}
.game-score-trigger:focus-visible{outline:2px solid #5964d4;outline-offset:2px;border-radius:4px}
.game-score-trigger.is-negative{color:#a64048}
.game-view-foot{display:flex;justify-content:space-between;gap:12px;padding:12px 4px 0;color:#768296;font-size:11px}
.score-dialog{position:relative;width:min(420px,calc(100vw - 32px));max-width:none;padding:25px;border:1px solid #e3e7ef;border-radius:18px;color:#202b3b;background:#fff;box-shadow:0 22px 60px #17233438}
.score-dialog::backdrop{background:#17233480;backdrop-filter:blur(3px)}
.score-dialog-content{padding-right:15px}
.score-dialog-title{margin:0 0 4px;color:#202d41;font-size:20px;letter-spacing:-.4px}
.score-dialog-subtitle{margin:0 0 18px;color:#738096;font-size:12px}
.score-breakdown-list{border-top:1px solid #e8ebf0}
.score-breakdown-item,.score-breakdown-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf0f4;font-size:14px}
.score-breakdown-item span{color:#5e6b7e}
.score-breakdown-item b{font-variant-numeric:tabular-nums}
.score-breakdown-item.is-penalty b{color:#a64048}
.score-breakdown-total{margin-top:3px;padding:14px 0 0;border-bottom:0;color:#202d41;font-weight:800}
.score-breakdown-total b{font-size:19px;font-variant-numeric:tabular-nums}
.score-dialog-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;border-radius:9px;background:#f2f4f8;color:#647187;font-size:23px;line-height:1}
.score-dialog-close:hover{background:#e8ebf2;color:#202b3b}
@media(max-width:1000px){.game-view-page .topbar{gap:22px;padding:0 22px}.game-view-page .main-nav{gap:17px}.game-view-page .account{gap:8px}.game-view-page .page-shell{padding-right:22px;padding-left:22px}}
@media(max-width:700px){.game-view-page .topbar{height:auto;min-height:58px;padding:10px 14px;gap:8px 12px}.game-view-page .brand{font-size:12px}.game-view-page .brand-mark{width:26px;height:26px;font-size:13px}.game-view-page .main-nav{order:3;flex:1 0 100%;height:31px;gap:22px}.game-view-page .main-nav a{font-size:11px}.game-view-page .account{margin-left:auto;max-width:70%;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:4px 8px;font-size:9px}.game-view-page .account .text-button{font-size:9px}.game-view-page .page-shell{padding:17px 14px 25px}.game-title-line{margin:0 1px 8px}.game-title-line h1{font-size:18px}.game-state{padding:4px 7px;font-size:8px}.game-crumb{margin:0 0 5px;font-size:10px}.game-hero-card{display:block;gap:7px;margin-bottom:8px;padding:9px 11px;border-radius:11px}.game-eyebrow{margin-bottom:2px;font-size:8px}.game-hero-title{font-size:16px}.game-hero-meta{flex-wrap:wrap;gap:5px 9px;margin-top:5px;font-size:9px}.game-series-name{max-width:44%;white-space:nowrap}.game-winner-label{padding-left:9px;font-size:8px}.game-roster-frame{padding:6px;border-radius:12px}.game-roster-frame.winner-red,.game-roster-frame.winner-black{border-width:1.5px}.game-roster-legend{gap:8px;padding:0 5px 5px;font-size:8px}.game-roster-legend span{gap:4px}.game-roster-legend i{width:8px;height:8px}.game-table-head,.game-player-row{grid-template-columns:34px minmax(0,1fr) 30px 57px}.game-table-head{padding:0 6px 4px;font-size:8px;letter-spacing:.35px}.game-table-head .role-heading{font-size:0}.game-roster{gap:3px}.game-player-row{height:39px;padding:0 6px;border-radius:8px}.game-player-row.team-red:before,.game-player-row.team-black:before{top:7px;bottom:7px}.game-seat{width:23px;height:23px;border-radius:7px;font-size:10px}.game-nickname{padding-right:2px;font-size:12px}.game-role-icon{width:25px;height:25px;border-radius:7px}.game-role-icon img{width:19px;height:19px}.game-score-trigger{font-size:12px}.game-view-foot{padding:7px 2px 0;font-size:9px}.game-view-foot span:first-child{display:none}.game-view-foot span:last-child{width:100%;text-align:center}.score-dialog{padding:22px 19px}.score-dialog-title{font-size:18px}}

/* Club logo in the main navigation */
.topbar{height:112px}
.brand-logo{display:block;flex:0 0 100px;width:100px;height:100px;object-fit:cover;object-position:center;border-radius:50%;box-shadow:0 6px 18px rgba(23,16,43,.24);transition:transform .18s ease,box-shadow .18s ease}
.brand:hover .brand-logo{transform:scale(1.03);box-shadow:0 8px 22px rgba(23,16,43,.3)}
.brand:focus-visible{outline:3px solid #aeb5ff;outline-offset:4px;border-radius:8px}
.game-view-page .topbar{height:112px}
@media(max-width:1000px){.topbar,.game-view-page .topbar{height:96px}.brand-logo{flex-basis:83px;width:83px;height:83px}}
@media(max-width:700px){body{padding-top:var(--mobile-topbar-height,0px)}.topbar,.game-view-page .topbar{position:fixed;top:0;right:0;left:0;width:100%;height:auto;min-height:86px;padding:8px 16px;gap:8px;box-shadow:0 4px 16px rgba(24,33,59,.1)}.brand-logo{flex-basis:67px;width:67px;height:67px}.main-nav{height:28px}.theme-toggle{width:30px;height:30px;flex-basis:30px}.game-view-page .topbar{padding:8px 14px;gap:8px 10px}.game-view-page .main-nav{height:26px}}
@media(max-width:380px){.brand-logo{flex-basis:61px;width:61px;height:61px}}
@media(max-width:700px){.game-view-page .page-shell{padding-top:81px}}
@media(max-width:700px){.game-view-page .topbar{min-height:0;padding:6px 12px;gap:6px}.game-view-page .brand{gap:6px;font-size:11px}.game-view-page .brand-logo{flex-basis:56px;width:56px;height:56px}.game-view-page .account{flex:0 0 auto;max-width:none;flex-wrap:nowrap;gap:4px;font-size:9px;white-space:nowrap}.game-view-page .account>a,.game-view-page .account .text-button{font-size:9px}.game-view-page .theme-toggle{flex-basis:26px;width:26px;height:26px}.game-view-page .main-nav{height:24px}}
@media(max-width:380px){.game-view-page .topbar{padding:5px 9px;gap:5px}.game-view-page .brand{gap:5px;font-size:10px}.game-view-page .brand-logo{flex-basis:46px;width:46px;height:46px}.game-view-page .account{gap:3px;font-size:8px}.game-view-page .account>a,.game-view-page .account .text-button{font-size:8px}.game-view-page .theme-toggle{flex-basis:24px;width:24px;height:24px}.game-view-page .main-nav{height:22px}}

/* Cool violet-blue brand palette. */
:root{--primary:#5b59df;--primary-dark:#4947c5;--soft:#f0efff}
html[data-theme="dark"]{--primary:#aaa6ff;--primary-dark:#918cff;--soft:#302d50}
.brand-mark{background:linear-gradient(145deg,#7781ff 0%,#514bd2 100%);box-shadow:0 6px 15px rgba(81,75,210,.24)}
.primary{background:linear-gradient(110deg,#6672f2 0%,#5056d8 100%);box-shadow:0 5px 14px rgba(80,86,216,.22)}
.primary:hover{background:linear-gradient(110deg,#5b66e8 0%,#484bc9 100%)}
.metric.accent{background:linear-gradient(135deg,#505de1,#545fe0)}
.theme-toggle{border-color:#e5e4f5;color:#5754d5}
.theme-toggle:focus-visible,.role-icon-picker:focus-within,.brand:focus-visible{outline-color:#aaa6ff}
html[data-theme="dark"] .theme-toggle{border-color:#454166;color:#bcb8ff}
.role-badge.admin{background:#eeedff;color:#5147b4}
.activity-tab.active{border-color:#dfdeff;background:#f2f1ff;box-shadow:0 5px 16px rgba(91,89,223,.09)}
.important-icon{background:#e9e8ff}
.game-view-page .main-nav a:first-child{color:#514bcb}
.game-view-page .main-nav a:first-child:after{background:#5b59df}
.game-crumb:hover,.game-nickname:hover,.game-score-trigger:hover{color:#514bcb}
.game-score-trigger:focus-visible{outline-color:#5b59df}
.game-hero-card{background:linear-gradient(110deg,#34345f,#5759d8);box-shadow:0 8px 20px rgba(81,75,210,.18)}
td a{color:var(--primary)}
input:focus,select:focus,textarea:focus{border-color:#7775e8;box-shadow:0 0 0 3px rgba(91,89,223,.1)}
.avatar,.seat-badge,.count-badge,.series-icon,.game-number{background:var(--soft);color:var(--primary)}
.avatar.xl{width:88px;height:88px;font-size:32px;border-radius:26px}
.player-card:hover,.game-card:hover{border-color:#c7c5ff}
.game-card:hover{box-shadow:0 10px 25px rgba(81,75,210,.12)}
html[data-theme="dark"] .metric.accent{background:linear-gradient(135deg,#34325f,#292746)}
.game-history-card{padding:0;overflow:hidden}.game-history-list{display:flex;flex-direction:column}.game-history-row{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(110px,160px) minmax(145px,190px) 20px;align-items:center;gap:16px;padding:15px 20px;border-bottom:1px solid var(--line);transition:background .16s ease,color .16s ease}.game-history-row:last-child{border-bottom:0}.game-history-row:hover{background:#f8f9ff;color:var(--primary-dark)}.game-history-number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--soft);color:var(--primary);font-size:12px;font-weight:800}.game-history-main{display:flex;min-width:0;flex-direction:column;gap:2px}.game-history-main strong{font-size:14px}.game-history-main small{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.game-history-role{color:var(--ink);font-size:13px;font-weight:700}.game-history-outcome{justify-self:start;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.game-history-outcome.is-win{background:var(--green-bg);color:var(--green)}.game-history-outcome.is-loss{background:#fff0f1;color:#bd3e50}.game-history-outcome.is-unknown{background:#f0f2f6;color:#707a8d}.game-history-arrow{color:#9ba4b5;font-size:19px;transition:transform .16s ease}.game-history-row:hover .game-history-arrow{transform:translateX(3px);color:var(--primary)}
html[data-theme="dark"] .game-history-row:hover{background:#252d40;color:#b9baff}html[data-theme="dark"] .game-history-role{color:var(--ink)}html[data-theme="dark"] .game-history-outcome.is-win{background:#183c36;color:#70d0b4}html[data-theme="dark"] .game-history-outcome.is-loss{background:#482a34;color:#ff9eaa}html[data-theme="dark"] .game-history-outcome.is-unknown{background:#30394b;color:#b4bdcf}
@media(max-width:700px){.game-history-row{grid-template-columns:30px minmax(0,1fr) 30px 84px 18px;gap:7px 8px;padding:13px 14px}.game-history-number{grid-column:1;width:30px;height:30px}.game-history-main{grid-column:2}.game-history-role{grid-column:3;font-size:12px}.game-history-outcome{grid-column:4;max-width:100%;padding:4px 9px;font-size:11px;white-space:normal;text-align:center}.game-history-arrow{grid-column:5}}
.game-history-main{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}.game-history-game-link{font-size:14px;font-weight:800}.game-history-series-link,.game-history-series-name{max-width:100%;overflow:hidden;color:var(--primary);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.game-history-series-link:hover{text-decoration:underline;text-underline-offset:2px}.game-history-date{color:var(--muted);font-size:11px}.game-history-role{display:flex;align-items:center;justify-content:center;min-height:34px}.game-history-role img{display:block;width:32px;height:32px;object-fit:contain}.game-history-role-unknown{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--soft);color:var(--muted);font-size:14px;font-weight:800}.game-title-line .game-series-link{margin-left:auto;padding:7px 12px;font-size:11px;white-space:nowrap}
@media(max-width:700px){.game-history-role{justify-content:center;min-height:28px}.game-history-role img{width:27px;height:27px}.game-title-line .game-series-link{padding:5px 8px;font-size:9px}}