@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--ink:#f9f6ea;--muted:#b7c7d0;--paper:#0d192b;--card:#182e46;--line:#416079;--mint:#83e6d4;--coral:#ff826c;--gold:#f4c36a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% 0,#254362 0,transparent 38%),radial-gradient(circle at 0 30%,#142e37 0,transparent 38%),var(--paper);color:var(--ink);font:17px/1.6 'DM Sans',system-ui,sans-serif;min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(#89adbd 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 65%)}header{position:relative;padding:18px max(24px,5vw);border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap;background:#0b1727d9;backdrop-filter:blur(18px);z-index:2}.brand{font:700 clamp(22px,2.8vw,30px)/1 'Space Grotesk',sans-serif;letter-spacing:-.045em;text-decoration:none;color:var(--ink)}.brand:before{content:'✦';display:inline-grid;place-items:center;width:38px;height:38px;background:var(--coral);color:#102239;border-radius:12px;margin-right:10px;font-size:25px;transform:rotate(-8deg)}.brand span{display:block;font:600 11px 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mint);margin:5px 0 0 50px}nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}nav a{padding:9px 14px;border-radius:99px;text-decoration:none;font-weight:700;font-size:14px}nav a:hover,nav a:focus-visible{background:#29435d}a{color:var(--mint)}main{position:relative;max-width:1200px;margin:auto;padding:clamp(30px,5vw,72px) 24px;min-height:75vh}h1,h2,h3{font-family:'Space Grotesk',system-ui,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(43px,7vw,84px);line-height:1.02;max-width:900px;margin:.18em 0 .28em}h2{font-size:clamp(24px,2.5vw,32px);line-height:1.15}.intro{font-size:clamp(18px,2vw,22px);max-width:650px;color:var(--muted);line-height:1.5}.eyebrow{color:var(--mint);font-size:12px;letter-spacing:.17em;font-weight:800;text-transform:uppercase}main>label{font-weight:800;margin-top:36px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr));gap:18px;margin-top:28px}article{background:linear-gradient(155deg,#203b54,var(--card) 70%);border:1px solid var(--line);padding:18px;border-radius:22px;box-shadow:0 12px 30px #0002;transition:transform .2s,border-color .2s}article:hover{transform:translateY(-4px);border-color:var(--mint)}article h2{margin:12px 0 8px}article p:not(.eyebrow){color:var(--muted);font-size:15px}article .eyebrow{margin:10px 0 0}article img{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:14px;background:#12243a}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:var(--coral);color:#172337;border:0;border-radius:11px;padding:11px 19px;font:800 15px 'DM Sans',sans-serif;cursor:pointer;text-decoration:none;box-shadow:0 5px 0 #8a473e}button:hover,.button:hover{filter:brightness(1.08)}button:active,.button:active{transform:translateY(3px);box-shadow:0 2px 0 #8a473e}button:disabled{opacity:.5;cursor:default;box-shadow:none}.button{margin-top:10px}select,input{font:inherit;border:1px solid #78a0aa;border-radius:10px;padding:12px;background:#142a40;color:var(--ink)}select{margin:10px 0 10px 10px;max-width:100%}form{max-width:620px}label{display:block;margin:18px 0}input{display:block;width:100%}#art{width:100%;max-height:520px;object-fit:contain;background:#142a40;border-radius:18px;margin:22px 0}#options{display:flex;flex-wrap:wrap;gap:12px}#evidence{white-space:pre-line;background:#1b344b;padding:24px;border-radius:13px;border-left:5px solid var(--mint)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.actions button{background:#31506a;color:var(--ink);box-shadow:0 4px 0 #162c40}#gentle{border-left:4px solid var(--gold);padding-left:16px}footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:28px}*:focus-visible{outline:3px solid var(--mint);outline-offset:4px}@media(max-width:600px){header{padding:15px 18px}.brand{font-size:21px}.brand:before{width:32px;height:32px}.brand span{margin-left:43px}main{padding:34px 18px}nav{width:100%}nav a{padding:7px 10px}.grid{gap:14px}article{padding:14px}.actions button{flex:1 1 140px}}@media(prefers-reduced-motion:reduce){*,*:before{scroll-behavior:auto!important;transition:none!important}}

/* One visual language across mystery catalogue, play, account and sign-in. */
.case-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(285px,.8fr);gap:38px;align-items:center}.case-hero-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;transform:rotate(3deg);max-width:400px;justify-self:end}.case-hero-art img{display:block;width:100%;aspect-ratio:1.22;object-fit:contain;padding:10px;border-radius:17px;background:#234760;border:2px solid #82acb1;box-shadow:6px 8px 0 #071d32}.case-hero-art img:nth-child(2){background:#5b456e;transform:translateY(24px)}.case-hero-art img:nth-child(3){background:#69513e;transform:translate(50%,4px)}.case-filter{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}.case-filter label{margin:0;font-weight:800}.case-filter select{margin:0;min-width:220px}.case-card{display:flex;flex-direction:column;overflow:hidden;padding:0 18px 18px;min-height:355px}.case-card img{width:calc(100% + 36px);height:170px;aspect-ratio:auto;margin:0 -18px 12px;object-fit:contain;padding:7px;border-radius:0;background:linear-gradient(135deg,#235772,#395071);border-bottom:1px solid #88a9b2}.case-card[data-age="5-7"] img{background:linear-gradient(135deg,#276d68,#485d78)}.case-card[data-age="8-12"] img{background:linear-gradient(135deg,#455d83,#624773)}.case-card[data-age="13-17"] img{background:linear-gradient(135deg,#604f80,#325471)}.case-card[data-age="18+"] img{background:linear-gradient(135deg,#68516c,#345c6d)}.case-card[data-age="family"] img{background:linear-gradient(135deg,#605970,#3a6b68)}.case-card .button{margin-top:auto;align-self:flex-start}.case-card p:not(.eyebrow){line-height:1.45}.account-panel{border:1px solid var(--line);background:linear-gradient(145deg,#1b3851,#132a43);padding:clamp(18px,3vw,32px);border-radius:22px;margin:26px 0;box-shadow:0 14px 40px #0002}.account-panel h2{margin-top:0}.account-panel .grid{margin-top:18px}.account-panel article{background:#0f2d42}.account-panel article h2{font-size:clamp(2.5rem,5vw,4rem);color:var(--gold)}.account-panel form:not(.grid form){max-width:430px}.account-panel input{max-width:380px}.account-panel .grid form{margin:0}.rank-panel{border-color:#8bb5ae}.auth-panel{max-width:690px;margin:20px auto;padding:clamp(22px,4vw,48px);border-radius:25px;background:linear-gradient(145deg,#24495c,#172d47 72%);border:1px solid #799ca4;box-shadow:13px 17px 0 #0a2135}.auth-panel h1{font-size:clamp(2.6rem,6vw,4.5rem)}.auth-panel form{max-width:470px}.auth-panel label{font-weight:750}.auth-panel button{min-width:170px}.auth-panel [role="alert"]{background:#663c40;color:#fff6e9;padding:12px;border-radius:9px}@media(max-width:780px){.case-hero{grid-template-columns:1fr;gap:10px}.case-hero-art{max-width:270px;justify-self:start;margin:5px 0 22px 10px}.case-hero-art img{border-radius:12px}.case-hero-art img:nth-child(2){transform:translateY(14px)}.case-card img{height:155px}}@media(max-width:600px){.case-card{padding:0 14px 14px}.case-card img{width:calc(100% + 28px);margin:0 -14px 10px}.auth-panel{box-shadow:7px 9px 0 #0a2135}.account-panel{padding:18px}}