.world-tile{min-width:0;display:grid;position:relative}.world-tile .world-choice{width:100%;height:100%}.world-info{z-index:2;color:#23343b;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:3px;left:3px}.world-info span,.help-inline-info{background:#fff8e8;border:2px solid;border-radius:50%;place-items:center;width:26px;height:26px;font:800 17px/1 Georgia,serif;display:inline-grid}.world-info:hover span{background:#f4c95d}.world-info:focus-visible{outline-offset:1px;border-radius:50%;outline:3px solid #23343b}.help-dialog{color:#23343b;text-align:left;background:#fff8e8;border:3px solid #23343b;border-radius:26px;width:min(860px,100% - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:hidden;box-shadow:0 9px #23343b40}.help-dialog[open]{flex-direction:column;display:flex}.help-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#23343b80}.help-dialog--game{width:min(560px,100% - 48px)}.help-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:22px 28px 12px;display:flex}.help-header h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.1}.help-close{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:2px solid #23343b;border-radius:50%;flex-shrink:0;font-size:1.8rem}.help-content{overscroll-behavior:contain;min-height:0;padding:0 28px 8px;overflow-y:auto}.help-content p{max-width:65ch;margin:0 0 14px;font-size:1rem;line-height:1.55}.help-content .help-lead{margin-bottom:22px;font-size:1.12rem}.help-columns{grid-template-columns:1fr 1fr;gap:32px;display:grid}.help-columns section+section{border-left:2px solid #e7cc96;padding-left:28px}.help-columns h3{margin:0 0 10px;font-size:1.15rem}.help-inline-info{vertical-align:text-bottom;width:21px;height:21px;font-size:14px}.help-content kbd{background:#fff;border:1px solid #23343b;border-bottom-width:3px;border-radius:6px;padding:0 7px;font-family:inherit;font-weight:750;display:inline-block}.help-content .help-note{color:#53636a;margin-top:10px;font-size:.85rem}.help-footer{background:#fff8e8;flex-shrink:0;justify-content:flex-end;padding:14px 28px 22px;display:flex}.help-footer .primary{min-height:48px}.help-art{background:#e8f5fa;border-radius:16px;place-items:center;margin-bottom:20px;padding:16px;display:grid}.help-art .world-art{width:150px;height:90px}.help-tip{border-left:4px solid #f4c95d;padding:8px 0 8px 16px;font-size:.95rem;line-height:1.5}.parent-hint{z-index:4;color:#23343b;pointer-events:none;background:#fff8e8e8;border-radius:20px;padding:8px 12px;font-size:.85rem;animation:.6s ease-out both parent-hint-in;position:absolute;top:12px;right:82px}.parent-hint kbd{font-family:inherit;font-weight:800}@keyframes parent-hint-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.parent-hint{animation:none}}.reset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:18px;display:grid}.reset-grid>div{flex-direction:column;align-items:flex-start;display:flex}.reset-grid h4{margin:0}.reset-grid p{flex:1;line-height:1.5}.reset-grid button{min-height:44px}@media (width<=760px){.reset-grid{grid-template-columns:1fr}}@media (width>=601px) and (width<=1000px){.help-dialog--parents{width:min(760px,100% - 40px)}.help-columns{gap:20px}.help-columns section+section{padding-left:20px}}@media (width<=600px){.help-dialog,.help-dialog--game{border-bottom:0;border-radius:24px 24px 0 0;width:100%;max-width:100%;max-height:94dvh;margin:auto 0 0}.help-header{padding:16px 18px 12px}.help-content{padding:0 20px 8px}.help-columns{grid-template-columns:1fr;gap:14px}.help-columns section+section{border-top:2px solid #e7cc96;border-left:0;padding:18px 0 0}.help-footer{padding:12px 20px max(16px, env(safe-area-inset-bottom))}.help-footer .primary{width:100%}}@media (height<=500px){.help-dialog{max-height:calc(100dvh - 16px)}.help-header{padding-top:8px;padding-bottom:6px}.help-footer{padding-top:8px;padding-bottom:8px}}.parent-corner{touch-action:none;-webkit-touch-callout:none}.app .start-screen{overscroll-behavior:contain;justify-content:flex-start;padding:18px max(14px,3vw) 22px;overflow-y:auto}.app .start-screen>*{flex:none}.app .start-screen h1{font-size:clamp(3rem,9vh,5.5rem)}.app .start-screen>p{margin:10px 0 12px}.world-picker-title{letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(1.05rem,2.4vw,1.35rem)}.world-picker{background:#e7cc96;border:3px solid #6d5134;border-radius:24px 24px 15px 15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vw,13px);width:min(100%,900px);min-width:0;padding:12px 12px 20px;display:grid;box-shadow:inset 0 -9px #c79b5b,0 5px #5b3f2233}.world-choice{--world-scene:#fff4c8;background:var(--world-scene);color:#23343b;cursor:pointer;text-align:center;border:2px solid #23343b;border-radius:18px 18px 12px 12px;grid-template-rows:70px auto 1fr;align-items:start;min-width:0;min-height:142px;padding:8px 8px 10px;display:grid;position:relative;overflow:hidden;box-shadow:0 4px #23343b47}.world-choice--garden{--world-scene:#e4efd0}.world-choice--ocean{--world-scene:#d9f1f7}.world-choice--music{--world-scene:#f8ddd2}.world-choice--emoji{--world-scene:#efe1f8}.emoji-art{justify-content:center;align-items:center;font-size:clamp(1.5rem,3vw,2rem);display:flex}.world-choice--letters{--world-scene:#dcebf9}.letter-game{pointer-events:none;color:#23343b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px 16px;display:flex;position:absolute;inset:0;overflow-y:auto}.letter-game h2,.letter-game p{margin:0}.letter-target{background:#fff8e8;border:3px solid #23343b;border-radius:24px;min-width:1.5em;padding:12px;font:800 clamp(5rem,20vh,10rem)/1 system-ui,sans-serif}.letter-choices{pointer-events:auto;gap:14px;display:flex}.letter-choices button{cursor:pointer;background:#fff8e8;border:2px solid #23343b;border-radius:14px;width:70px;height:70px;font-size:2rem;font-weight:800}.letter-feedback{max-width:30ch;min-height:2.5em;font-weight:700}@media (height<=500px){.letter-game{gap:8px;padding:12px}.letter-game h2{font-size:1rem}.letter-target{font-size:3rem}.letter-choices button{width:58px;height:58px}}.world-choice:hover{filter:saturate(1.07)}.world-choice:active{transform:translateY(3px);box-shadow:0 1px #23343b47}.world-choice.is-selected{outline-offset:2px;outline:4px solid #23343b}.world-choice__selected{z-index:1;color:#fff;background:#23343b;border-radius:999px;min-width:17px;min-height:17px;padding:2px 6px;font-size:.64rem;font-weight:850;line-height:1.25;position:absolute;top:5px;right:5px}.world-choice__selected:empty{display:none}.world-choice strong{align-self:center;font-size:clamp(.9rem,1.7vw,1.05rem);line-height:1.05}.world-choice__hint{color:#40545c;margin-top:5px;font-size:.73rem;font-weight:680;line-height:1.18}.world-art{stroke-linecap:round;stroke-linejoin:round;width:100%;height:70px;overflow:visible}.classic-circle{fill:#e85d4a;stroke:#9f3128;stroke-width:3px}.classic-triangle{fill:#72a66b;stroke:#365c32;stroke-width:3px}.classic-star{fill:#f4c95d;stroke:#72590f;stroke-width:2.5px}.classic-squiggle{fill:none;stroke:#417f9b;stroke-width:4px}.garden-earth{fill:#a66f43;stroke:#704825;stroke-width:2px}.garden-stem{fill:#72a66b;stroke:#365c32;stroke-width:3px}.garden-petal{fill:#e85d4a;stroke:#9f3128;stroke-width:2.5px}.garden-heart{fill:#f4c95d;stroke:#72590f;stroke-width:2px}.ocean-wave{fill:#74b8d3;stroke:#386f87;stroke-width:2px}.ocean-fish{fill:#f4c95d;stroke:#72590f;stroke-width:3px}.ocean-eye{fill:#23343b}.ocean-smile{fill:none;stroke:#23343b;stroke-width:2px}.ocean-bubble{fill:#fff;fill-opacity:.62;stroke:#417f9b;stroke-width:2px}.music-handle{fill:none;stroke:#704825;stroke-width:5px}.music-frame{fill:#fff8e8;stroke:#704825;stroke-width:3px}.music-key{stroke:#704825;stroke-width:2px}.music-key-one{fill:#e85d4a}.music-key-two{fill:#f4c95d}.music-key-three{fill:#72a66b}.music-key-four{fill:#74b8d3}.music-eye{fill:#23343b}.music-smile,.music-note{fill:none;stroke:#23343b;stroke-width:2.5px}.app .play-button{width:clamp(145px,23vh,220px);margin-top:15px}.app .welcome-link{margin-top:12px}.world-settings{background:#fff;border:2px solid #23343b;border-radius:18px;margin-bottom:18px;padding:20px}.world-settings__heading{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:14px;display:flex}.world-settings h3{margin:0;font-size:1.25rem}.world-settings p{color:#53636a;max-width:64ch;margin:0;font-size:.9rem;font-weight:650;line-height:1.4}.world-picker--settings{width:100%}@media (width<=620px){.world-picker{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,390px);padding:10px 10px 18px}.world-choice{border-radius:15px 15px 10px 10px;grid-template-rows:54px auto 1fr;min-height:112px;padding:6px 6px 8px}.world-art{height:54px}.world-settings{padding:16px}.world-settings__heading{display:block}.world-settings p{margin-top:6px}}@media (width<=420px) and (height<=700px){.app .start-screen{padding-top:10px}.app .start-screen .brand-mark{height:19px;margin-bottom:3px}.app .start-screen .brand-mark i:first-child{height:12px}.app .start-screen .brand-mark i:nth-child(2){height:19px}.app .start-screen .brand-mark i:nth-child(3){height:15px}.app .start-screen h1{font-size:2.75rem}.world-picker-title{margin-bottom:6px;font-size:1rem}.world-choice__hint{display:none}.world-choice{grid-template-rows:48px auto;min-height:86px}.world-art{height:48px}.app .play-button{width:112px;margin-top:12px}.app .play-button span{font-size:1.75rem}}@media (height<=500px) and (width>=621px){.app .start-screen{padding-top:8px}.app .start-screen .brand-mark{display:none}.app .start-screen h1{font-size:2.5rem}.app .start-screen>p{display:none}.world-picker-title{margin:2px 0 6px;font-size:1rem}.world-picker{padding:8px 8px 15px}.world-choice{grid-template-rows:44px auto;min-height:76px;padding:4px 6px 6px}.world-art{height:44px}.world-choice__hint{display:none}.app .play-button{width:86px;margin-top:10px}.app .play-button span{font-size:1.35rem}}@media (prefers-reduced-motion:reduce){.world-choice:active{transform:none}}:root{color:#23343b;font-synthesis:none;background:#fff8e8;font-family:ui-rounded,SF Pro Rounded,Nunito Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}button,input,select{font:inherit}button{color:inherit}.app{--bg:#fff8e8;--soft:#cbe9f5;--accent:#e85d4a;--accent-deep:#b8392b;background:var(--bg);width:100%;height:100%;position:relative;overflow:hidden}.theme-meadow{--bg:#eef4dc;--soft:#cde7b5}.theme-sunset{--bg:#ffead0;--soft:#f5c8b3}.theme-night{--bg:#dce5f4;--soft:#b8c8e6}.start-screen{text-align:center;background:radial-gradient(circle at 50% 43%,#fffffff2 0 10%,#fff0 45%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.brand-mark{align-items:flex-end;gap:7px;height:25px;margin-bottom:8px;display:flex}.brand-mark i{background:#72a66b;border-radius:9px;width:10px;display:block;transform:rotate(-8deg)}.brand-mark i:first-child{height:15px}.brand-mark i:nth-child(2){background:#f4c95d;height:24px}.brand-mark i:nth-child(3){background:#e85d4a;height:19px}.start-screen h1{letter-spacing:-.07em;margin:0;font-size:clamp(3rem,11vw,6.5rem);line-height:.9}.start-screen>p{margin:18px 0 22px;font-size:clamp(1rem,3vw,1.25rem);font-weight:650}.play-button{aspect-ratio:1;color:#fff;cursor:pointer;background:#d54b3b;border:0;border-radius:50%;width:clamp(190px,42vw,270px);position:relative;transform:translateY(-4px);box-shadow:0 12px #9f3128,0 22px 40px #752e233d}.play-button:active{transform:translateY(5px);box-shadow:0 4px #9f3128,0 12px 22px #752e2333}.play-button:before{content:"";border:3px solid #ffffff59;border-radius:50%;position:absolute;inset:10px}.play-button span{letter-spacing:-.04em;justify-content:center;align-items:center;gap:10px;font-size:clamp(2rem,7vw,3.4rem);font-weight:850;display:flex}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.25em;height:1.25em}.play-button .icon{fill:currentColor;stroke:none;width:.8em}.welcome-link,.text-button{text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:18px;font-weight:700;text-decoration:underline}.play-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.parent-corner{z-index:4;color:#23343b;cursor:pointer;background:#fff9;border:0;border-radius:0 0 0 100%;width:76px;height:76px;position:absolute;top:0;right:0}.parent-corner .icon{width:20px;height:20px;position:absolute;top:14px;right:14px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#23343b80;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.welcome-card,.pin-card{text-align:center;background:#fff8e8;border:3px solid #23343b;border-radius:28px;width:min(100%,420px);max-height:calc(100vh - 36px);padding:32px;position:relative;overflow:auto;box-shadow:0 12px #23343b40}.welcome-card h2,.pin-card h2{letter-spacing:-.04em;margin:10px 0;font-size:2rem}.welcome-card p,.pin-card p{line-height:1.55}.parent-badge{background:#f4c95d;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto;display:grid}.parent-badge .icon{width:26px}.first-pin{background:#fff0bb;border:2px dashed #6f5a22;border-radius:14px;margin:24px 0;padding:14px}.first-pin span{font-size:.84rem;font-weight:700;display:block}.first-pin strong{letter-spacing:.3em;margin-top:6px;font-size:1.8rem;display:block}.fineprint{color:#53636a;font-size:.86rem}.primary,.secondary,.danger-soft{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 18px;font-weight:800;display:inline-flex}.primary{color:#fff;background:#d54b3b;border:2px solid #9f3128;box-shadow:0 4px #9f3128}.secondary{background:#fff;border:2px solid #23343b}.danger-soft{color:#88291f;background:#fff0ed;border:2px solid #9f3128}.wide{width:100%}.icon-button{cursor:pointer;background:#fff;border:2px solid #23343b;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.icon-button.close{background:0 0;border:0;position:absolute;top:16px;right:16px}.pin-dots{justify-content:center;gap:12px;margin:20px;display:flex}.pin-dots i{border:2px solid #23343b;border-radius:50%;width:17px;height:17px}.pin-dots i.filled{background:#e85d4a}.error{color:#9b2922;font-weight:750}.pin-pad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pin-pad button{cursor:pointer;background:#fff;border:2px solid #23343b;border-radius:14px;min-height:54px;font-weight:800}.pin-pad .ok{color:#112d16;background:#72a66b}.pin-pad .ok:disabled{opacity:.4}.settings-sheet{z-index:15;color:#23343b;background:#f8f3e7;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.settings-sheet>header{background:#fff8e8;border-bottom:2px solid #23343b;justify-content:space-between;align-items:center;gap:16px;padding:18px max(18px,50% - 590px);display:flex}.settings-kicker{color:#53636a;font-size:.86rem;font-weight:750;display:block}.settings-sheet h2{letter-spacing:-.04em;margin:2px 0 0;font-size:clamp(1.7rem,3vw,2.35rem)}.settings-body{overscroll-behavior:contain;width:min(100%,1180px);margin:auto;padding:22px;overflow-y:auto}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.setting-group,.utility-section,.mapping-section{background:#fff;border:2px solid #23343b;border-radius:18px;padding:20px}.setting-group h3,.mapping-section h3,.utility-section h3{margin:0 0 18px;font-size:1.25rem}.field{flex-direction:column;gap:7px;margin:14px 0;font-size:.93rem;font-weight:700;display:flex}.field select,.field input:not([type=range]){color:#23343b;background:#fff;border:2px solid #68777d;border-radius:9px;width:100%;height:44px;padding:0 12px}.range-field>span{justify-content:space-between;gap:14px;display:flex}.range-field output{font-weight:850}.range-field input{accent-color:#d54b3b;width:100%}.toggle{justify-content:space-between;align-items:center;gap:16px;min-height:48px;font-weight:700;display:flex}.toggle input{opacity:0;position:absolute}.toggle i{background:#d9d9d2;border:2px solid #68777d;border-radius:999px;flex:none;width:48px;height:27px;position:relative}.toggle i:after{content:"";background:#53636a;border-radius:50%;width:17px;height:17px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:#91c488;border-color:#436c3d}.toggle input:checked+i:after{background:#173814;transform:translate(21px)}.mapping-section{margin-top:18px}.section-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.section-heading h3{margin-bottom:5px}.section-heading p{color:#53636a;margin:0}.section-heading>span{white-space:nowrap;background:#e8eee7;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:800}.bulk-rules{background:#eef2e8;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0;padding:14px;display:grid}.bulk-rules h4{grid-column:1/-1;margin:0}.bulk-rules .field{margin:0}.keyboard{background:#dfe5e3;border-radius:14px;width:100%;padding:15px;overflow-x:auto}.key-row{gap:5px;min-width:780px;margin-bottom:5px;display:flex}.key-row:last-child{margin-bottom:0}.key-row button{cursor:pointer;background:#fff;border:1px solid #68777d;border-radius:7px;flex:1;min-width:44px;height:42px;font-size:.72rem;font-weight:750;position:relative;box-shadow:0 2px #89979b}.key-row button.selected{outline-offset:1px;outline:3px solid #d54b3b}.key-row button.mapped i{background:#72a66b;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.key-row button:first-child:has(span:first-child:last-child){flex:1.25}.key-editor{border:2px solid #b0babd;border-radius:14px;grid-template-columns:120px repeat(3,minmax(130px,1fr)) auto auto;align-items:end;gap:12px;margin-top:16px;padding:16px;display:grid}.key-editor>div:first-child{align-self:center}.key-editor>div:first-child span{color:#53636a;font-size:.75rem;display:block}.key-editor>div:first-child strong{font-size:1.4rem}.key-editor .field{margin:0}.key-editor .toggle{align-self:center}.key-editor .text-button{align-self:center;margin:0}.utility-section{margin-top:18px}.button-row{flex-wrap:wrap;gap:10px;display:flex}.file-button{position:relative}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.final-grid{margin-top:18px}.settings-sheet>footer{background:#fff8e8;border-top:2px solid #23343b;justify-content:flex-end;padding:14px max(18px,50% - 590px);display:flex}.toast{z-index:40;color:#fff;text-align:center;background:#23343b;border:2px solid #23343b;border-radius:999px;max-width:calc(100% - 32px);padding:12px 18px;font-weight:700;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:4px solid #236ca1}@media (width<=760px){.settings-grid,.bulk-rules{grid-template-columns:1fr}.key-editor{grid-template-columns:1fr 1fr}.key-editor>div:first-child{grid-column:1/-1}.settings-body{padding:14px}.setting-group,.utility-section,.mapping-section{padding:16px}.section-heading{display:block}.section-heading>span{margin-top:10px;display:inline-block}.settings-sheet>header{padding:12px 14px}.settings-sheet>footer{padding:10px 14px}.settings-sheet>footer .primary{width:100%}}@media (width<=420px){.start-screen{padding:16px}.start-screen>p{margin:12px 0 16px}.play-button{width:min(52vw,205px)}.welcome-card,.pin-card{padding:26px 20px}.key-editor{grid-template-columns:1fr}.button-row>*{width:100%}}@media (height<=680px){.start-screen h1{font-size:3rem}.start-screen>p{margin:8px 0 12px}.play-button{width:min(31vh,170px)}.welcome-link{margin-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.play-button,.primary{background:#b8392b}.keyboard{overflow-x:visible}.key-row{min-width:0}.key-row button{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.key-editor{grid-template-columns:110px repeat(3,minmax(0,1fr)) auto}.key-editor>*{min-width:0}.settings-body,.settings-grid,.mapping-section,.utility-section,.setting-group,.keyboard,.key-row,.key-editor,.field,.button-row{min-width:0;max-width:100%}.settings-body{overflow-x:hidden}.file-button{overflow:hidden}@media (width<=760px){.keyboard{padding:10px}.key-row{grid-template-columns:repeat(auto-fit,minmax(39px,1fr));gap:5px;display:grid}.key-row button{width:100%;min-width:39px;padding-inline:2px;font-size:.66rem}.key-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=420px){.key-editor{grid-template-columns:minmax(0,1fr)}}