.calm-tools,.calm-collection{--calm-ink:#254b40;--calm-muted:#526b60;--calm-surface:#f4f5eaf2;--calm-line:#b8cbb9;color:var(--calm-ink)}
html[data-mode=dark] :is(.calm-tools,.calm-collection){--calm-ink:#edf3dd;--calm-muted:#c4d6c5;--calm-surface:#1a382ff2;--calm-line:#608573}
.calm-tools{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:1100px;margin:10px auto;padding:10px 16px;border:1px solid var(--calm-line);border-radius:14px;background:var(--calm-surface);font:12px/1.6 Arial,sans-serif}
.calm-tools a{color:var(--calm-ink)!important;text-decoration:none}.calm-tools small{color:var(--calm-muted);flex:1;min-width:150px}.calm-tools button{margin-left:auto}
.calm-tools button,.calm-filters button{min-height:44px;border:1px solid var(--calm-line);border-radius:22px;padding:9px 16px;background:transparent!important;color:var(--calm-ink)!important;-webkit-text-fill-color:var(--calm-ink)!important;cursor:pointer;font:600 12px Arial,sans-serif}
.calm-tools button[aria-pressed=true],.calm-filters button[aria-pressed=true]{background:#315d4d!important;color:#f4f6e9!important;-webkit-text-fill-color:#f4f6e9!important;border-color:#719583}
.calm-collection{padding:clamp(22px,4vw,40px);border:1px solid var(--calm-line);border-radius:24px;background:var(--calm-surface);margin:24px 0}
.calm-kicker{font:10px Arial,sans-serif;letter-spacing:.18em;color:var(--calm-muted)}.calm-collection h2{font:normal clamp(29px,5vw,42px)/1.2 Georgia,serif;margin:12px 0;color:var(--calm-ink)!important}.calm-collection p{font:14px/1.8 Arial,sans-serif;max-width:700px;color:var(--calm-muted)!important}
.calm-starts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.calm-starts a{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:17px;border:1px solid var(--calm-line);background:linear-gradient(140deg,#93b8a21c,#d6c39718);color:var(--calm-ink)!important;text-decoration:none;min-height:170px}.calm-starts span{font:10px Arial;letter-spacing:.12em}.calm-starts strong{font:normal 23px/1.3 Georgia}.calm-starts small{font:12px/1.7 Arial;color:var(--calm-muted)}
.calm-filters{display:flex;gap:8px;flex-wrap:wrap}.calm-filter-status{font-size:11px!important;margin-bottom:0}.calm-card-tag{font:11px/1.7 Arial;color:var(--scene-muted,#526b60);margin:-4px 0 9px}.scene-hub .game-card[hidden],.scene-hub .cards[hidden]{display:none!important}
html[data-quiet=on] :is(#clock,#steps,#best,#score,#hintcount,.final-score){display:none!important}
html[data-quiet=on] *,html[data-quiet=on] *::before,html[data-quiet=on] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
:is(.calm-tools,.calm-collection) :is(a,button):focus-visible{outline:3px solid #ba9e5b;outline-offset:4px}
@media(max-width:700px){.calm-starts{grid-template-columns:1fr}.calm-starts a{min-height:0;padding:18px;gap:9px}.calm-tools{margin:8px 10px}.calm-filters button{flex:1 1 42%}.calm-collection{border-radius:18px}}