@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-latin-500-normal-EugFkASW.woff2) format("woff2"),url(/assets/nunito-latin-500-normal-B5klmw3Q.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}:root{font-family:Nunito,PingFang SC,Microsoft YaHei,sans-serif;color:#535b47;background:#faf8f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:600;--ink:#535b47;--muted:#939281;--green:#768b66;--line:#e6e3d5;--paper:#fffdf6}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0;background:none}button:disabled{cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #7d9e8b;outline-offset:4px}button:focus:not(:focus-visible){outline:none}button,select{-webkit-user-select:none;user-select:none}button svg{flex-shrink:0}svg{display:block}p,h1,h2,h3{margin:0}button{transition:background .18s,box-shadow .18s,transform .18s}button:not(:disabled):active{transform:translateY(2px)}.app-shell{max-width:1512px;margin:0 auto;padding:0 64px;background:radial-gradient(ellipse at 4% 36%,#f1eddc66,transparent 26%),radial-gradient(ellipse at 93% 80%,#e8ecde55,transparent 25%)}.site-header{height:115px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-align:left;padding:0}.brand img{width:65px;height:65px;transform:rotate(-8deg)}.brand strong{font-size:29px;letter-spacing:2px;font-weight:800;display:block;line-height:1.3}.brand-exclamation{color:#c59577;display:inline-block;transform:rotate(8deg)}.brand small{font-size:9px;letter-spacing:2.5px;display:block;margin-top:3px;font-weight:800;color:#9b9a81}.header-tagline{display:flex;gap:12px;align-items:center;font-size:13px;color:#9a9b86;letter-spacing:1px}.tiny-flower{font-size:28px;color:#b3ba99;font-weight:500}.tagline-dash{width:22px;height:1px;background:#c8cbb7}.header-controls{display:flex;gap:12px;align-items:center}.icon-button{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#f2f0e7;border:1px solid #e9e6d9;color:#848a72}.icon-button:hover{background:#e8ecde}.language-button{display:flex;align-items:center;gap:9px;background:#f2f0e7;border:1px solid #e9e6d9;border-radius:30px;min-height:43px;padding:0 14px;font-size:12px;color:#767f65}.language-button:hover{background:#e8ecde}main{padding-top:26px}.chapter-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.chapter-title{display:flex;gap:16px;align-items:center}.chapter-number{font-size:15px;width:43px;height:47px;border:1px solid #dddccc;background:#f2f1e6;border-radius:14px;display:grid;place-items:center;color:#8a9474;font-weight:800;transform:rotate(-5deg)}.chapter-eyebrow{font-size:10px;letter-spacing:1.6px;color:#9b9b86;margin-bottom:5px}.chapter-title h1{font-size:24px;letter-spacing:1px;line-height:1.5;font-weight:800}.chapter-title h1>span{font-size:13px;letter-spacing:.3px;font-weight:600;color:#a2a28d;margin-left:13px}.adventure-progress{width:201px;text-align:left;padding:6px 0}.adventure-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:8px}.adventure-progress>div:first-child>span{display:flex;gap:7px;align-items:center;color:#939780;font-size:11px}.adventure-progress strong{font-size:16px;color:#748764;white-space:nowrap}.adventure-progress small{font-size:11px;font-weight:600;color:#aaa996}.progress-track{height:5px;width:100%;background:#e9e8dc;border-radius:5px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:5px;background:#9aaa7f;transition:width .5s}.game-frame{position:relative;border:5px solid #fefcf5;border-radius:22px;box-shadow:0 0 0 1px #e3ddc9,0 12px 28px -17px #8578583d;overflow:hidden;background:#dce3cf;isolation:isolate}.scene-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bebca0 #e4d6b9}.scene-content{width:100%}.room-svg{width:100%;height:auto;display:block;user-select:none;-webkit-user-select:none}.room-svg.decorative{pointer-events:none}.room-object{cursor:pointer;outline:none}.room-object .object-drawing{transition:transform .45s cubic-bezier(.2,1.7,.45,1),filter .2s;pointer-events:none}.room-object:hover .object-drawing{filter:brightness(1.06);transform:translateY(-4px)}.room-object:focus-visible .object-hit-area{stroke:#658b76;stroke-width:3;fill:#fff9d330;stroke-dasharray:5 4}.room-object.is-active .object-drawing{filter:brightness(1.045)}.room-object.hinted>.object-drawing{animation:object-wiggle 1.2s ease-in-out infinite;filter:drop-shadow(0 0 7px #fff1a7)}.hidden-sock{cursor:pointer;outline:none}.hidden-sock>svg{animation:sock-bob 1.7s ease-in-out infinite;transform-origin:32px 70px}.hidden-sock:focus-visible>circle{stroke:#658b76;stroke-width:3}.word-label{animation:appear .22s ease-out}.mission-card{position:absolute;top:22px;left:23px;display:flex;align-items:center;gap:12px;background:#fffdf2f5;padding:13px 17px 13px 10px;min-width:294px;border-radius:15px;border:1px solid #e4ddc5;box-shadow:0 4px #aaad9030;z-index:2;pointer-events:auto}.mission-sock{width:61px;height:77px;padding:4px;transform:rotate(-10deg);background:#f6eddf;border-radius:14px}.mission-sock svg{width:100%;height:100%}.mission-eyebrow{font-size:10px;letter-spacing:1px;color:#98947d;margin-bottom:5px}.mission-card h2{font-size:21px;font-weight:800;color:#66634e;letter-spacing:1px}.mission-english{display:block;font-size:12px;color:#a08e78;margin-top:3px}.mission-listen{border-radius:50%;background:#f1f0df;width:32px;height:32px;margin-left:7px;display:grid;place-items:center;color:#899573}.mission-listen:hover{background:#e6e8d3}.scene-caption{position:absolute;top:34px;right:28px;display:flex;align-items:center;gap:7px;font-size:11px;color:#8f987e;letter-spacing:.5px;pointer-events:none}.soft-dot{height:5px;width:5px;border-radius:50%;background:#9eac84}.level-pill{position:absolute;bottom:20px;left:23px;font-size:11px;letter-spacing:.8px;background:#fcf3dcab;padding:8px 12px;border:1px solid #cbbc9970;border-radius:30px;color:#8a785c}.level-pill>span{opacity:.65;font-size:10px;margin-left:3px}.scene-edge{position:absolute;inset:0;pointer-events:none;border-radius:16px;box-shadow:inset 0 0 35px #76664c0b}.companion-bar{display:flex;gap:16px;align-items:center;position:relative;min-height:103px;margin:0 11px 9px}.mimi-portrait{align-self:flex-end;width:81px;height:106px;flex-shrink:0;position:relative;overflow:hidden;margin-top:-15px;z-index:3}.mimi-portrait svg{width:84px;height:123px}.dialogue{padding:14px 0;flex:1;min-width:0}.mimi-name{font-size:10px;display:flex;align-items:center;gap:5px;color:#ac9979;letter-spacing:1px;margin-bottom:4px}.mimi-name svg{fill:#d7b6a0;stroke:#d7b6a0}.dialogue p{font-size:14px;font-weight:700;color:#6d725b;line-height:1.65}.dialogue-english{font-size:12px;color:#a4a38e;display:block;margin-top:2px;line-height:1.5}.play-tools{display:flex;align-items:center;gap:15px;margin-left:13px;flex-shrink:0}.replay-button,.hint-button{display:flex;align-items:center;gap:8px;min-height:44px;border-radius:13px;font-size:12px;padding:0 12px}.replay-button{color:#959980}.replay-button:hover{background:#eeeee0}.hint-button{border:1px solid #dfd4ad;background:#f6efd8;box-shadow:0 3px #ded6b644;color:#a28d56;padding:0 17px}.hint-button:hover{background:#f0e7c7}.room-navigation{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #dfdfcc;padding-top:20px;gap:24px}.room-tabs{display:flex;gap:11px;flex:1}.room-tab{border:1px solid transparent;border-radius:14px;display:flex;align-items:center;text-align:left;gap:10px;min-width:0;padding:12px 16px;flex:1;background:#f1f0e6;position:relative;min-height:76px}.room-tab:hover{background:#eaeedc}.room-tab.current{background:#e9eddd;border-color:#c4cfae;box-shadow:0 3px #c5ceae35}.room-tab.current:before{content:"";height:5px;width:5px;position:absolute;top:11px;right:12px;background:#8da16e;border-radius:50%}.room-tab-icon{width:41px;height:41px;display:grid;place-items:center;flex-shrink:0}.room-tab-icon svg{width:38px;height:38px}.room-tab-label{flex:1}.room-tab-label strong{display:block;font-size:13px;white-space:nowrap;font-weight:700}.room-tab-label small{display:block;font-size:10px;color:#9a9d83;margin-top:3px;font-weight:500}.room-count{font-size:12px;color:#939b7b;white-space:nowrap;align-self:flex-end;margin-bottom:4px}.room-count>span{font-size:10px;opacity:.6}.sticker-book-button{display:flex;align-items:center;gap:11px;min-height:76px;text-align:left;padding:10px 8px 10px 20px;position:relative;min-width:201px}.sticker-book-button:before{content:"";position:absolute;left:-4px;top:12px;bottom:12px;width:1px;background:#e1dfce}.sticker-book-button:hover{background:#f2edde;border-radius:12px}.sticker-icon{position:relative;display:grid;place-items:center;width:42px;height:48px;color:#b4976c;transform:rotate(-7deg)}.sticker-icon>span{background:#d6ae80;color:#fff9ed;position:absolute;top:0;right:-1px;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:9px;border:2px solid #faf8f0}.sticker-book-button strong{font-size:13px}.sticker-book-button small{font-size:10px;display:block;color:#a39c85;margin-top:4px}.sticker-book-button>svg{margin-left:10px;color:#b4ae92}footer{padding:25px 1px 24px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#aaa995;letter-spacing:.3px}footer>span,footer button{display:flex;align-items:center;gap:7px}footer>span>svg{stroke:#b8b59b}footer button{font-size:11px;color:#a0a089;padding:7px}.mobile-pan-note{display:none}.local-notice{display:flex;align-items:center;justify-content:center;font-size:12px;gap:8px;color:#9a8969;padding:0 10px 15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal{border:1px solid #dfd7bf;border-radius:27px;background:var(--paper);color:var(--ink);width:min(530px,calc(100vw - 30px));max-height:calc(100dvh - 40px);padding:34px;text-align:center;box-shadow:0 24px 90px #514c3429;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d2ceb8 transparent}.modal::backdrop{background:#4d574455;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal[open]{animation:modal-in .25s ease-out}.modal.wide{width:min(870px,calc(100vw - 30px))}.modal-close{position:absolute;right:16px;top:16px;z-index:5;width:35px;height:35px;background:#f0eee1;color:#93947c}.mini-eyebrow{font-size:9px;letter-spacing:1.8px;color:#a39d80;font-weight:800;margin:10px 0}.modal h2,.match-board h2{font-size:27px;font-weight:800;letter-spacing:.6px;line-height:1.5;margin:4px 0 9px}.modal>p,.sticker-book>p{font-size:13px;color:#94917b;line-height:1.8;margin:0 auto 19px;max-width:470px}.modal-emblem{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#edf0de;color:#8c9b72;margin:1px auto 18px;transform:rotate(-6deg)}.modal-emblem>svg{transform:rotate(6deg);width:25px;height:25px}.primary-button{background:#7c9069;border:1px solid #6b825b;border-radius:13px;color:#fffced;min-height:51px;padding:12px 23px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:14px;font-weight:800;box-shadow:0 4px #60764e;min-width:205px;margin:22px auto 8px}.primary-button:hover{background:#6e865a}.primary-button:active{box-shadow:0 1px #60764e;transform:translateY(3px)}.quiet-note{font-size:10px;color:#aaa48e;line-height:1.7;margin-top:22px}.welcome-art{height:125px;width:175px;margin:0 auto 17px;position:relative}.welcome-art>svg{width:95px;height:139px;position:absolute;bottom:0;left:4px}.welcome-art img{position:absolute;right:0;bottom:16px;width:79px;height:79px;transform:rotate(11deg)}.welcome-star{position:absolute;font-size:29px;color:#d8bb77;right:29px;top:1px}.language-options{display:flex;gap:9px;margin:24px 0}.language-options>button{flex:1;padding:21px 5px 16px;border:1px solid #e4e0ce;border-radius:15px;position:relative;background:#f7f5eb;min-width:0}.language-options>button>span{display:block;color:#8d9a77;font-size:19px;font-weight:800;margin-bottom:11px}.language-options strong{font-size:12px;display:block}.language-options small{font-size:9px;color:#aba48e;display:block;margin-top:7px;font-weight:500}.language-options em{font-size:9px;font-style:normal;position:absolute;top:-9px;left:50%;transform:translate(-50%);background:#9da982;padding:3px 11px;border-radius:10px;color:#fff9e8;white-space:nowrap}.language-options .selected{border:2px solid #98a981;background:#eff1e3;padding:20px 4px 15px}.how-steps{display:flex;flex-direction:column;gap:20px;text-align:left;margin:25px 0}.how-steps>div{display:flex;align-items:center;gap:15px}.how-steps>div>span{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#efeedf;color:#91a07c;flex-shrink:0}.how-steps strong{font-size:14px}.how-steps p{font-size:12px;line-height:1.8;color:#9b947d;margin-top:3px}.text-button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;min-height:42px;color:#9d997e;padding:5px 8px}.text-button:hover{color:#667e56}.settings-content{text-align:left}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ede9dc;padding:19px 0;font-size:13px}.setting-row small{display:block;color:#a09a83;font-size:10px;margin-top:6px;line-height:1.6}.setting-row select{font-size:12px;border:1px solid #dadbc4;border-radius:9px;padding:9px 8px;color:#758464;background:#f3f3e7;max-width:152px}.toggle{width:47px;height:28px;border-radius:20px;background:#d6d6c8;flex-shrink:0;padding:3px}.toggle>span{width:22px;height:22px;border-radius:50%;background:#fffdf2;display:block;transition:transform .2s;box-shadow:0 1px 4px #5d5e3530}.toggle.on{background:#93a67c}.toggle.on>span{transform:translate(19px)}.volume-row{gap:15px}.volume-row input{width:52%;accent-color:#93a67c}.volume-row>span{font-size:12px;color:#9d977e;min-width:34px}.parent-stats{display:flex;border-radius:17px;background:#f1f2e5;margin:23px 0;padding:20px 0}.parent-stats>div{flex:1;text-align:center}.parent-stats>div+div{border-left:1px solid #daded0}.parent-stats strong{font-size:30px;color:#889b72;display:block}.parent-stats small{font-size:16px;color:#b0b59b}.parent-stats span{font-size:11px;color:#9b9f86}.privacy-note{display:flex;gap:11px;align-items:flex-start;font-size:11px;line-height:1.9;color:#a39d88}.privacy-note>svg{flex-shrink:0;margin-top:3px;color:#b4b591}.reset-button{margin:16px auto 0;color:#b29a86;font-size:11px}.reset-confirm{background:#f6eae0;border-radius:12px;padding:15px;margin-top:19px;font-size:12px;line-height:1.8;color:#a18773}.reset-confirm>div{display:flex;gap:8px;justify-content:center;margin-top:14px}.secondary-button,.danger-button{border:1px solid #dbd8c2;background:#f4f2e5;border-radius:9px;padding:10px 14px;font-size:11px}.danger-button{border-color:#d6ad97;background:#d4ab93;color:#fffaf0}.level-map{text-align:left;margin-top:26px}.level-map section+section{margin-top:23px}.level-map h3{display:flex;align-items:center;font-size:15px;gap:10px;margin-bottom:13px}.level-map h3>span{font-size:11px;color:#a6a68b;background:#eeefe0;padding:4px 6px;border-radius:5px}.level-map h3>small{margin-left:auto;font-size:11px;color:#aaa58a}.level-map section>div{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.level-card{position:relative;text-align:center;background:#f5f2e7;border:1px solid #e9e3cf;border-radius:13px;padding:21px 3px 11px;min-width:0;transition:transform .2s}.level-card:hover{transform:translateY(-4px)!important;background:#efeddd}.level-card.current{border-color:#91a37b;box-shadow:0 0 0 2px #e6ebda}.level-card.completed{background:#eff2e3}.level-card-number{position:absolute;top:6px;left:8px;font-size:9px;color:#aaa48b}.level-card>svg:not(.lucide){height:69px;width:100%;margin:0 0 8px}.level-card>strong{display:block;font-size:10px;font-weight:700;line-height:1.4}.level-card>small{display:block;font-size:9px;color:#aaa48e;margin-top:4px}.level-card>.lucide{position:absolute;top:5px;right:5px;color:#8d9e71}.board-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#e8e6ce85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4;padding:15px}.board-mode .mission-card,.board-mode .scene-caption{visibility:hidden}.match-board{position:relative;border:1px solid #e1d8bb;border-radius:25px;background:#fffaf0f7;padding:19px 32px 8px;text-align:center;width:min(610px,90%);box-shadow:0 7px #8c91752e}.match-board .mini-eyebrow{margin-top:4px}.match-board h2{font-size:24px;margin:5px 0}.match-board>p{font-size:11px;color:#a29a7e;line-height:1.7;margin-bottom:8px}.board-audio{position:absolute;right:15px;top:17px;width:33px;height:33px}.match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;max-width:420px;margin:19px auto 12px}.sock-tile{background:#f3efdf;border:2px solid #e8e0c9;border-radius:16px;position:relative;display:grid;place-items:center;min-height:113px;box-shadow:0 3px #d8ceb650;touch-action:none}.sock-tile>svg{width:63px;height:85px;transition:opacity .2s}.sock-tile:hover{background:#eee8d4}.sock-tile.selected{border-color:#96a977;background:#e9eedb;box-shadow:0 0 0 3px #ced9b555}.sock-tile.matched{background:#e6edd8;border-color:#c5d3ad}.sock-tile.matched>svg:not(.lucide){opacity:.4}.sock-tile .matched-check{position:absolute;right:6px;bottom:6px;color:#7d9662;width:21px;height:21px}.draggable{touch-action:none;cursor:grab}.draggable.dragging{z-index:25;cursor:grabbing;box-shadow:0 15px 28px #73624435;transition:none}.draggable.dragging:active{transform:inherit}.pair-count{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#a4a489}.pair-count>span:not(:last-child){width:18px;height:18px;border-radius:50%;background:#e5e5d5;color:transparent;display:grid;place-items:center}.pair-count>span.done{background:#9dab84;color:#fffceb}.pair-count>span:last-child{margin-left:7px}.match-feedback{min-height:24px;font-size:11px;line-height:1.5;color:#b48871;padding-top:7px}.pair-destination{margin:5px auto 12px}.matching-target{display:flex;justify-content:center;align-items:center;gap:22px;width:250px;margin:0 auto;min-height:130px;padding:8px 20px;background:#f3f0df;border:2px dashed #d2d6b5;border-radius:20px}.matching-target>svg,.sock-outline>svg{height:106px;width:88px}.plus-sign{font-size:25px;color:#c5bda3}.sock-outline{filter:grayscale(1);opacity:.19}.sock-choices{display:flex;justify-content:center;gap:14px;margin:12px auto}.sock-choices .sock-tile{width:115px;min-height:117px}.basket-drop{display:flex;align-items:center;justify-content:center;gap:18px;border:2px dashed #d0d6b6;border-radius:19px;width:248px;min-height:117px;margin:auto;background:#f1f0dc}.basket-drop>svg{height:93px;width:98px}.basket-drop>span{font-size:16px;font-weight:800;color:#96916f}.basket-drop small{display:block;font-size:12px;font-weight:500;margin-top:3px}.basket-drop.ready{background:#e4ebd0;border-color:#98aa76}.small-action{font-size:11px;background:#e9edd9;padding:6px 13px;min-height:32px;border-radius:9px;display:flex;align-items:center;gap:7px;margin:auto;color:#899571}.shake{animation:shake .4s}.celebration{position:relative;height:193px;max-width:310px;margin:5px auto 22px;display:grid;place-items:center}.reward-sticker{background:#f2e6c8;display:grid;place-items:center;width:145px;height:159px;border-radius:51% 48% 48% 44%;border:6px solid #fff9e6;outline:1px dashed #d6c6a0;transform:rotate(-8deg);box-shadow:0 8px #d3c8a740;animation:sock-bob 3s ease-in-out infinite}.reward-sticker svg{width:93px;height:126px}.reward-check{position:absolute;background:#9aaa7c;width:35px;height:35px;border:3px solid #fffdf6;border-radius:50%;display:grid;place-items:center;right:78px;bottom:7px;color:#fffcec}.celebration>i{position:absolute;left:50%;top:50%;width:6px;height:12px;border-radius:2px;background:#d0ad74;transform:rotate(calc(var(--i)*30deg)) translateY(-102px);animation:confetti 2s ease-in-out infinite;animation-delay:calc(var(--i)*-.12s)}.celebration>i:nth-child(3n){background:#abc099;height:8px}.celebration>i:nth-child(3n+1){background:#d7a49a;width:5px}.reward-caption{display:flex;align-items:center;justify-content:center;gap:9px;background:#f3efdf;padding:12px;border-radius:13px;font-size:12px;color:#a59a7a;margin-top:22px}.reward-caption strong{font-size:13px;color:#8b9671;margin-left:17px}.reward-book{margin:14px auto 0}.segmented{display:flex;gap:5px;background:#f0eedf;border-radius:13px;padding:5px;margin:21px auto;max-width:370px}.segmented>button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;padding:10px 8px;border-radius:9px;min-height:43px}.segmented>button.selected{background:#fffdf4;box-shadow:0 2px 5px #998d6e10;color:#83946c}.segmented>button>span{font-size:10px;color:#b4a98c}.sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-top:25px}.sticker-slot{background:#f5f2e8;border:1px dashed #dfdac6;border-radius:14px;position:relative;padding:18px 7px 14px;display:flex;align-items:center;flex-direction:column;gap:9px}.sticker-slot>svg:not(.lucide){width:64px;height:80px;opacity:.15;filter:grayscale(1)}.sticker-slot.owned{background:#f6eedb;border:1px solid #ddd0ad}.sticker-slot.owned>svg:not(.lucide){opacity:1;filter:none;transform:rotate(-8deg)}.sticker-slot.owned:hover{background:#f0e5c8;transform:rotate(-2deg)}.sticker-slot strong{font-size:11px;font-weight:600;color:#b2ab94}.sticker-slot.owned strong{color:#8c8c6d}.sticker-slot>.lucide{position:absolute;right:9px;top:9px;color:#c5bfa6}.sticker-slot.owned>.lucide{color:#9aa77b}.sticker-number{position:absolute;top:8px;left:9px;font-size:9px;color:#bcb59e}.decorating-tip{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#a69e85;margin:10px 0 15px!important}.decoration-room{position:relative;border:4px solid #fff9e8;outline:1px solid #dfd5b7;border-radius:16px;overflow:hidden;cursor:default;touch-action:manipulation}.decoration-room.placing{cursor:crosshair;outline:2px dashed #8c9e6f}.decoration-room>.room-svg{pointer-events:none;opacity:.8}.placed-sticker{position:absolute;width:55px;height:72px;transform:translate(-50%,-50%);z-index:2}.placed-sticker>.draggable{padding:3px;width:100%;height:100%;filter:drop-shadow(2px 4px 0 #fffbec) drop-shadow(-2px -2px 0 #fffbec) drop-shadow(0 5px 3px #75634340);background:none;border:0;box-shadow:none}.placed-sticker svg{width:100%;height:100%}.sticker-tray{display:flex;gap:8px;overflow:auto;padding:16px 4px 10px;min-height:98px;flex-wrap:wrap;justify-content:center}.sticker-tray>p{padding:15px;font-size:12px;color:#a79e83}.tray-sticker{width:58px;height:73px;border:1px solid #e2d8be;background:#f2e9d5;border-radius:10px;padding:6px;flex-shrink:0}.tray-sticker.selected{outline:2px solid #99aa7c;background:#e9edda}.tray-sticker svg{width:100%;height:100%}.decoration-actions{display:flex;justify-content:space-between;align-items:center}.decoration-actions .text-button{font-size:11px}.mimi-wave{transform-origin:100px 130px;animation:mimi-wave 4s ease-in-out infinite}@keyframes object-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg) translateY(-4px)}65%{transform:rotate(2deg) translateY(-2px)}}@keyframes sock-bob{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(3deg) translateY(-5px)}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes confetti{0%,to{opacity:.6}50%{opacity:1;translate:0 -6px}}@keyframes mimi-wave{0%,75%,to{transform:rotate(0)}82%{transform:rotate(-7deg)}90%{transform:rotate(4deg)}}@media(min-width:1450px){.app-shell{padding:0 75px}.site-header{height:126px}main{padding-top:29px}.chapter-heading{margin-bottom:26px}.companion-bar{min-height:114px}.mission-card{top:25px;left:27px}.scene-caption{top:40px}}@media(max-width:1150px){.app-shell{padding:0 35px}.site-header{height:98px}.header-tagline{font-size:11px;gap:8px;letter-spacing:0}.header-controls{gap:8px}.brand img{width:56px;height:56px}.brand strong{font-size:25px}.room-tab{padding:10px;gap:7px}.room-tab-icon{width:32px;height:34px}.room-tab-icon svg{width:31px;height:31px}.room-tab-label strong{font-size:12px}.sticker-book-button{min-width:182px;padding-left:13px}.room-navigation{gap:18px}.play-tools{gap:8px}.replay-button{padding:0 5px}.match-board{padding:12px 25px 5px}.match-grid{gap:8px;margin:13px auto 10px}.sock-tile{min-height:94px}.sock-tile>svg{height:71px;width:58px}.match-board>p{font-size:10px}.matching-target{min-height:105px}.matching-target>svg,.sock-outline>svg{height:85px;width:67px}.sock-choices .sock-tile{min-height:93px;width:103px}.basket-drop{min-height:94px}.basket-drop>svg{height:79px;width:84px}.mission-card{top:17px;left:17px;min-width:265px;padding:10px}.mission-sock{width:52px;height:67px}.mission-card h2{font-size:18px}.scene-caption{right:21px;top:28px;font-size:10px}}@media(max-width:900px){.app-shell{padding:0 22px}.site-header{height:88px}.header-tagline{display:none}.chapter-title h1{font-size:22px}.chapter-title h1>span{font-size:12px}.adventure-progress{width:175px}.chapter-eyebrow{font-size:9px}.scene-content{min-width:810px}.scene-caption{display:none}.companion-bar{gap:8px;margin-right:0;margin-left:0;min-height:105px}.dialogue p{font-size:12px}.dialogue-english{font-size:10px}.play-tools{gap:5px;margin-left:4px}.replay-button>span{display:none}.replay-button{width:36px;display:grid;place-items:center}.hint-button{padding:0 12px;font-size:11px}.room-tabs{gap:7px}.room-tab{min-height:70px;padding:9px 8px;gap:5px}.room-tab-label strong{font-size:11px}.room-tab-label small{font-size:9px}.room-count{font-size:10px}.sticker-book-button{min-width:162px;gap:6px}.sticker-book-button strong{font-size:11px}.sticker-book-button small{font-size:9px}.sticker-icon{width:33px}.room-navigation{gap:12px}.room-tab-icon{width:29px}.room-tab-icon svg{width:27px}.sticker-book-button>svg{margin-left:0}.room-tab.current:before{right:7px;top:7px}.match-board{width:550px}.board-overlay{padding:14px}.mission-card{top:15px;left:15px}.scene-content .room-object .object-hit-area{stroke-width:3}}@media(max-width:660px){.app-shell{padding:0 15px}.site-header{height:84px;gap:10px}.brand img{width:46px;height:49px}.brand{gap:4px}.brand strong{font-size:22px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:1.5px}.header-controls{gap:5px}.language-button{min-height:36px;padding:0 9px;gap:5px;font-size:10px}.language-button>svg:first-child{width:15px;height:15px}.language-button>svg:last-child{display:none}.icon-button{width:36px;height:36px}.header-controls>.icon-button>svg{width:18px;height:18px}main{padding-top:20px}.chapter-heading{margin-bottom:18px;gap:8px}.chapter-number{width:32px;height:38px;font-size:12px;border-radius:11px}.chapter-title{gap:10px}.chapter-eyebrow{font-size:8px;letter-spacing:.6px}.chapter-title h1{font-size:21px}.chapter-title h1>span{font-size:10px;margin-left:7px;letter-spacing:0}.adventure-progress{width:75px}.adventure-progress>div:first-child>span{display:none}.adventure-progress>div:first-child{justify-content:flex-end;margin-bottom:5px}.adventure-progress strong{font-size:15px}.game-frame{border-width:4px;border-radius:17px}.scene-content{min-width:850px}.scene-scroll{scrollbar-width:none}.mission-card{top:13px;left:12px;min-width:242px;padding:8px 10px;gap:9px;border-radius:13px}.mission-sock{width:43px;height:58px}.mission-card h2{font-size:17px}.mission-eyebrow{font-size:8px;letter-spacing:.4px;margin-bottom:4px}.mission-english{font-size:10px;margin-top:2px}.mission-listen{width:31px;height:31px;margin-left:5px}.level-pill{bottom:16px;left:14px;padding:6px 11px;font-size:9px}.level-pill>span{font-size:8px}.mobile-pan-note{display:block;font-size:9px;text-align:center;margin-top:10px;color:#a5a28b;letter-spacing:.5px}.companion-bar{gap:9px;margin:2px 0 0;flex-wrap:wrap;min-height:150px;align-content:flex-start}.mimi-portrait{width:59px;height:99px;margin-top:0;align-self:flex-start}.mimi-portrait svg{width:70px;height:111px;margin-left:-3px}.dialogue{padding:16px 0 8px;min-height:96px;flex-basis:calc(100% - 75px)}.mimi-name{font-size:9px}.dialogue p{font-size:12px;line-height:1.7}.dialogue-english{font-size:10px;line-height:1.6}.play-tools{width:100%;justify-content:flex-end;margin:-9px 0 8px}.replay-button>span{display:inline}.replay-button{display:flex;gap:5px;width:auto;padding:0 10px;font-size:10px}.hint-button{padding:0 14px;min-height:39px}.play-tools svg{width:17px;height:17px}.room-navigation{display:block;padding-top:15px}.room-tabs{gap:7px}.room-tab{display:flex;flex-wrap:wrap;padding:10px 7px 8px;justify-content:center;text-align:center;min-height:109px;gap:4px 5px}.room-tab-icon{width:100%;height:30px}.room-tab-label{flex:1;flex-basis:100%;min-width:0}.room-tab-label strong{font-size:11px}.room-tab-label small{font-size:9px;margin-top:2px}.room-count{display:none}.sticker-book-button{margin:12px auto 0;min-height:57px;padding:5px 13px;gap:10px;justify-content:center;background:#f3efe0;border-radius:13px;min-width:210px}.sticker-book-button:before{display:none}.sticker-book-button strong{font-size:12px}.sticker-book-button>svg{margin-left:18px}.sticker-icon{height:36px;width:30px}.sticker-icon>span{top:-3px;right:-7px}.sticker-book-button small{font-size:9px;margin-top:2px}footer{font-size:8px;gap:5px;padding:19px 0 20px;letter-spacing:0}footer>span{gap:4px}footer>span>svg{width:10px;height:10px}footer button{font-size:9px;gap:4px;white-space:nowrap}.modal{padding:29px 20px 23px;max-height:calc(100dvh - 25px);border-radius:22px}.modal-close{width:31px;height:31px;top:12px;right:12px}.modal h2{font-size:23px}.modal>p,.sticker-book>p{font-size:12px}.language-options{gap:7px}.language-options strong{font-size:10px}.language-options small{font-size:8px}.language-options>button>span{font-size:17px}.quiet-note{font-size:9px}.welcome-art{height:112px;margin-bottom:15px}.welcome-art>svg{height:126px}.welcome-art img{width:70px;height:70px}.primary-button{font-size:13px;min-height:49px}.mini-eyebrow{font-size:8px;letter-spacing:1.1px}.level-map section>div{grid-template-columns:repeat(4,1fr);gap:8px}.level-map h3{font-size:13px}.level-card>svg:not(.lucide){height:61px}.level-card>strong{font-size:9px}.level-card>small{font-size:8px}.level-card{padding-top:18px}.sticker-grid{grid-template-columns:repeat(4,1fr);gap:8px}.sticker-slot{padding:16px 3px 10px;gap:6px}.sticker-slot>svg:not(.lucide){width:47px;height:60px}.sticker-slot strong{font-size:9px}.sticker-number{font-size:8px;left:6px;top:5px}.sticker-slot>.lucide{width:10px;height:10px;right:5px;top:6px}.segmented{margin-top:19px;margin-bottom:18px}.segmented>button{font-size:11px;padding:8px 4px}.decorating-tip{font-size:10px!important;line-height:1.7}.placed-sticker{width:40px;height:50px}.tray-sticker{width:48px;height:62px}.decoration-actions .text-button{font-size:9px}.board-overlay{padding:10px 8px}.match-board{padding:18px 12px 8px;width:100%;border-radius:19px;min-height:385px}.match-board h2{font-size:20px}.match-board>p{font-size:10px;padding:0 4px;margin-top:6px;min-height:34px}.board-audio{width:29px;height:29px;right:9px;top:9px}.board-audio svg{width:16px}.match-board .mini-eyebrow{font-size:7px;letter-spacing:1px}.match-grid{gap:9px;margin-top:18px;margin-bottom:17px}.sock-tile{min-height:101px;border-radius:13px}.sock-tile>svg{height:76px;width:58px}.sock-choices .sock-tile{width:85px;min-height:103px}.sock-choices{gap:10px;margin:19px 0 9px}.matching-target{min-height:109px;width:220px;margin-top:10px}.matching-target>svg,.sock-outline>svg{height:91px;width:70px}.basket-drop{min-height:105px;width:230px}.match-feedback{font-size:10px}.how-steps{gap:17px}.how-steps p{font-size:11px}.setting-row{font-size:12px}.setting-row small{font-size:9px}.setting-row select{font-size:10px;max-width:131px}.parent-stats span{font-size:10px}}@media(max-width:370px){.app-shell{padding:0 10px}.brand strong{font-size:19px}.brand img{width:39px}.header-controls{gap:4px}.header-controls>.icon-button{width:31px;height:34px}.language-button{padding:0 7px;font-size:9px}.chapter-title h1{font-size:19px}.chapter-title h1>span{display:none}.mission-card{min-width:230px}.sticker-grid{grid-template-columns:repeat(3,1fr)}.sock-choices{gap:7px}.sock-choices .sock-tile{width:76px}}@media(orientation:landscape)and (max-height:600px)and (min-width:661px){.site-header{height:70px}main{padding-top:17px}.chapter-heading{margin-bottom:15px}.modal{max-height:calc(100dvh - 20px)}.companion-bar{min-height:96px}.welcome-art{height:85px}.welcome-art>svg{height:102px}.language-options{margin:18px 0}.language-options>button{padding-top:13px;padding-bottom:12px}.language-options>button.selected{padding-top:12px;padding-bottom:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.scene-pan-buttons{display:none}@media(min-width:901px)and (max-height:900px)and (orientation:landscape){.site-header{height:70px}.brand img{width:47px;height:47px}.brand strong{font-size:23px}.brand small{font-size:8px}main{padding-top:13px}.chapter-heading{margin-bottom:13px}.chapter-title h1{font-size:22px}.chapter-eyebrow{font-size:8px}.chapter-number{height:38px;width:36px}.scene-scroll{background:linear-gradient(to bottom,var(--room-color) 66.4%,#dfc59e 66.4%)}.scene-content{min-width:0}.scene-content>.room-svg{height:calc(100svh - 310px);width:100%}.companion-bar{min-height:76px;margin-bottom:5px}.mimi-portrait{height:80px;width:67px;margin-top:-10px}.mimi-portrait svg{width:67px;height:98px}.dialogue{padding:9px 0}.dialogue p{font-size:12px}.dialogue-english{font-size:10px}.mimi-name{margin-bottom:2px}.room-navigation{padding-top:13px}.room-tab{min-height:62px;padding-top:8px;padding-bottom:8px}.sticker-book-button{min-height:62px}footer{padding:14px 0 10px;font-size:9px}.mission-card{top:14px;left:15px;min-width:255px;padding:9px}.mission-sock{width:46px;height:60px}.mission-card h2{font-size:17px}.mission-eyebrow{font-size:8px}.mission-english{font-size:10px}.mission-listen{width:28px;height:28px}.scene-caption{top:25px;font-size:10px}.level-pill{bottom:14px}.match-board{max-height:calc(100svh - 335px);overflow-y:auto;scrollbar-width:thin}.match-board h2{font-size:20px}.match-grid{max-width:355px;gap:8px;margin-top:10px}.sock-tile{min-height:83px}.sock-tile>svg{height:65px;width:53px}.match-board>p{font-size:10px}.sock-choices{margin-top:10px}.sock-choices .sock-tile{min-height:85px}.matching-target{min-height:91px}.matching-target>svg,.sock-outline>svg{height:73px;width:62px}.pair-destination{margin-bottom:8px}}@media(max-width:900px){.scene-pan-buttons{display:flex;gap:6px;position:absolute;right:14px;bottom:14px}.scene-pan-buttons>button{width:37px;height:37px;display:grid;place-items:center;background:#fff7dcbf;border:1px solid #c7b58c;border-radius:50%;color:#9d8b63}.scene-pan-buttons>button:hover{background:#fff7dc}}.compact-help{display:none}@media(min-width:901px)and (max-height:900px)and (orientation:landscape){.compact-help{display:grid}.scene-content>.room-svg{height:calc(100svh - 320px)}.match-board{max-height:calc(100svh - 345px)}footer{display:none}}.english-speed-setting{padding-bottom:10px;border-bottom:1px solid #ede9dc}.english-speed-setting .setting-row{border-bottom:0;padding-bottom:5px}.english-speed-setting output{min-width:40px;font-size:12px;color:#87936c;text-align:right}.speed-caption{display:flex;align-items:center;justify-content:space-between;gap:10px}.speed-caption>small{font-size:10px;color:#a09a83}.speed-caption .text-button{min-height:36px;font-size:11px;color:#85956d}.speed-caption .text-button:disabled{opacity:.45;cursor:default}.pace-notice{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:9px;max-width:calc(100% - 30px);padding:10px 16px;border:1px solid #d9c89c;border-radius:20px;background:#fff8e6f5;box-shadow:0 3px 10px #83744b15;font-size:12px;color:#9d885e;white-space:nowrap;pointer-events:none;animation:appear .18s ease-out}.pace-notice>span{font-size:19px;letter-spacing:3px;line-height:1}@media(max-width:660px){.pace-notice{bottom:62px;font-size:11px;padding:9px 13px}}.pwa-settings{margin:18px 0 24px;padding:17px;border:1px solid #e2e4ce;border-radius:16px;background:#f5f5e9}.pwa-title{display:flex;align-items:center;gap:9px;font-size:12px;color:#798966}.pwa-status{display:flex;align-items:flex-start;gap:7px;margin-top:12px;font-size:10px;line-height:1.7;color:#9b947c}.pwa-status>svg{flex-shrink:0;margin-top:1px}.pwa-status[data-state=ready]{color:#81946a}.pwa-settings progress{width:100%;height:6px;accent-color:#93a67c;margin-top:9px}.pwa-install-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#e5ebd5;border:1px solid #c8d3b1;border-radius:10px;padding:10px 14px;min-height:42px;margin-top:13px;font-size:11px;color:#778965;width:100%}.pwa-install-button:hover{background:#dce5c8}.installed-label{display:flex;align-items:center;gap:7px;margin-top:13px;font-size:11px;color:#829571}.install-instructions{margin-top:12px;color:#98917a;font-size:10px;line-height:1.8}.install-instructions p+p{margin-top:8px}.install-instructions svg{display:inline;vertical-align:middle;margin-right:5px}.install-instructions small{display:block;margin-top:8px;color:#aaa087;font-size:9px}.pwa-update{margin-top:13px;border-top:1px dashed #d8dcc3;padding-top:12px;font-size:10px;line-height:1.8;color:#969073}.pwa-update .text-button{padding-bottom:0;font-size:11px;min-height:31px}.pwa-settings>.text-button{font-size:10px;margin:6px auto 0;min-height:32px}