/* Shared surfaces follow verified membership. Elite character jewels stay distinctive. */
:root{--tier-accent:#9acbff;--tier-ink:#e6f0ff;--tier-muted:#a9bed8;--tier-line:#38557b;--tier-panel:#14243a;--tier-card:#1c314d;--tier-input:#101e32;--tier-button:#243b5c;--tier-selected:#12385d;--tier-action:#84bcfa;--tier-action-ink:#10243b;--tier-radar:#91c5ff;--tier-fill:#79b6ff32;--tier-launch:#0d1d32f5}
html[data-member-tier="supreme"]{--tier-accent:#f0d294;--tier-ink:#f6eedc;--tier-muted:#c1b398;--tier-line:#806a43;--tier-panel:#28241b;--tier-card:#322b20;--tier-input:#1b1a17;--tier-button:#383023;--tier-selected:#534126;--tier-action:#edcf91;--tier-action-ink:#2b2418;--tier-radar:#ecd092;--tier-fill:#dab9783d;--tier-launch:#201d17fa}
html[data-member-tier="standard"]{--tier-accent:#365875;--tier-ink:#202e40;--tier-muted:#5b7087;--tier-line:#aebed0;--tier-panel:#f3f6fa;--tier-card:#e9eff6;--tier-input:#ffffff;--tier-button:#e2eaf3;--tier-selected:#cedde9;--tier-action:#d3e2ef;--tier-action-ink:#1d3e59;--tier-radar:#3f779d;--tier-fill:#5b97c03a;--tier-launch:#eff4fbfa}
#setup .pro-home-stage{background:linear-gradient(135deg,var(--tier-card),var(--tier-panel));border-color:var(--tier-line);color:var(--tier-ink);box-shadow:inset 0 1px #ffffff12,0 14px 40px #0001}
.pro-home-stage .pro-intro,.pro-count,.pro-avatar-hint,.pro-home-stage .pro-card p,.pro-match-modes small,.pro-footnote{color:var(--tier-muted)}
.pro-home-stage h2,.pro-home-stage h3{color:var(--tier-ink)}
.pro-home-stage .pro-eyebrow,.pro-epithet,.pro-style-tag{color:var(--tier-accent)}
.pro-home-stage .home-pro-roster .pro-card{background:linear-gradient(145deg,var(--tier-card),var(--tier-panel));border-color:var(--tier-line)}
.pro-home-stage .home-pro-roster .pro-card.is-elite{border-color:#a48855;box-shadow:inset 0 1px #d9b87535}
.pro-home-stage .pro-card.is-selected{border-color:var(--tier-accent);box-shadow:inset 0 0 0 1px var(--tier-accent)}
.pro-home-stage .pro-seat-quick button,.pro-home-stage .pro-match-modes button,.pro-home-stage .pro-tier-tabs button,.pro-home-stage .pro-select{background:var(--tier-button);border-color:var(--tier-line);color:var(--tier-ink)!important}
.pro-home-stage .pro-seat-quick [aria-pressed=true],.pro-home-stage .pro-match-modes [aria-pressed=true],.pro-home-stage .pro-tier-tabs [aria-pressed=true],.pro-home-stage .is-selected .pro-select{background:var(--tier-selected);border-color:var(--tier-accent);color:var(--tier-ink)!important;box-shadow:inset 0 1px #fff2}
.pro-home-stage .is-locked .pro-select{border-style:dashed;color:var(--tier-muted)!important}
.pro-home-stage input,.pro-home-stage select{background:var(--tier-input);border-color:var(--tier-line);color:var(--tier-ink)}
.pro-filters>summary,.pro-selected-chips button{color:var(--tier-ink);border-color:var(--tier-line);background:var(--tier-button)}
.pro-roster-footer{color:var(--tier-accent)}
.pro-roster-footer button,.pro-mobile-launch button{background:var(--tier-action);color:var(--tier-action-ink);border:1px solid var(--tier-line)}
.pro-radar-fill{fill:var(--tier-fill);stroke:var(--tier-radar)}
.pro-radar text{fill:var(--tier-muted)}
.pro-radar-grid{stroke:var(--tier-line);opacity:.55}
.pro-style-tag{background:var(--tier-button)}
.pro-elite-preview{border-color:var(--tier-line)}
.pro-elite-preview>div:first-child,.pro-elite-preview>div:first-child button,.pro-elite-faces button{color:var(--tier-accent)}
.pro-mobile-launch{background:var(--tier-launch);border-color:var(--tier-line);color:var(--tier-ink)}
#app .topbar .pill{color:var(--tier-ink);background:var(--tier-panel);border-color:var(--tier-line)}
#app .topbar .tb{color:var(--tier-ink);background:linear-gradient(135deg,var(--tier-button),var(--tier-panel));border-color:var(--tier-line)}
#app .topbar .tb.on,#app .topbar #btnPanel{color:var(--tier-action-ink);background:var(--tier-action);border-color:var(--tier-line)}
#app .topbar .play-quota{color:var(--tier-muted)}
.pro-dialog{background:linear-gradient(140deg,var(--tier-card),var(--tier-panel));border-color:var(--tier-line);color:var(--tier-ink)}
.pro-dialog input,.pro-dialog select,.player-avatar-grid button{background:var(--tier-input);border-color:var(--tier-line);color:var(--tier-ink)}
.pro-dialog label,.pro-dialog small,.pro-dialog>p,.pro-detail-heading p,.pro-appearance>p,.player-avatar-options legend{color:var(--tier-muted)}
.pro-dialog .pro-eyebrow,.pro-detail-heading strong,.pro-detail dd,.pro-wealth,#appearanceStatus{color:var(--tier-accent)}
.pro-dialog .pro-save{background:var(--tier-action);color:var(--tier-action-ink)!important}
.player-avatar-grid [aria-pressed=true]{border-color:var(--tier-accent);background:var(--tier-selected);box-shadow:0 0 0 1px var(--tier-accent)}
html[data-member-tier="supreme"] #setup .pro-home-stage{background:radial-gradient(ellipse at 80% 0,#9e7a2822,transparent 65%),linear-gradient(140deg,#322a1f,#1c1d1c)}
html[data-member-tier="supreme"] .pro-card.is-elite .pro-face{border-color:#ecc87d;box-shadow:0 0 0 3px #aa874b24,0 8px 22px #0004}
html[data-member-tier="standard"] #setup{--home-ink:#24344a;--home-muted:#5c6e84;background:#edf2f8;background-image:radial-gradient(ellipse at 90% 0,#ffffff,transparent 65%),linear-gradient(115deg,#e9eef5,#f7f9fc);color:#24344a;scrollbar-color:#9db0c4 #edf2f8}
html[data-member-tier="standard"] #setup:before{background-image:linear-gradient(#53739808 1px,transparent 1px),linear-gradient(90deg,#53739808 1px,transparent 1px)}
html[data-member-tier="standard"] .home-header,html[data-member-tier="standard"] .home-footer{border-color:#a5b7cc55}
html[data-member-tier="standard"] .home-brand,html[data-member-tier="standard"] #homeTitle,html[data-member-tier="standard"] .home-section-head h2,html[data-member-tier="standard"] #setup .lvname{color:#26384f}
html[data-member-tier="standard"] .home-brand em,html[data-member-tier="standard"] .home-caption,html[data-member-tier="standard"] .home-eyebrow,html[data-member-tier="standard"] .setup-inner .sub,html[data-member-tier="standard"] .home-field-label,html[data-member-tier="standard"] .home-action-note,html[data-member-tier="standard"] #setup .lvdesc{color:#65788e}
html[data-member-tier="standard"] #homeTitle em{background-image:linear-gradient(110deg,#314c68,#899caf)}
html[data-member-tier="standard"] .home-symbol{color:#516c87;border-color:#a6b7ca;background:linear-gradient(135deg,#ffffff,#d2ddea);box-shadow:inset 0 1px #fff,0 4px 8px #60758a20}
html[data-member-tier="standard"] .home-match{border-color:#aebfd1;background:linear-gradient(145deg,#f9fbfe,#e2eaf3);box-shadow:inset 0 1px #fff,0 10px 32px #687b9218}
html[data-member-tier="standard"] #setup .opt,html[data-member-tier="standard"] #setup .lvlcard{color:#4c6279;border-color:#b9c8d8;background:linear-gradient(135deg,#fdfefe,#e6edf6)}
html[data-member-tier="standard"] #setup .opt.on,html[data-member-tier="standard"] #setup .lvlcard.on{color:#224664;border-color:#6686a7;background:linear-gradient(135deg,#e6edf4,#cbdbe9);box-shadow:inset 0 1px #fff}
html[data-member-tier="standard"] #setup .lvtag,html[data-member-tier="standard"] #setup .lvlcard.on:after{color:#527995}
html[data-member-tier="standard"] #setup .home-divider{background:linear-gradient(90deg,#adbecf,transparent)}
html[data-member-tier="standard"] #setup #startBtn,html[data-member-tier="standard"] [data-member-open]{color:#244762;border-color:#9bb4cd;background:linear-gradient(125deg,#ffffff,#cbdbe9);box-shadow:inset 0 1px #fff,0 3px 8px #4c6a8620}
html[data-member-tier="standard"] .seat.hero{border-color:#b7cbde;background:linear-gradient(135deg,#f0f5fa,#d4e1ed);--nmc:#244460!important;box-shadow:inset 0 1px #fff,0 5px 18px #0004}
html[data-member-tier="standard"] .seat.hero .sname,html[data-member-tier="standard"] .seat.hero .sstack{color:#1e3e59}
/* Silver surfaces need their own ink; table felt and colored action badges stay dark. */
html[data-member-tier="standard"] #app .topbar .pill b{color:#202e40}
html[data-member-tier="standard"] .seat.hero{color:#1e3e59}
html[data-member-tier="standard"] .seat.hero .sstack small{color:#445d74}
html[data-member-tier="standard"] .seat.hero .spos{background:#d3e1ee;color:#254764;border-color:#a2b7ca}
html[data-member-tier="standard"] .seat.hero .seat-hand{color:#344f68}
html[data-member-tier="standard"] .seat.hero.acting{border-color:#537ea3;box-shadow:inset 0 1px #fff,0 0 0 2px #7fa2c84d,0 5px 18px #0004}
html[data-member-tier="standard"] .seat.hero .avatar{box-shadow:0 0 0 2px #c2d8ea!important}
html[data-member-tier="standard"] #memberDialog.member-center,html[data-member-tier="standard"] #upgradeDialog{color:#263b50;border-color:#b1c2d4;background:radial-gradient(ellipse at 100% 0,#fff,transparent 60%),#eef3f9;scrollbar-color:#97adc2 #eff4fa}
html[data-member-tier="standard"] #memberDialog h2,html[data-member-tier="standard"] #memberDialog h3,html[data-member-tier="standard"] #upgradeDialog h2{color:#263c52}
html[data-member-tier="standard"] #memberDialog p,html[data-member-tier="standard"] #upgradeDialog p{color:#596f85}
html[data-member-tier="standard"] #memberDialog .member-eyebrow,html[data-member-tier="standard"] #memberDialog .member-level{color:#476d8d}
html[data-member-tier="standard"] #memberDialog .member-summary,html[data-member-tier="standard"] #memberDialog .member-streak,html[data-member-tier="standard"] #memberDialog .member-stat-grid>div,html[data-member-tier="standard"] #memberDialog .member-plan{background:linear-gradient(135deg,#fff,#e0e9f3);border-color:#b8c8d9}
html[data-member-tier="standard"] #memberDialog .member-stat-grid b,html[data-member-tier="standard"] #memberDialog .member-price{color:#2c4b64}
html[data-member-tier="standard"] #memberDialog .member-stat-grid span{color:#5f7285}
html[data-member-tier="standard"] #memberDialog .wallet-actions button,html[data-member-tier="standard"] #memberDialog .member-primary,html[data-member-tier="standard"] #memberDialog .member-close,html[data-member-tier="standard"] #memberDialog .member-plan button,html[data-member-tier="standard"] #upgradeDialog button{color:#284b65;background:linear-gradient(125deg,#fff,#cdddea);border-color:#a4b9cd}
html[data-member-tier="standard"] #memberDialog .member-plan.selected{border-color:#708eaa;background:linear-gradient(135deg,#eaf2f8,#d1e0ec)}
html[data-member-tier="standard"] #memberDialog .member-links button,html[data-member-tier="standard"] #memberDialog .member-links a,html[data-member-tier="standard"] #memberDialog .streak-milestone span{color:#486b89}
html[data-member-tier="standard"] #setup :focus-visible,html[data-member-tier="standard"] .pro-dialog :focus-visible{outline:2px solid #4e7a9d;outline-offset:3px}
html[data-member-tier="standard"] #memberDialog .streak-heading>span,html[data-member-tier="standard"] #memberDialog .streak-summary,html[data-member-tier="standard"] #memberDialog .streak-summary b{color:#456780}
html[data-member-tier="standard"] #memberDialog .streak-milestone{border-color:#afc3d6;background:linear-gradient(135deg,#fff,#dbe5f0)}
html[data-member-tier="standard"] #memberDialog .streak-milestone b,html[data-member-tier="standard"] #memberDialog .streak-milestone span{color:#355775}
html[data-member-tier="standard"] #memberDialog .streak-milestone.claimed{border-color:#729b90;background:linear-gradient(135deg,#e7f4ef,#c5dfd7)}
html[data-member-tier="standard"] #memberDialog .streak-milestone.claimed b,html[data-member-tier="standard"] #memberDialog .streak-milestone.claimed span{color:#2c5f53}
html[data-member-tier="standard"] #plansDialog{background:linear-gradient(135deg,#f7fafe,#e6eef6);border-color:#aabfd3;color:#233e56}
html[data-member-tier="standard"] #plansDialog h2,html[data-member-tier="standard"] #plansDialog h3{color:#233e56}
html[data-member-tier="standard"] #plansDialog p,html[data-member-tier="standard"] #plansDialog .plan-rights,html[data-member-tier="standard"] #plansDialog .member-price small{color:#587089}
html[data-member-tier="standard"] #plansDialog .member-plan,html[data-member-tier="standard"] #plansDialog .plans-rules{background:linear-gradient(135deg,#fff,#dfe9f3);border-color:#b2c6d8}
html[data-member-tier="standard"] #plansDialog .member-price{color:#315776}
html[data-member-tier="standard"] #plansDialog button{background:#d9e5f0;border-color:#a4bdd3;color:#294d69}
html[data-member-tier="supreme"] #plansDialog,html[data-member-tier="supreme"] #upgradeDialog{background:linear-gradient(140deg,#2f291e,#1a1c1c);border-color:#977c4c;color:#f0e3c7}
html[data-member-tier="supreme"] #plansDialog .member-plan,html[data-member-tier="supreme"] #plansDialog .plans-rules{background:#29261f;border-color:#756242}
html[data-member-tier="supreme"] #plansDialog .member-plan.selected{border-color:#d8b777;background:#3a3123}
html[data-member-tier="supreme"] #plansDialog .member-price,html[data-member-tier="supreme"] #upgradeDialog h2{color:#efd199}
html[data-member-tier="supreme"] #plansDialog .plan-rights,html[data-member-tier="supreme"] #plansDialog p{color:#c5b898}
html[data-member-tier="supreme"] #plansDialog button,html[data-member-tier="supreme"] #upgradeDialog button{border-color:#997d4b;background:#443724;color:#efd399}
@media(max-width:540px){.pro-seat-quick{max-width:none;gap:4px}.pro-seat-quick button{width:auto;min-height:44px}.pro-home-stage .pro-intro{margin-bottom:5px}.pro-index{margin-top:7px}.pro-seat-label{margin-top:7px}}
