:root:root:root{
 color-scheme:light;--paper:#fff;--grid:#fff;--ink:#302365;--muted:#635b79;--line:#e5def1;--surface:#fff;
 --brand:#a54deb;--brand-dark:#8734ce;--brand-soft:#f6edfd;--teal:#13c7b4;--focus:#a54deb;--on-colour:#fff;
 --red:#d93a3a;--red-soft:#fce7e7;--blue:#2563eb;--blue-soft:#e3ecfd;--green:#15803d;--green-soft:#ddf3e5;--amber:#d99a00;--amber-soft:#fdf1d3;
 --accent:var(--brand);--accent-soft:var(--brand-soft)
}
body[data-game="tug"]{--accent:#d93a3a;--accent-soft:#fce7e7}body[data-game="target"]{--accent:#c98a00;--accent-soft:#fdf1d3}body[data-game="quick"]{--accent:#2563eb;--accent-soft:#e3ecfd}body[data-game="fraction"]{--accent:#a54deb;--accent-soft:#f6edfd}body[data-game="pairs"]{--accent:#0e9198;--accent-soft:#ddf1f2}
body{font-family:"Figtree",system-ui,sans-serif!important;background:var(--paper)!important;background-image:none!important;color:var(--ink)!important}
h1,h2,h3{font-family:"Figtree",system-ui,sans-serif!important;letter-spacing:0!important}
.page{max-width:1600px}.bar{background:var(--ink)!important;color:#fff!important;border-radius:0!important;margin:-.9rem calc(-1*clamp(.75rem,2vw,1.75rem)) 1.5rem!important;padding:0 clamp(.75rem,2vw,1.75rem)!important;min-height:64px;border:0!important;box-shadow:none!important}
.bar .brand-mini{color:#fff!important;font-weight:800;border-right:1px solid rgba(255,255,255,.2)!important;display:inline-flex;align-items:center;gap:.5rem}.bar .brand-mini::before{content:"";width:12px;height:12px;border-radius:3px;background:var(--teal)}
.bar h1{color:#fff!important;font-size:1.25rem!important;display:flex;align-items:center;gap:.6rem}.bar h1::before{content:"";width:8px;height:22px;border-radius:2px;background:var(--accent)}.bar .meta{color:rgba(255,255,255,.72)!important}
.btn{font-family:"Figtree",system-ui,sans-serif!important;border-radius:8px!important;box-shadow:none!important;filter:none!important}.btn:not(.ghost){background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}.btn:not(.ghost):hover{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important}.btn.ghost{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
.bar .btn.ghost{background:transparent!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.wiz{--accent:var(--blue);--accent-soft:var(--blue-soft)}.wiz .lead{display:none}.wiz #custom-pane .lead{display:block}.wiz .btn:not(.ghost){background:var(--accent)!important;border-color:var(--accent)!important}
.crumbs button{border:1px solid var(--line)!important;background:var(--surface)!important;border-radius:999px!important;color:var(--muted)!important;box-shadow:none!important}.crumbs .active button{border-color:var(--accent)!important;background:var(--accent-soft)!important;color:var(--ink)!important}.crumbs .active .num,.crumbs .active .n{background:var(--accent)!important;color:#fff!important}
.tile,.card-btn{background:var(--surface)!important;border:2px solid var(--line)!important;border-radius:8px!important;box-shadow:none!important}.card-btn{border-top-width:2px!important}.card-btn::before{content:"";display:block;height:4px;border-radius:2px;background:var(--c,var(--accent));width:40px;margin-bottom:.9rem}.tile.sel,.card-btn.sel{border-color:var(--accent)!important;background:var(--accent-soft)!important}
.start-card,.quick,.split-box,.dealbox,.solution,.overlay .card,.qcard,.team,.scene,.ws-preview,.pr-card{border-color:var(--line)!important;border-radius:8px!important;box-shadow:0 1px 2px rgba(48,35,101,.08)!important;background:var(--surface)!important}
details.more{border-color:var(--line)!important;border-radius:8px!important;background:var(--paper)!important}.overlay{background:rgba(48,35,101,.72)!important;backdrop-filter:blur(2px)}
.lic-banner{background:var(--brand-soft)!important;border-color:var(--brand)!important;color:var(--ink)!important;border-radius:8px!important}.lic-banner a{color:var(--brand)!important}
.present{background:var(--paper)!important}.pr-card .n{background:var(--ink)!important;color:#fff!important}
body[data-game="target"] .target-panel{background:var(--ink)!important;border-radius:8px!important}body[data-game="target"] .odo{color:#fff!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
