*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.55 var(--body);min-width:320px;overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;left:1rem;top:1rem;transform:translateY(-200%);z-index:30;background:var(--ink);color:var(--bg);padding:.75rem 1rem}.skip-link:focus{transform:none}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,1.25rem);border-bottom:var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font:700 1rem/1 var(--display);letter-spacing:var(--brand-space)}.brand__mark{width:18px;height:18px;background:var(--accent);border:var(--mark-border);border-radius:var(--mark-radius);transform:var(--mark-transform)}.header-link{text-underline-offset:4px;font-weight:650}.intro{max-width:1320px;margin:auto;padding:clamp(3rem,8vw,7.5rem) max(5vw,1.25rem) clamp(3.5rem,7vw,6rem);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3rem;align-items:end}.intro__copy{max-width:900px;min-width:0}.eyebrow{margin:0 0 1rem;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:800}.intro h1,.legal h1,.not-found h1{font:var(--h1);letter-spacing:var(--tight);margin:0;max-width:16ch;overflow-wrap:break-word}.intro__text{font-size:clamp(1rem,1.8vw,1.25rem);max-width:64ch;margin:1.5rem 0 0;color:var(--muted)}.intro__action{width:168px;min-height:168px;border-radius:var(--action-radius);background:var(--accent);color:var(--accent-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-decoration:none;font-weight:800;box-shadow:var(--action-shadow);transition:transform .2s ease}.intro__action:hover{transform:translateY(-5px) rotate(var(--action-rotate))}.intro__action b{font-size:1.7rem}.games,.recent{padding:clamp(3rem,6vw,6rem) max(5vw,1.25rem);background:var(--panel);border-top:var(--line);border-bottom:var(--line)}.section-heading{max-width:1320px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:end;gap:2rem}.section-heading h2,.about h2,.faq h2{font:var(--h2);letter-spacing:var(--tight);margin:0;overflow-wrap:break-word}.section-heading>p{margin:0;color:var(--muted)}.game-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}.game-card{appearance:none;background:var(--card);border:var(--card-line);border-radius:var(--card-radius);padding:0;text-align:left;overflow:hidden;cursor:pointer;box-shadow:var(--card-shadow);transition:transform .18s ease,box-shadow .18s ease;min-width:0}.game-card:hover{transform:translateY(-5px);box-shadow:var(--card-hover)}.game-card:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.game-card__media{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#111}.game-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.game-card:hover img{transform:scale(1.035)}.game-card__play{position:absolute;right:1rem;bottom:1rem;background:var(--accent);color:var(--accent-ink);min-width:54px;padding:.55rem .8rem;text-align:center;border-radius:999px;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.game-card__meta{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;align-items:center}.game-card__meta strong{line-height:1.25;overflow-wrap:anywhere}.game-card__meta span{font-size:1.2rem}.recent{background:var(--bg)}.recent__grid{max-width:1320px;margin:auto;display:flex;gap:1rem;overflow:auto;padding:.25rem 0}.recent .game-card{min-width:220px;max-width:220px}.about{max-width:1320px;margin:auto;padding:clamp(4rem,8vw,8rem) max(5vw,1.25rem);display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(3rem,8vw,9rem)}.about__statement>p:last-child{font-size:1.1rem;color:var(--muted);max-width:62ch}.about__list{list-style:none;padding:0;margin:0;border-top:var(--line)}.about__list li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.15rem 0;border-bottom:var(--line);font-weight:700}.about__list span{color:var(--accent);font-size:.75rem}.faq{padding:clamp(4rem,8vw,8rem) max(5vw,1.25rem);background:var(--ink);color:var(--bg);display:grid;grid-template-columns:1fr 1.4fr;gap:4rem}.faq>div{max-width:620px}.faq__items details{border-top:1px solid color-mix(in srgb,var(--bg) 28%,transparent);padding:1.2rem 0}.faq__items details:last-child{border-bottom:1px solid color-mix(in srgb,var(--bg) 28%,transparent)}summary{cursor:pointer;font-weight:750}.faq__items p{color:color-mix(in srgb,var(--bg) 70%,transparent)}.site-footer{padding:2.5rem max(5vw,1.25rem);display:grid;grid-template-columns:1fr auto;gap:2rem;border-top:var(--line);align-items:start}.site-footer p{color:var(--muted);margin:.4rem 0}.site-footer nav{display:flex;gap:1.5rem}.site-footer a{text-underline-offset:4px}.site-footer small{grid-column:1/-1;color:var(--muted)}.notice{position:fixed;z-index:20;left:50%;bottom:1rem;transform:translateX(-50%);width:min(760px,calc(100% - 2rem));background:var(--ink);color:var(--bg);padding:1rem;display:flex;align-items:center;gap:.8rem;border:1px solid var(--bg);box-shadow:0 18px 60px rgba(0,0,0,.24);overflow:hidden}.notice[hidden]{display:none}.notice p{margin:0 auto 0 0;font-size:.9rem}.notice button,.game-modal button{border:1px solid currentColor;background:transparent;padding:.65rem .85rem;cursor:pointer;white-space:nowrap}.notice .button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:800}.game-modal{width:min(1180px,96vw);height:min(820px,92vh);padding:0;border:0;background:#090909;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.55)}.game-modal::backdrop{background:rgba(0,0,0,.82)}.game-modal__bar{height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;border-bottom:1px solid #333}.game-modal__bar button{font-size:1.5rem;padding:.25rem .7rem}.game-modal iframe{width:100%;height:calc(100% - 58px);border:0;background:#000}.legal{max-width:920px;margin:0 auto;padding:clamp(4rem,10vw,9rem) max(5vw,1.25rem)}.legal__intro{font-size:1.25rem;color:var(--muted);max-width:60ch;margin:1.5rem 0 4rem}.legal section{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:2rem 0;border-top:var(--line)}.legal section span{font-size:.75rem;color:var(--accent);font-weight:800}.legal section h2{font:var(--h3);margin:0 0 .5rem}.legal section p{margin:0;color:var(--muted)}.back-link{display:inline-block;margin-top:2rem;font-weight:800;text-underline-offset:4px}.not-found{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:max(5vw,1.25rem);max-width:1000px;margin:auto}.not-found p:not(.eyebrow){color:var(--muted);font-size:1.2rem}.not-found .intro__action{margin-top:2rem}

html[data-theme="editorial"]{--bg:#f4efe5;--panel:#fffdf8;--ink:#17261d;--muted:#657067;--accent:#d8522b;--accent-ink:#fff;--focus:#d8522b;--body:Arial,sans-serif;--display:Georgia,serif;--h1:500 clamp(3.5rem,8vw,7.5rem)/.94 Georgia,serif;--h2:500 clamp(2rem,4.5vw,4rem)/1 Georgia,serif;--h3:600 1.5rem/1.2 Georgia,serif;--tight:-.045em;--line:1px solid #8d958b;--card:#f4efe5;--card-line:1px solid #17261d;--card-radius:0;--gap:1.15rem;--card-shadow:none;--card-hover:7px 7px 0 #d8522b;--action-radius:50%;--action-shadow:none;--action-rotate:-3deg;--mark-border:0;--mark-radius:50%;--mark-transform:none;--brand-space:0}.editorial{}
html[data-theme="lab"]{--bg:#f7f7f2;--panel:#d7ff39;--ink:#101010;--muted:#595959;--accent:#5c31ff;--accent-ink:#fff;--focus:#5c31ff;--body:"Trebuchet MS",Arial,sans-serif;--display:"Arial Black",Arial,sans-serif;--h1:900 clamp(3.3rem,7.5vw,7rem)/.91 "Arial Black",Arial,sans-serif;--h2:900 clamp(2rem,4vw,3.7rem)/.95 "Arial Black",Arial,sans-serif;--h3:800 1.5rem/1.2 Arial,sans-serif;--tight:-.055em;--line:2px solid #101010;--card:#fff;--card-line:2px solid #101010;--card-radius:0;--gap:1rem;--card-shadow:5px 5px 0 #101010;--card-hover:9px 9px 0 #5c31ff;--action-radius:0;--action-shadow:8px 8px 0 #101010;--action-rotate:0deg;--mark-border:2px solid #101010;--mark-radius:0;--mark-transform:rotate(45deg);--brand-space:-.03em}
html[data-theme="signal"]{--bg:#f6f8ff;--panel:#1238df;--ink:#091541;--muted:#52618f;--accent:#ff5a3d;--accent-ink:#fff;--focus:#ff5a3d;--body:Arial,sans-serif;--display:Arial,sans-serif;--h1:900 clamp(3.4rem,8vw,7.6rem)/.88 Arial,sans-serif;--h2:900 clamp(2rem,4vw,3.8rem)/.95 Arial,sans-serif;--h3:800 1.5rem/1.2 Arial,sans-serif;--tight:-.065em;--line:1px solid #92a3dc;--card:#fff;--card-line:0;--card-radius:18px;--gap:1.25rem;--card-shadow:0 9px 30px rgba(5,15,60,.22);--card-hover:0 18px 45px rgba(5,15,60,.35);--action-radius:18px;--action-shadow:0 18px 50px rgba(255,90,61,.25);--action-rotate:2deg;--mark-border:0;--mark-radius:50% 50% 0 50%;--mark-transform:rotate(45deg);--brand-space:-.03em}html[data-theme="signal"] .games{color:#fff}html[data-theme="signal"] .games .eyebrow,html[data-theme="signal"] .games .section-heading>p{color:#c6d1ff}
html[data-theme="playful"]{--bg:#fff2d9;--panel:#ffd733;--ink:#291c45;--muted:#655878;--accent:#ff4f91;--accent-ink:#fff;--focus:#6e46ef;--body:"Trebuchet MS",Arial,sans-serif;--display:"Trebuchet MS",Arial,sans-serif;--h1:900 clamp(3.1rem,7vw,6.7rem)/.94 "Trebuchet MS",Arial,sans-serif;--h2:900 clamp(2rem,4vw,3.7rem)/1 "Trebuchet MS",Arial,sans-serif;--h3:800 1.5rem/1.2 "Trebuchet MS",Arial,sans-serif;--tight:-.055em;--line:2px solid #291c45;--card:#fffaf0;--card-line:2px solid #291c45;--card-radius:24px;--gap:1.1rem;--card-shadow:0 5px 0 #291c45;--card-hover:0 10px 0 #6e46ef;--action-radius:36% 64% 56% 44%/53% 42% 58% 47%;--action-shadow:7px 7px 0 #291c45;--action-rotate:-3deg;--mark-border:2px solid #291c45;--mark-radius:50%;--mark-transform:none;--brand-space:-.03em}
html[data-theme="midnight"]{--bg:#0a141a;--panel:#10242c;--ink:#edf8f7;--muted:#9bb4b7;--accent:#39e6c2;--accent-ink:#071512;--focus:#39e6c2;--body:Arial,sans-serif;--display:Georgia,serif;--h1:500 clamp(3.4rem,7.5vw,7.2rem)/.94 Georgia,serif;--h2:500 clamp(2rem,4vw,3.8rem)/1 Georgia,serif;--h3:600 1.5rem/1.2 Georgia,serif;--tight:-.045em;--line:1px solid #31505a;--card:#142c35;--card-line:1px solid #42626b;--card-radius:4px;--gap:1rem;--card-shadow:none;--card-hover:0 0 0 2px #39e6c2;--action-radius:4px;--action-shadow:12px 12px 0 #203d47;--action-rotate:0deg;--mark-border:1px solid #39e6c2;--mark-radius:50%;--mark-transform:none;--brand-space:.02em}html[data-theme="midnight"] .faq{background:#050b0e}html[data-theme="midnight"] .game-card__meta{color:#edf8f7}

html[data-theme="editorial"] .game-card--lead,html[data-theme="lab"] .game-card--lead,html[data-theme="midnight"] .game-card--lead{grid-column:span 2;grid-row:span 2}html[data-theme="editorial"] .game-card--lead .game-card__media,html[data-theme="lab"] .game-card--lead .game-card__media,html[data-theme="midnight"] .game-card--lead .game-card__media{aspect-ratio:auto;height:calc(100% - 59px)}html[data-theme="signal"] .game-grid{grid-template-columns:repeat(12,minmax(0,1fr))}html[data-theme="signal"] .game-card{grid-column:span 3}html[data-theme="signal"] .game-card:nth-child(1),html[data-theme="signal"] .game-card:nth-child(2){grid-column:span 6}html[data-theme="playful"] .game-card:nth-child(1),html[data-theme="playful"] .game-card:nth-child(5){transform:rotate(-1deg)}html[data-theme="playful"] .game-card:nth-child(3),html[data-theme="playful"] .game-card:nth-child(7){transform:rotate(1deg)}

/* Editorial story-shelf ending. */
.route-board{padding:clamp(4rem,8vw,8rem) max(5vw,1.25rem);background:var(--bg)}.route-board>header,.route-board__grid{max-width:1320px;margin-inline:auto}.route-board h2,.field-note blockquote{font:var(--h2);letter-spacing:var(--tight);margin:0}.route-board__grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;border-top:var(--line);border-left:var(--line)}.route-board article{padding:1.5rem;min-height:230px;border-right:var(--line);border-bottom:var(--line);display:flex;flex-direction:column}.route-board article span{color:var(--accent);font-weight:800;font-size:.8rem}.route-board article h3{font:var(--h3);margin:auto 0 .5rem}.route-board article p{margin:0;color:var(--muted)}.field-note{background:var(--ink);color:var(--bg);padding:clamp(4rem,8vw,8rem) max(5vw,1.25rem);display:grid;grid-template-columns:.35fr 1.4fr .8fr;gap:clamp(2rem,6vw,6rem);align-items:start}.field-note__index{margin:0;color:#f0b39e;font-weight:800}.field-note blockquote{max-width:18ch}.field-note>div p:not(.eyebrow){color:#bdc8c0}.field-note a{display:inline-block;margin-top:1rem;color:#fff;text-underline-offset:4px;font-weight:700}

/* High-contrast procedure and findings. */
.experiment{padding:clamp(4rem,7vw,7rem) max(5vw,1.25rem);background:#5c31ff;color:#fff}.experiment>header,.experiment>ol{max-width:1320px;margin-inline:auto}.experiment h2,.lab-questions h2{font:var(--h2);letter-spacing:var(--tight);margin:0}.experiment ol{list-style:none;padding:0;margin-top:3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.experiment li{background:#f7f7f2;color:#101010;border:2px solid #101010;box-shadow:7px 7px 0 #101010;min-height:280px;padding:1.5rem;display:flex;flex-direction:column}.experiment li>span{font:900 2.5rem/1 var(--display);color:#5c31ff}.experiment li div{margin-top:auto}.experiment h3{font:900 1.5rem/1 var(--display);margin:0 0 .75rem}.experiment li p{margin:0;color:#4d4d4d}.lab-questions{padding:clamp(4rem,7vw,7rem) max(5vw,1.25rem);display:grid;grid-template-columns:.8fr 1.4fr;gap:clamp(3rem,8vw,8rem)}.lab-questions>div:first-child>p:last-child{color:var(--muted);font-size:1.1rem}.lab-questions__grid{display:grid;gap:1rem}.lab-questions details{border:2px solid #101010;padding:1.25rem;background:#fff}.lab-questions summary{text-transform:uppercase;letter-spacing:.08em}.lab-questions details p{margin-bottom:0;color:#555}

/* Action scoreboard and pill navigation. */
.scoreboard{padding:clamp(4rem,7vw,7rem) max(5vw,1.25rem);display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:0;background:#ff5a3d;color:#fff}.scoreboard__title,.score{padding:clamp(1.5rem,3vw,3rem);border-right:1px solid rgba(255,255,255,.65)}.scoreboard h2,.mood-picker h2{font:var(--h2);letter-spacing:var(--tight);margin:0}.score{display:flex;flex-direction:column;justify-content:space-between;min-height:250px}.score strong{font:900 clamp(3rem,6vw,6rem)/.9 var(--display)}.score span{text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:800}.mood-picker{padding:clamp(4rem,7vw,7rem) max(5vw,1.25rem);display:grid;grid-template-columns:1fr 1.2fr;gap:2rem 6rem;align-items:end}.mood-picker__list{display:flex;flex-wrap:wrap;gap:.75rem}.mood-picker__list a{border:1px solid var(--ink);border-radius:999px;padding:.75rem 1rem;text-decoration:none;font-weight:800}.mood-picker__list a:hover{background:var(--ink);color:var(--bg)}.mood-picker>p{grid-column:2;color:var(--muted);font-size:1.1rem;margin:0}

/* Luca: playful step cards and oversized closing statement. */
.break-plan{padding:clamp(4rem,7vw,7rem) max(5vw,1.25rem);background:#6e46ef;color:#fff}.break-plan>header,.break-plan__cards{max-width:1320px;margin-inline:auto}.break-plan h2,.colour-note__big{font:var(--h2);letter-spacing:var(--tight);margin:0}.break-plan__cards{margin-top:3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.break-plan article{min-height:270px;padding:1.5rem;border:2px solid #291c45;border-radius:28px;background:#fff2d9;color:#291c45;box-shadow:0 8px 0 #291c45;transform:rotate(-1deg)}.break-plan article:nth-child(2){background:#ffd733;transform:rotate(1deg)}.break-plan article:nth-child(3){background:#ff8bbb;transform:rotate(-.5deg)}.break-plan article span{font-size:2.5rem}.break-plan article h3{font:900 1.5rem/1 var(--display);margin:3rem 0 .75rem}.break-plan article p{margin:0}.colour-note{padding:clamp(4rem,8vw,8rem) max(5vw,1.25rem);display:grid;grid-template-columns:1.5fr .7fr;gap:clamp(3rem,8vw,8rem);align-items:end}.colour-note__big{font-size:clamp(3rem,7vw,7rem);max-width:14ch}.colour-note>div p{color:var(--muted);font-size:1.1rem}.colour-note a{display:inline-block;margin-top:1rem;font-weight:800;text-underline-offset:4px}

/* EVP: dark curation rules plus a light, high-contrast FAQ. */
.curation{padding:clamp(4rem,8vw,8rem) max(5vw,1.25rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem)}.curation h2,.quiet-questions h2{font:var(--h2);letter-spacing:var(--tight);margin:0}.curation__copy>p:last-child{color:var(--muted);font-size:1.1rem}.curation__rules{border-top:var(--line)}.curation__rules article{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.25rem 0;border-bottom:var(--line)}.curation__rules span{color:var(--accent);font-weight:800;font-size:.78rem}.curation__rules h3{margin:0 0 .35rem}.curation__rules p{margin:0;color:var(--muted)}.quiet-questions{background:#edf8f7;color:#0a141a;padding:clamp(4rem,8vw,8rem) max(5vw,1.25rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.quiet-questions>.eyebrow{grid-column:1/-1;color:#39727b}.quiet-questions>div details{border-top:1px solid #7d9da0;padding:1.35rem 0}.quiet-questions>div details:last-child{border-bottom:1px solid #7d9da0}.quiet-questions summary{font-size:1.05rem}.quiet-questions details p{color:#405d62}

@media(max-width:900px){.intro{grid-template-columns:1fr}.intro__action{width:auto;min-height:58px;flex-direction:row;justify-content:space-between;padding:0 1.25rem;border-radius:var(--card-radius)}.game-grid,html[data-theme="signal"] .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card,html[data-theme="signal"] .game-card,html[data-theme="signal"] .game-card:nth-child(1),html[data-theme="signal"] .game-card:nth-child(2){grid-column:auto}.game-card--lead{grid-column:auto!important;grid-row:auto!important}.game-card--lead .game-card__media{height:auto!important;aspect-ratio:4/3!important}.about,.faq,.field-note,.lab-questions,.mood-picker,.colour-note,.curation,.quiet-questions{grid-template-columns:1fr}.route-board__grid,.experiment ol,.break-plan__cards{grid-template-columns:1fr 1fr}.scoreboard{grid-template-columns:1fr 1fr}.scoreboard__title{grid-column:1/-1}.mood-picker>p,.quiet-questions>.eyebrow{grid-column:auto}.notice{align-items:stretch;flex-wrap:wrap}.notice p{width:100%}.site-footer{grid-template-columns:1fr}.site-footer small{grid-column:auto}}
@media(max-width:560px){.site-header{height:66px}.header-link{display:none}.intro h1,.legal h1,.not-found h1{font-size:clamp(2.65rem,14vw,3.75rem);max-width:100%}.intro{padding-top:3.5rem}.intro__text{overflow-wrap:break-word}.section-heading{align-items:start;flex-direction:column;gap:.6rem;min-width:0}.section-heading h2{font-size:clamp(1.9rem,10vw,2.8rem);max-width:100%}.game-grid,html[data-theme="signal"] .game-grid{grid-template-columns:1fr 1fr;gap:.7rem}.game-card__meta{font-size:.88rem;padding:.8rem}.game-card__play{right:.6rem;bottom:.6rem}.about,.faq{padding-top:4rem;padding-bottom:4rem}.route-board__grid,.experiment ol,.break-plan__cards,.scoreboard{grid-template-columns:1fr}.route-board article,.experiment li,.break-plan article,.score{min-height:210px}.scoreboard__title,.score{grid-column:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.65)}.field-note blockquote{font-size:clamp(2.2rem,12vw,3.4rem)}.colour-note__big{font-size:clamp(2.7rem,13vw,4.2rem)}.site-footer nav{flex-wrap:wrap}.notice{align-items:stretch;flex-direction:column}.notice button{width:100%;white-space:normal}.legal section{grid-template-columns:2rem 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card,.game-card img,.intro__action{transition:none}}