:root{color-scheme:light;--bg:#fffaf0;--surface:#fff;--ink:#23304c;--muted:#6d7180;--line:#e7dcc7;--accent:#1d3157;--focus:#886312}html[data-theme=dark]{color-scheme:dark;--bg:#10182a;--surface:#1b2740;--ink:#f5ecd9;--muted:#b9bfd0;--line:#354461;--accent:#f4d38b;--focus:#f5bd5d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}.activities-shell{max-width:1160px;margin:auto;padding:18px 22px}.activities-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:4px 0 14px}.activities-header nav{display:flex;align-items:center;gap:12px}.brand{font-weight:800;text-decoration:none;color:var(--ink)}a{color:var(--accent)}button,select,input{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:44px;padding:9px 12px}button{cursor:pointer}.activities-header button{border-radius:999px}.eyebrow{margin:36px 0 6px;color:var(--accent);font-size:.8rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}h1{font:700 clamp(2.1rem,5vw,3.4rem)/1.12 Georgia,serif;margin:0 0 12px}.lead{color:var(--muted);max-width:700px;margin:0 0 16px}.index-nav{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;margin:20px 0 26px}.index-nav a{font-weight:700}.index-nav span{color:var(--muted)}.filters{display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,1fr) minmax(200px,1.4fr) auto;align-items:end;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.filters label{display:grid;gap:5px;font-size:.88rem;font-weight:700}.filters input,.filters select{width:100%;background:var(--bg)}.filters button{min-width:90px}.count{color:var(--muted);font-weight:650;margin:16px 2px}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.activity-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px #00000012;min-width:0}.activity-card[hidden]{display:none}.activity-cover{height:170px;position:relative;display:block;background:#26334d;overflow:hidden}.activity-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .22s}.activity-cover:hover img{transform:scale(1.035)}.activity-cover:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#10182a66);pointer-events:none}.activity-mark{position:absolute;right:12px;bottom:12px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--surface);color:var(--accent);font-size:1.5rem;box-shadow:0 2px 12px #0003}.activity-body{padding:15px;display:flex;flex-direction:column;min-height:225px}.activity-series{color:var(--muted);font-size:.77rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0 0 5px}.activity-body h2{font:700 1.15rem/1.3 Georgia,serif;margin:0 0 10px}.activity-body h2 a{color:var(--ink);text-decoration:none}.activity-body h2 a:hover{text-decoration:underline}.activity-kind{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;font-weight:750;color:var(--accent)}.activity-state{border-radius:999px;padding:3px 8px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));font-size:.73rem;color:var(--ink)}.activity-description{color:var(--muted);font-size:.88rem;line-height:1.45;margin:0 0 14px}.activity-open{margin-top:auto;display:inline-flex;align-items:center;min-height:42px;width:fit-content;border-radius:11px;padding:8px 12px;background:var(--accent);color:var(--bg);font-weight:750;text-decoration:none}.activity-open:hover{filter:brightness(1.08)}.activity-open.soon{background:var(--bg);color:var(--muted);border:1px solid var(--line)}.note{margin:28px 0;padding:16px;border-left:4px solid var(--accent);background:var(--surface);color:var(--muted);border-radius:0 12px 12px 0}footer{margin-top:35px;padding:18px 0;border-top:1px solid var(--line);color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:900px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.activities-shell{padding:12px}.activity-grid{grid-template-columns:1fr}.activity-cover{height:195px}.filters{grid-template-columns:1fr}.filters button{width:100%}.activities-header{align-items:flex-start}.activities-header nav{gap:8px}.activity-body{min-height:190px}}

.activity-cover img[data-activity-thumb="coloring"]{object-fit:contain;background:#fff;padding:8px}

/* Shared circular book mark and header navigation across both indexes. */
.activities-header .brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.activities-header .brandmark{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;aspect-ratio:1;border-radius:50%;background:#f4ca73;color:#15203c;box-shadow:0 0 26px #f5bd5d55;font-size:21px;line-height:1}.activities-header nav button{font-weight:700}.activities-header nav button:hover{border-color:var(--focus)}.game-nav .activity-button{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:700}