:root{--ink:#29232d;--muted:#6d6570;--paper:#fffdfa;--paper2:#f7f2e9;--surface:#fff;--line:#e5dbce;--purple:#4c315f;--purple2:#68457d;--purple3:#efe7f3;--gold:#b98a32;--gold2:#f2dfad;--green:#3f765e;--red:#9c4550;--shadow:0 22px 55px rgba(48,31,58,.10);--shadow-sm:0 10px 25px rgba(48,31,58,.07);--radius:24px;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.6}body.no-motion *,body.no-motion *::before,body.no-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hide-tips .companion-tip{display:none!important}a{color:inherit}button,select{font:inherit}button{cursor:pointer}img,svg{max-width:100%}.shell{width:min(1180px,calc(100% - 34px));margin-inline:auto}.narrow{width:min(820px,calc(100% - 34px))}.section{padding:92px 0}.section-soft{background:var(--paper2);border-block:1px solid var(--line)}.skip-link{position:fixed;left:12px;top:-100px;background:#fff;padding:10px 14px;border-radius:10px;z-index:1000}.skip-link:focus{top:12px}.privacy-strip{background:#2e2234;color:#e8ddea;font-size:.8rem}.privacy-strip .shell{display:flex;justify-content:space-between;gap:20px;padding-block:7px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,253,250,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,219,206,.9)}.site-header.compact{position:relative}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{border-radius:13px;box-shadow:0 6px 16px rgba(48,31,58,.15)}.brand>span{display:grid;line-height:1.05}.brand strong{font-size:1.08rem}.brand small{margin-top:6px;color:var(--muted)}.main-nav,.game-nav{display:flex;align-items:center;gap:24px}.main-nav a,.game-nav a,.game-nav button{border:0;background:none;text-decoration:none;color:var(--muted);font-weight:750}.main-nav a:hover,.main-nav a:focus-visible,.main-nav a[aria-current=page],.game-nav a:hover,.game-nav button:hover{color:var(--purple)}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;padding:9px 14px;border-radius:12px}.hero{padding:92px 0 76px}.hero-professional{background:radial-gradient(circle at 82% 15%,rgba(242,223,173,.75),transparent 26%),linear-gradient(180deg,#faf5eb,#fffdfa)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:74px}.eyebrow{margin:0 0 10px;color:var(--purple);font-weight:850;letter-spacing:.055em;text-transform:uppercase;font-size:.78rem}.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.75);border-radius:999px;padding:7px 12px;margin-bottom:20px;color:var(--muted);font-size:.85rem;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#4c9c6c;box-shadow:0 0 0 5px rgba(76,156,108,.12)}h1,h2,h3{line-height:1.14;margin-top:0}h1{font-size:clamp(2.75rem,6vw,5.5rem);letter-spacing:-.052em;margin-bottom:24px}h2{font-size:clamp(1.9rem,4vw,3.15rem);letter-spacing:-.035em;margin-bottom:16px}h3{font-size:1.3rem;margin-bottom:10px}.lead{font-size:clamp(1.08rem,2vw,1.3rem);color:var(--muted);max-width:720px}.hero-actions,.finish-actions,.dual-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{appearance:none;border:0;border-radius:15px;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;min-height:50px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button:focus-visible,.answer-button:focus-visible,.stage-card:focus-visible,.text-button:focus-visible,.icon-button:focus-visible,.nav-toggle:focus-visible{outline:4px solid rgba(185,138,50,.3);outline-offset:2px}.button-primary{background:var(--purple);color:#fff;box-shadow:0 10px 25px rgba(76,49,95,.18)}.button-primary:hover{background:#392346}.button-quiet{background:#fff;color:var(--purple);border:1px solid var(--line)}.button-light{background:#fff;color:var(--purple)}.button-danger{background:#fff4f4;color:var(--red);border:1px solid #e6bdc1}.full{width:100%}.compact-button{padding-inline:15px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}.proof-grid div{border-left:2px solid var(--gold2);padding-left:14px;display:grid}.proof-grid b{font-size:1.12rem}.proof-grid span{color:var(--muted);font-size:.88rem}.hero-product-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:25px;box-shadow:var(--shadow);position:relative}.product-card-head{display:flex;justify-content:space-between;align-items:center;font-weight:850}.quiet-badge{font-size:.75rem;background:#edf6f1;color:var(--green);padding:5px 9px;border-radius:999px}.mini-castle{height:220px;margin:22px 0;display:flex;align-items:end;justify-content:center;background:linear-gradient(#eae1f0 0 58%,#f1e6cf 58%);border-radius:24px;overflow:hidden;padding:30px}.mini-tower,.mini-center{background:#6d4c7c;color:#fff;border:4px solid #4b315b;display:grid;place-items:center}.mini-tower{width:92px;height:125px;border-radius:8px 8px 0 0;font-size:1.6rem}.mini-center{width:140px;height:165px;border-radius:8px 8px 0 0;font-size:2rem}.mini-progress>div:first-child{display:flex;justify-content:space-between;gap:12px}.mini-progress span{color:var(--muted)}.mini-meter{height:9px;background:#eee5da;border-radius:999px;margin-top:10px;overflow:hidden}.mini-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--gold));border-radius:999px}.continue-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;margin-top:20px;padding:15px;border:1px solid var(--line);border-radius:18px;text-decoration:none;background:var(--paper2)}.continue-icon{width:44px;height:44px;display:grid;place-items:center;background:#fff;border-radius:13px;font-weight:900}.continue-card>span:nth-child(2){display:grid}.continue-card small{color:var(--muted)}.local-note{font-size:.82rem;color:var(--muted);text-align:center;margin:16px 0 0}.trust-section{border-block:1px solid var(--line);background:#fff}.trust-cards{display:grid;grid-template-columns:repeat(3,1fr)}.trust-cards article{display:flex;gap:14px;padding:26px;border-right:1px solid var(--line)}.trust-cards article:last-child{border-right:0}.trust-cards article>span{font-size:1.55rem}.trust-cards p{margin:3px 0 0;color:var(--muted)}.section-heading{max-width:790px;margin-bottom:40px}.split-heading{max-width:none;display:grid;grid-template-columns:1fr .75fr;align-items:end;gap:60px}.split-heading>p{color:var(--muted);font-size:1.06rem}.professional-game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.room-card{grid-column:span 2;min-height:400px;background:#fff;border:1px solid var(--line);border-radius:25px;padding:26px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative;overflow:hidden}.room-card:nth-child(4),.room-card:nth-child(5){grid-column:span 3}.room-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--room)}.room-colors{--room:#c9634c;--room-soft:#f8e4dc}.room-letters{--room:#68457d;--room-soft:#ede4f2}.room-shapes{--room:#3f7b80;--room-soft:#e0eff0}.room-numbers{--room:#a67c27;--room-soft:#f5e9c8}.room-amounts{--room:#4c8068;--room-soft:#e1eee8}.room-card-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.room-number{color:#a49aa7;font-size:.82rem;font-weight:850}.room-icon,.roadmap-icon{min-width:62px;height:62px;border-radius:18px;background:var(--room-soft);display:grid;place-items:center;font-size:1.7rem;font-weight:900;color:var(--room)}.room-label{margin:0 0 5px;color:var(--room);font-weight:850;text-transform:uppercase;letter-spacing:.04em;font-size:.76rem}.room-card h3{font-size:1.7rem}.room-card>p:not(.room-label){color:var(--muted)}.skill-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 24px}.skill-tags span{font-size:.78rem;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted)}.room-actions{display:flex;gap:9px;align-items:center;margin-top:auto}.room-actions .button-primary{flex:1}.icon-link{width:50px;height:50px;border:1px solid var(--line);border-radius:15px;display:grid;place-items:center;text-decoration:none;font-weight:900;color:var(--purple)}.dashboard-preview{display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center}.dashboard-copy>p:not(.eyebrow){color:var(--muted);font-size:1.08rem}.check-list{list-style:none;padding:0;margin:24px 0}.check-list li{margin:10px 0;padding-left:28px;position:relative}.check-list li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.dashboard-mock{background:#fff;border:1px solid var(--line);border-radius:25px;padding:24px;box-shadow:var(--shadow)}.mock-head{display:flex;justify-content:space-between;font-weight:850}.mock-head span:last-child{color:var(--green);font-size:.8rem}.mock-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.mock-stat-row div{background:var(--paper2);padding:14px;border-radius:15px;display:grid}.mock-stat-row small{color:var(--muted)}.mock-stat-row b{font-size:1.5rem}.mock-bars{display:grid;gap:12px}.mock-bars>div{display:grid;grid-template-columns:85px 1fr 24px;align-items:center;gap:10px;font-size:.85rem}.mock-bars i{height:8px;background:#eee5da;border-radius:999px;overflow:hidden}.mock-bars b{display:block;height:100%;background:var(--purple);border-radius:999px}.mock-bars em{font-style:normal;text-align:right}.philosophy-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.principle-list{display:grid;gap:0}.principle-list article{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.principle-list article>b{color:var(--gold);font-size:1.1rem}.principle-list p{color:var(--muted);margin:0}.closing-card{background:linear-gradient(135deg,#3d2849,#604173);color:#fff;border-radius:30px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:50px}.closing-card h2{max-width:700px}.closing-card p:not(.eyebrow){color:#ddd0e3;max-width:750px}.closing-card .eyebrow{color:#f1d58f}.site-footer{background:#281f2d;color:#f5eff7;padding:52px 0 20px}.professional-footer .footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.footer-brand{display:flex;align-items:flex-start;gap:14px}.footer-brand img{border-radius:14px}.footer-brand>div{display:grid}.footer-brand strong{font-size:1.1rem}.footer-brand p{color:#c9bdcd;margin:4px 0}.footer-main>div:not(.footer-brand){display:flex;flex-direction:column;gap:8px}.footer-main b{margin-bottom:6px}.footer-main a{color:#d8cedb;text-decoration:none}.footer-main a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #493d4e;margin-top:38px;padding-top:20px;color:#bfb3c3;font-size:.82rem}.text-button{border:0;padding:0;background:none;color:var(--purple);font-weight:800;text-decoration:underline;text-underline-offset:3px}.centered{display:block;margin:14px auto 0}.page-hero,.dashboard-hero{padding:90px 0;background:linear-gradient(180deg,#f7f1e8,#fffdfa)}.learning-hero{text-align:center}.learning-roadmap{display:grid;gap:0}.roadmap-item{display:grid;grid-template-columns:60px 82px 1fr;gap:26px;padding:54px 0;border-bottom:1px solid var(--line);align-items:start}.roadmap-index{font-size:.85rem;font-weight:900;color:#a297a4;padding-top:18px}.roadmap-icon{width:72px;height:72px}.roadmap-item h2{font-size:2rem}.roadmap-item p{color:var(--muted);max-width:760px}.level-table{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.level-table span{background:var(--paper2);border:1px solid var(--line);border-radius:14px;padding:12px}.level-table b{display:block;color:var(--purple)}.prose{font-size:1.03rem}.prose h1{font-size:clamp(2.4rem,6vw,4.5rem)}.prose h2{font-size:1.8rem;margin-top:48px}.prose p,.prose li{color:#514957}.callout,.legal-box,.contact-card{background:var(--paper2);border:1px solid var(--line);border-radius:20px;padding:22px;margin:28px 0}.phrase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.phrase-grid article{border:1px solid var(--line);border-radius:18px;padding:20px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{border-collapse:collapse;width:100%;min-width:700px;background:#fff}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--paper2)}.legal-box dl{display:grid;grid-template-columns:180px 1fr;gap:12px 20px;margin:0}.legal-box dt{font-weight:800}.legal-box dd{margin:0}.privacy-mini{color:var(--muted);font-size:.9rem}.game-page{background:linear-gradient(180deg,#f7f1e8,#fffdfa)}.game-main{padding:42px 0 80px}.game-shell{max-width:1040px}.lobby-breadcrumb{display:flex;gap:9px;color:var(--muted);font-size:.9rem;margin-bottom:24px}.lobby-breadcrumb a{color:var(--purple)}.lobby-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:clamp(24px,5vw,48px);box-shadow:var(--shadow)}.room-emblem{width:80px;height:80px;border-radius:23px;background:var(--purple3);color:var(--purple);display:grid;place-items:center;font-size:2.1rem;font-weight:900;margin-bottom:24px}.lobby-copy h1{font-size:clamp(2.5rem,6vw,4.6rem)}.session-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.session-facts span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:.83rem}.lobby-panel{background:var(--paper2);border:1px solid var(--line);border-radius:24px;padding:22px}.panel-label{font-weight:850;margin-top:0}.stage-selector{display:grid;gap:10px}.stage-card{border:2px solid var(--line);background:#fff;border-radius:17px;padding:14px;text-align:left;display:grid}.stage-card span{font-size:.72rem;color:var(--muted);text-transform:uppercase;font-weight:850}.stage-card b{font-size:1.08rem}.stage-card small{color:var(--muted)}.stage-card.selected{border-color:var(--purple);box-shadow:0 0 0 3px rgba(76,49,95,.08)}.session-setting-summary{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:14px 0;margin:16px 0;color:var(--muted)}.session-setting-summary b{color:var(--ink)}.companion-tip{margin-top:18px;color:var(--muted);background:rgba(255,255,255,.8);border:1px dashed var(--line);border-radius:16px;padding:14px 18px}.professional-tip{display:grid;grid-template-columns:130px 1fr;gap:16px}.professional-tip span{font-weight:850;color:var(--purple)}.professional-tip p{margin:0}.game-topbar{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.game-topbar>div:first-child{display:flex;align-items:center;gap:14px}.back-button{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:14px;font-size:1.2rem}.game-topbar h1{font-size:clamp(1.9rem,5vw,3.4rem);margin-bottom:0}.round-status{display:grid;justify-items:end;gap:8px;font-weight:900;color:var(--purple)}.round-dots{display:flex;flex-wrap:wrap;justify-content:end;gap:6px}.round-dots i{width:11px;height:11px;border-radius:50%;background:#ddd1c4}.round-dots i.done{background:var(--gold)}.round-dots i.current{box-shadow:0 0 0 4px rgba(185,138,50,.18)}.play-card,.round-finish{background:#fff;border:1px solid var(--line);border-radius:30px;padding:clamp(22px,5vw,44px);box-shadow:var(--shadow)}.task-intro{text-align:center}.task-mode{display:inline-block;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;background:var(--purple3);color:var(--purple);padding:5px 9px;border-radius:999px}.task-mode.review{background:#fff2cf;color:#7a5a15}.task-label{color:var(--muted);font-weight:750;margin:12px 0 4px}.task-question{font-size:clamp(1.55rem,4vw,2.45rem);margin-bottom:28px}.prompt-stage{min-height:215px;display:grid;place-items:center;margin-bottom:30px}.prompt-card{width:min(580px,100%);min-height:190px;border-radius:26px;background:var(--paper2);border:1px solid var(--line);display:grid;place-items:center;padding:28px;text-align:center}.prompt-main{font-size:clamp(4rem,13vw,7.5rem);line-height:1;font-weight:900;color:var(--purple)}.letter-prompt,.number-prompt{font-family:Georgia,serif}.prompt-word{font-size:clamp(1.25rem,4vw,2rem);font-weight:900;margin-top:16px}.prompt-hint{color:var(--muted);margin-top:4px}.color-display{width:min(290px,68vw);height:160px;border-radius:30px;border:8px solid #fff;box-shadow:0 0 0 1px var(--line),0 14px 30px rgba(45,37,49,.12)}.shape-display{width:min(220px,55vw);height:180px}.dot-field{display:grid;grid-template-columns:repeat(5,42px);gap:14px;justify-content:center;min-height:42px}.dot-field span{width:42px;height:42px;background:var(--purple);border-radius:50%;box-shadow:inset 0 -5px 0 rgba(0,0,0,.12)}.empty-amount{font-size:1rem;color:var(--muted);border:2px dashed var(--line);padding:18px;border-radius:18px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.answer-button{min-height:94px;border-radius:22px;border:2px solid var(--line);background:#fff;color:var(--ink);font-weight:900;font-size:clamp(1.2rem,4vw,2.15rem);padding:14px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.answer-button:hover{transform:translateY(-2px);border-color:#bba8c8}.answer-button.wrong{border-color:#dca8ae;background:#fff2f3;animation:gentle-shake .28s ease}.answer-button.correct{border-color:#8eb7a6;background:#eff8f4}.answer-button.color-answer{min-height:105px;display:grid;grid-template-columns:66px 1fr;align-items:center;text-align:left;gap:16px;font-size:1.2rem}.color-chip{width:62px;height:62px;border-radius:18px;border:4px solid #fff;box-shadow:0 0 0 1px var(--line)}.answer-button.shape-answer{min-height:130px;display:grid;grid-template-columns:100px 1fr;align-items:center;text-align:left;gap:12px;font-size:1.2rem}.answer-button.shape-answer svg{width:90px;height:80px}.answer-button.picture-answer{display:grid;grid-template-columns:70px 1fr;align-items:center;text-align:left;gap:12px;font-size:1.2rem}.picture-option{font-size:2.5rem}.answer-button.dots-answer{min-height:125px}.answer-button.dots-answer .dot-field{grid-template-columns:repeat(5,24px);gap:7px}.answer-button.dots-answer .dot-field span{width:24px;height:24px}.feedback-panel{margin-top:20px;min-height:66px;border-radius:18px;background:var(--paper2);border:1px solid var(--line);padding:14px 18px;display:flex;align-items:center;gap:12px}.feedback-panel.good{background:#eff8f4;border-color:#b9d6c9}.feedback-panel.try{background:#fff7e5;border-color:#e7d099}.feedback-panel p{margin:0;font-weight:750}.feedback-icon{font-size:1.5rem}.game-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.round-finish{text-align:center;max-width:900px;margin:auto}.finish-seal{width:110px;height:110px;border-radius:50%;background:var(--gold2);border:8px solid #f8efd7;display:grid;place-items:center;margin:0 auto 22px}.finish-seal span{font-size:3.4rem}.round-finish h2{font-size:clamp(1.8rem,5vw,3rem)}.round-finish>p{color:var(--muted);max-width:650px;margin-inline:auto}.finish-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.finish-summary div{background:var(--paper2);border:1px solid var(--line);border-radius:17px;padding:16px;display:grid}.finish-summary small{color:var(--muted)}.finish-summary b{font-size:1.7rem}.adult-session-note{font-size:.9rem;background:#f7f2e9;padding:12px;border-radius:12px}.finish-actions{justify-content:center;align-items:center}.settings-dialog{width:min(620px,calc(100% - 28px));border:0;border-radius:24px;padding:0;box-shadow:0 30px 80px rgba(45,37,49,.3)}.settings-dialog::backdrop{background:rgba(45,37,49,.55);backdrop-filter:blur(4px)}.settings-dialog form{padding:26px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:1.6rem;margin:0}.icon-button{border:0;background:var(--paper2);width:42px;height:42px;border-radius:50%;font-size:1.6rem}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-row span{display:grid}.setting-row small{color:var(--muted)}.setting-row select{border:1px solid var(--line);padding:10px;border-radius:12px;background:#fff}.setting-row input{width:24px;height:24px}.dashboard-hero-grid{display:grid;grid-template-columns:1fr 320px;align-items:center;gap:70px}.privacy-shield{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;text-align:center;box-shadow:var(--shadow-sm)}.privacy-shield>span{font-size:2.2rem}.privacy-shield p{color:var(--muted);margin-bottom:0}.dashboard-section{padding-top:55px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.summary-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:grid}.summary-grid span,.summary-grid small{color:var(--muted)}.summary-grid b{font-size:2rem}.summary-grid .date-stat{font-size:1.25rem;margin-block:7px}.dashboard-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:22px}.dashboard-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:var(--shadow-sm)}.panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.panel-head h2{font-size:1.7rem;margin:0}.room-analytics{display:grid}.analytics-row{display:grid;grid-template-columns:54px 1fr auto;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.analytics-row:last-child{border-bottom:0}.analytics-icon,.session-icon{width:50px;height:50px;border-radius:14px;background:var(--paper2);display:grid;place-items:center;font-weight:900}.analytics-main>div:first-child{display:flex;justify-content:space-between;gap:12px}.analytics-main span,.analytics-main small{color:var(--muted)}.analytics-bar{height:7px;background:#eee5da;border-radius:999px;margin:8px 0;overflow:hidden}.analytics-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--gold));border-radius:999px}.analytics-row>a{font-size:1.3rem;text-decoration:none;color:var(--purple)}.recommendation-panel{align-self:start}.recommendation-panel h2{font-size:1.7rem}.recommendation-panel>p:not(.eyebrow){color:var(--muted)}.not-diagnosis{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.not-diagnosis p{color:var(--muted);font-size:.87rem;margin-bottom:0}.sessions-panel{margin-top:22px}.muted-label{color:var(--muted);font-size:.82rem}.session-list{display:grid}.session-row{display:grid;grid-template-columns:54px 1fr 100px 120px auto;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.session-row>div{display:grid}.session-row span{color:var(--muted);font-size:.86rem}.session-row>a{color:var(--purple);font-weight:800}.empty-state{text-align:center;padding:45px}.empty-state>span{font-size:3.5rem}.empty-state p{color:var(--muted)}.data-controls{margin-top:22px;background:#30243a;color:#fff;border-radius:24px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.data-controls p:not(.eyebrow){color:#d4c8d8}.data-actions{display:grid;gap:10px;align-content:start}.file-button{position:relative}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.data-message{grid-column:1/-1;margin:0}.data-message.good{color:#bce2cc}.data-message.bad{color:#ffc1c7}@keyframes gentle-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:950px){.hero-grid,.dashboard-preview,.philosophy-grid,.dashboard-layout,.lobby-grid,.dashboard-hero-grid{grid-template-columns:1fr}.professional-game-grid{grid-template-columns:repeat(2,1fr)}.room-card,.room-card:nth-child(4),.room-card:nth-child(5){grid-column:auto}.split-heading{grid-template-columns:1fr;gap:10px}.professional-footer .footer-main{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:repeat(2,1fr)}.privacy-shield{max-width:420px}.data-controls{grid-template-columns:1fr}}@media(max-width:700px){.section{padding:65px 0}.privacy-strip .shell{justify-content:center}.privacy-strip span:first-child{display:none}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:8px}.game-nav a:nth-child(2){display:none}.hero{padding-top:55px}.proof-grid{grid-template-columns:1fr}.trust-cards{grid-template-columns:1fr}.trust-cards article{border-right:0;border-bottom:1px solid var(--line)}.professional-game-grid{grid-template-columns:1fr}.closing-card{align-items:flex-start;flex-direction:column}.professional-footer .footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.roadmap-item{grid-template-columns:44px 1fr;gap:14px}.roadmap-icon{grid-column:2}.roadmap-item>div:last-child{grid-column:2}.level-table{grid-template-columns:1fr}.game-topbar{align-items:flex-start;flex-direction:column}.round-status{justify-items:start}.answer-grid{grid-template-columns:1fr}.game-actions{flex-direction:column-reverse}.game-actions .button{width:100%}.professional-tip{grid-template-columns:1fr}.dot-field{grid-template-columns:repeat(5,30px);gap:10px}.dot-field span{width:30px;height:30px}.finish-summary{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.session-row{grid-template-columns:48px 1fr auto}.session-row>div:nth-child(3),.session-row>div:nth-child(4){display:none}.session-row>a{grid-column:2}.panel-head{align-items:flex-start;flex-direction:column}.analytics-main>div:first-child{flex-direction:column;gap:0}.legal-box dl{grid-template-columns:1fr}.settings-dialog form{padding:20px}.setting-row{align-items:flex-start;flex-direction:column}.setting-row select{width:100%}}
/* Lernschloss 3.0 */
.mini-learning-map{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0;padding:22px;background:linear-gradient(145deg,#eee6f2,#f8efd9);border-radius:24px}.mini-learning-map span{aspect-ratio:1;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-weight:900;color:var(--purple);box-shadow:var(--shadow-sm)}
.age-guide-section{padding-bottom:42px}.age-choice-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.age-choice-bar button{border:2px solid var(--line);background:#fff;border-radius:18px;padding:16px;text-align:left;display:grid;transition:.18s ease}.age-choice-bar button:hover{transform:translateY(-2px);border-color:#baa5c6}.age-choice-bar button.selected{border-color:var(--purple);background:var(--purple3);box-shadow:0 0 0 4px rgba(76,49,95,.07)}.age-choice-bar b{font-size:1.08rem}.age-choice-bar span{color:var(--muted);font-size:.88rem}.age-guide-status{margin:16px 0 0;color:var(--muted)}
.expanded-grid{grid-template-columns:repeat(3,1fr)}.expanded-grid .room-card,.expanded-grid .room-card:nth-child(4),.expanded-grid .room-card:nth-child(5){grid-column:auto;min-height:390px}.room-card.age-secondary{opacity:.46;filter:saturate(.65);transform:scale(.985)}.room-card.age-secondary:hover{opacity:.8;filter:none}.room-patterns{--room:#7d5eaa;--room-soft:#eee7f7}.room-comparisons{--room:#397a8b;--room-soft:#deeff3}.room-arithmetic{--room:#b05f36;--room-soft:#f8e5da}.room-syllables{--room:#a34e75;--room-soft:#f5e0ea}.room-sorting{--room:#51733d;--room-soft:#e5efdf}
.age-path-preview{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.path-cards{display:grid;gap:13px}.path-cards article{display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}.path-cards article>span{width:64px;height:64px;border-radius:18px;background:var(--purple3);color:var(--purple);display:grid;place-items:center;font-size:1.35rem;font-weight:900}.path-cards p{margin:3px 0 0;color:var(--muted)}
.stage-note{font-size:.82rem;color:var(--muted);margin:12px 0 0}.stage-selector{grid-template-columns:1fr}.stage-card span{line-height:1.4}.wide-prompt{width:min(720px,100%)}
.pattern-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.pattern-token{min-width:62px;height:62px;border-radius:17px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:1.8rem;font-weight:900}.pattern-token.missing{border-style:dashed;color:var(--purple)}.large-symbol{font-size:2.1rem}.mix-row{display:flex;align-items:center;justify-content:center;gap:20px}.mix-row span{width:105px;height:105px;border-radius:50%;border:7px solid #fff;box-shadow:0 0 0 1px var(--line),var(--shadow-sm)}.mix-row b{font-size:2.2rem;color:var(--muted)}
.comparison-board{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:100%}.comparison-board>div:not(.comparison-divider){background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;min-height:150px;display:grid;align-content:center;gap:12px}.comparison-board small{font-weight:850;color:var(--muted)}.comparison-divider{font-size:2rem;color:var(--gold)}.math-comparison{display:flex;align-items:center;justify-content:center;gap:30px;font-size:clamp(3rem,9vw,6rem);font-family:Georgia,serif}.math-comparison b{color:var(--gold)}.math-sign{font-size:2.8rem;font-family:Georgia,serif}
.visual-equation{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.visual-equation>b{font-size:2rem}.object-row{display:flex;flex-wrap:wrap;justify-content:center;max-width:240px}.object-row span{font-size:2rem}.equation-line,.equation-big{margin-top:18px;font-size:clamp(1.8rem,6vw,3.2rem);font-family:Georgia,serif;font-weight:900}.equation-big span{color:var(--gold)}.subtraction-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.subtraction-row span{font-size:2.5rem;color:var(--purple)}.subtraction-row span.removed{opacity:.22;text-decoration:line-through;color:var(--red)}
.clap-hint,.ten-frame-hint{margin-top:13px;color:var(--muted);font-weight:700}.category-symbol{font-size:4.5rem}.neighbor-row{display:grid;grid-template-columns:repeat(3,100px);align-items:center;gap:14px}.neighbor-row span,.neighbor-row b{height:95px;border-radius:20px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:2.7rem}.neighbor-row b{background:var(--purple);color:#fff}.answer-button .empty-amount{padding:10px}
.concept-stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.concept-stage-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;display:grid;grid-template-columns:55px 1fr;gap:16px}.concept-stage-grid article>span{width:50px;height:50px;border-radius:16px;background:var(--purple);color:#fff;display:grid;place-items:center;font-size:1.25rem;font-weight:900}.concept-stage-grid h2{font-size:1.6rem}.concept-stage-grid p:last-child{color:var(--muted)}.three-levels{grid-template-columns:repeat(3,1fr)}.compact-roadmap .roadmap-item{padding-block:56px}
.age-roadmaps{display:grid;gap:28px}.age-roadmap{background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow-sm)}.age-roadmap-head{display:grid;grid-template-columns:110px 1fr;gap:26px;align-items:start}.age-roadmap-head>span{width:100px;height:100px;border-radius:26px;background:var(--purple);color:#fff;display:grid;place-items:center;font-size:2.1rem;font-weight:900}.age-room-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0}.age-room-list a{border:1px solid var(--line);background:var(--paper2);border-radius:18px;padding:16px;text-decoration:none;display:grid;gap:4px}.age-room-list a:hover{border-color:var(--purple);background:#fff}.age-room-list a>span{font-size:1.8rem;font-weight:900;color:var(--purple)}.age-room-list small{color:var(--muted)}.age-45 .age-roadmap-head>span{background:#4c8068}.age-56 .age-roadmap-head>span{background:#68457d}.age-67 .age-roadmap-head>span{background:#a67c27}
@media(max-width:1000px){.expanded-grid{grid-template-columns:repeat(2,1fr)}.age-path-preview{grid-template-columns:1fr}.age-room-list{grid-template-columns:repeat(3,1fr)}.concept-stage-grid{grid-template-columns:1fr}.three-levels{grid-template-columns:1fr}}
@media(max-width:700px){.mini-learning-map{grid-template-columns:repeat(5,1fr);gap:6px;padding:12px}.mini-learning-map span{font-size:.78rem;border-radius:10px}.age-choice-bar{grid-template-columns:1fr 1fr}.expanded-grid{grid-template-columns:1fr}.room-card.age-secondary{opacity:.58;transform:none}.path-cards article{grid-template-columns:58px 1fr}.path-cards article>span{width:52px;height:52px;font-size:1.05rem}.comparison-board{grid-template-columns:1fr}.comparison-divider{transform:rotate(90deg)}.mix-row span{width:78px;height:78px}.neighbor-row{grid-template-columns:repeat(3,1fr);width:100%}.neighbor-row span,.neighbor-row b{height:75px;font-size:2rem}.age-roadmap{padding:20px}.age-roadmap-head{grid-template-columns:72px 1fr;gap:14px}.age-roadmap-head>span{width:66px;height:66px;border-radius:19px;font-size:1.35rem}.age-room-list{grid-template-columns:1fr 1fr}.pattern-token{min-width:48px;height:48px;font-size:1.35rem}.math-comparison{gap:15px}.visual-equation{display:grid}.object-row{max-width:none}}


/* Version 5: ruhige Canvas-Spielwiese */
.hero-canvas-wrap{height:190px;border-radius:22px;overflow:hidden;border:1px solid var(--line);margin:14px 0;background:#eee6f5;position:relative}.hero-canvas-wrap canvas,.room-ambient-canvas{display:block;width:100%;height:100%}.room-ambient-canvas{height:170px;border-radius:22px;border:1px solid var(--line);margin-top:22px;background:#eee6f5}
.playground-main{padding:56px 0 90px;background:linear-gradient(180deg,#f7f1e8,#fffdfa)}.playground-shell{max-width:1240px}.playground-heading{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;margin-bottom:32px}.playground-heading h1{font-size:clamp(2.5rem,6vw,4.8rem);margin-bottom:14px}.calm-seal{background:#fff;border:1px solid var(--line);border-radius:22px;padding:17px 22px;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;box-shadow:var(--shadow-sm)}.calm-seal>span{grid-row:1/3;font-size:2rem}.calm-seal small{color:var(--muted)}
.playground-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.playground-tabs button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px;display:grid;grid-template-columns:48px 1fr;text-align:left;column-gap:12px;align-items:center;color:var(--ink)}.playground-tabs button>span{grid-row:1/3;width:46px;height:46px;border-radius:15px;background:var(--paper2);display:grid;place-items:center;font-size:1.5rem;color:var(--purple);font-weight:900}.playground-tabs button small{color:var(--muted)}.playground-tabs button.selected{border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,58,118,.1);background:#fdfaff}.playground-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.canvas-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:22px;box-shadow:var(--shadow)}.canvas-card-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.canvas-card-head h2{font-size:1.85rem;margin:0}.canvas-stage-choice{display:flex;gap:6px}.canvas-stage-choice button{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--paper2);font-weight:900;color:var(--purple)}.canvas-stage-choice button.selected{background:var(--purple);color:#fff;border-color:var(--purple)}.canvas-wrap{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#eee6f5}.canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:900/520;touch-action:none}.canvas-success{position:absolute;inset:18px;display:grid;place-items:center;align-content:center;text-align:center;background:rgba(255,253,248,.94);border:1px solid var(--gold);border-radius:22px;backdrop-filter:blur(5px)}.canvas-success[hidden]{display:none}.canvas-success span{font-size:4rem}.canvas-success b{font-size:1.8rem;color:var(--purple)}.canvas-success small{max-width:430px;color:var(--muted);margin-top:8px}.canvas-status{min-height:62px;margin-top:14px;border-radius:17px;background:var(--paper2);border:1px solid var(--line);padding:12px 15px;display:flex;align-items:center;gap:11px}.canvas-status>span{font-size:1.35rem}.canvas-status p{margin:0;font-weight:750}.canvas-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.canvas-controls .button{min-height:46px;padding:11px 16px}.playground-side{display:grid;gap:15px}.pedagogy-card,.companion-card,.quiet-rules{background:#fff;border:1px solid var(--line);border-radius:23px;padding:22px}.pedagogy-card h2{font-size:1.45rem}.pedagogy-card p:last-child,.companion-card p,.quiet-rules li{color:var(--muted)}.companion-card{background:var(--purple-dark);color:#fff}.companion-card>span{font-weight:900;color:var(--gold-soft)}.companion-card p{color:#eee4f3}.quiet-rules ul{padding-left:20px;margin-bottom:0}.direction-pad{display:grid;grid-template-columns:repeat(3,58px);gap:7px}.direction-pad button{width:58px;height:52px;border-radius:15px;border:1px solid var(--line);background:#fff;color:var(--purple);font-size:1.5rem;font-weight:900}.playground-explainer{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.playground-explainer article{background:#fff;border:1px solid var(--line);border-radius:23px;padding:23px;display:grid;grid-template-columns:52px 1fr;gap:15px}.playground-explainer article>span{width:50px;height:50px;border-radius:16px;background:var(--paper2);display:grid;place-items:center;font-size:1.55rem}.playground-explainer h2{font-size:1.3rem;margin-bottom:7px}.playground-explainer p{margin:0;color:var(--muted)}
.canvas-world-section{background:linear-gradient(180deg,#4c315f,#382444);color:#fff}.canvas-world-section .eyebrow{color:#f3d77b}.canvas-world-section .section-heading p{color:#e9dfed}.canvas-world-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:stretch}.canvas-preview-card{min-height:360px;border-radius:30px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.18)}.canvas-preview-card canvas{width:100%;height:100%;display:block}.canvas-preview-label{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(255,253,248,.9);color:var(--ink);border-radius:18px;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(7px)}.canvas-mode-list{display:grid;gap:10px}.canvas-mode-list a{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:16px;text-decoration:none;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center}.canvas-mode-list a:hover{background:rgba(255,255,255,.15)}.canvas-mode-list a>span:first-child{font-size:1.65rem}.canvas-mode-list small{color:#d8ccde}.canvas-mode-list em{font-style:normal;font-size:1.4rem}.room-playground{--room-accent:#7d5a8f;--room-soft:#eee5f2}
@media(max-width:1000px){.playground-layout{grid-template-columns:1fr}.playground-side{grid-template-columns:repeat(3,1fr)}.canvas-world-grid{grid-template-columns:1fr}.canvas-preview-card{min-height:300px}.playground-tabs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.playground-heading{grid-template-columns:1fr}.calm-seal{justify-self:start}.playground-tabs{grid-template-columns:1fr}.canvas-card{padding:12px;border-radius:22px}.canvas-card-head{align-items:flex-start;flex-direction:column}.playground-side,.playground-explainer{grid-template-columns:1fr}.canvas-controls{flex-direction:column;align-items:stretch}.canvas-controls .button{width:100%}.direction-pad{align-self:center}.canvas-world-grid{gap:15px}.canvas-preview-card{min-height:250px}.canvas-mode-list a{grid-template-columns:42px 1fr auto}}

/* Startseiten-Storytelling v4.1 */
.story-hero .hero-copy{max-width:680px}
.story-hero h1{max-width:780px}
.origin-section{background:#fffdfa}
.origin-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.origin-story .story-lead{font-size:1.22rem;color:var(--ink);font-weight:650}
.origin-story>p:not(.eyebrow):not(.story-lead){color:var(--muted);font-size:1.06rem}
.origin-story blockquote{margin:30px 0;padding:24px 28px;border-left:5px solid var(--gold);background:var(--paper2);border-radius:0 20px 20px 0;font-size:1.35rem;line-height:1.45;font-weight:760;color:var(--purple)}
.moment-card{background:#30243a;color:#fff;border-radius:30px;padding:30px;box-shadow:var(--shadow)}
.moment-card-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.16);font-weight:850}
.moment-card-head small{color:#d9ccdE}
.moment-flow{list-style:none;padding:0;margin:8px 0 0}
.moment-flow li{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.moment-flow li:last-child{border-bottom:0;padding-bottom:0}
.moment-flow li>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--gold2);color:var(--purple);font-weight:900}
.moment-flow b{font-size:1.05rem}
.moment-flow p{margin:3px 0 0;color:#d9ccde}
.difference-section{background:linear-gradient(135deg,#f7f2e9 0%,#fffdfa 55%,#f1e8f5 100%);border-block:1px solid var(--line)}
.difference-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.difference-copy>p:not(.eyebrow){color:var(--muted);font-size:1.12rem}
.difference-points{display:grid;gap:14px}
.difference-points article{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:21px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}
.difference-points article>span{width:48px;height:48px;border-radius:15px;background:var(--purple3);display:grid;place-items:center;color:var(--purple);font-weight:900}
.difference-points p{margin:3px 0 0;color:var(--muted)}
.promise-section{padding-top:35px}
.promise-card{background:linear-gradient(135deg,#4c315f,#35223f);color:#fff;border-radius:34px;padding:clamp(32px,6vw,70px);text-align:center;box-shadow:var(--shadow)}
.promise-card .eyebrow{color:#f0d277}
.promise-card h2{max-width:800px;margin-inline:auto}
.promise-card p:not(.eyebrow){max-width:760px;margin:0 auto;color:#e4d9e8;font-size:1.12rem}
.promise-card .button{margin-top:28px}
@media(max-width:950px){.origin-grid,.difference-grid{grid-template-columns:1fr;gap:45px}.origin-story{max-width:760px}.moment-card{max-width:700px}}
@media(max-width:700px){.origin-story blockquote{font-size:1.15rem;padding:20px}.moment-card{padding:22px}.difference-points article{grid-template-columns:48px 1fr;padding:17px}.difference-points article>span{width:42px;height:42px}}

/* Lernschloss 5.0 */
.large-text{font-size:118%}
.large-text .answer-button{font-size:clamp(1.45rem,4.5vw,2.55rem)}
.garden-mini-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:14px 0 4px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.76)}
.garden-mini-link>span{font-size:1.7rem}.garden-mini-link div{display:grid}.garden-mini-link small{color:var(--muted)}.garden-mini-link a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--purple);color:#fff;text-decoration:none;font-weight:900}
.v5-system-section{background:linear-gradient(180deg,#fffdf8,#f5efe6)}
.system-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.system-feature-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 12px 30px rgba(61,37,81,.06)}
.system-feature-grid article>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--paper-2);font-size:1.65rem;margin-bottom:18px}.system-feature-grid p{color:var(--muted)}
.room-sounds{--room:#8a5b87;--room-soft:#eee0ec}.room-decomposition{--room:#9b6332;--room-soft:#f2e4d6}.room-spatial{--room:#3f7182;--room-soft:#deebef}
.question-with-audio{display:flex;justify-content:center;align-items:center;gap:16px}.question-with-audio .task-question{margin-bottom:0}
.speak-button{border:1px solid var(--line);background:#fff;color:var(--purple);border-radius:16px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;font-weight:800;white-space:nowrap}.speak-button:hover{background:var(--paper-2)}
.finish-summary.four{grid-template-columns:repeat(4,1fr)}
.pause-choice{display:flex;align-items:flex-start;gap:14px;text-align:left;background:#f4f7ec;border:1px solid #d9e3c8;border-radius:18px;padding:18px 20px;margin:24px auto;max-width:720px}.pause-choice>span{font-size:1.9rem}.pause-choice p{margin:4px 0 0!important}
.sound-prompt{font-family:Georgia,serif}
.decomposition-card{gap:18px}.decomposition-total{font-size:2rem;font-weight:900;color:var(--purple)}
.decomposition-groups{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.decomposition-groups>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;min-width:180px}.decomposition-groups small{display:block;color:var(--muted);margin-top:8px}.decomposition-visual{display:grid;gap:12px;justify-items:center;margin-top:18px}.decomposition-visual b{color:var(--muted)}
.spatial-scene{position:relative;width:min(520px,80vw);height:250px;border-radius:24px;background:linear-gradient(180deg,#e7eef4,#f5ead4 62%,#dce8cf 63%);overflow:hidden;border:1px solid var(--line)}
.spatial-scene.small{width:180px;height:120px;margin:auto}.spatial-object{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%)}.spatial-object.star{font-size:3.2rem;z-index:2}.spatial-object.chest{font-size:4rem;left:50%;top:62%}.spatial-object.tower-one,.spatial-object.tower-two{display:none;font-size:3.2rem}.relation-above .star{left:50%;top:24%}.relation-below .star{left:50%;top:88%}.relation-left .star{left:22%;top:62%}.relation-right .star{left:78%;top:62%}.relation-inside .star{left:50%;top:62%;font-size:2rem}.relation-between .chest{display:none}.relation-between .tower-one,.relation-between .tower-two{display:block;top:64%}.relation-between .tower-one{left:25%}.relation-between .tower-two{left:75%}.relation-between .star{left:50%;top:64%}
.spatial-scene.small .star{font-size:2rem}.spatial-scene.small .chest,.spatial-scene.small .tower-one,.spatial-scene.small .tower-two{font-size:2.4rem}.spatial-answer{min-height:150px}
.today-hero{background:linear-gradient(180deg,#f2ecf7,#fffdf8)}.today-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:46px}.today-ambient{width:100%;height:auto;border-radius:26px;background:#ece4f1;box-shadow:var(--shadow)}
.today-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.today-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow)}.today-card-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.today-room-icon{display:grid;place-items:center;width:78px;height:78px;border-radius:24px;background:var(--paper-2);font-size:2.4rem}.today-why{background:var(--paper-2);border-radius:18px;padding:18px;margin:24px 0}.today-why p{margin:6px 0 0;color:var(--muted)}
.today-side{display:grid;gap:14px}.today-side article{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.today-side article>span{display:grid;place-items:center;min-width:40px;height:40px;border-radius:50%;background:var(--purple);color:#fff;font-weight:900}.today-side p{margin:4px 0 0;color:var(--muted)}
.today-alternatives{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.today-alternative{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:20px;text-decoration:none}.today-alternative>span{font-size:2rem}.today-alternative div{display:grid}.today-alternative small{color:var(--muted)}.today-alternative i{font-style:normal;font-weight:900;color:var(--purple)}
.garden-hero{background:linear-gradient(180deg,#e8f0e0,#fffdf8)}.garden-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:start}.garden-workspace{background:#fff;border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:var(--shadow)}.garden-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 4px 16px}.garden-toolbar>div{display:grid}.garden-toolbar small{color:var(--muted)}.garden-toolbar b{font-size:2rem;color:var(--purple)}.garden-toolbar p{margin:0;color:var(--muted);text-align:right}.garden-canvas-wrap{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line)}.garden-canvas-wrap canvas{display:block;width:100%;height:auto;touch-action:none}.garden-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;background:rgba(255,253,248,.78);pointer-events:none}.garden-empty[hidden]{display:none}.garden-empty span{font-size:4rem}.garden-empty small{color:var(--muted)}
.garden-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:16px}.garden-palette button{border:2px solid var(--line);background:#fff;border-radius:16px;padding:10px 6px;display:grid;justify-items:center;gap:2px}.garden-palette button.selected{border-color:var(--purple);background:#f1eaf5}.garden-palette span{font-size:2rem}.garden-palette small{font-size:.72rem;color:var(--muted)}.garden-side{display:grid;gap:14px;position:sticky;top:94px}.garden-side .button{margin:0}
@media (max-width:980px){.system-feature-grid{grid-template-columns:repeat(2,1fr)}.today-hero-grid,.today-layout,.garden-layout{grid-template-columns:1fr}.garden-side{position:static}.garden-palette{grid-template-columns:repeat(3,1fr)}}
@media (max-width:680px){.system-feature-grid,.today-alternatives{grid-template-columns:1fr}.question-with-audio{flex-direction:column}.finish-summary.four{grid-template-columns:repeat(2,1fr)}.spatial-scene{width:100%;height:210px}.garden-toolbar{align-items:flex-start;flex-direction:column}.garden-toolbar p{text-align:left}.garden-palette{grid-template-columns:repeat(2,1fr)}}
.canvas-success-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.summary-grid{grid-template-columns:repeat(5,1fr)}
@media(max-width:1050px){.summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.summary-grid{grid-template-columns:1fr 1fr}.canvas-success-actions{flex-direction:column}.canvas-success-actions .button{width:100%}}


/* ================================================================
   Lernschloss 6.0 · Mobile-First-Überarbeitung
   ================================================================ */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:88px}
body{min-height:100dvh;overflow-x:hidden}
a,button,select,input{touch-action:manipulation}
canvas{display:block;max-width:100%}
.mobile-dock,.mobile-menu-dialog,.canvas-expand-button{display:none}

/* Neue räumliche Varianten */
.relation-on .star{left:50%;top:40%}
.relation-near .star{left:31%;top:61%}
.relation-far .star{left:8%;top:20%}

/* Zusätzliche Formen bleiben in Antwortkarten gleichwertig */
.shape-answer svg{min-width:0}

@media(max-width:760px){
  :root{--mobile-dock-height:70px;--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--mobile-header-height:62px;--radius:20px}
  html{scroll-padding-top:72px}
  body{padding-bottom:calc(var(--mobile-dock-height) + var(--mobile-safe-bottom));background:#fffdfa}
  body.mobile-menu-open,body.dialog-open,body.canvas-fullscreen-open{overflow:hidden}
  .shell,.narrow{width:min(100% - 24px,1180px)}
  .section{padding:48px 0}.section-soft{padding-block:48px}
  h1{font-size:clamp(2.15rem,11vw,3.45rem);letter-spacing:-.045em;overflow-wrap:anywhere}
  h2{font-size:clamp(1.65rem,8vw,2.35rem)}
  h3{font-size:1.18rem}
  .lead{font-size:1.02rem;line-height:1.62}
  .eyebrow{font-size:.72rem;letter-spacing:.045em}
  .privacy-strip{display:none}

  /* Kompakter Header, die vollständige Navigation lebt im mobilen Menü */
  .site-header,.site-header.compact{position:sticky;top:0;height:var(--mobile-header-height);z-index:120;background:rgba(255,253,250,.97);backdrop-filter:blur(14px)}
  .nav-wrap{min-height:var(--mobile-header-height);height:var(--mobile-header-height);gap:10px}
  .brand{gap:9px;min-width:0}.brand img{width:38px;height:38px;border-radius:11px}.brand strong{font-size:1rem}.brand small{font-size:.7rem;margin-top:3px;white-space:nowrap}
  .main-nav,.game-nav,.nav-toggle{display:none!important}

  /* Mobile Dock */
  .mobile-dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:300;left:0;right:0;bottom:0;min-height:calc(var(--mobile-dock-height) + var(--mobile-safe-bottom));padding:6px 7px calc(6px + var(--mobile-safe-bottom));background:rgba(255,253,250,.98);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(48,31,58,.08);backdrop-filter:blur(18px)}
  .mobile-dock a,.mobile-dock button{border:0;background:transparent;color:var(--muted);text-decoration:none;display:grid;place-items:center;align-content:center;gap:1px;min-width:0;min-height:54px;border-radius:14px;padding:3px 1px}
  .mobile-dock span{font-size:1.25rem;line-height:1}.mobile-dock b{font-size:.67rem;line-height:1.2;white-space:nowrap}
  .mobile-dock .active{background:var(--purple3);color:var(--purple)}

  /* Mobile Menü als ruhiges Bottom-Sheet */
  .mobile-menu-dialog{display:block;position:fixed;inset:auto 0 0 0;width:100%;max-width:none;max-height:min(88dvh,760px);margin:0;border:0;border-radius:26px 26px 0 0;padding:0;background:#fffdfa;box-shadow:0 -30px 90px rgba(36,25,42,.3);overflow:auto}
  .mobile-menu-dialog:not([open]){display:none}.mobile-menu-dialog::backdrop{background:rgba(34,23,39,.48);backdrop-filter:blur(3px)}
  .mobile-menu-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 18px 13px;background:#fffdfa;border-bottom:1px solid var(--line)}
  .mobile-menu-head>div{display:grid}.mobile-menu-head small{color:var(--muted)}.mobile-menu-head b{font-size:1.25rem}.mobile-menu-head button{width:44px;height:44px;border:0;border-radius:50%;font-size:1.7rem;background:var(--paper2);color:var(--purple)}
  .mobile-menu-links{display:grid;gap:8px;padding:12px 14px calc(22px + var(--mobile-safe-bottom))}
  .mobile-menu-links>a,.mobile-menu-links>button{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:17px;padding:12px;text-align:left;text-decoration:none;min-height:70px}
  .mobile-menu-links>*>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--paper2);font-size:1.45rem}.mobile-menu-links>*>div{display:grid}.mobile-menu-links small{color:var(--muted)}

  /* Startseite / Inhaltsseiten */
  .hero,.page-hero{padding:42px 0 38px}.hero-grid,.today-hero-grid{gap:30px}.hero-product-card{padding:16px;border-radius:23px}.hero-actions,.dual-buttons{display:grid;grid-template-columns:1fr;margin-top:22px}.hero-actions .button,.dual-buttons .button{width:100%}
  .proof-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:24px}.proof-grid div{padding:9px 5px;border:1px solid var(--line);border-radius:13px;text-align:center}.proof-grid b{font-size:1rem}.proof-grid span{font-size:.7rem}
  .hero-canvas-wrap{margin-inline:-5px}.hero-canvas-wrap canvas{height:auto;aspect-ratio:760/300}
  .mini-learning-map{grid-template-columns:repeat(5,1fr);gap:6px;margin:14px 0;padding:12px;border-radius:18px}.mini-learning-map span{border-radius:11px;font-size:.82rem}
  .trust-cards{border-radius:20px}.trust-cards article{padding:16px}
  .section-heading{margin-bottom:24px}.split-heading{gap:6px}
  .professional-game-grid,.expanded-grid{gap:12px}.room-card{padding:18px;border-radius:20px;min-height:0}.room-card-head{margin-bottom:12px}.room-card .room-icon{width:52px;height:52px;font-size:1.45rem}.room-card h3{font-size:1.38rem}.room-card p{font-size:.93rem}.room-features{gap:6px}.room-features span{font-size:.75rem;padding:5px 8px}.room-card .button{min-height:48px;margin-top:12px}
  .system-feature-grid,.principle-grid,.audience-grid{gap:12px}.system-feature-grid article,.principle-grid article,.audience-grid article{padding:18px}
  .origin-story blockquote{margin-inline:0}.promise-card{padding:28px 18px;border-radius:24px}
  .professional-footer{padding-bottom:20px}.professional-footer .footer-main{gap:20px}.footer-main>div:not(.footer-brand){display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.footer-main>div>b{grid-column:1/-1}.footer-bottom{gap:3px;text-align:center}

  /* Heute-Seite */
  .today-layout{gap:14px}.today-card{padding:20px;border-radius:22px}.today-side{gap:9px}.today-side article{padding:14px}.today-alternatives{gap:10px}.today-alternative{padding:16px}

  /* Klassische Spielräume */
  .game-main{padding:12px 0 28px}.game-shell{width:calc(100% - 12px)}
  .game-lobby{padding-top:4px}.lobby-breadcrumb{font-size:.78rem;margin:4px 6px 14px}.lobby-grid{gap:12px}.lobby-copy,.lobby-panel{padding:18px;border-radius:20px}.lobby-copy .room-emblem{width:62px;height:62px;font-size:1.7rem}.lobby-copy h1{font-size:2.25rem;margin-bottom:12px}.lobby-copy .lead{font-size:.96rem}.session-facts{grid-template-columns:1fr 1fr;gap:7px}.session-facts span{font-size:.75rem;padding:7px}
  .room-ambient-canvas{display:none}.stage-selector{display:grid;grid-template-columns:1fr;gap:8px}.stage-card{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;padding:12px;text-align:left;min-height:74px}.stage-card>span{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--paper2);font-size:0;color:transparent}.stage-card>span::after{content:attr(data-stage);font-size:1.25rem;color:var(--purple);font-weight:900}.stage-card b{font-size:1.05rem}.stage-card small{font-size:.78rem}.stage-note{font-size:.78rem}.professional-tip{margin-top:12px;padding:14px}
  .active-game{padding-bottom:4px}.game-topbar{position:sticky;top:calc(var(--mobile-header-height) + 3px);z-index:45;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:0 0 8px;padding:8px 9px;background:rgba(255,253,250,.96);border:1px solid var(--line);border-radius:15px;backdrop-filter:blur(12px)}
  .game-topbar>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.game-topbar .back-button{flex:0 0 42px;width:42px;height:42px}.game-topbar .eyebrow{display:none}.game-topbar h1{font-size:.93rem;letter-spacing:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-status{justify-items:end;gap:3px;font-size:.7rem}.round-dots{max-width:124px;overflow:hidden}.round-dots i{width:8px;height:8px}
  .play-card{padding:13px 11px 10px;border-radius:19px;box-shadow:0 8px 22px rgba(48,31,58,.07)}
  .task-intro{margin-bottom:6px}.task-mode{font-size:.68rem;padding:4px 8px}.task-label{font-size:.75rem;margin-top:7px}.question-with-audio{gap:8px}.task-question{font-size:clamp(1.35rem,6.8vw,1.85rem);line-height:1.18;margin-bottom:0}.speak-button{min-height:42px;padding:7px 10px;border-radius:13px}.speak-button span{display:none}
  .prompt-stage{min-height:122px;margin:8px 0 10px}.prompt-card{min-height:118px;padding:12px;border-radius:18px}.prompt-main{font-size:clamp(3.2rem,18vw,5rem)}.prompt-word{font-size:clamp(1.2rem,6vw,1.7rem);margin-top:7px}.prompt-hint{font-size:.78rem;margin-top:4px}.color-display{height:105px;width:min(220px,72vw);border-radius:20px}.shape-display{height:115px;width:min(155px,45vw)}
  .answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.answer-grid.long-answers{grid-template-columns:1fr}.answer-button{min-height:68px;border-radius:15px;padding:8px;font-size:clamp(1.15rem,6vw,1.65rem);line-height:1.16}.answer-button.picture-answer{min-height:88px;grid-template-columns:1fr;gap:2px;text-align:center;font-size:.9rem}.picture-option{font-size:2rem}.answer-button.color-answer{min-height:79px;grid-template-columns:45px 1fr;gap:7px;text-align:left;font-size:.9rem}.color-chip{width:43px;height:43px;border-radius:13px}.answer-button.shape-answer{min-height:105px;grid-template-columns:1fr;gap:2px;text-align:center;font-size:.78rem}.answer-button.shape-answer svg{width:70px;height:60px;margin:auto}.answer-button.dots-answer{min-height:90px}.answer-button.spatial-answer{min-height:130px}.spatial-scene.small{width:140px;height:95px}.dot-field{grid-template-columns:repeat(5,22px);gap:6px}.dot-field span{width:22px;height:22px}.object-row{gap:3px}.object-row span{font-size:1.45rem}.pattern-row{gap:5px;flex-wrap:nowrap;overflow:hidden}.pattern-token{min-width:36px;padding:6px;font-size:1rem}.comparison-board{gap:5px}.comparison-divider{font-size:1.2rem}.math-comparison,.equation-big{font-size:clamp(1.8rem,10vw,2.6rem)}.decomposition-groups>div{min-width:125px;padding:8px}.spatial-scene{height:155px}
  .feedback-panel{min-height:54px;margin-top:10px;padding:9px 11px;border-radius:14px;font-size:.84rem}.feedback-icon{font-size:1.2rem}.game-actions{position:sticky;z-index:40;bottom:calc(var(--mobile-dock-height) + var(--mobile-safe-bottom) + 4px);display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px -4px -4px;padding:7px 4px 4px;background:linear-gradient(180deg,rgba(255,255,255,.25),#fff 28%)}.game-actions .button{min-height:48px;padding:9px 10px;font-size:.82rem}.game-actions .button[hidden]{display:none}.game-actions:has(.button[hidden]){grid-template-columns:1fr}
  .round-finish{padding:22px 14px;border-radius:21px}.finish-seal{font-size:3.5rem}.finish-summary.four{grid-template-columns:1fr 1fr;gap:7px}.finish-summary>div{padding:12px 6px}.finish-summary small{font-size:.68rem}.finish-summary b{font-size:1.25rem}.pause-choice{padding:13px;margin:15px 0}.finish-actions{display:grid;grid-template-columns:1fr;margin-top:15px}.finish-actions .button{width:100%}

  /* Einstellungen als gut bedienbares Bottom-Sheet */
  .settings-dialog{position:fixed;inset:auto 0 0 0;width:100%;max-width:none;max-height:92dvh;margin:0;border-radius:25px 25px 0 0;overflow:auto}.settings-dialog form{padding:17px 15px calc(20px + var(--mobile-safe-bottom))}.dialog-head{position:sticky;top:-17px;z-index:2;margin:-17px -15px 5px;padding:17px 15px 12px;background:#fff;border-bottom:1px solid var(--line)}.setting-row{padding:13px 0;gap:9px}.setting-row strong{font-size:.95rem}.setting-row small{font-size:.76rem}.setting-row select{min-height:48px}.setting-row input{width:28px;height:28px}

  /* Canvas-Spielwiese */
  .playground-main{padding:25px 0 35px}.playground-shell{width:calc(100% - 12px)}.playground-heading{align-items:flex-start;gap:14px}.playground-heading h1{font-size:2.25rem}.calm-seal{display:none}.playground-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin:18px -6px;padding:2px 6px 8px;scrollbar-width:none}.playground-tabs::-webkit-scrollbar{display:none}.playground-tabs button{flex:0 0 72vw;scroll-snap-align:center;min-height:82px;padding:11px}.playground-tabs button>span{font-size:1.45rem}.playground-tabs small{font-size:.72rem}.playground-layout{grid-template-columns:1fr;gap:12px}.canvas-card{padding:10px;border-radius:20px}.canvas-card-head{align-items:flex-start;gap:8px;padding:3px 3px 9px}.canvas-card-head h2{font-size:1.45rem;margin-bottom:0}.canvas-stage-choice{display:flex;gap:5px}.canvas-stage-choice button{min-width:38px;min-height:38px}.canvas-wrap{border-radius:16px;touch-action:none}.canvas-wrap canvas{width:100%;height:auto;aspect-ratio:900/600}.canvas-status{padding:10px;margin-top:8px;font-size:.83rem}.canvas-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.canvas-controls>.button,.canvas-controls>button{width:100%;min-height:48px;padding:8px;font-size:.82rem}.canvas-controls .direction-pad{grid-column:1/-1}.direction-pad button{width:58px;height:58px}.canvas-success{padding:14px;overflow:auto}.canvas-success>span{font-size:3rem}.canvas-success-actions{gap:7px}.canvas-success-actions .button{min-height:44px}.playground-side{display:grid;gap:10px}.pedagogy-card,.companion-card,.quiet-rules{padding:16px}.playground-explainer{grid-template-columns:1fr;gap:10px}.playground-explainer article{padding:16px}
  .canvas-expand-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--purple);border-radius:13px;min-height:42px;padding:7px 10px;font-size:.78rem;font-weight:800;margin-left:auto}

  /* Canvas Vollbild auf kleinen Geräten */
  .canvas-card.mobile-canvas-fullscreen,.garden-workspace.mobile-canvas-fullscreen{position:fixed;z-index:600;inset:0;background:#fffdfa;padding:8px;border-radius:0;overflow:auto;display:flex;flex-direction:column}
  .mobile-canvas-fullscreen .canvas-card-head,.mobile-canvas-fullscreen .garden-toolbar{position:sticky;top:0;z-index:3;background:#fffdfa;padding:7px;border-bottom:1px solid var(--line)}
  .mobile-canvas-fullscreen .canvas-wrap,.mobile-canvas-fullscreen .garden-canvas-wrap{flex:1;min-height:48dvh;display:flex;align-items:center;justify-content:center}
  .mobile-canvas-fullscreen canvas{max-height:58dvh;width:100%;height:auto}
  .mobile-canvas-fullscreen .canvas-controls{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.mobile-canvas-fullscreen .garden-palette{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}

  /* Schlossgarten */
  .garden-layout{gap:12px}.garden-workspace{padding:10px;border-radius:20px}.garden-toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:4px 3px 10px}.garden-toolbar p{text-align:left;font-size:.8rem}.garden-canvas-wrap{border-radius:16px;touch-action:none}.garden-canvas-wrap canvas{width:100%;height:auto;aspect-ratio:1000/700}.garden-palette{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:7px;margin-inline:-4px;padding:9px 4px;scrollbar-width:none}.garden-palette::-webkit-scrollbar{display:none}.garden-palette button{flex:0 0 32%;scroll-snap-align:start;min-width:96px;padding:9px 5px}.garden-palette button>span{font-size:1.8rem}.garden-palette small{font-size:.64rem}.garden-side{gap:9px}.garden-side article{padding:16px}

  /* Erwachsene / Tabellen / Rechtliches */
  .dashboard-hero-grid,.dashboard-layout{gap:16px}.summary-grid{grid-template-columns:1fr 1fr;gap:8px}.summary-card{padding:13px}.summary-card b{font-size:1.3rem}.analytics-panel,.data-panel{padding:15px;border-radius:19px}.session-row{padding:12px 8px;gap:8px}.table-wrap{margin-inline:-2px}.table-wrap table{min-width:620px}.legal-page{font-size:.96rem}.legal-page h1{font-size:2.4rem}.legal-page h2{font-size:1.45rem;margin-top:34px}.legal-box,.callout,.contact-card{padding:16px;border-radius:17px}
}

@media(max-width:380px){
  .shell,.narrow{width:calc(100% - 16px)}
  .mobile-dock b{font-size:.62rem}.mobile-dock span{font-size:1.12rem}
  .proof-grid span{display:none}.proof-grid div{min-height:45px}
  .answer-button{font-size:1.08rem}.answer-button.picture-answer{font-size:.78rem}.picture-option{font-size:1.7rem}
  .game-topbar h1{max-width:120px}.round-status{font-size:.64rem}
  .garden-palette button{flex-basis:38%}
}

@media(max-width:760px) and (orientation:landscape){
  :root{--mobile-dock-height:58px;--mobile-header-height:54px}
  .mobile-dock a,.mobile-dock button{min-height:44px}.mobile-dock span{font-size:1rem}.mobile-dock b{font-size:.58rem}
  .site-header,.site-header.compact,.nav-wrap{height:var(--mobile-header-height);min-height:var(--mobile-header-height)}
  .brand img{width:34px;height:34px}
  .prompt-stage{min-height:92px}.prompt-card{min-height:88px}.prompt-main{font-size:3rem}.answer-button{min-height:58px}
  .canvas-card.mobile-canvas-fullscreen canvas,.garden-workspace.mobile-canvas-fullscreen canvas{max-height:64dvh;width:auto;max-width:100%}
}

/* V6 mobile containment and compact room browsing */
@media(max-width:760px){
  .garden-layout,.garden-workspace,.garden-side,.garden-canvas-wrap,.garden-palette,
  .playground-layout,.canvas-card,.canvas-wrap,.dashboard-layout,.dashboard-layout>*{min-width:0;max-width:100%}
  .garden-layout{width:100%;overflow:hidden}
  .garden-workspace,.garden-side{width:100%}
  .garden-palette button{width:auto}
  body[data-page="home"] .professional-game-grid,
  body[data-page="home"] .expanded-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:12px;gap:10px;margin-inline:-12px;padding:3px 12px 14px;scrollbar-width:none}
  body[data-page="home"] .professional-game-grid::-webkit-scrollbar,
  body[data-page="home"] .expanded-grid::-webkit-scrollbar{display:none}
  body[data-page="home"] .room-card{flex:0 0 min(82vw,330px);scroll-snap-align:start}
}

/* =========================================================
   Lernschloss 7.0 · Ruhige Lernreisen
   ========================================================= */
[hidden]{display:none!important}.soft-hidden{opacity:.28;filter:saturate(.45);pointer-events:none}.gentle-reveal{outline:5px solid rgba(185,138,50,.34)!important;box-shadow:0 0 0 10px rgba(242,223,173,.22)!important;animation:v7-soft-glow 1.6s ease-in-out infinite}.support-highlight{outline:4px solid rgba(185,138,50,.22);border-radius:22px}.feedback-panel.help,.journey-feedback.help{background:#fff8e7;border-color:#e8cf91}.castle-light{display:flex;align-items:center;gap:13px;max-width:760px;margin:0 auto 15px;padding:12px 16px;border:1px solid #d9cce1;border-radius:18px;background:#f7f1fa;color:#4c315f}.castle-light>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--gold);font-size:1.35rem;box-shadow:var(--shadow-sm)}.castle-light p{margin:0;font-weight:700}.castle-light.success{background:#edf7f1;border-color:#b9d8c7}.castle-light.helping{background:#fff7e6;border-color:#e8cf91}@keyframes v7-soft-glow{50%{box-shadow:0 0 0 14px rgba(242,223,173,.12)}}

/* Journey focus shell */
.journey-page{background:linear-gradient(180deg,#f8f2e8,#fffdfa);min-height:100dvh}.journey-header{position:sticky;top:0;z-index:120;display:grid;grid-template-columns:auto minmax(180px,520px) auto;align-items:center;gap:24px;padding:12px max(18px,calc((100vw - 1180px)/2));background:rgba(255,253,250,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.journey-brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:900}.journey-brand img{border-radius:12px}.journey-progress{display:grid;gap:6px;text-align:center;color:var(--muted);font-size:.82rem;font-weight:800}.journey-progress>div{height:9px;background:#e9dfd3;border-radius:999px;overflow:hidden}.journey-progress i{display:block;width:3%;height:100%;background:linear-gradient(90deg,var(--purple),var(--gold));border-radius:999px;transition:width .28s ease}.journey-head-actions{display:flex;gap:8px;justify-content:flex-end}.journey-icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:1.1rem}.journey-main{width:min(980px,calc(100% - 28px));margin:0 auto;padding:42px 0 84px}.journey-intro{text-align:center;background:#fff;border:1px solid var(--line);border-radius:32px;padding:clamp(26px,6vw,58px);box-shadow:var(--shadow)}.journey-intro h1{font-size:clamp(2.4rem,6vw,4.5rem)}.journey-intro-emblem{width:98px;height:98px;margin:0 auto 22px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,var(--purple3),#fff1cd);font-size:3rem;font-weight:900;color:var(--purple)}.journey-route-preview{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:32px 0}.journey-route-preview span{display:flex;align-items:center;gap:8px;background:var(--paper2);border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-weight:800}.journey-route-preview b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--purple);color:#fff}.journey-route-preview i{width:34px;height:2px;background:var(--gold2)}.journey-stage-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.journey-active{padding-top:8px}.journey-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:clamp(18px,5vw,44px);box-shadow:var(--shadow)}.journey-step-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:7px}.journey-step-head p{margin:0;color:var(--muted);font-weight:750}.journey-question{text-align:center;font-size:clamp(1.7rem,4vw,2.8rem);letter-spacing:-.025em;margin:14px auto 24px;max-width:800px}.journey-task{min-height:300px;display:grid;align-content:center;gap:20px}.journey-choice-prompt{display:grid;place-items:center}.journey-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.journey-feedback{display:flex;align-items:center;gap:12px;min-height:64px;margin-top:22px;padding:13px 17px;border:1px solid var(--line);border-radius:18px;background:var(--paper2)}.journey-feedback span{font-size:1.4rem}.journey-feedback p{margin:0;font-weight:750}.journey-feedback.good{background:#edf7f1;border-color:#b9d8c7}.journey-feedback.try{background:#fff4e8;border-color:#e7cda1}.journey-controls{display:flex;justify-content:space-between;gap:12px;margin-top:17px}.journey-discover{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}.journey-discover .prompt-card{width:100%}.discover-copy{padding:24px;border-radius:22px;background:var(--paper2);border:1px solid var(--line)}.discover-copy b{font-size:1.28rem}.discover-copy p{color:var(--muted);margin-bottom:0}

/* Matching interaction */
.matching-board{display:grid;grid-template-columns:1fr 34px 1fr;gap:12px;align-items:stretch}.match-prompts,.match-answers{display:grid;gap:10px}.match-line{width:2px;background:linear-gradient(transparent,var(--gold2),transparent);justify-self:center}.match-card{min-height:112px;border:2px solid var(--line);border-radius:20px;background:#fff;padding:10px;font-weight:850;color:var(--ink);overflow:hidden}.match-card.prompt .prompt-card{min-height:90px;padding:10px;border:0;background:var(--paper2);box-shadow:none}.match-card.answer{font-size:1.25rem}.match-card.selected{border-color:var(--purple);box-shadow:0 0 0 5px rgba(76,49,95,.09)}.match-card.matched{border-color:#8dbda4;background:#edf7f1;opacity:.76}.match-card.wrong{border-color:#d9a0a7;animation:gentle-shake .28s ease}

/* Action interactions */
.action-instruction{text-align:center;color:var(--muted);font-weight:750}.order-source,.order-target{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;min-height:92px;padding:16px;border-radius:20px}.order-source{background:var(--paper2);border:1px solid var(--line)}.order-target{border:2px dashed #d8c9b5}.action-tile,.order-target span{min-width:76px;min-height:65px;display:grid;place-items:center;border:2px solid var(--line);background:#fff;border-radius:17px;font-size:1.65rem;font-weight:900}.action-reset{justify-self:center}.counter-action{display:grid;justify-items:center;gap:18px}.counter-objects{min-height:130px;width:min(650px,100%);display:flex;align-content:center;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:20px;border:1px solid var(--line);border-radius:23px;background:var(--paper2)}.counter-objects span,.support-dots{font-size:2rem;color:var(--purple)}.counter-controls{display:grid;grid-template-columns:68px 100px 68px;align-items:center;gap:10px}.counter-controls button{height:64px;border:1px solid var(--line);border-radius:18px;background:#fff;font-size:2rem;font-weight:900}.counter-controls b{font-size:2.2rem;text-align:center}.support-dots{text-align:center;letter-spacing:.2em}.multi-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.multi-card{min-height:124px;display:grid;place-items:center;align-content:center;gap:6px;border:2px solid var(--line);border-radius:20px;background:#fff;padding:10px;font-weight:850}.multi-card.selected{border-color:var(--purple);background:#f3edf6;box-shadow:0 0 0 4px rgba(76,49,95,.08)}.multi-card.correct{border-color:#8dbda4;background:#edf7f1}.multi-card .prompt-card{min-height:82px;border:0;padding:7px;box-shadow:none}.multi-check{justify-self:center}.spatial-action-grid{width:min(420px,100%);aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:auto;padding:12px;border-radius:24px;background:var(--paper2);border:1px solid var(--line)}.spatial-action-grid button{border:2px dashed #cfc0ae;border-radius:17px;background:#fff;font-size:2rem}.spatial-action-grid button.selected{border-style:solid;border-color:var(--purple);background:#f3edf6}

/* Pause, finish, closing */
.pause-dialog,.resume-dialog,.exit-dialog{width:min(560px,calc(100% - 24px));border:0;border-radius:28px;padding:0;box-shadow:0 30px 90px rgba(34,22,40,.3)}.pause-dialog::backdrop,.resume-dialog::backdrop,.exit-dialog::backdrop{background:rgba(37,26,43,.58);backdrop-filter:blur(4px)}.pause-card{text-align:center;padding:36px}.pause-symbol{display:block;font-size:4rem;margin-bottom:10px}.pause-actions{display:grid;gap:10px;margin-top:24px}.journey-finish{text-align:center;background:#fff;border:1px solid var(--line);border-radius:32px;padding:clamp(25px,6vw,56px);box-shadow:var(--shadow)}.journey-finish h1{font-size:clamp(2.2rem,5vw,4rem)}.closing-page{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#e7dff0,#fffdfa 52%)}.closing-main{width:min(760px,calc(100% - 28px));text-align:center;padding:45px 24px}.closing-main h1{font-size:clamp(2.5rem,7vw,5rem)}.closing-scene{height:210px;position:relative;display:grid;place-items:end center}.closing-scene>span{position:absolute;right:18%;top:5%;font-size:3rem}.closing-scene>div{font-size:8rem;filter:drop-shadow(0 20px 20px rgba(48,31,58,.13))}.closing-suggestions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:28px 0}.closing-suggestions span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:750}

/* Settings page */
.settings-page-grid{display:grid;grid-template-columns:1fr 330px;gap:30px;align-items:start}.settings-panel{background:#fff;border:1px solid var(--line);border-radius:27px;padding:28px;box-shadow:var(--shadow-sm)}.settings-panel h2{font-size:1.45rem;margin:28px 0 5px;padding-bottom:10px;border-bottom:1px solid var(--line)}.settings-panel h2:first-child{margin-top:0}.settings-explain{display:grid;gap:14px;position:sticky;top:102px}.settings-save{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.settings-save p{margin:0;color:var(--muted)}

/* Garden 2.0 */
.v7-garden-layout{grid-template-columns:minmax(0,1fr) 320px}.garden-manager{display:grid;grid-template-columns:minmax(180px,1fr) auto auto minmax(180px,1fr);gap:9px;align-items:end;margin-bottom:12px}.garden-manager label{display:grid;gap:4px;color:var(--muted);font-size:.78rem;font-weight:750}.garden-manager select{min-height:46px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:8px 11px}.garden-selection-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.garden-selection-tools button{flex:1;min-width:110px;min-height:45px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--purple);font-weight:800}.garden-selection-tools button:disabled{opacity:.4}.garden-toolbar .text-button{white-space:nowrap}

/* Accessibility modes */
body.high-contrast{--ink:#151218;--muted:#3c3640;--line:#95879c;--purple:#321842;--paper:#fff;--paper2:#f3f0f4}body.high-contrast .answer-button,body.high-contrast button,body.high-contrast .room-card{border-width:2px}body.easy-tap button,body.easy-tap .button{min-height:48px}.journey-task button:focus-visible,.journey-icon-button:focus-visible,.multi-card:focus-visible,.match-card:focus-visible,.action-tile:focus-visible,.spatial-action-grid button:focus-visible{outline:4px solid rgba(185,138,50,.42);outline-offset:3px}

@media(max-width:900px){.journey-discover{grid-template-columns:1fr}.settings-page-grid,.v7-garden-layout{grid-template-columns:1fr}.settings-explain{position:static}.garden-manager{grid-template-columns:1fr 1fr}.journey-stage-picker{grid-template-columns:1fr}.multi-select-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.journey-header{grid-template-columns:auto 1fr auto;gap:8px;padding:8px 10px}.journey-brand span{display:none}.journey-head-actions{gap:4px}.journey-icon-button{width:42px;height:42px}.journey-progress{font-size:.7rem}.journey-main{width:calc(100% - 12px);padding:14px 0 calc(76px + env(safe-area-inset-bottom,0px))}.journey-intro,.journey-card,.journey-finish{border-radius:22px;padding:18px 12px}.journey-intro h1{font-size:2.35rem}.journey-route-preview{display:grid;grid-template-columns:1fr 1fr;gap:7px}.journey-route-preview i{display:none}.journey-route-preview span{justify-content:flex-start}.castle-light{margin:0 4px 8px;padding:9px 11px;font-size:.83rem}.journey-step-head{align-items:flex-start}.journey-question{font-size:1.55rem;margin:9px auto 14px}.journey-task{min-height:250px;gap:11px}.journey-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.journey-answer-grid .answer-button{min-height:76px}.journey-feedback{min-height:54px;margin-top:10px;padding:9px 11px;font-size:.84rem}.journey-controls{position:sticky;z-index:45;bottom:calc(var(--mobile-dock-height,68px) + env(safe-area-inset-bottom,0px) + 3px);background:linear-gradient(transparent,#fff 25%);padding-top:10px}.journey-controls .button{padding:10px;font-size:.82rem}.matching-board{grid-template-columns:1fr 1fr;gap:7px}.match-line{display:none}.match-card{min-height:88px;padding:6px;font-size:.9rem}.match-card.prompt .prompt-card{min-height:74px}.multi-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.multi-card{min-height:100px;padding:7px}.order-source,.order-target{min-height:78px;padding:10px;gap:7px}.action-tile,.order-target span{min-width:62px;min-height:56px;font-size:1.35rem}.counter-objects{min-height:100px;padding:12px}.counter-controls{grid-template-columns:58px 80px 58px}.counter-controls button{height:56px}.spatial-action-grid{max-width:330px}.pause-card{padding:24px 16px}.pause-symbol{font-size:3rem}.settings-panel{padding:16px;border-radius:20px}.settings-save{display:grid}.settings-save .button{width:100%}.garden-manager{grid-template-columns:1fr 1fr}.garden-manager .text-button{align-self:center}.garden-selection-tools{display:grid;grid-template-columns:1fr 1fr}.closing-scene{height:150px}.closing-scene>div{font-size:6rem}}
@media(max-width:380px){.journey-answer-grid,.multi-select-grid{grid-template-columns:1fr}.journey-header{grid-template-columns:auto 1fr}.journey-head-actions .journey-icon-button:nth-child(1){display:none}.journey-progress{grid-column:2}.journey-brand{grid-row:1}.journey-head-actions{grid-column:1/-1;justify-content:center}.garden-manager{grid-template-columns:1fr}.matching-board{grid-template-columns:1fr}.match-prompts,.match-answers{grid-template-columns:repeat(3,1fr)}.match-card{min-height:72px;font-size:.72rem}}
.canvas-tap-alternative{grid-column:1/-1;display:flex;align-items:end;gap:8px;flex-wrap:wrap;width:100%;padding:10px;border:1px dashed var(--line);border-radius:15px;background:var(--paper2)}.canvas-tap-alternative label{display:grid;gap:4px;flex:1;min-width:150px;color:var(--muted);font-size:.75rem;font-weight:750}.canvas-tap-alternative select{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:7px}.build-alternative{display:grid;grid-template-columns:1fr 1fr auto}@media(max-width:600px){.build-alternative{grid-template-columns:1fr 1fr}.build-alternative .button{grid-column:1/-1}.canvas-tap-alternative{align-items:stretch}.canvas-tap-alternative .button{width:100%}}
.v7-game-actions{grid-template-columns:repeat(3,1fr)}@media(max-width:700px){.v7-game-actions{grid-template-columns:1fr 1fr}.v7-game-actions [data-next-task]{grid-column:1/-1}.v7-game-actions:has([data-next-task][hidden]){grid-template-columns:1fr 1fr}}
.resume-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px 18px;box-shadow:var(--shadow-sm)}.resume-strip>span{font-size:2rem}.resume-strip div{display:grid}.resume-strip small{color:var(--muted)}@media(max-width:560px){.resume-strip{grid-template-columns:auto 1fr}.resume-strip .button{grid-column:1/-1}}

/* V7 concept helpers and optional journey context */
.support-ladder{display:grid;gap:10px}.support-ladder>div{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:17px;background:#fff}.support-ladder>div>b{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--purple);color:#fff}.support-ladder span{display:grid}.support-ladder small{color:var(--muted)}
.journey-context-nav{display:none;justify-content:center;gap:18px;padding:9px 16px;background:var(--paper2);border-bottom:1px solid var(--line);font-size:.88rem;font-weight:800}.journey-context-nav a{text-decoration:none;color:var(--purple)}body.focus-disabled .journey-context-nav{display:flex}body.focus-disabled .journey-main{padding-top:28px}
body.journey-page .journey-controls{bottom:max(3px,env(safe-area-inset-bottom,0px))}
@media(max-width:600px){.journey-context-nav{overflow-x:auto;justify-content:flex-start;white-space:nowrap}.support-ladder>div{grid-template-columns:38px 1fr;padding:10px}.support-ladder>div>b{width:34px;height:34px}}

.update-notice{position:fixed;z-index:300;left:50%;bottom:max(18px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(620px,calc(100% - 24px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 60px rgba(40,25,48,.24)}.update-notice>span{font-size:1.6rem}.update-notice p{display:grid;margin:0}.update-notice small{color:var(--muted)}.update-notice button{border:0;border-radius:13px;background:var(--purple);color:#fff;padding:10px 14px;font-weight:850}@media(max-width:600px){.update-notice{grid-template-columns:auto 1fr;bottom:calc(var(--mobile-dock-height,68px) + env(safe-area-inset-bottom,0px) + 8px)}.update-notice button{grid-column:1/-1;width:100%}body.journey-page .update-notice{bottom:max(8px,env(safe-area-inset-bottom,0px))}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}