@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-400-normal-CwRJVcUA.woff2) format("woff2"),url(/assets/lexend-latin-400-normal-CHypAkT3.woff) format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/lexend-latin-500-normal-Dl-X5nog.woff2) format("woff2"),url(/assets/lexend-latin-500-normal-D9x1QWTH.woff) format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-latin-600-normal-DdvlkEkX.woff2) format("woff2"),url(/assets/lexend-latin-600-normal-DSBzZxpA.woff) format("woff")}@font-face{font-family:"Young Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-400-normal-DIMmNPI9.woff2) format("woff2"),url(/assets/young-serif-latin-400-normal-D1tz0Z9s.woff) format("woff")}:root{--font-sans: "Lexend", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Young Serif", Georgia, serif;--font-base: 1.125rem;--font-scale: 1;--font-size-body: calc(var(--font-base) * var(--font-scale));--font-size-lg: calc(var(--font-base) * var(--font-scale) * 1.25);--font-size-xl: calc(var(--font-base) * var(--font-scale) * 1.5);--font-size-2xl: calc(var(--font-base) * var(--font-scale) * 2);--line-height-body: 1.55;--color-bg: #fff7ec;--color-surface: #ffffff;--color-surface-muted: #f7e3c9;--color-text: #2a2622;--color-text-muted: #6b5e4e;--color-primary: #1f5e5b;--color-primary-contrast: #ffffff;--color-primary-hover: #164744;--color-primary-shadow: #143f3d;--color-accent: #8a4527;--color-accent-contrast: #ffffff;--color-accent-hover: #74391f;--color-eyebrow: #8a4527;--color-border: #cdbfa8;--color-control-border: #8a8270;--color-focus: #1e6f86;--color-success-bg: #e4efdf;--color-success-fg: #2f5a2e;--color-info-bg: #fbefd9;--color-info-fg: #2a2622;--color-info-border: #e2b33c;--color-mustard: #e2b33c;--color-terracotta: #d9774f;--color-rose: #f3c9b3;--color-leaf: #7fa37a;--color-on-mustard: #2a2622;--swatch-1: #1f5e5b;--swatch-2: #7fa37a;--swatch-3: #e2b33c;--swatch-4: #d9774f;--swatch-5: #3f5e78;--swatch-6a: #111111;--swatch-6b: #ffd43b;--preview-paper-bg: #fff7ec;--preview-paper-fg: #1f5e5b;--preview-sage-bg: #fbfbf4;--preview-sage-fg: #34564b;--preview-morning-bg: #fffaf0;--preview-morning-fg: #3f5d67;--preview-clear-bg: #f7fbfb;--preview-clear-fg: #214f5d;--preview-evening-bg: #23313d;--preview-evening-fg: #f4d06f;--preview-contrast-bg: #000000;--preview-contrast-fg: #ffffff;--preview-contrast-accent: #ffd400;--preview-edge: rgba(42, 38, 34, .14);--stage-ring-found: #1f5e5b;--stage-ring-wrong: #5e5348;--stage-focus: #1f5e5b;--stage-halo: #ffffff;--shadow-paper: 0 4px 0 rgba(42, 38, 34, .12);--shadow-sticker: 0 3px 0 rgba(42, 38, 34, .18);--shadow-stage: 0 4px 0 rgba(42, 38, 34, .16);--shadow-note: 0 0 0 1px rgba(42, 38, 34, .08), var(--shadow-paper);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 12px;--radius-btn: 16px;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--touch-target-min: 56px;--container-max: 64rem;--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--easing: cubic-bezier(.2, 0, .2, 1);--motion-preview: 1.4s;--motion-preview-fade: .7s;--motion-move: .42s;--easing-arc-x: cubic-bezier(.45, 0, .75, 1);--easing-arc-y: cubic-bezier(.15, .6, .35, 1);--motion-fade-still: .2s}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 1ms;--motion-base: 1ms;--motion-slow: 1ms;--motion-move: 1ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0;margin:0}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;inset-inline-start:var(--space-2);inset-block-start:var(--space-2);background:var(--color-primary);color:var(--color-primary-contrast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transform:translateY(-150%);transition:transform var(--motion-base) var(--easing);z-index:1000}.skip-link:focus{transform:translateY(0)}html[data-color-scheme=warm-petrol]{--color-bg: #fff7ec;--color-surface: #ffffff;--color-surface-muted: #f7e3c9;--color-text: #2a2622;--color-text-muted: #6b5e4e;--color-primary: #1f5e5b;--color-primary-contrast: #ffffff;--color-primary-hover: #164744;--color-primary-shadow: #143f3d;--color-accent: #8a4527;--color-accent-contrast: #ffffff;--color-accent-hover: #74391f;--color-eyebrow: #8a4527;--color-border: #cdbfa8;--color-control-border: #8a8270;--color-focus: #1e6f86;--color-info-bg: #fbefd9;--color-info-fg: #2a2622;--color-info-border: #e2b33c;--color-success-bg: #e4efdf;--color-success-fg: #2f5a2e}html[data-color-scheme=sage-nature]{--color-bg: #fbfbf4;--color-surface: #ffffff;--color-surface-muted: #edf3e8;--color-text: #24342d;--color-text-muted: #657268;--color-primary: #34564b;--color-primary-contrast: #ffffff;--color-primary-hover: #284038;--color-accent: #9a4b3c;--color-accent-contrast: #ffffff;--color-accent-hover: #843f32;--color-border: #c9d7c4;--color-focus: #2e705d;--color-info-bg: #e6efe5;--color-info-fg: #1f3d33;--color-info-border: #c3d1bd;--color-success-bg: #e0eedb;--color-success-fg: #1f4d2a;--color-primary-shadow: #22392f;--color-eyebrow: #9a4b3c;--color-control-border: #7d8a80}html[data-color-scheme=morning-light]{--color-bg: #fffaf0;--color-surface: #fffdf8;--color-surface-muted: #f4ead8;--color-text: #2f3134;--color-text-muted: #747064;--color-primary: #3f5d67;--color-primary-contrast: #ffffff;--color-primary-hover: #2f4951;--color-accent: #94492f;--color-accent-contrast: #ffffff;--color-accent-hover: #7e3e28;--color-border: #e6d7b8;--color-focus: #7b5b12;--color-info-bg: #f5ecd6;--color-info-fg: #3e3414;--color-info-border: #e4d4ab;--color-success-bg: #ece1c4;--color-success-fg: #3e3a18;--color-primary-shadow: #2a3f46;--color-eyebrow: #94492f;--color-control-border: #8a8270}html[data-color-scheme=clear-fresh]{--color-bg: #f7fbfb;--color-surface: #ffffff;--color-surface-muted: #e6f0f1;--color-text: #1f3035;--color-text-muted: #5f7177;--color-primary: #214f5d;--color-primary-contrast: #ffffff;--color-primary-hover: #173b46;--color-accent: #954a3e;--color-accent-contrast: #ffffff;--color-accent-hover: #7f3f35;--color-border: #c8d8db;--color-focus: #005f73;--color-info-bg: #d8e7e9;--color-info-fg: #163a42;--color-info-border: #b9cdd1;--color-success-bg: #d4e8d8;--color-success-fg: #1c4a2c;--color-primary-shadow: #143640;--color-eyebrow: #954a3e;--color-control-border: #6f8489}html[data-color-scheme=high-contrast]{--color-bg: #000000;--color-surface: #000000;--color-surface-muted: #1a1a1a;--color-text: #ffffff;--color-text-muted: #f0f0f0;--color-primary: #ffd400;--color-primary-contrast: #000000;--color-primary-hover: #ffea66;--color-accent: #00d4ff;--color-accent-contrast: #000000;--color-accent-hover: #66e6ff;--color-border: #ffffff;--color-focus: #ffd400;--color-info-bg: #1a1a1a;--color-info-fg: #ffffff;--color-info-border: #ffffff;--color-success-bg: #003314;--color-success-fg: #ffffff;--color-primary-shadow: #000000;--color-eyebrow: #00d4ff;--color-control-border: #ffffff;--shadow-paper: none;--shadow-note: none;--shadow-sticker: 0 0 0 transparent;--shadow-stage: 0 0 0 transparent;--color-mustard: #ffd400;--color-terracotta: #00d4ff;--color-rose: #1a1a1a;--color-leaf: #ffffff}html[data-color-scheme=evening]{--color-bg: #23313d;--color-surface: #2b3d4a;--color-surface-muted: #354b58;--color-text: #fff8e8;--color-text-muted: #d7e0dc;--color-primary: #f4d06f;--color-primary-contrast: #1a242d;--color-primary-hover: #f8dc8f;--color-accent: #e58b76;--color-accent-contrast: #1a242d;--color-accent-hover: #f0a18d;--color-border: #4a5e6b;--color-focus: #f9e7a6;--color-info-bg: #324654;--color-info-fg: #fff8e8;--color-info-border: #4a5e6b;--color-success-bg: #2c4438;--color-success-fg: #d8efd1;--color-primary-shadow: #a8862c;--color-eyebrow: #f0a18d;--color-control-border: #8fa3ae;--shadow-paper: 0 4px 0 rgba(0, 0, 0, .35);--shadow-sticker: 0 3px 0 rgba(0, 0, 0, .35);--shadow-stage: 0 4px 0 rgba(0, 0, 0, .3);--color-mustard: #e2b33c;--color-terracotta: #b8603f;--color-rose: #3a4c59;--color-leaf: #7fa37a}html[data-font-scale="1"]{--font-scale: 1}html[data-font-scale="1.25"]{--font-scale: 1.25}html[data-font-scale="1.5"]{--font-scale: 1.5}html[data-font-scale="1.75"]{--font-scale: 1.75}html[data-font-scale="2"]{--font-scale: 2}html[data-motion=reduced]{--motion-fast: 1ms;--motion-base: 1ms;--motion-slow: 1ms;--motion-move: 1ms}html[data-mode=simplified]{--space-4: 2rem;--space-5: 2.5rem}html[data-mode=simplified] .app-footer__note{display:none}html[data-mode=simplified] .btn{font-size:var(--font-size-lg)}html[data-mode=simplified] .app-header .btn{font-size:min(var(--font-size-lg),7.5vw)}html[data-contrast=high],html[data-mode=high-contrast]{--color-bg: #000000;--color-surface: #000000;--color-surface-muted: #1a1a1a;--color-text: #ffffff;--color-text-muted: #f0f0f0;--color-primary: #ffd400;--color-primary-contrast: #000000;--color-primary-hover: #ffea66;--color-accent: #00d4ff;--color-accent-contrast: #000000;--color-accent-hover: #66e6ff;--color-border: #ffffff;--color-focus: #ffd400;--color-info-bg: #1a1a1a;--color-info-fg: #ffffff;--color-info-border: #ffffff;--color-success-bg: #003314;--color-success-fg: #ffffff;--color-primary-shadow: #000000;--color-eyebrow: #00d4ff;--color-control-border: #ffffff;--shadow-paper: none;--shadow-note: none;--shadow-sticker: 0 0 0 transparent;--shadow-stage: 0 0 0 transparent;--color-mustard: #ffd400;--color-terracotta: #00d4ff;--color-rose: #1a1a1a;--color-leaf: #ffffff}html[data-contrast=high] .btn,html[data-mode=high-contrast] .btn{border-color:var(--color-border)}html[data-contrast=high] .btn--primary,html[data-mode=high-contrast] .btn--primary{box-shadow:none;border-color:var(--color-text)}html[data-contrast=high] .choice[data-selected=true],html[data-mode=high-contrast] .choice[data-selected=true],html[data-contrast=high] .item[data-selected=true],html[data-mode=high-contrast] .item[data-selected=true]{box-shadow:none}html[data-contrast=high] .card,html[data-mode=high-contrast] .card,html[data-contrast=high] .agent__bubble,html[data-mode=high-contrast] .agent__bubble,html[data-contrast=high] .agent__avatar,html[data-mode=high-contrast] .agent__avatar,html[data-contrast=high] .paper,html[data-mode=high-contrast] .paper{border:2px solid var(--color-border)}html[data-mode=audio-first] body:before{content:"Audio-Modus aktiv — alle Inhalte werden auch gesprochen.";display:block;background:var(--color-info-bg);color:var(--color-info-fg);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);text-align:center;font-weight:600}html,body,#root{min-height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}@media (max-width: 30em){body{-webkit-hyphens:auto;hyphens:auto}}main{display:block}a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}h1,h2,h3{font-family:var(--font-display);font-weight:400;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}h1{font-size:var(--font-size-2xl);line-height:1.2}h2{font-size:var(--font-size-xl);line-height:1.25}h3{font-size:var(--font-size-lg);line-height:1.3}@media (max-width: 30em){h1{font-size:max(calc(var(--font-size-body) * 1.3),min(var(--font-size-2xl),11vw))}h2{font-size:max(calc(var(--font-size-body) * 1.15),min(var(--font-size-xl),9vw))}h3{font-size:min(var(--font-size-lg),max(calc(var(--font-size-body) * 1.1),7vw))}}p{max-width:65ch}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.app-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;min-height:100dvh}.app-header,.app-footer{padding:var(--space-3) var(--space-4);background:var(--color-bg)}.app-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.95em}.app-header__inner{justify-content:space-between;gap:var(--space-2) var(--space-3)}.app-header__inner,.app-main__inner,.app-footer__inner{max-width:var(--container-max);margin:0 auto;width:100%}.app-main{padding:var(--space-5) var(--space-4)}.app-title{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);margin:0;font-family:var(--font-display);font-size:min(var(--font-size-xl),8vw);line-height:1;color:var(--color-text);text-decoration:none}.app-title:hover{text-decoration:underline;text-decoration-thickness:2px}.app-header .btn{font-size:min(var(--font-size-body),7.5vw);padding-inline:var(--space-3);gap:var(--space-1)}.app-header .btn svg{flex:0 0 auto}.app-title .brandmark{flex:0 0 auto}.app-main--wide{padding:0}@media (max-width: 30em){.app-header,.app-footer,.app-main:not(.app-main--wide){padding-inline:16px}}.card{background:var(--color-surface);border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-paper);padding:var(--space-5)}@media (max-width: 30em){.card{padding:var(--space-4)}}.stack>*+*{margin-top:var(--space-3)}.stack--lg>*+*{margin-top:var(--space-4)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.cluster>*{min-width:0;max-width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);max-width:100%;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--font-size-body);font-weight:600;line-height:1.25;text-align:center;text-decoration:none;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;border-radius:var(--radius-btn);border:2px solid var(--color-primary);cursor:pointer;background:var(--color-surface);color:var(--color-primary);transition:background var(--motion-fast) var(--easing),box-shadow var(--motion-fast) var(--easing),transform var(--motion-fast) var(--easing)}.btn:hover{background:var(--color-surface-muted)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast);box-shadow:0 5px 0 var(--color-primary-shadow)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--primary:active{transform:translateY(3px);box-shadow:0 2px 0 var(--color-primary-shadow)}.btn--accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.btn--accent:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--ghost{background:transparent;border-color:var(--color-control-border);color:var(--color-text)}.btn--ghost:hover{background:var(--color-surface-muted)}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-weight:600}.field__hint{color:var(--color-text-muted);font-size:.95em}.field__control{min-height:var(--touch-target-min);max-width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:2px solid var(--color-control-border);background:var(--color-surface);color:var(--color-text)}.field__control:focus,.field__control:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 2px var(--color-focus)}fieldset{min-width:0;min-inline-size:0}.choice-group{display:grid;gap:var(--space-2)}.choice{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border:2px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-paper);cursor:pointer;min-height:var(--touch-target-min);transition:box-shadow var(--motion-fast) var(--easing)}.choice input{transform:scale(1.4);margin-top:.25rem;flex:0 0 auto;accent-color:var(--color-primary)}.choice>span{min-width:0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.choice[data-selected=true]{border:3px solid var(--color-primary);padding:calc(var(--space-3) - 1px) calc(var(--space-4) - 1px);box-shadow:0 4px 0 var(--color-primary)}.choice__title{font-weight:600}.choice__hint{color:var(--color-text-muted);font-size:.95em}.agent{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:flex-start;color:var(--color-text)}.agent__avatar{position:relative;width:56px;height:56px;flex:0 0 auto;border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow-paper);display:grid;place-items:center}.agent__avatar .brandmark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.agent__initial{position:relative;font-family:var(--font-display);font-size:1.375rem;line-height:1}.agent__bubble{flex:1 1 14em;min-width:0;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-paper);padding:var(--space-3) var(--space-4);overflow-wrap:break-word}.agent__role{font-size:.95em;font-weight:600;line-height:1.3;color:var(--color-text-muted)}.agent__role strong{font-weight:600}.speak-control{min-width:0;max-width:100%}.speech-hint{min-width:0;line-height:var(--line-height-body);overflow-wrap:break-word}.speech-hint:not([data-state=hidden]){margin-top:var(--space-2);background:var(--color-info-bg);color:var(--color-info-fg);border:2px solid var(--color-info-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.speech-hint>*+*{margin-top:var(--space-1)}.speech-hint__now{display:flex;align-items:center;gap:var(--space-1);font-weight:600}.speech-hint__now svg{flex:0 0 auto}@media (max-width: 30em){.agent__bubble{padding:var(--space-2) var(--space-3)}.speech-hint:not([data-state=hidden]){background:transparent;color:inherit;border:0;border-radius:0;padding:0}}.mode-preview{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--color-surface-muted);font-size:.85em}.progress{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.95em}.progress__bar{flex:1 1 8rem;height:6px;background:var(--color-surface-muted);border-radius:999px;overflow:hidden}.progress__fill{height:100%;background:var(--color-primary);transition:width var(--motion-base) var(--easing)}.app-footer__layout{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);align-items:center;justify-content:space-between}.app-footer__note{margin:0;display:flex;align-items:center;gap:var(--space-2)}.app-footer__note .brandmark{flex:0 0 auto}.app-footer__note span{min-width:0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.app-footer a{font-weight:600}.legal-links{list-style:none;margin:0;padding:0}.legal-links a{display:inline-flex;align-items:center;min-height:var(--touch-target-min);max-width:100%;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.legal-links--inline{display:flex;flex-wrap:wrap;gap:0 var(--space-4)}.legal-page ul{padding-left:var(--space-4)}.legal-page li+li{margin-top:var(--space-1)}.legal-page__address{font-style:normal}@media (prefers-reduced-motion: reduce){.btn:active,.btn--primary:active{transform:none}}html[data-motion=reduced] .btn:active,html[data-motion=reduced] .btn--primary:active{transform:none}.brandmark{display:block}.brandmark__dot--primary{fill:var(--color-primary)}.brandmark__dot--leaf{fill:var(--color-leaf)}.brandmark__dot--mustard{fill:var(--color-mustard)}.brandmark__dot--terracotta{fill:var(--color-terracotta)}.sticker{display:block;overflow:visible;filter:drop-shadow(var(--shadow-sticker))}.room-stage{position:relative;width:100%;aspect-ratio:342 / 430;line-height:0}.room-stage__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.room-stage__shadowed{filter:drop-shadow(var(--shadow-stage))}.room-stage__layer{position:absolute;top:0;right:0;bottom:0;left:0}.room-stage__layer>*{position:absolute}.room-stage__layer .sticker{width:100%;height:100%}.app-main--fill{display:flex;flex-direction:column}.app-main--fill>.app-main__inner{flex:1 0 auto;display:flex;flex-direction:column}.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);max-width:100%;padding:0 var(--space-1);border:0;background:transparent;color:var(--color-primary);font-family:inherit;font-size:.95em;font-weight:600;line-height:1.25;text-align:center;text-decoration:underline;text-underline-offset:3px;cursor:pointer;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.text-link:hover{text-decoration-thickness:2px}.field__control--lg{min-height:64px;width:100%;font-size:1.1em;border-color:var(--color-primary)}.agent--large .agent__avatar{width:88px;height:88px;border-radius:28px}.agent--large .agent__initial{font-size:2.125rem}.tile{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);width:100%;min-width:0;min-height:84px;padding:22px var(--space-3) var(--space-3);border:2px solid var(--color-control-border);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-paper);color:var(--color-text);font-family:inherit;font-size:inherit;line-height:1.3;text-align:left;cursor:pointer;transition:box-shadow var(--motion-fast) var(--easing),transform var(--motion-fast) var(--easing)}@media (hover: hover){.tile:hover{background:var(--color-surface-muted)}.tile:hover .tile__hint{color:var(--color-text)}.segment:not([aria-pressed=true]):hover{background:var(--color-surface-muted)}}.tile[aria-pressed=true]{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary),0 4px 0 var(--color-primary);transform:rotate(-1deg)}.tile--stack{flex-direction:column;align-items:stretch}.tile__picture{display:block;flex:0 0 auto;line-height:0}.tile--stack .tile__picture{width:100%}.tile__text{flex:1 1 8em;min-width:0;display:flex;flex-direction:column;gap:2px;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.tile--stack .tile__text{flex:0 0 auto}.tile__title{font-size:1.05em;font-weight:600;line-height:1.25}.tile__hint{font-size:.95em;line-height:1.35;color:var(--color-text-muted)}.tile__badge{align-self:flex-start;margin-top:2px;padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text);font-size:.95em;font-weight:600;line-height:1.5}.tile__tag{position:absolute;top:-12px;right:var(--space-2);height:30px;display:inline-flex;align-items:center;padding:0 10px;border-radius:var(--radius-sm);background:var(--color-mustard);color:var(--color-on-mustard);font-size:17px;font-weight:600;line-height:1;white-space:nowrap;transform:rotate(4deg);pointer-events:none}.tile-group{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--space-3) + .3em) var(--space-3);padding-top:.3em}.tile-group--equal{grid-auto-rows:1fr}.tile-group--equal>.tile{min-height:112px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,6.5em),1fr));gap:calc(var(--space-3) + .3em) var(--space-3);padding-top:.3em}.tile-grid--pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5em),1fr))}.segment{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:0;max-width:100%;min-height:var(--touch-target-min);padding:var(--space-1) var(--space-2);border:2px solid var(--color-control-border);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-paper);color:var(--color-text);font-family:inherit;font-size:inherit;font-weight:600;line-height:1.2;white-space:normal;text-align:center;cursor:pointer;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;transition:transform var(--motion-fast) var(--easing)}.segment[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:0 4px 0 var(--color-primary-shadow);transform:rotate(-1deg)}.segment__check{flex:0 0 auto}.segment__text{min-width:0}.segment-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.segment-row>.segment{flex:1 0 auto}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.segment--chip{padding-inline:var(--space-3)}html[data-contrast=high] .tile,html[data-mode=high-contrast] .tile,html[data-contrast=high] .segment,html[data-mode=high-contrast] .segment{box-shadow:none}html[data-contrast=high] .tile[aria-pressed=true],html[data-mode=high-contrast] .tile[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--color-primary)}html[data-contrast=high] .tile__badge,html[data-mode=high-contrast] .tile__badge{border:1px solid var(--color-border)}.steps{display:flex;flex-direction:column;gap:var(--space-1)}.steps__label{margin:0;color:var(--color-text-muted);font-size:.95em;font-weight:500;line-height:1.25}.steps__squares{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:22px}.steps__square{flex:0 0 auto;border-radius:4px;transform:rotate(var(--tilt, 0deg))}.steps__square--done{width:18px;height:18px;background:var(--color-primary)}.steps__square--current{width:22px;height:22px;border-radius:5px;background:var(--color-mustard);outline:2px solid var(--color-text);outline-offset:-2px}.steps__square--open{width:14px;height:14px;border:2px solid var(--color-control-border)}html:not([data-contrast=high]):not([data-mode=high-contrast]):not([data-color-scheme=evening]) .steps__square--current{outline:0}.steps__square:nth-child(1){--tilt: -6deg}.steps__square:nth-child(2){--tilt: 4deg}.steps__square:nth-child(3){--tilt: -3deg}.steps__square:nth-child(4){--tilt: 5deg}.steps__square:nth-child(5){--tilt: -5deg}.steps__square:nth-child(6){--tilt: 3deg}.steps__square:nth-child(7){--tilt: -4deg}.steps__square:nth-child(8){--tilt: 6deg}.steps__square:nth-child(9){--tilt: -2deg}.mode-pic{width:72px;height:72px}.color-pic{display:block;width:100%;height:64px}.tile--contrast .tile__picture{width:104px}.color-pic__bg{fill:var(--pv-bg)}.color-pic__fg{fill:var(--pv-fg)}.color-pic__fg--soft{opacity:.75}.color-pic__line{fill:none;stroke:var(--preview-contrast-fg);stroke-width:2}.color-pic__accent{fill:var(--preview-contrast-accent)}.color-pic>.color-pic__bg:first-child{stroke:var(--preview-edge);stroke-width:1}.color-pic--paper{--pv-bg: var(--preview-paper-bg);--pv-fg: var(--preview-paper-fg)}.color-pic--sage{--pv-bg: var(--preview-sage-bg);--pv-fg: var(--preview-sage-fg)}.color-pic--morning{--pv-bg: var(--preview-morning-bg);--pv-fg: var(--preview-morning-fg)}.color-pic--clear{--pv-bg: var(--preview-clear-bg);--pv-fg: var(--preview-clear-fg)}.color-pic--evening{--pv-bg: var(--preview-evening-bg);--pv-fg: var(--preview-evening-fg)}.color-pic--contrast{--pv-bg: var(--preview-contrast-bg);--pv-fg: var(--preview-contrast-fg)}.motion-pic{position:relative;display:block;width:100%;aspect-ratio:320 / 96;overflow:hidden;border-radius:6px}.motion-pic__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.motion-pic__item{position:absolute;left:6.875%;top:39.583%;width:13.75%;aspect-ratio:1}.motion-pic__item .sticker{width:100%;height:100%}.motion-pic--reduced .motion-pic__item--start{opacity:.35}.motion-pic__item--target{left:70.625%;top:29.167%}.motion-pic--gentle[data-playing=true] .motion-pic__item--start{animation:pref-glide var(--motion-preview) var(--easing) both}.motion-pic--reduced[data-playing=true] .motion-pic__item--start{animation:pref-fade-out var(--motion-preview-fade) linear both}.motion-pic--reduced[data-playing=true] .motion-pic__item--target{animation:pref-fade-in var(--motion-preview-fade) linear both}@media (prefers-reduced-motion: reduce){.motion-pic--gentle[data-playing=true] .motion-pic__item--start{animation:pref-fade-in var(--motion-preview-fade) linear both}}@keyframes pref-glide{0%{transform:translate(0)}50%{transform:translate(232%,-70%)}to{transform:translate(463.6%,-22.7%)}}@keyframes pref-fade-out{0%{opacity:1}to{opacity:.35}}@keyframes pref-fade-in{0%{opacity:0}to{opacity:1}}.font-sample{display:block;font-family:var(--font-display);line-height:1.1}.tile--font{min-height:84px}.tile--font-1 .font-sample{font-size:var(--font-base)}.tile--font-1-25 .font-sample{font-size:calc(var(--font-base) * 1.25)}.tile--font-1-5 .font-sample{font-size:calc(var(--font-base) * 1.5)}.tile--font-1-75 .font-sample{font-size:calc(var(--font-base) * 1.75)}.tile--font-2 .font-sample{font-size:calc(var(--font-base) * 2)}.station{display:grid;gap:var(--space-4)}.station__instruction{font-size:var(--font-size-lg)}.item-list,.container-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);list-style:none;padding:0;margin:0}@media (min-width: 28rem){.item-list,.container-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.item,.container{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-control-border);background:var(--color-surface);box-shadow:var(--shadow-paper);color:var(--color-text);cursor:pointer;text-align:left;font-size:var(--font-size-body);transition:border-color var(--motion-fast) var(--easing),background var(--motion-fast) var(--easing),transform var(--motion-fast) var(--easing)}.item:active,.container:active{transform:translateY(1px)}.item[data-selected=true]{border-color:var(--color-primary);background:var(--color-info-bg);color:var(--color-info-fg);box-shadow:0 4px 0 var(--color-primary)}.item[disabled],.container[disabled]{opacity:.55;cursor:not-allowed}.item[data-color=red],.container[data-color=red]{box-shadow:inset 4px 0 0 var(--color-accent)}.item[data-color=blue],.container[data-color=blue]{box-shadow:inset 4px 0 0 var(--color-primary)}.item__symbol,.container__symbol{font-size:var(--font-size-xl);line-height:1}.item__label,.container__label{font-weight:600;min-width:0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.container{grid-template-columns:auto minmax(0,1fr) auto}.container__count{color:var(--color-text-muted);font-size:.95em}.play-station-header{justify-content:space-between}.item--placed,.item--waiting{cursor:default}.item--waiting{opacity:.7}.container--count{margin-bottom:var(--space-2)}.station__actions{flex-wrap:wrap;gap:var(--space-3)}.container__symbol--letter{font-size:calc(var(--font-size-xl) * 1.4);font-weight:700}.item--letter[data-selected=true]{border-color:var(--color-primary);background:var(--color-info-bg);color:var(--color-info-fg)}.onb{flex:1 0 auto;display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:34em;margin-inline:auto}.onb__step,.onb__form{flex:1 0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.onb__body{display:flex;flex-direction:column;gap:var(--space-3)}.onb__intro{display:flex;flex-direction:column;gap:var(--space-1)}.onb__title:focus{outline:none}.onb__title:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.onb__footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2)}.onb__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.onb__back{flex:1 1 7em;min-height:64px}.onb__primary{flex:1.6 1 9em;min-height:64px}.onb__actions--stack{flex-direction:column;align-items:stretch}.onb__actions--stack>.onb__primary{flex:0 0 auto}.onb__actions--stack>.text-link{align-self:center}.onb__skip{align-self:center}.onb__hint{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-info-bg);color:var(--color-info-fg);border-left:4px solid var(--color-info-border);font-size:.95em}.onb-vignette{align-self:center;width:min(212px,100%);aspect-ratio:212 / 186;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-paper)}.onb-vignette__stage{margin-top:-6.6%}.onb-vignette .room-stage__layer>span{display:block}.onb-vignette .room-stage__layer .sticker{width:100%;height:100%}.onb-note{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted)}html[data-contrast=high] .onb-note,html[data-mode=high-contrast] .onb-note{border:2px solid var(--color-border)}.onb-note__title{font-weight:600;font-size:.95em}.onb-note__label{font-weight:600;font-size:.95em;color:var(--color-text)}.onb-note__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:.95em}.onb-note__list li{display:flex;gap:10px;align-items:flex-start;line-height:1.35}.onb-note__list li:before{content:"";flex:0 0 auto;width:8px;height:8px;margin-top:.5em;border-radius:50%;background:var(--color-terracotta)}.onb-note__text{font-size:.95em;font-weight:500}.onb-note__link{align-self:flex-start;justify-content:flex-start;padding-inline:0;text-align:left}.onb-note__quote{font-family:var(--font-display);font-size:1.2em;line-height:1.25}.onb-voice{gap:var(--space-2)}.onb-voice__option{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.onb-voice__option>.tile{flex:1 0 auto}.tile-grid--font>.tile--font-2{grid-column:1 / -1}.onb-preview{gap:var(--space-2)}.onb-preview__task{font-family:var(--font-display);font-size:1.3em;line-height:1.25}.onb-preview__items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,6.5em),1fr));gap:var(--space-3)}.onb-preview__item{display:flex;align-items:center;gap:var(--space-1);min-height:72px;min-width:0;padding:var(--space-1) var(--space-2);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-paper);font-size:1.05em;font-weight:600;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}html[data-contrast=high] .onb-preview__item,html[data-mode=high-contrast] .onb-preview__item{border:2px solid var(--color-border)}.onb-preview__item .sticker{flex:0 0 auto}.tile-grid--colors .tile{padding-inline:var(--space-2)}.onb-aid{display:flex;flex-direction:column;gap:calc(var(--space-3) + .3em);padding-top:var(--space-2);border-top:2px dashed var(--color-border)}.onb-aid__title{font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:600;line-height:1.25;color:var(--color-eyebrow)}.summary{padding:var(--space-2) var(--space-3) 0}.summary__title{font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:600;line-height:1.3;padding-block:var(--space-1)}.summary__list{list-style:none;margin:0;padding:0}.summary__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--space-2);border-top:1px solid var(--color-border)}.summary__entry{flex:1 1 10em;display:flex;flex-wrap:wrap;gap:0 .35em;min-width:0;padding-block:var(--space-1);font-size:.95em;line-height:1.3;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.summary__label{color:var(--color-text-muted)}.summary__change{flex:0 0 auto;margin-left:auto}.home{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:40em;margin-inline:auto}.home-game{padding:0;overflow:hidden;display:flex;flex-direction:column}.home-game__stage{aspect-ratio:342 / 200;overflow:hidden}.home-game__stage-inner{margin-top:-32.16%}.home-game__stage .room-stage__layer>span{display:block}.home-game__body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}@media (max-width: 30em){.home-game__body{padding:var(--space-3)}}.home-game__eyebrow{margin:0;font-size:.95em;font-weight:600;color:var(--color-eyebrow)}.home-game__title{line-height:1.15}.home-game__stations{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);margin-top:var(--space-1)}.home-game__squares{display:flex;gap:4px;flex:0 0 auto}.home-game__square{width:16px;height:16px;border-radius:4px;border:2px solid var(--color-control-border)}.home-game__station-list{margin:0;min-width:0;font-size:.95em;color:var(--color-text-muted);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.home-game__start{margin-top:var(--space-2);min-height:64px}.home__more{margin:0;text-align:center;align-self:center;color:var(--color-text-muted);font-size:.95em}.landing{--landing-hills-h: 110px;--landing-section-gap: var(--space-6)}@media (min-width: 60em){.landing{--landing-hills-h: 160px;--landing-section-gap: calc(var(--space-6) * 2)}}.landing-container{width:100%;max-width:75rem;margin:0 auto;padding:0 16px}@media (min-width: 40em){.landing-container{padding-inline:var(--space-5)}}.app-header--custom{padding:0}.landing-header{min-height:72px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);padding-block:var(--space-2)}.landing-header__brand{min-width:0}.landing-header__nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-5);min-width:0;max-width:100%}.landing-header__link{display:none;align-items:center;min-height:var(--touch-target-min);font-weight:600}@media (min-width: 40em){.landing-header__link{display:inline-flex}}.landing-header__play{padding-inline:var(--space-4)}.landing-header__play-long{display:none}@media (min-width: 40em){.landing-header__play-long{display:inline}.landing-header__play-short{display:none}}.landing-hero{position:relative;overflow:hidden;padding-top:var(--space-3);padding-bottom:calc(var(--landing-hills-h) + var(--space-4))}.landing-hills{position:absolute;left:0;bottom:0;width:100%;height:var(--landing-hills-h);display:block;max-width:none}.landing-hills__back{fill:var(--color-rose)}.landing-hills__front{fill:var(--color-terracotta)}html[data-contrast=high] .landing-hills,html[data-mode=high-contrast] .landing-hills{display:none}.landing-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);align-items:center}@media (min-width: 60em){.landing-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,24rem);gap:var(--space-6)}}.landing-hero__text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);min-width:0}.landing-eyebrow{margin:0;font-size:var(--font-size-body);font-weight:600;line-height:1.4;color:var(--color-eyebrow)}.landing-h1{margin:0;font-size:max(calc(var(--font-size-body) * 1.3),min(var(--font-size-2xl),13vw));line-height:1.12;text-wrap:balance}@media (min-width: 40em){.landing-h1{font-size:min(calc(var(--font-size-2xl) * 1.4),calc(var(--font-base) * 3.8))}}@media (min-width: 60em){.landing-h1{font-size:min(calc(var(--font-size-2xl) * 1.65),calc(var(--font-base) * 4.4));line-height:1.08}}.landing-hero__intro{margin:0;max-width:34em;line-height:1.55}@media (min-width: 60em){.landing-hero__intro,.landing-lead{font-size:calc(var(--font-size-body) * 1.17)}}.landing-badges{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.landing-badge{display:inline-flex;align-items:center;gap:var(--space-1);min-height:40px;padding:4px var(--space-3) 4px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-paper);font-size:calc(var(--font-size-body) * .95);font-weight:500;line-height:1.3}.landing-icon{flex:0 0 auto}.landing-icon--check{color:var(--color-success-fg)}html[data-contrast=high] .landing-badge,html[data-mode=high-contrast] .landing-badge{border:2px solid var(--color-border)}.landing-hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);width:100%;margin-top:var(--space-1)}.landing-cta{min-height:64px;padding:var(--space-2) var(--space-4);flex:1 1 100%}@media (min-width: 40em){.landing-cta{flex:0 1 auto;padding-inline:var(--space-5)}}.landing-hero__visual{min-width:0;padding-block:var(--space-2)}.landing-scene{width:100%;max-width:374px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-paper);transform:rotate(-2deg)}.landing-scene__task{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:14px 14px 14px 18px;background:var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-note);transform:rotate(-.8deg)}.landing-scene__task-text{flex:1 1 8em;min-width:0;font-family:var(--font-display);font-size:min(calc(var(--font-size-body) * 1.333),1.75rem);line-height:1.25;overflow-wrap:break-word}.landing-scene__speaker,.landing-speaker-square{flex:0 0 auto;width:56px;height:56px;border-radius:14px;background:var(--color-primary);color:var(--color-primary-contrast);display:flex;align-items:center;justify-content:center}.landing-speaker-square{box-shadow:0 4px 0 var(--color-primary-shadow)}.landing-stage__item{display:block}.landing-stage__zone{font-family:var(--font-sans);font-size:19px;font-weight:600}.landing-section{padding-top:var(--landing-section-gap)}.landing-section--last{padding-bottom:var(--landing-section-gap)}.landing-h2{margin:0 0 var(--space-4);font-size:max(calc(var(--font-size-body) * 1.15),min(var(--font-size-xl),9vw));line-height:1.2}@media (min-width: 40em){.landing-h2{font-size:min(calc(var(--font-size-xl) * 1.5),calc(var(--font-base) * 2.8));margin-bottom:var(--space-5)}}.landing-h3{margin:0;font-size:min(var(--font-size-lg),max(calc(var(--font-size-body) * 1.1),7vw));line-height:1.2}.landing-h3--lg{font-size:max(calc(var(--font-size-body) * 1.1),min(var(--font-size-xl),8vw,calc(var(--font-base) * 2.4)))}.landing-grid{--landing-col-min: 16.5em;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--landing-col-min),100%),1fr));gap:var(--space-4);margin:0;padding:0;font-size:var(--font-size-body)}.landing-grid--steps{--landing-col-min: 11em}.landing-round__container{container-type:inline-size;container-name:landing-round}@container landing-round (min-width: 48em){.landing-grid--steps{grid-template-columns:repeat(5,minmax(0,1fr))}}.landing-grid--2{--landing-col-min: 23em}@media (min-width: 60em){.landing-grid{gap:var(--space-5)}.landing-grid--steps{gap:var(--space-4)}}.landing-grid p,.landing-grid li{overflow-wrap:break-word}.landing-grid p{margin:0}.landing-tape-card{position:relative;padding-top:var(--space-5)}.landing-tape{position:absolute;top:-11px;left:var(--space-4);width:64px;height:22px;border-radius:3px}.landing-tape--leaf{background:var(--color-leaf);transform:rotate(-3deg)}.landing-tape--mustard{background:var(--color-mustard);transform:rotate(3deg)}.landing-tape--rose{background:var(--color-rose);transform:rotate(-4deg)}.landing-lead{line-height:1.5}.landing-step{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.landing-step__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.landing-step__number{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:max(44px,1.8em);min-height:max(44px,1.8em);padding:0 .25em;border-radius:8px;background:var(--color-primary);color:var(--color-primary-contrast);font-family:var(--font-display);font-size:var(--font-size-lg);line-height:1}.landing-step__art{position:relative;display:inline-flex;width:64px;height:64px;margin-right:14px;flex:0 0 auto}.landing-step__letter{position:absolute;top:-10px;right:-14px;display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;padding:0 9px;border-radius:var(--radius-sm);background:var(--color-mustard);color:var(--color-on-mustard);font-size:min(calc(var(--font-size-body) * .95),1.5rem);font-weight:600;line-height:1;transform:rotate(4deg)}.landing-step__text{line-height:1.45}.landing-duration{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-4) 0 0;max-width:none;font-weight:500;line-height:1.5;color:var(--color-text-muted)}.landing-duration .landing-icon{margin-top:.2em}.landing-tile{display:flex;flex-direction:column;gap:var(--space-3)}.landing-tile__art{min-height:56px;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.landing-tile__art--type{align-items:flex-end;font-family:var(--font-display);color:var(--color-primary);line-height:1}.landing-tile__art--type span:nth-child(1){font-size:1.5rem}.landing-tile__art--type span:nth-child(2){font-size:2.25rem}.landing-tile__art--type span:nth-child(3){font-size:3.125rem}.landing-swatch{width:30px;height:30px;border-radius:50%;border:3px solid var(--color-surface);box-shadow:var(--shadow-sticker)}.landing-swatch--1{background:var(--swatch-1)}.landing-swatch--2{background:var(--swatch-2)}.landing-swatch--3{background:var(--swatch-3)}.landing-swatch--4{background:var(--swatch-4)}.landing-swatch--5{background:var(--swatch-5)}.landing-swatch--6{background:linear-gradient(135deg,var(--swatch-6a) 50%,var(--swatch-6b) 50%)}html[data-contrast=high] .landing-swatch,html[data-mode=high-contrast] .landing-swatch{border-color:var(--color-border)}.landing-install{display:flex;flex-direction:column;gap:var(--space-4)}.landing-install__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.landing-install__icon{flex:0 0 auto;width:48px;height:48px;border-radius:10px;background:var(--color-surface-muted);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.landing-install__steps{display:flex;flex-direction:column;gap:var(--space-2)}.landing-install__steps li{display:flex;align-items:flex-start;gap:var(--space-3);line-height:1.5}.landing-install__steps li>span:last-child{min-width:0}.landing-install__num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:max(32px,1.6em);min-height:max(32px,1.6em);border-radius:var(--radius-sm);background:var(--color-surface-muted);font-size:.95em;font-weight:600;line-height:1}.landing-band{background:var(--color-surface-muted);padding-block:var(--space-6)}@media (min-width: 60em){.landing-band{padding-block:calc(var(--space-6) * 1.5)}}.landing-band__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.landing-band__inner .landing-h2{margin:0}.landing-band__inner .landing-cta{flex:0 1 auto}.settings{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:40em;margin-inline:auto}.settings__head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.settings__back{gap:var(--space-1);padding-inline:0}.settings__back svg{flex:0 0 auto}.settings-card{display:flex;flex-direction:column;gap:var(--space-3)}@media (max-width: 30em){.settings-card{padding:var(--space-3)}}.settings__current{margin:0;font-size:.95em;font-weight:500}.settings__sublabel{margin:0;font-size:.95em;font-weight:600;color:var(--color-text-muted)}.settings__warning{margin:0;font-size:.95em;color:var(--color-eyebrow)}.settings__form{display:flex;flex-direction:column;gap:var(--space-3)}.settings__saved{margin:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-success-bg);color:var(--color-success-fg);font-weight:600}.segment-row--font>.segment{flex:1 0 56px}.segment--font{padding-inline:var(--space-1)}.segment--font .font-sample{white-space:nowrap}.tile--check{align-items:center;flex-wrap:nowrap}.check-box{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--color-control-border);border-radius:6px;background:var(--color-surface);color:var(--color-primary-contrast)}.tile--check[aria-pressed=true] .check-box{border-color:var(--color-primary);background:var(--color-primary)}.settings__details>summary{list-style:none}.settings__details>summary::-webkit-details-marker{display:none}.settings__json{margin-top:var(--space-3);padding:var(--space-3);max-height:40vh;overflow:auto;border-radius:var(--radius-md);background:var(--color-surface-muted);font-size:.8em;white-space:pre-wrap;overflow-wrap:anywhere}.settings__confirm{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:2px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-info-bg);color:var(--color-info-fg)}.settings__confirm:focus{outline:none}.settings__confirm:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.settings__confirm-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings__confirm-actions>.btn{flex:1 1 9em}.wz-header{max-width:calc(30rem + 2 * var(--space-4));margin:0 auto;padding:var(--space-2) var(--space-4) 0}@media (max-width: 30em){.wz-header{padding-inline:16px}}.wz-header__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-1) var(--space-3)}.wz-header__row>*{min-width:0;max-width:100%}.wz-header__home{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch-target-min);font-size:min(var(--font-size-body),7.5vw);font-weight:600;color:var(--color-primary)}.wz-header__home svg{flex:0 0 auto}.wz-header__pause{font-size:min(var(--font-size-body),7.5vw);padding-inline:var(--space-3)}.wz-header__pause svg{flex:0 0 auto}.wz-header__progress{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);padding-block:var(--space-1)}.wz-header__progress-text{margin:0;font-size:min(var(--font-size-body),7.5vw);color:var(--color-text-muted);font-weight:500;font-variant-numeric:tabular-nums}.wz-stations{display:inline-flex;align-items:center;gap:8px;min-height:26px}.wz-station{display:block;flex:0 0 auto;width:14px;height:14px;border:2px solid var(--color-control-border);border-radius:3px}.wz-station--done{width:18px;height:18px;border:0;border-radius:4px;background:var(--color-primary)}.wz-station--current{width:22px;height:22px;border:0;border-radius:4px;background:var(--color-mustard);box-shadow:var(--shadow-paper)}html[data-contrast=high] .wz-station--current,html[data-mode=high-contrast] .wz-station--current,html[data-color-scheme=evening] .wz-station--current{outline:2px solid var(--color-text);outline-offset:2px}.wz-game{max-width:30rem;margin:0 auto}.wz-play,.wz-memorize,.wz-done{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}@media (min-width: 48em){.wz-header,.wz-game{max-width:calc(60rem + 2 * var(--space-4))}.wz-game>.wz-memorize,.wz-game>.wz-done{max-width:30rem;margin-inline:auto}.wz-play{grid-template-columns:minmax(16rem,1fr) auto;grid-template-rows:auto auto 1fr;align-items:start;column-gap:var(--space-4)}.wz-play>.wz-task{grid-column:1;grid-row:1}.wz-play>.wz-below{grid-column:1;grid-row:2}.wz-play>.wz-play__note{grid-column:1;grid-row:3}.wz-play>.wz-stage-frame,.wz-play>.wz-list{grid-column:2;grid-row:1 / span 3}.wz-play--list{grid-template-columns:minmax(16rem,1fr) minmax(0,1.4fr)}.wz-play--list>.wz-play__note{grid-row:2}.wz-play--list>.wz-below{grid-row:3}}.wz-task{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:14px 14px 14px 18px;background:var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-note);transform:rotate(-.8deg)}.wz-task__titlebox{display:grid;flex:1 1 0;min-width:min(6em,100%)}.wz-task__titlebox>*{grid-area:1 / 1}.wz-task__reserve{visibility:hidden}.wz-task__title{min-width:0;margin:0;font-size:max(calc(var(--font-size-body) * 1.15),min(calc(var(--font-size-body) * 1.333),9vw));line-height:1.25}.wz-task__letter{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:8px;background:var(--color-mustard);color:var(--color-on-mustard);box-shadow:var(--shadow-paper);font-family:var(--font-display);font-size:34px;line-height:1;transform:rotate(-4deg)}.wz-task__read{flex:0 0 auto;width:56px;height:56px;padding:0;border-radius:14px}.wz-stage-frame{--wz-stage-max: max(342px, calc((100svh - 24rem) * 342 / 430));width:min(100%,var(--wz-stage-max));margin-inline:auto;border-radius:var(--radius-md)}@media (max-width: 30em){.wz-stage-frame{width:min(100% + 32px,var(--wz-stage-max));margin-inline:max(-16px,calc((100% - var(--wz-stage-max)) / 2))}}@media (min-width: 48em){.wz-play>.wz-stage-frame{--wz-stage-max: max(342px, calc((100svh - 12rem) * 342 / 430));width:min(var(--wz-stage-max),36rem);margin-inline:0}}html[data-contrast=high] .wz-stage-frame,html[data-mode=high-contrast] .wz-stage-frame,html[data-contrast=high] .wz-vignette,html[data-mode=high-contrast] .wz-vignette{outline:2px solid var(--color-border);outline-offset:0}.wz-stage{--wz-ring-found: var(--stage-ring-found);--wz-ring-wrong: var(--stage-ring-wrong);--wz-focus: var(--stage-focus);--wz-halo: var(--stage-halo)}html[data-contrast=high] .wz-stage,html[data-mode=high-contrast] .wz-stage{--wz-ring-found: var(--color-primary);--wz-ring-wrong: var(--color-bg);--wz-focus: var(--color-focus);--wz-halo: var(--color-bg)}.wz-thing{display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:left var(--motion-move) var(--easing-arc-x),top var(--motion-move) var(--easing-arc-y),width var(--motion-move) var(--easing),height var(--motion-move) var(--easing)}.wz-thing.item--placed,.wz-tile.item--placed{cursor:pointer}span.wz-thing{cursor:default}.wz-thing:focus-visible{outline:3px solid var(--wz-focus);outline-offset:-3px;box-shadow:inset 0 0 0 6px var(--wz-halo)}.wz-stage-frame:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.wz-thing__art{position:relative;display:block;width:var(--wz-art, 81.25%);aspect-ratio:1;transition:width var(--motion-move) var(--easing)}.wz-thing--lamp .wz-thing__art{transform:translate(-6.25%)}.wz-thing__art .sticker{position:relative;width:100%;height:100%}.wz-thing__ring{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;display:none;border:3px solid transparent;border-radius:50%;pointer-events:none}.wz-thing--found .wz-thing__ring{display:block;border-color:var(--wz-ring-found);box-shadow:0 0 0 2px var(--wz-halo),inset 0 0 0 2px var(--wz-halo)}.wz-thing.item--wrong-hint .wz-thing__ring{display:block;border-color:var(--wz-ring-wrong);box-shadow:0 0 0 2px var(--wz-halo),inset 0 0 0 2px var(--wz-halo)}.wz-thing__badge{position:absolute;top:-14%;right:-16%;z-index:1;display:none;align-items:center;justify-content:center;width:46%;aspect-ratio:1;border-radius:50%;background:var(--color-success-fg);box-shadow:var(--shadow-sticker)}.wz-thing__badge svg{width:62%;height:62%;stroke:var(--color-success-bg)}.wz-thing--found .wz-thing__badge,.wz-thing--placed .wz-thing__badge{display:flex}.wz-thing--tight .wz-thing__badge,.wz-thing--tight.wz-thing--placed .wz-thing__badge{display:none}.wz-stage .wz-thing--placed .wz-thing__badge{animation:wz-appear var(--motion-base) var(--easing) var(--motion-move) both}.wz-stage--still .wz-thing,.wz-stage--still .wz-thing__art{transition:none}.wz-stage--still .wz-thing--placed{animation:wz-appear var(--motion-fade-still) linear both}.wz-stage--still .wz-thing--placed .wz-thing__badge{animation:none}html[data-motion=reduced] .wz-thing,html[data-motion=reduced] .wz-thing__art{transition:none}html[data-motion=reduced] .wz-stage .wz-thing--placed{animation:wz-appear var(--motion-fade-still) linear both}html[data-motion=reduced] .wz-stage .wz-thing--placed .wz-thing__badge{animation:none}@media (prefers-reduced-motion: reduce){.wz-thing,.wz-thing__art{transition:none}.wz-stage .wz-thing--placed{animation:wz-appear var(--motion-fade-still) linear both}.wz-stage .wz-thing--placed .wz-thing__badge{animation:none}}.wz-vignette .wz-thing,.wz-vignette .wz-thing__art,.wz-vignette .wz-thing__badge{transition:none;animation:none}@keyframes wz-appear{0%{opacity:0}to{opacity:1}}.wz-mark-zone text{font-family:var(--font-sans);font-size:19px;font-weight:600}html[data-contrast=high] .room-stage__shadowed>*,html[data-mode=high-contrast] .room-stage__shadowed>*{stroke:var(--color-bg);stroke-width:2}.wz-mark-slot-halo{display:none}html[data-contrast=high] .wz-mark-slot-halo,html[data-mode=high-contrast] .wz-mark-slot-halo{display:inline;stroke:var(--color-bg);stroke-width:6}html[data-contrast=high] .wz-mark-slot,html[data-mode=high-contrast] .wz-mark-slot{stroke:var(--color-primary);stroke-width:2.5}html[data-contrast=high] .wz-mark-former,html[data-mode=high-contrast] .wz-mark-former{stroke:var(--color-bg)}html[data-contrast=high] .wz-mark-glow,html[data-mode=high-contrast] .wz-mark-glow{fill:var(--color-mustard);opacity:.55;stroke:var(--color-bg);stroke-width:3}html[data-contrast=high] .wz-mark-zone rect,html[data-mode=high-contrast] .wz-mark-zone rect{stroke:var(--color-bg);stroke-width:2}html[data-contrast=high] .wz-thing--found .wz-thing__ring,html[data-mode=high-contrast] .wz-thing--found .wz-thing__ring{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-bg)}html[data-contrast=high] .wz-thing.item--wrong-hint .wz-thing__ring,html[data-mode=high-contrast] .wz-thing.item--wrong-hint .wz-thing__ring{border-color:var(--color-bg);box-shadow:0 0 0 2px var(--color-text)}html[data-contrast=high] .wz-thing__badge,html[data-mode=high-contrast] .wz-thing__badge{box-shadow:0 0 0 2px var(--color-bg)}.wz-below{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--space-3)}.wz-count{margin:0;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}.wz-below__links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 var(--space-3);margin-left:auto;min-width:0;max-width:100%}.wz-below__link--hidden{visibility:hidden}html[data-contrast=high] .btn--link,html[data-mode=high-contrast] .btn--link{padding-inline:var(--space-2)}.wz-note{display:flex;align-items:center;gap:var(--space-2);min-height:calc(var(--font-size-body) * 1.4 * 2 + 28px);padding:14px 16px;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-paper);transform:rotate(.6deg)}.wz-note--empty{background:transparent;box-shadow:none;transform:none}.wz-note--right{background:var(--color-success-bg);color:var(--color-success-fg)}.wz-note--hint{background:var(--color-info-bg);color:var(--color-info-fg)}.wz-note__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px}.wz-note__ring{display:block;width:12px;height:12px;border:3px solid var(--color-text-muted);border-radius:50%}.wz-note--info .wz-note__ring{border-color:var(--color-primary)}.wz-note__bulb{fill:var(--color-mustard);stroke:var(--color-text)}.wz-note__bulb-base{fill:var(--color-text)}.wz-note__text{margin:0;min-width:0;line-height:1.4}.wz-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9em),1fr));gap:var(--space-2)}.wz-tile{position:relative;display:grid;justify-items:center;align-content:center;gap:var(--space-1);width:100%;min-height:max(112px,4.5em);padding:var(--space-2);border:2px solid var(--color-control-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-paper);font:inherit;text-align:center;cursor:pointer}.wz-tile:hover{background:var(--color-surface-muted)}.wz-tile__label{min-width:0;max-width:100%;font-weight:600;line-height:1.25;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.wz-tile__mark{position:absolute;top:6px;right:6px;color:var(--color-success-fg)}.wz-tile.item--found,.wz-tile.item--placed{border-color:var(--color-success-fg);background:var(--color-success-bg);color:var(--color-success-fg);box-shadow:inset 0 0 0 1px var(--color-success-fg),var(--shadow-paper)}.wz-tile.item--wrong-hint{border-color:var(--color-text-muted);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-text-muted),var(--shadow-paper)}.wz-tile--hinted{background:var(--color-info-bg);box-shadow:0 0 0 6px var(--color-mustard)}.wz-memorize__title{margin:0;font-size:max(calc(var(--font-size-body) * 1.15),min(calc(var(--font-size-body) * 1.5),9vw));line-height:1.2}.wz-memorize__hint{margin:0}.wz-memorize .wz-memorize__card{list-style:none;margin:0;padding:var(--space-4);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted);transform:rotate(.5deg)}.wz-memorize__item{display:flex;align-items:center;gap:var(--space-3);min-width:0}.wz-memorize__item .sticker{flex:0 0 auto;width:72px;height:72px}.wz-memorize__name{min-width:0;font-family:var(--font-display);font-size:calc(var(--font-size-body) * 1.333);line-height:1.2;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}@media (min-width: 40em){.wz-memorize .wz-memorize__card{grid-template-columns:repeat(auto-fit,minmax(min(100%,7em),1fr))}.wz-memorize__item{flex-direction:column;text-align:center}.wz-memorize__item .sticker{width:88px;height:88px}}html[data-contrast=high] .wz-memorize__card,html[data-mode=high-contrast] .wz-memorize__card{border:2px solid var(--color-border)}.wz-done__card{padding:0;overflow:hidden}.wz-done__body{display:grid;gap:var(--space-2);padding:var(--space-4)}.wz-done__title{margin:0;font-size:max(calc(var(--font-size-body) * 1.15),min(calc(var(--font-size-body) * 1.45),9vw));line-height:1.2}.wz-done__round,.wz-done__next{margin:0}.wz-done__next{color:var(--color-text-muted)}.wz-done-found{display:flex;align-items:center;gap:var(--space-3);min-width:0}.wz-done-found .sticker{flex:0 0 auto}.wz-done-found__label{min-width:0;font-size:var(--font-size-lg);font-weight:600;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.wz-done-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8em),1fr));gap:var(--space-1)}.wz-done-list__item{display:flex;align-items:center;gap:var(--space-1);min-width:0;min-height:48px;padding:4px 10px;border-radius:10px;background:var(--color-bg);box-shadow:var(--shadow-paper)}.wz-done-list__item .sticker{flex:0 0 auto}.wz-done-list__label{min-width:0;font-weight:600;line-height:1.25;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}html[data-contrast=high] .wz-done-list__item,html[data-mode=high-contrast] .wz-done-list__item{border:2px solid var(--color-border)}.wz-vignette{position:relative;overflow:hidden;width:100%}.wz-vignette .room-stage{transform:translateY(var(--wz-crop-shift, 0%))}.wz-done--final .wz-vignette{width:min(100%,22rem);margin:var(--space-3) auto 0;border-radius:var(--radius-md)}.wz-actions{display:grid;gap:var(--space-2)}.wz-actions .btn--block{width:100%}.wz-actions__home{justify-self:center}.wz-actions .btn svg{flex:0 0 auto}.wz-pause{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:var(--space-4) 16px;background:color-mix(in srgb,var(--color-text) 45%,transparent);overflow-y:auto}.wz-pause__card{display:grid;gap:var(--space-3);width:min(100%,26rem);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-paper)}.wz-pause__title{margin:0;font-size:calc(var(--font-size-body) * 1.1)}.wz-pause__card p{margin:0}.wz-pause__note{color:var(--color-text-muted);text-align:center}.wz-pause__actions{display:grid;gap:var(--space-2)}.btn--link{background:transparent;border-color:transparent;color:var(--color-primary);text-decoration:underline;padding-left:0;padding-right:0}.btn--link:hover{color:var(--color-primary-hover);background:transparent}.item.item--found,.item.item--placed{border-color:var(--color-success-fg);background:var(--color-success-bg);color:var(--color-success-fg)}