/* Mint glass — the supplied palette is the single source of truth. */
:root{
 --canvas:#090D0D;
 --surface-sidebar:rgba(11,16,16,.60);
 --surface-menu:rgba(29,43,40,.94);
 --surface-card:rgba(16,23,23,.55);
 --surface-hover:rgba(24,34,33,.62);
 --surface-input:rgba(8,12,12,.45);
 --glass:blur(18px) saturate(140%);
 --border:rgba(200,255,240,.10);
 --border-strong:rgba(200,255,240,.20);
 --text:#EEF5F3;--text-2:#A9B8B4;--text-muted:#778783;
 --accent:#9FE3D0;--accent-hover:#BDEEE0;--accent-pressed:#7CCDB8;
 --on-accent:#0C1F1B;--accent-soft:rgba(159,227,208,.12);
 --danger:#E89AA4;
 --bg:var(--canvas);--panel:var(--surface-card);--line:var(--border);--muted:var(--text-2);--lime:var(--accent);--rose:var(--accent);--blue:var(--accent);--violet:var(--accent);
 color-scheme:dark;
}
body{background:var(--canvas);color:var(--text)}p,.small,small{color:var(--text-2)}.eyebrow,.overline,.brand small{color:var(--accent)}
.card,.game,.card .card,.club-stat:nth-child(n),.stat:nth-child(n){background:var(--surface-card);border-color:var(--border);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}
.cardhead{border-color:var(--border)}.club-stat strong,.club-stat:nth-child(n) strong,.value,.stat:first-child .value{color:var(--text)}.club-stat small,.statlabel{color:var(--text-2)}
button,.btn,.btn.ghost,button.ghost{background:var(--surface-card);color:var(--text);border-color:var(--border-strong)}button:hover,.btn:hover,.game:hover{background-color:var(--surface-hover);border-color:var(--border-strong)}
button.primary,.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:inset 0 1px 1px #fff6,0 3px 0 #31564b,0 8px 18px #0006}
button.primary:hover,.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);filter:none}button.primary:active,.btn.primary:active{background:var(--accent-pressed);border-color:var(--accent-pressed)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,select,textarea{background:var(--surface-input);border-color:var(--border-strong);color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline-color:var(--accent-soft)}option{background:var(--canvas);color:var(--text)}
.brand>span,.mark{background:linear-gradient(145deg,var(--accent-hover),var(--accent-pressed));border-color:var(--border-strong);color:var(--on-accent);box-shadow:inset 0 1px 1px #fff7,0 3px 0 #31564b,0 8px 16px #0006}
.avatar,.profile-initial,.tile,.tile.green,.tile.gold{background:var(--accent-soft);color:var(--accent);border-color:var(--border-strong)}
.hero{background:radial-gradient(ellipse at 90% 18%,var(--accent-soft),transparent 65%),var(--surface-card);border-color:var(--border-strong);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.hero p{color:var(--text-2)}.hero .eyebrow,.spark{color:var(--accent)}
.hero .orb{background:linear-gradient(145deg,var(--accent-hover),var(--accent) 48%,var(--accent-pressed));border-color:var(--border-strong);color:var(--on-accent);box-shadow:inset 2px 2px 4px #fff6,inset -3px -3px 7px #0c1f1b66,9px 12px 0 #31564b,13px 22px 23px #0009}
.link,.arrow,.change,.textbtn,.big,.trophy{color:var(--accent)}
.cover.memory,.cover.reflex,.cover.sequence{background:radial-gradient(at 35% 15%,#375e53,#1c332e 65%,#101717)}.game-info{background:var(--surface-card)}.cover .tag{background:var(--surface-input);border-color:var(--border);color:var(--text)}
.glass-icon,.symbol .glass-icon{filter:grayscale(1) sepia(.45) hue-rotate(100deg) saturate(.9) drop-shadow(0 5px 7px #0004)}
.layout aside,.shell aside{border:0!important;outline:0;box-shadow:none!important}.layout aside{background:none!important}.layout aside::before{background-color:transparent;border:0;outline:0;filter:none;box-shadow:none;backdrop-filter:none;border-radius:0;clip-path:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 850' preserveAspectRatio='none'%3E%3Cpath d='M0 0H174C206 0 203 45 196 105C188 183 174 217 193 300C206 365 194 420 178 459C159 505 183 550 191 597C211 697 192 743 195 785Q201 838 159 842H0Z' fill='%231d2b28' fill-opacity='.94'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}
.shell aside{background:var(--surface-menu)!important;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.layout aside a,.shell nav button{color:var(--text-2)}.layout aside a.active,.shell nav button.active{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.shell .top,.top-actions{background:var(--surface-sidebar);border-color:transparent}.tabs{background:var(--surface-input)}.tabs .selected{background:var(--accent-soft);color:var(--accent);border-color:var(--border-strong)}
.badge,.pill,.demo,.badge.neutral,.badge.orange{background:var(--accent-soft);color:var(--accent);border-color:var(--border)}.progress,.meter{background:var(--surface-input);border-color:var(--border)}.progress span,.meter span{background:linear-gradient(90deg,var(--accent-pressed),var(--accent));box-shadow:0 0 8px var(--accent-soft)}.switch.on{background:var(--accent-pressed)}.switch.on:before{background:var(--text)}
.banner,.help,.notice,.note{background:var(--surface-card);border-color:var(--border);color:var(--text-2)}dialog{background:#101717;border-color:var(--border-strong);color:var(--text);backdrop-filter:var(--glass)}dialog::backdrop{background:#090d0dcc}
.footer,.foot{color:var(--text-muted);border-color:var(--border)}th{background:var(--surface-input);color:var(--text-2)}td,.health-row,.lessonrow,.workspace{border-color:var(--border)}#toast{background:#182221;border-color:var(--border-strong);color:var(--text)}.warning{color:var(--danger)}
.finance-settings{border-color:var(--border)}.finance-settings summary,.pwa-card summary{color:var(--accent)}.finance-filter{color:var(--text-2)}
body>.header-field{clip-path:none!important}
@media(max-width:700px){#bottomnav{background:var(--surface-menu);border:0;box-shadow:none;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}#bottomnav a{color:var(--text-2)}#bottomnav a.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 1px 1px #ffffff12,0 4px 8px #0004}#bottomnav a.active .glass-icon{filter:grayscale(1) sepia(.45) hue-rotate(100deg) saturate(.9)}.hero .orb{box-shadow:inset 2px 2px 4px #fff6,inset -3px -3px 7px #0c1f1b66,7px 9px 0 #31564b,10px 18px 18px #0008}}
@media(hover:hover){a:hover .glass-icon,button:hover .glass-icon{filter:grayscale(1) sepia(.45) hue-rotate(100deg) saturate(.9) drop-shadow(0 4px 4px #0005)}}
@supports not (backdrop-filter:blur(1px)){.card,.game{background:#101717!important}.shell aside,#bottomnav{background:#1d2b28!important}}