:root{font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;color:#275553;background:#e6faf1;--green:#24b493;--mint:#c5f3df;--navy:#28575c;--pink:#ff9cb8;--yellow:#ffd977;--border:#cfe7e1}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #faac56;outline-offset:2px}button:disabled{opacity:.55;cursor:default}.hidden{display:none!important}.welcome{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;background:radial-gradient(circle at 75% 20%,#fffac9,transparent 40%),linear-gradient(155deg,#b4eee2 0,#e8fae5 52%,#d5f4fc 100%);position:relative;overflow:hidden}.welcome-decor{position:absolute;font-size:74px;pointer-events:none}.welcome-decor.sun{left:8%;top:7%}.welcome-decor.cloud{right:9%;top:13%}.welcome-decor.star{right:15%;bottom:12%}.welcome-card{width:min(94vw,550px);z-index:1;text-align:center;background:#ffffffed;border:4px solid white;border-radius:38px;box-shadow:0 22px 70px #377d6950;padding:28px 35px 24px}.welcome-mini{font-size:11px;font-weight:900;letter-spacing:2px;color:#288e79}.hero-art{height:125px;position:relative;display:flex;align-items:end;justify-content:center;gap:0;margin:4px 0}.hero-art span{font-size:68px;filter:drop-shadow(0 8px 6px #467a5633);animation:bob 3s ease-in-out infinite}.hero-art span:nth-child(2){font-size:89px;animation-delay:.5s}.hero-art span:nth-child(3){font-size:72px;animation-delay:1s}.hero-art span:nth-child(4){font-size:83px;animation-delay:1.4s}.hero-art span:nth-child(5){font-size:53px;animation-delay:2s}.welcome h1{color:#2c6a5e;font-size:clamp(38px,6vw,65px);line-height:.98;margin:15px 0 12px;letter-spacing:-2px}.welcome h1 em{font-style:normal;color:#f38b85}.welcome p{font-size:14px;color:#568080;line-height:1.5;max-width:370px;margin:0 auto 24px}.profile-label{display:block;font-size:13px;font-weight:900;text-align:left;margin:0 10px 9px}.profile-select{background:#f0faf7;border:2px solid #cce5dc;border-radius:17px;display:flex;align-items:center;padding:0 17px;gap:9px}.profile-select span{font-size:22px}.profile-select select{border:0;background:transparent;padding:14px 5px;flex:1;color:#285f57;font-weight:900;outline:none}.big-button{width:100%;font-weight:1000;font-size:19px;border:0;border-radius:18px;margin:18px 0 8px;padding:19px;box-shadow:0 6px 0 #218a73}.primary,.small-primary{background:#39c7a1;color:#073e36}.big-button:hover,.small-primary:hover,.play-pill:hover{filter:brightness(1.04);transform:translateY(-1px)}.text-button{background:none;border:0;color:#4c7b7b;font-size:13px;font-weight:800;padding:11px}.home-caption{font-size:11px;color:#64908e;line-height:2;margin-top:10px}.welcome footer{z-index:1;font-size:11px;color:#628c8d;margin-top:20px;text-align:center}.game-shell{min-height:100vh;background:#eef9f7}.topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:2px solid #def0ec;padding:13px clamp(12px,2.2vw,35px);gap:12px}.top-logo{display:flex;align-items:center;gap:9px;font-size:28px;white-space:nowrap}.top-logo span{font-size:16px;font-weight:800;letter-spacing:-.7px}.top-logo b{color:#21a889}.top-actions{display:flex;align-items:center;gap:9px}.player-pill,.stars-pill,.pill-button,.icon-button{border:1px solid #d9efea;background:#f2faf8;border-radius:13px;min-height:39px;padding:7px 12px;color:#397267;font-weight:900}.player-pill{display:flex;align-items:center;gap:5px}.player-pill select{border:0;background:transparent;max-width:125px;font-size:12px;font-weight:800;color:#36786d}.stars-pill{background:#fff5d5;color:#95701f;border-color:#fee7ac}.pill-button{font-size:12px}.icon-button{font-size:25px;padding:2px 11px}.game-layout{max-width:1700px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;padding:20px}.map-frame{background:white;border:2px solid #d4eee6;border-radius:24px;box-shadow:0 12px 32px #326f5311;overflow:hidden}.world-heading{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.world-heading small{font-size:10px;color:#4ead92;letter-spacing:2px;font-weight:900}.world-heading h2{margin:4px 0 0;font-size:23px;color:#2c6255}.day-weather{background:#e1f8ed;padding:9px 12px;border-radius:16px;font-size:12px;font-weight:800}.canvas-wrap{height:clamp(390px,68vh,750px);position:relative;background:#94d2a0;overflow:hidden}#worldCanvas{width:100%;height:100%;display:block;touch-action:none}.map-tag{position:absolute;top:14px;left:14px;max-width:55%;color:#36645d;background:#ffffffdf;box-shadow:0 5px 18px #50726133;border-radius:15px;padding:11px 14px;font-size:12px;font-weight:900;pointer-events:none}#minimap{position:absolute;top:14px;right:14px;max-width:25%;height:auto;border:3px solid #fff;border-radius:15px;box-shadow:0 5px 20px #35543b88;background:#a6d5ad}.world-bottom-menu{position:absolute;bottom:14px;left:14px;right:14px;display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap}.play-pill{border:3px solid #fff;background:#ffba67;color:#69431e;border-radius:25px;padding:14px 22px;font-size:15px;font-weight:1000;box-shadow:0 6px 0 #cc8d43}.soft-pill{border:2px solid #fff;background:#fffde8;color:#47755b;border-radius:19px;padding:10px 13px;font-size:12px;font-weight:900;box-shadow:0 3px 0 #aedec8}.controls-row{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#678783;font-size:11px;font-weight:700}.touch-pad{display:none;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,37px);gap:4px}.touch-pad button{background:#d6f5e7;border:2px solid #a8deca;color:#287c65;border-radius:11px;font-size:17px;font-weight:1000}.touch-pad [data-direction="up"]{grid-column:2}.touch-pad [data-direction="left"]{grid-column:1;grid-row:2}.touch-pad [data-direction="down"]{grid-column:2;grid-row:2}.touch-pad [data-direction="right"]{grid-column:3;grid-row:2}.touch-pad #touchAction{grid-column:3;grid-row:1;background:#ffe4a6}.side-panel{display:flex;flex-direction:column;gap:14px}.side-welcome,.side-section{background:#fff;border:2px solid #ddf1e9;border-radius:22px;padding:18px;box-shadow:0 8px 25px #326f5310}.side-welcome{background:#dff9ed;text-align:center}.side-mascot{font-size:53px}.side-welcome strong{display:block;font-size:18px;color:#28785d}.side-welcome p{font-size:12px;color:#598575;line-height:1.45}.small-primary{border:0;border-radius:15px;padding:12px 18px;font-weight:900;box-shadow:0 4px 0 #188f6f}.side-section h3{margin:0 0 11px;font-size:15px;display:flex;justify-content:space-between;align-items:center}.side-section h3 small{font-size:10px;color:#82a29c}.activities{display:grid;grid-template-columns:1fr 1fr;gap:8px}.activity{border:1px solid #e6f2eb;border-radius:14px;background:#f5fbf7;text-align:left;color:#456d63;padding:11px;min-height:92px;transition:transform .12s}.activity:hover{transform:translateY(-2px);background:#e9f8e9}.activity .activity-emoji{display:block;font-size:27px;margin-bottom:5px}.activity strong{display:block;font-size:11px;line-height:1.2}.activity small{display:block;font-size:10px;color:#8da49d;margin-top:4px}.collection{font-size:12px;color:#648779;line-height:1.9}.collection strong{color:#368a74}.subtle-link{background:none;border:0;color:#58847b;font-size:12px;font-weight:800;text-align:left;padding:5px}.overlay{position:fixed;inset:0;background:#1d4d50b9;z-index:40;display:flex;align-items:center;justify-content:center;padding:12px;backdrop-filter:blur(4px)}.modal-window{width:min(100%,840px);max-height:min(96vh,930px);background:#fffdf8;border:5px solid white;border-radius:27px;display:flex;flex-direction:column;box-shadow:0 25px 90px #183f4b77;overflow:hidden}.modal-head{background:#dcf8e7;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #c9ead9;gap:10px}.modal-head small{font-size:10px;letter-spacing:2px;font-weight:900;color:#409c7c}.modal-head h2{margin:5px 0 0;font-size:23px;color:#31705c}.close-button{border:0;background:#fff;box-shadow:0 3px 0 #cadfd2;border-radius:12px;font-size:22px;width:44px;height:44px;color:#376a5f}.modal-content{padding:20px 22px 25px;overflow-y:auto;min-height:280px;max-height:76vh}.modal-foot{display:flex;justify-content:space-between;gap:12px;background:#f7fdf8;border-top:1px solid #e2f2e8;padding:13px 20px;align-items:center;color:#648079;font-size:12px;font-weight:800}.hint-button,.secondary-button{border:2px solid #d9eadf;background:#fff;color:#4d8b79;border-radius:13px;padding:10px 13px;font-size:12px;font-weight:900}.instruction{font-size:17px;text-align:center;font-weight:900;color:#426a5b;line-height:1.4;margin:12px auto;max-width:700px}.status-strip{display:flex;flex-wrap:wrap;gap:9px;justify-content:space-between;align-items:center;background:#f0f9f1;border-radius:13px;padding:10px 14px;font-size:12px;font-weight:800;color:#5c8e76}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:13px;margin:18px auto;max-width:680px}.choice-card{min-height:125px;border:3px solid #ccebdc;background:#f9fffb;border-radius:21px;color:#3b736b;font-size:20px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 5px 0 #d8ece2}.choice-card .big-emoji{font-size:58px;line-height:1.2}.choice-card:hover{border-color:#60caa4;background:#f1fff2}.choice-card.wrong{background:#ffeae8;border-color:#f4aea4}.choice-card.correct{background:#dff9ed;border-color:#6bcca9}.next-button{display:block;margin:20px auto 0;background:#46c69d;border:0;color:#fff;border-radius:16px;padding:14px 28px;font-weight:900;font-size:15px;box-shadow:0 5px 0 #219a77}.stage-done{text-align:center;padding:20px}.stage-done .celebrate{font-size:72px}.stage-done h3{color:#368569;font-size:27px}.stage-done p{color:#6a9284;line-height:1.6}.stage-done .next-button{max-width:370px}.letter-target{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:24px 0}.letter-target span{min-width:58px;min-height:70px;border-radius:16px;display:grid;place-items:center;border:3px solid #cce6d9;background:#f7fef8;font-size:37px;font-weight:1000;color:#327963}.letter-target .current{border-color:#ffc874;background:#fff0c5;box-shadow:0 0 0 5px #ffeecb}.letter-target .done{background:#b9f0db;border-color:#77d9b5}.letter-target .missing{color:#abc2b9}.keyboard-hint{text-align:center;background:#fff6e5;border:2px dashed #f6c776;border-radius:17px;padding:12px;margin:13px auto;max-width:450px;color:#9e692d;font-size:12px;font-weight:800}.letter-input{display:block;margin:12px auto;border:3px solid #8fd6ae;background:white;border-radius:15px;width:min(100%,250px);font-size:28px;text-align:center;padding:14px;outline:0;color:#37806b;text-transform:uppercase}.memory-board{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:9px;margin:12px auto;max-width:600px}.memory-card{aspect-ratio:1/1;border:3px solid #85c7ba;border-radius:13px;background:#87d4c0;color:white;font-size:clamp(20px,5vw,44px);font-weight:900;display:grid;place-items:center}.memory-card.flipped{background:#fff9df;border-color:#f5cc7d;color:#2d705f}.memory-card.matched{background:#c5f7d8;border-color:#62bf90}.kitchen-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px}.order-card{background:#f7faf1;border:2px dashed #dce7b8;border-radius:18px;padding:15px}.order-card h3{margin:0 0 12px}.food-control{background:#fff;border:1px solid #dfeddf;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px;margin-bottom:7px}.food-control .food-label{font-weight:900;font-size:13px}.food-control .quantity{display:flex;gap:6px;align-items:center;font-size:17px;font-weight:900}.food-control button{border:0;background:#dcf7e6;color:#377d64;border-radius:10px;min-width:39px;min-height:39px;font-size:23px;font-weight:900}.food-control button.minus{background:#ffe3e3;color:#ce746e}.order-items{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:center;min-height:80px;font-size:26px}.activity-canvas{max-width:100%;width:100%;display:block;margin:10px auto;border-radius:17px;border:4px solid #d9f2e3;touch-action:none;background:#def5e5}.maze-board{display:grid;grid-template-columns:repeat(var(--mw),minmax(10px,1fr));gap:0;width:min(100%,560px);margin:12px auto;overflow:hidden;border-radius:12px;border:5px solid #9dbdad;aspect-ratio:var(--mw)/var(--mh)}.maze-cell{display:grid;place-items:center;font-size:clamp(12px,2.5vw,22px);background:#edf9d8;min-width:0;min-height:0}.maze-cell.wall{background:#74b895;box-shadow:inset 0 0 0 1px #4c9870}.maze-cell.closed{background:#ffd477}.maze-help{text-align:center;color:#658775;font-size:12px}.maze-dpad{display:grid;grid-template-columns:repeat(3,50px);justify-content:center;gap:5px}.maze-dpad button{font-weight:900;font-size:20px;border:0;background:#c9f2dc;color:#327e61;padding:9px;border-radius:10px}.maze-dpad button[data-step="up"]{grid-column:2}.maze-dpad button[data-step="left"]{grid-column:1;grid-row:2}.maze-dpad button[data-step="down"]{grid-column:2;grid-row:2}.maze-dpad button[data-step="right"]{grid-column:3;grid-row:2}.feedback{padding:14px 18px;background:#eafaf2;border-radius:17px;color:#34795d;font-weight:900;text-align:center;margin:13px auto;max-width:600px}.feedback.needs-help{background:#fff1da;color:#946f3b}.data-list{padding:0;margin:0;list-style:none}.data-list li{padding:9px;border-bottom:1px solid #e5f1e8;font-size:12px;color:#487b6c}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-card{background:#eaf8ef;padding:15px;border-radius:14px;text-align:center}.summary-card strong{font-size:28px;display:block;color:#319374}.summary-card span{font-size:11px;color:#537e72}.toast{position:fixed;z-index:60;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;border-radius:17px;background:#255c53;color:white;font-weight:900;box-shadow:0 10px 40px #214a3d55;text-align:center;max-width:85vw}.farm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.farm-plot{min-height:110px;border:2px solid #bbd5a3;background:#f6ffdd;border-radius:18px;text-align:center;padding:11px}.farm-plot .crop{font-size:36px;display:block}.farm-plot button{background:#e5a65a;color:#fff;border:0;border-radius:12px;padding:9px;font-size:11px;font-weight:900}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.shop-item{border:2px solid #d7eddb;border-radius:16px;padding:13px;background:#f7fff7;text-align:center}.shop-item .shop-emoji{font-size:42px}.shop-item strong{display:block;margin:8px 0;font-size:12px}.shop-item button{background:#ffcf75;color:#735018;border:0;border-radius:10px;padding:10px;font-size:11px;font-weight:900}.shop-item button:disabled{background:#e7efdf;color:#7d9d8f}.story-card{background:#fff7e7;border-radius:20px;padding:20px;text-align:center}.story-card .big-emoji{font-size:80px}.story-card h3{font-size:23px}.story-card p{line-height:1.6;font-size:16px}@keyframes bob{50%{transform:translateY(-7px)}}@media(max-width:1080px){.game-layout{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1fr 1fr}.side-section:last-child{grid-column:1/-1}.canvas-wrap{height:clamp(400px,60vh,690px)}}@media(max-width:630px){.topbar{padding:9px 10px;flex-wrap:wrap;justify-content:center}.top-logo span{font-size:14px}.top-actions{width:100%;justify-content:center}.game-layout{padding:8px;gap:8px}.world-heading h2{font-size:17px}.world-heading{padding:10px}.canvas-wrap{height:56vh;min-height:370px}.map-tag{font-size:10px;padding:8px;max-width:65%}#minimap{width:98px}.controls-row{font-size:9px;flex-wrap:wrap;justify-content:center}.touch-pad{display:grid}.side-panel{display:flex}.activities{grid-template-columns:repeat(3,1fr)}.activity{min-height:82px}.modal-content{padding:13px}.modal-window{max-height:98vh}.modal-head h2{font-size:18px}.choice-grid{grid-template-columns:repeat(2,1fr);gap:9px}.choice-card{min-height:105px}.choice-card .big-emoji{font-size:45px}.kitchen-layout{grid-template-columns:1fr}.welcome-card{padding:25px 20px}.hero-art span{font-size:49px!important}.hero-art{height:90px}.welcome h1{font-size:42px}.modal-foot{padding:10px}.memory-board{gap:5px}.memory-card{border-radius:9px}.summary-cards{gap:5px}.summary-card{padding:7px}.summary-card strong{font-size:22px}}@media(pointer:coarse){.touch-pad{display:grid}}