:root{font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif;color:#17233b;background:#f4f2e9;font-synthesis:none;--navy: #16335b;--navy-deep: #0e2749;--teal: #0c807c;--gold: #f1b84b;--cream: #fffdf7;--line: #d8d7cd;--shadow: 0 16px 40px rgb(18 42 73 / 12%)}*{box-sizing:border-box}html{min-width:320px;background:#f4f2e9}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:4px solid #ffca59;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.62}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;padding:.8rem 1rem;background:#fff;color:#111;border-radius:.5rem}.skip-link:focus{top:1rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(1.25rem,calc((100vw - 1180px)/2));background:var(--navy-deep);color:#fff;border-bottom:4px solid #284b77}.brand{border:0;color:#fff;background:transparent;display:flex;align-items:center;text-align:left;gap:.7rem;padding:.25rem}.brand-logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 4px rgb(0 0 0 / 30%))}.brand strong,.brand small{display:block}.brand strong{font-size:1.08rem}.brand small{opacity:.72;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.mode-label{padding:.55rem .9rem;border:1px solid rgb(255 255 255 / 25%);border-radius:999px;font-size:.86rem;font-weight:800}.mode-label i{color:#69d99a;font-size:.7rem;margin-right:.35rem}main{width:min(1180px,calc(100% - 2rem));margin-inline:auto;flex:1}.home{padding-block:2rem 3rem}.hero-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 250px;gap:2rem;align-items:center;min-height:300px;padding:3rem 3.4rem;background:radial-gradient(circle at 90% 20%,rgb(255 214 121 / 35%) 0 3px,transparent 4px),linear-gradient(120deg,#17365f,#0b696f);background-size:50px 50px,auto;color:#fff;border-radius:28px;box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;inset:auto -5% -80px 25%;height:180px;border-radius:50%;border-top:3px dashed rgb(255 255 255 / 20%);transform:rotate(-5deg)}.eyebrow{margin:0 0 .55rem;color:#80530a;font-size:.78rem;line-height:1.2;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.hero-card .eyebrow{color:#ffcf68}h1,h2,p{margin-top:0}h1{margin-bottom:.8rem;max-width:760px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.02;letter-spacing:-.045em}h2{margin-bottom:.6rem;font-size:clamp(1.45rem,3vw,2rem);line-height:1.08;letter-spacing:-.025em}.lead{margin-bottom:1.5rem;max-width:660px;font-size:1.15rem;line-height:1.55;color:#4e5d70}.hero-card .lead{color:#e3eff1}.primary-action{min-height:52px;border:0;border-radius:14px;padding:.9rem 1.25rem;background:var(--gold);color:#202b3f;font-weight:950;box-shadow:0 5px #be8125;transition:transform .15s ease,box-shadow .15s ease}.primary-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #be8125}.companion{position:relative;z-index:1;text-align:center}.companion-face{display:grid;place-items:center;width:150px;height:150px;margin:auto auto .8rem;border:9px solid #eee5d3;border-radius:50% 50% 45% 45%;background:#e4a64b;color:#3f2f23;font-size:2.1rem;font-weight:950;box-shadow:0 12px #09274659}.companion-stars{position:absolute;right:15%;top:-12px;color:#ffd36b;font-size:2rem}.companion strong,.companion small{display:block}.companion small{opacity:.8;margin-top:.2rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:2.5rem 0 1rem}.section-heading h2{margin:0}.privacy-note{color:#596779;font-size:.86rem}.quest-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quest-card{min-height:112px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:1rem;padding:1.2rem;text-align:left;color:#1f2b41;border:2px solid #dfded4;border-radius:18px;background:var(--cream);box-shadow:0 7px #deddd4;transition:transform .15s ease,border-color .15s ease}.quest-card:hover{transform:translateY(-2px);border-color:#86aaa6}.quest-card-main{border-color:#85b9b4;background:#f4fffc}.quest-icon,.round-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#d9eeeb;color:#176d68;font-size:1.65rem;font-weight:900}.explorer-icon{background:#fff0c7;color:#a96f0f}.quest-card strong,.quest-card small{display:block}.quest-card strong{font-size:1.06rem}.quest-card small{color:#657181;margin-top:.25rem}.quest-card b{font-size:1.4rem;color:#56716f}.progress-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2rem;border:1px solid var(--line);border-radius:18px;background:#ffffff8c}.progress-strip>div{display:flex;align-items:center;gap:.8rem;padding:1rem 1.3rem}.progress-strip>div+div{border-left:1px solid var(--line)}.progress-strip .round-icon{width:40px;height:40px;border-radius:50%;font-size:1rem}.progress-strip p,.progress-strip strong,.progress-strip small{display:block;margin:0}.progress-strip small{color:#4f5b6a;margin-top:.15rem}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem max(1rem,calc((100vw - 1180px)/2));color:#485462;background:#e9e7dc;font-size:.78rem}.lesson-page,.explorer-page{padding-block:2rem 3rem}.back-button{margin-bottom:1.4rem;border:0;padding:.6rem .8rem;border-radius:10px;background:#e2e5df;color:#29405f;font-weight:850}.lesson-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:1rem}.instruction-card,.hands-card,.key-discovery,.parent-check{padding:1.5rem;background:var(--cream);border:2px solid #deddd4;border-radius:20px;box-shadow:0 7px #dfddd3}.step-chip{display:inline-block;margin-bottom:.8rem;padding:.4rem .65rem;border-radius:99px;background:#e3f1ef;color:#17645f;font-size:.76rem;font-weight:950;text-transform:uppercase}.check-list{display:grid;gap:.6rem}.check-list label{min-height:48px;display:flex;align-items:center;gap:.75rem;padding:.7rem;border-radius:12px;background:#f1f2ed;font-weight:750;line-height:1.3}.check-list input{width:24px;height:24px;accent-color:var(--teal);flex:0 0 auto}.safety-note{margin-top:1rem;padding:.9rem;border-left:5px solid #d18a35;border-radius:8px;background:#fff1d8;line-height:1.45}.safety-note strong{display:block}kbd{display:inline-block;min-width:2rem;padding:.18rem .4rem;border:2px solid #bec4c1;border-bottom-width:4px;border-radius:7px;background:#fff;text-align:center}.keyboard-wrap{max-width:100%;overflow:hidden}.keyboard{display:grid;gap:5px;margin-top:1rem;min-width:760px}.keyboard-row{display:flex;justify-content:center;gap:5px}.key{position:relative;flex:var(--key-width) 1 0;min-width:0;height:46px;display:grid;place-items:center;border:1px solid #aeb8bc;border-bottom-width:4px;border-radius:8px;background:#eef1ef;color:#253348;font-size:clamp(.55rem,1vw,.78rem);font-weight:850;transition:transform .08s ease,background .08s ease}.show-fingers .hand-left{background:#dfeef5;border-color:#8bafc2}.show-fingers .hand-right{background:#f3e6d5;border-color:#c6a57d}.show-fingers .hand-thumbs{background:#dff0dc;border-color:#93b38c}.key.is-home:after{content:"home";position:absolute;top:2px;font-size:.42rem;text-transform:uppercase;opacity:.6}.key.is-home i{position:absolute;bottom:5px;width:12px;border-bottom:2px solid currentColor}.key.is-target{outline:4px solid #eaa824;outline-offset:1px}.key.is-caps-on{background:#ffe096!important;border-color:#b98a10;outline:3px solid #b98a10;z-index:1}.key.is-active{transform:translateY(3px);border-bottom-width:1px;background:#ffd267!important;outline:3px solid #5c4312;z-index:2}.keyboard-legend{display:flex;justify-content:center;gap:1rem;margin:.75rem 0 0;color:#596779;font-size:.74rem}.keyboard-legend span{display:flex;align-items:center;gap:.3rem}.keyboard-legend i{width:12px;height:12px;border-radius:3px}.legend-left{background:#b8d9e8}.legend-right{background:#e6c8a3}.legend-thumb{background:#bcdbb6}.hands-card{overflow-x:auto}.wiggle{margin:1rem 0 0;padding:.8rem;border-radius:12px;background:#f0e9ff;color:#543d77;font-weight:800}.parent-check{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.parent-check strong,.parent-check span{display:block}.parent-check span{margin-top:.25rem;color:#5a6675;font-size:.87rem}.key-discovery{position:relative;min-height:160px;display:flex;align-items:center;gap:1.5rem;margin:1.5rem 0}.giant-key{flex:0 0 108px;min-height:108px;display:grid;place-items:center;padding:.5rem;border:3px solid #7ba6b8;border-bottom-width:10px;border-radius:18px;background:#dfeef5;font-size:1.5rem;font-weight:950;text-align:center}.giant-key.hand-right{background:#f3e6d5;border-color:#ba9263}.giant-key.hand-thumbs{background:#dff0dc;border-color:#7ca175}.key-discovery h2{margin-bottom:.35rem}.key-discovery p{margin-bottom:.35rem;line-height:1.5}.waiting-message{display:flex;align-items:center;gap:1rem}.waiting-message>span{font-size:3.5rem}.waiting-message p,.waiting-message h2{margin-bottom:.2rem}.caps-status{position:absolute;right:1rem;top:1rem;padding:.35rem .55rem;border-radius:99px;background:#e7e9e5;font-size:.7rem;font-weight:900}.caps-status.on{background:#ffe096;color:#6d4807}.explorer-tip{margin:1.2rem auto 0;padding:.9rem 1rem;max-width:760px;border-radius:12px;background:#e6eff9;text-align:center}@media(max-width:820px){.hero-card{grid-template-columns:1fr;padding:2rem}.companion{display:none}.quest-grid,.lesson-layout,.progress-strip{grid-template-columns:1fr}.progress-strip>div+div{border-left:0;border-top:1px solid var(--line)}.parent-check,.section-heading{align-items:stretch;flex-direction:column}.privacy-note{align-self:start}footer{flex-direction:column}}@media(max-width:520px){.topbar{height:68px}.mode-label{font-size:.72rem;padding:.45rem .6rem}.hero-card{padding:1.5rem;border-radius:20px}main{width:min(100% - 1rem,1180px)}.key-discovery{align-items:flex-start}.giant-key{flex-basis:76px;min-height:76px}.keyboard{transform-origin:left top}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.setup-page,.loading-state,.offline-state{display:grid;place-items:center;min-height:calc(100vh - 80px);padding:2rem}.setup-card,.parent-gate{width:min(620px,100%);padding:2rem;background:var(--cream);border:2px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.setup-card label,.parent-gate label,.import-box{display:grid;gap:.4rem;margin:1rem 0;font-weight:850}.setup-card input,.parent-gate input,.settings-grid input,.import-box textarea{min-height:48px;padding:.7rem .8rem;border:2px solid #9ba9ac;border-radius:10px;background:#fff;color:#17233b}.field-help{color:#596779;font-size:.9rem}.error-message{padding:.8rem;background:#fff0e7;border-left:5px solid #b64c27}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.hand-guide{display:flex;justify-content:space-around;gap:1rem;padding:1rem;background:#eef3f1;border-radius:12px;font-weight:800}.hands-illustration{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin:.8rem 0;font-size:2.4rem}.hands-illustration span:last-child{transform:scaleX(-1)}.hands-illustration b{padding:.55rem .8rem;border:3px solid var(--navy);border-radius:10px;color:var(--navy);font-size:1rem}.finger-map{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin-top:.8rem;font-size:.85rem;font-weight:750}.finger-map span{display:inline-flex;align-items:center;gap:.35rem}.finger-dot{width:.85rem;height:.85rem;border:2px solid var(--navy);border-radius:50%}.finger-dot.pinky{background:#a9d9f5}.finger-dot.ring{background:#ddc4f5}.finger-dot.middle{background:#ffd7a8}.finger-dot.index{background:#bfe5c8}.finger-dot.thumb{background:#f6b8c6}.show-fingers .finger-left-pinky,.show-fingers .finger-right-pinky{border-bottom-color:#64a9d1}.show-fingers .finger-left-ring,.show-fingers .finger-right-ring{border-bottom-color:#a375cf}.show-fingers .finger-left-middle,.show-fingers .finger-right-middle{border-bottom-color:#dd8735}.show-fingers .finger-left-index,.show-fingers .finger-right-index{border-bottom-color:#5aaf70}.show-fingers .finger-thumbs{border-bottom-color:#d96c88}.world-map{display:grid;gap:1rem}.world-card{display:grid;grid-template-columns:64px 1fr;gap:1.3rem;padding:1.5rem;background:var(--cream);border:2px solid var(--line);border-radius:20px}.world-number{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--navy);color:#fff;font-size:1.5rem;font-weight:950}.stage-list{display:flex;flex-wrap:wrap;gap:.55rem}.stage-list button{min-height:46px;padding:.6rem .8rem;border:2px solid #c6ccc8;border-radius:12px;background:#f2f3ee;font-weight:800}.stage-list button.done{background:#dff1df;border-color:#70a870}.stage-list button.boss{border-style:dashed;background:#fff1ca}.stage-list button span{margin-right:.35rem}.phase-trail{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;list-style:none;padding:0;margin:1rem 0 1.5rem;counter-reset:phase}.phase-trail li{padding:.55rem .3rem;border-radius:8px;background:#e7e8e3;text-align:center;font-size:.75rem;font-weight:850}.phase-trail li.active{background:#ffcf68;outline:3px solid #79540b}.phase-trail li.done{background:#cce9db}.lesson-next{margin-top:1rem}.typing-activity,.score-card{padding:1.5rem;background:var(--cream);border:3px solid #93aaa8;border-radius:22px;box-shadow:0 8px #c7cfca}.typing-activity:focus{outline:5px solid #ffca59;outline-offset:4px}.celebrate-dad{display:block;width:min(320px,70vw);height:auto;margin:0 auto 1rem;animation:celebrate-pop .5s ease-out}@keyframes celebrate-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.typing-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem}.target-text{min-height:88px;padding:1rem;margin:1rem 0;border-radius:14px;background:#eef0eb;font-family:ui-monospace,monospace;font-size:clamp(1.35rem,3vw,2rem);line-height:1.65;letter-spacing:.02em;overflow-wrap:anywhere}.target-text span.correct{color:#14603d;background:#d5f1df}.target-text span.incorrect{color:#791e14;background:#ffd9ce;text-decoration:underline wavy}.target-text span.current{color:#17233b;background:#ffdc79;border-bottom:4px solid #4d3911}.target-text span.waiting{color:#5d6872}.target-text span.space-char{position:relative;display:inline-block;min-width:1.15em}.target-text span.space-char:after{content:"";position:absolute;left:.14em;right:.14em;top:50%;height:.32em;transform:translateY(-25%);border:2px solid currentColor;border-radius:.2em;opacity:.55}.target-text span.space-char.current:after{opacity:1;border-width:3px}.typing-status{min-height:28px;padding:.6rem .8rem;border-radius:10px;background:#e6eff9;font-weight:850}.caps-alert{margin:0 0 .7rem;padding:.7rem .9rem;border:2px solid #b98a10;border-radius:10px;background:#ffe096;color:#6d4807;font-size:1rem;font-weight:850;text-align:center}.finish-button{display:block;margin:.8rem auto}.typing-help{margin:.8rem 0 0;text-align:center;color:#596779;font-size:.85rem}.live-score{display:flex;gap:.5rem;flex-wrap:wrap;margin:-.4rem 0 .7rem}.live-score span{padding:.35rem .6rem;border-radius:99px;background:#e2eee9;font-size:.82rem;font-weight:800}.timer{display:grid;place-items:center;min-width:64px;height:48px;border-radius:12px;background:#e5e8e5;font-weight:950}.score-card{position:relative;text-align:center}.celebration{display:block;color:#c27e0c;font-size:3rem}.score-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.score-grid p{min-width:130px;padding:1rem;background:#eef3ef;border-radius:14px}.score-grid strong,.score-grid span{display:block}.score-grid strong{font-size:1.7rem}.success-message{padding:.8rem 1rem;border-radius:10px;background:#dcf2df;color:#17512b;font-weight:850}.next-level-ready{background:#ffe9b3;color:#6d4807;border:2px solid #d9a921}.mastery-progress{padding:.6rem 1rem;border-radius:10px;background:#e6eff9;color:#2a4a6b;font-weight:700}.speed-meter{max-width:460px;margin:1.1rem auto .4rem}.speed-meter-track{position:relative;height:22px;border-radius:999px;background:#dfe5df;overflow:visible}.speed-meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7fb98a,#2e8b57);transition:width .6s ease-out}.speed-meter-tick{position:absolute;top:-4px;bottom:-4px;width:3px;border-radius:2px;background:#8b96a2}.speed-meter-tick i{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;font-style:normal;font-size:.7rem;font-weight:800;color:#596779;white-space:nowrap}.speed-meter-reading{margin:2.1rem 0 0;font-weight:800;color:#33414f}.speed-meter-reading strong{font-size:1.4rem;color:#17233b}.recommendations{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-bottom:1rem}.recommendations p{display:grid;grid-template-columns:45px 1fr;gap:.7rem;padding:.8rem;background:#fff9e8;border-radius:12px}.recommendations strong{font-size:1.3rem}.game-grid,.trophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.game-card,.trophy-grid article{padding:1.5rem;border:2px solid var(--line);border-radius:18px;background:var(--cream);text-align:left}.game-card>span,.trophy-grid article>span{font-size:2.5rem}.key-catch .target-text span.current{display:inline-block;animation:gentle-drift 3s ease-in-out infinite}.word-builder .target-text{background:linear-gradient(#edf4e4,#d8ead1)}.story-trail .target-text{background:#f5ebff}.builder-scene,.story-scene{display:flex;justify-content:center;align-items:end;gap:.35rem;min-height:64px;margin:.5rem 0;padding:.7rem;border-radius:12px;background:#dff0da}.builder-scene span{color:#a99b82;font-size:1.8rem;transform:rotate(90deg)}.builder-scene span.built{color:#735330;text-shadow:0 3px #4d391f}.story-scene{justify-content:space-between;background:linear-gradient(#dfe9ff,#f3e9ff);font-size:2rem}.story-scene span:nth-child(2){color:#9b690b;font-size:1.3rem}.reduced-motion *{animation:none!important;transition:none!important}@keyframes gentle-drift{50%{transform:translateY(-8px)}}.test-controls{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}.test-controls fieldset{display:flex;gap:.4rem;padding:.8rem;border:2px solid var(--line);border-radius:12px}.test-controls button,.data-actions button,.curriculum-controls button,.parent-title button,.parent-tabs button{min-height:42px;padding:.5rem .75rem;border:2px solid #adb8b4;border-radius:9px;background:#f3f4ef}.test-controls button.selected{background:var(--navy);color:#fff}.accuracy-zones{padding:.8rem;border-radius:10px;background:#e7f0ed}.star-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.star-list p{display:flex;justify-content:space-between;padding:.8rem;background:#fff;border-radius:10px}.achievement-hierarchy{padding:.8rem;border-radius:10px;background:#fff1c9;font-weight:850;text-align:center}.badge-catalog{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.badge-catalog span{padding:.5rem .7rem;border:2px solid #aeb6b2;border-radius:99px;background:#eeefeb}.badge-catalog span.earned{background:#d9efdf;border-color:#4d8c61}.parent-page{width:min(1240px,calc(100% - 2rem));margin:auto;padding:2rem 0 4rem}.parent-title{display:flex;justify-content:space-between;align-items:center;gap:1rem}.parent-tabs{display:flex;gap:.4rem;overflow:auto;margin:1rem 0 2rem;border-bottom:2px solid var(--line)}.parent-tabs button{border-radius:9px 9px 0 0;text-transform:capitalize}.parent-tabs button.active{background:var(--navy);color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-grid article{display:grid;padding:1.2rem;border:2px solid var(--line);border-radius:15px;background:#fff}.metric-grid strong{font-size:2rem}.metric-grid span{color:#596779}.recommended-lesson{margin:1rem 0;padding:1rem;border-left:6px solid #2d7b69;border-radius:8px;background:#e0f0e9}.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.balance-grid section{padding:1rem;border:2px solid var(--line);border-radius:12px;background:#fff}.table-wrap{max-width:100%;overflow:auto;margin:1rem 0 2rem}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:.75rem;border:1px solid #d6d9d4;text-align:left;white-space:nowrap}th{background:#e8efec}.trend-chart{height:220px;display:flex;align-items:end;gap:5px;padding:1rem;background:#fff;border:2px solid var(--line);border-radius:15px}.trend-chart span{flex:1;min-width:12px;background:#388b78;position:relative}.trend-chart i{position:absolute;bottom:-1.1rem;font-size:.55rem;font-style:normal}.heatmap{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 2rem}.heatmap div{display:grid;place-items:center;min-width:58px;min-height:58px;padding:.4rem;border:2px solid;border-radius:10px}.heatmap .strong{background:#d7efdd;border-color:#579267}.heatmap .review{background:#fff0c9;border-color:#b7801f}.heatmap .tricky{background:#ffe1d7;border-color:#a95338}.curriculum-controls{display:grid;gap:.5rem}.curriculum-controls article{display:flex;justify-content:space-between;gap:1rem;padding:.7rem;background:#fff;border:1px solid var(--line);border-radius:9px}.curriculum-controls article div:first-child{display:grid}.curriculum-controls article div:last-child{display:flex;gap:.3rem;flex-wrap:wrap}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.settings-grid label{min-height:54px;display:flex;align-items:center;gap:.6rem;padding:.8rem;background:#fff;border:1px solid var(--line);border-radius:10px}.settings-grid input[type=checkbox]{width:24px;height:24px}.data-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.theme-settings{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0;padding:1rem;border:2px solid var(--line);border-radius:12px}.theme-settings label{display:flex;gap:.35rem;text-transform:capitalize}.import-box textarea{min-height:160px;font-family:monospace}.import-preview,.danger-zone{margin:1rem 0;padding:1rem;border:2px solid var(--line);border-radius:12px;background:#fff}.danger-zone{border-color:#b95d48}.danger-zone button{color:#7b2115;border:2px solid #b95d48;padding:.7rem;background:#fff1ed;border-radius:8px}.high-contrast{--cream: #fff;--line: #111;color:#000;background:#fff}.high-contrast .topbar{background:#000}.high-contrast button{border-color:#000!important}.readable-font{font-family:Verdana,Arial,sans-serif;letter-spacing:.015em}.rest-reminder{position:fixed;z-index:15;right:1rem;bottom:1rem;display:grid;gap:.35rem;width:min(360px,calc(100% - 2rem));padding:1rem;border:3px solid #80530a;border-radius:14px;background:#fff5cf;box-shadow:var(--shadow)}.rest-reminder button{justify-self:start;min-height:42px;border:2px solid #5c4312;border-radius:8px;background:#fff;font-weight:800}@media(max-width:820px){.action-grid,.game-grid,.trophy-grid,.metric-grid,.settings-grid,.recommendations{grid-template-columns:1fr}.phase-trail{grid-template-columns:repeat(4,1fr)}.world-card{grid-template-columns:1fr}.parent-title,.curriculum-controls article{align-items:stretch;flex-direction:column}}