.gs-page{--gs-accent:#7558e8;--gs-tint:#f0ecff;--gs-border:#e5e9f2;--gs-ink:#18263c;--gs-muted:#718096;--gs-surface:#fff;--gs-soft:#f5f7fc}
.gs-page[data-studio-game=color]{--gs-accent:#c63fa6;--gs-tint:#fff0fa}.gs-page[data-studio-game=maze]{--gs-accent:#109978;--gs-tint:#e8faf3}.gs-page[data-studio-game=math]{--gs-accent:#cf8617;--gs-tint:#fff7e8}.gs-page[data-studio-game=snake]{--gs-accent:#199954;--gs-tint:#eaf9ee}.gs-page[data-studio-game=quiz]{--gs-accent:#1675d8;--gs-tint:#eaf3ff}
html[data-theme=dark] .gs-page{--gs-border:#2b394d;--gs-ink:#edf3ff;--gs-muted:#a6b6cc;--gs-surface:#142031;--gs-soft:#1c293c;--gs-tint:#253049}
body.app-shell .gs-page .qz-tabs{padding:4px;border:1px solid var(--gs-border);border-radius:17px;background:var(--gs-soft);gap:4px;margin-bottom:12px}
body.app-shell .gs-page .qz-tabs button{border-radius:13px;font-weight:650;min-height:42px;color:var(--gs-muted)}body.app-shell .gs-page .qz-tabs button[aria-pressed=true]{background:#ff008b;color:#fff;box-shadow:0 4px 12px #ff008b25}
body.app-shell .gs-page .gf-toggle{background:var(--gs-surface);border-color:var(--gs-border);font-size:12px;color:var(--gs-ink);min-height:38px;padding:8px 12px;border-radius:11px}
body.app-shell .gs-page .qz-card{background:var(--gs-surface);border:1px solid var(--gs-border);border-radius:24px;box-shadow:0 12px 40px #1a31500a;padding:22px;overflow:hidden;color:var(--gs-ink)}
body.app-shell .gs-page .gs-intro{padding:0!important;position:relative}
.gs-hero{padding:27px 22px 20px;text-align:center;background:radial-gradient(ellipse at 50% 0,var(--gs-tint),transparent 75%);position:relative}
.gs-emblem{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 17px;border-radius:24px;background:var(--gs-tint);color:var(--gs-accent);border:1px solid color-mix(in srgb,var(--gs-accent) 20%,transparent);box-shadow:0 9px 28px color-mix(in srgb,var(--gs-accent) 15%,transparent);transform:rotate(-5deg)}.gs-emblem svg{width:43px;height:43px;transform:rotate(5deg)}
.gs-eyebrow{display:block;font:700 9px/1.4 system-ui;letter-spacing:2px;color:var(--gs-accent);margin-bottom:9px}
body.app-shell .gs-page .gs-hero h2{font-size:24px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.7px;margin:0 0 11px;color:var(--gs-ink)!important}
body.app-shell .gs-page .gs-hero p{font-size:13px!important;line-height:1.65;color:var(--gs-muted)!important;margin:0 auto 20px;max-width:300px}
.gs-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.gs-metrics span{padding:12px 5px;border:1px solid var(--gs-border);border-radius:12px;background:var(--gs-surface);color:var(--gs-ink);font:650 11px/1.4 system-ui}
body.app-shell .gs-page .gs-rule-note{margin:0 22px 15px!important;padding:12px 13px;border-radius:12px;background:var(--gs-soft);font-size:11px!important;line-height:1.7!important;color:var(--gs-muted)!important}
body.app-shell .gs-page .gs-start{width:calc(100% - 44px)!important;margin:0 22px!important;min-height:50px;border-radius:14px;font-size:14px!important;font-weight:750;box-shadow:0 7px 20px #ff008b23;background:linear-gradient(110deg,#f4008c,#ff1680);padding:12px;box-sizing:border-box}
body.app-shell .gs-page .gs-footer{margin:13px 22px 20px!important;text-align:center;color:var(--gs-muted)!important;font-size:10px!important;line-height:1.6!important}
.gs-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.app-shell .gs-page .dg-statline,body.app-shell .gs-page .qz-statrow{padding:10px 12px;background:var(--gs-soft);border-radius:12px;color:var(--gs-muted)}
body.app-shell .gs-page :is(.dg-options button,.qz-answer){border-radius:15px;border-color:var(--gs-border);background:var(--gs-soft);color:var(--gs-ink);box-shadow:none}
body.app-shell .gs-page .qz-answer.is-correct{background:#e1f7ef;color:#176b50;border-color:#66c9a5}body.app-shell .gs-page .qz-answer.is-wrong{background:#ffebee;color:#a6324d;border-color:#e594a7}
body.app-shell .gs-page .dg-question-word{border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff0b}
body.app-shell .gs-page .dg-code{background:var(--gs-tint);color:var(--gs-ink);padding:24px 8px;border-radius:18px;letter-spacing:6px}
body.app-shell .gs-page .qz-result-number{font-size:68px;letter-spacing:-3px;font-weight:800;color:#dc007d;text-align:center}
body.app-shell .gs-page .dg-result-details>div{background:var(--gs-soft);border:1px solid var(--gs-border);border-radius:15px;padding:16px 8px}
body.app-shell .gs-page .dg-result-details strong{color:var(--gs-ink)}body.app-shell .gs-page .dg-result-details span{color:var(--gs-muted)}
body.app-shell .gs-page .dg-directions button{background:var(--gs-soft);color:var(--gs-ink);border-color:var(--gs-border);box-shadow:0 3px 0 var(--gs-border)}
@media(max-width:360px){body.app-shell .gs-page .gs-hero h2{font-size:21px!important}.gs-metrics span{font-size:10px}.gs-hero{padding:22px 16px 16px}.gs-emblem{width:64px;height:64px}.gs-page .dg-code{letter-spacing:3px!important}}