:root{font-family:Nunito,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17301c;background:#103d2b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,select{font:inherit}button{touch-action:manipulation}button:focus-visible,select:focus-visible,summary:focus-visible{outline:4px solid #dfa745;outline-offset:3px}.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}.app{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 85% 12%,rgba(223,167,69,.22),transparent 28%),linear-gradient(145deg,#f8f0d5,#e5efca 55%,#ceddaf);overflow-x:hidden}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1420px;margin:auto;padding:10px clamp(18px,4vw,56px);position:relative;z-index:10}.brand-button{width:170px;height:64px;padding:0;border:0;background:transparent;cursor:pointer}.brand-button img{width:100%;height:100%;object-fit:contain}.top-actions{display:flex;align-items:center;gap:10px}.star-bank{min-height:40px;display:inline-flex;align-items:center;padding:0 13px;border-radius:20px;background:#ffffffc7;border:2px solid rgba(23,48,28,.12);box-shadow:0 5px 16px #17301c14;font-weight:1000}.language-picker select,.round-button{height:44px;border:2px solid rgba(23,48,28,.18);background:#ffffffc7;box-shadow:0 5px 16px #17301c14}.language-picker select{border-radius:22px;padding:0 34px 0 16px;font-weight:900;color:#17301c}.round-button{width:44px;border-radius:50%;cursor:pointer}.welcome-panel{max-width:1380px;min-height:calc(100dvh - 128px);margin:auto;padding:clamp(22px,4vw,64px) clamp(22px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:center;gap:28px}.welcome-copy{position:relative;z-index:2;max-width:650px}.eyebrow{display:block;font-size:.75rem;font-weight:1000;letter-spacing:.15em;color:#9f5a0d;text-transform:uppercase;margin-bottom:10px}h1,h2,p{margin-top:0}h1{font-size:clamp(2.6rem,5vw,5rem);line-height:.96;letter-spacing:-.05em;margin-bottom:22px;color:#17301c}.lead{font-size:clamp(1.2rem,2.1vw,1.65rem);line-height:1.48;color:#314b1d;max-width:620px}.primary-button,.secondary-button{min-height:58px;border-radius:30px;padding:13px 25px;font-weight:950;border:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;color:#fff;background:linear-gradient(135deg,#c26b0e,#9f5a0d);box-shadow:0 13px 28px #9f5a0d45}.secondary-button{color:#17301c;background:#ffffffb8;border:2px solid rgba(23,48,28,.14)}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}details{margin-top:28px;max-width:520px;background:#ffffff8c;border:1px solid rgba(23,48,28,.11);border-radius:18px;padding:14px 18px}summary{cursor:pointer;font-weight:950}details p{margin:12px 0 0;line-height:1.55}.offline-note{margin-top:16px;font-size:.85rem;opacity:.68}.difficulty-block{margin:22px 0;max-width:720px}.difficulty-block>strong{display:block;margin-bottom:10px;color:#314b1d}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.difficulty-grid button{min-height:130px;padding:12px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;color:#17301c;background:#ffffffa3;border:2px solid rgba(23,48,28,.12);border-radius:18px;cursor:pointer;transition:.16s ease}.difficulty-grid button:hover{transform:translateY(-2px);background:#ffffffeb}.difficulty-grid button.selected{border-color:#c26b0e;background:#fff9e6;box-shadow:0 8px 22px #9f5a0d2b}.difficulty-grid button span{font-size:.7rem;letter-spacing:-.12em}.difficulty-grid button b{font-size:.92rem;line-height:1.1}.difficulty-grid button small{font-size:.72rem;line-height:1.25;opacity:.72}.difficulty-grid button em{margin-top:auto;font-size:.62rem;font-style:normal;font-weight:900;color:#9f5a0d}.hero-wrap{position:relative;align-self:stretch;min-height:520px;display:grid;place-items:center}.hero-wrap:before{content:"";position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(247,223,154,.9),rgba(223,167,69,.2) 55%,transparent 70%)}.hero-image{position:relative;z-index:1;width:min(720px,112%);max-height:72vh;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(23,48,28,.2));animation:float 5s ease-in-out infinite}.compass-orbit{position:absolute;z-index:2;right:4%;top:10%;display:grid;place-items:center;width:92px;height:92px;color:#fff;font-size:2.3rem;border-radius:50%;background:#dfa745;border:8px double #f7df9a;box-shadow:0 12px 30px #9f5a0d4d;animation:compass 10s linear infinite}@keyframes float{50%{transform:translateY(-12px) rotate(.5deg)}}@keyframes compass{to{transform:rotate(360deg)}}.story-panel{max-width:1220px;min-height:calc(100dvh - 126px);margin:auto;padding:clamp(28px,5vw,70px);display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,80px);align-items:center}.story-art{min-height:520px;position:relative;display:grid;place-items:center;border-radius:42% 58% 55% 45%;overflow:hidden;background:radial-gradient(circle at 48% 38%,#fffbe9 0 23%,#f7df9a 57%,#afc780);box-shadow:inset 0 0 0 10px #ffffff73,0 28px 70px #17301c2e}.story-art img{width:108%;height:108%;object-fit:cover;animation:storyZoom 10s ease-in-out infinite alternate}.story-art i{position:absolute;color:#fff3a5;font-size:2rem;text-shadow:0 0 18px #dfa745;animation:pulse 1.2s ease-in-out infinite alternate}.story-art i:nth-of-type(1){left:18%;top:22%}.story-art i:nth-of-type(2){right:16%;top:35%;animation-delay:.3s}.story-art i:nth-of-type(3){left:38%;bottom:14%;animation-delay:.7s}@keyframes storyZoom{to{transform:scale(1.035)}}.story-copy h1{font-size:clamp(2.8rem,5vw,5.4rem)}.story-steps{list-style:none;padding:0;margin:25px 0;display:grid;gap:10px}.story-steps li{display:flex;align-items:center;gap:13px;font-weight:900;color:#314b1d}.story-steps span{width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:#9f5a0d;box-shadow:0 6px 14px #9f5a0d3d}.story-actions{display:flex;gap:11px;flex-wrap:wrap}.play-layout{max-width:1500px;min-height:calc(100dvh - 124px);margin:auto;padding:12px clamp(14px,3vw,44px) 35px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.game-card,.guide-card{background:#ffffffbf;border:1px solid rgba(23,48,28,.13);box-shadow:0 20px 55px #17301c24;backdrop-filter:blur(12px)}.game-card{min-width:0;overflow:hidden;border-radius:30px;display:grid;grid-template-rows:auto minmax(540px,1fr) auto}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 26px 12px}.game-heading h1{font-size:clamp(1.15rem,2.3vw,2rem);margin:0;letter-spacing:-.02em}.progress-wrap{flex:0 0 auto;text-align:right;font-weight:900;font-size:.78rem}.progress-dots{display:flex;gap:6px;margin-top:6px}.progress-dots i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-style:normal;background:#e1e8d3;color:#839170}.progress-dots i.done{background:#314b1d;color:#fff}.game-canvas{position:relative;min-height:540px;width:100%;overflow:hidden;border-block:1px solid rgba(23,48,28,.12);background:#eaf3d3}.game-canvas-mount{position:absolute;inset:0}.home-tap-overlay{position:absolute;inset:0;z-index:8;pointer-events:none}.home-tap-target{position:absolute;top:76%;width:21%;height:25%;padding:0;transform:translate(-50%,-50%);border:0;border-radius:18px;background:transparent;color:transparent;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.home-tap-target:focus-visible{outline:4px solid #f4c95d;outline-offset:-6px;background:#ffffff1f}.home-position-1{left:19%}.home-position-2{left:50%}.home-position-3{left:82%}.game-loading{display:grid;place-items:center;color:#dfa745;font-size:2rem;letter-spacing:.35em}.game-canvas canvas{display:block}.game-message{min-height:58px;padding:17px 25px;font-weight:850;text-align:center}.game-message.positive{color:#314b1d}.game-message.try-again{color:#9f5a0d}.guide-card{align-self:start;border-radius:27px;padding:20px;position:sticky;top:12px}.guide-title{display:flex;align-items:center;gap:12px}.guide-title h2{font-size:1.25rem;margin:0}.ibby-avatar{width:58px;height:58px;overflow:hidden;flex:0 0 auto;border-radius:50%;border:3px solid #dfa745}.ibby-avatar img{width:100%;height:100%;object-fit:cover}.guide-actions{display:grid;gap:9px;margin:22px 0 14px}.guide-actions button{min-height:48px;padding:9px 12px;text-align:left;border-radius:16px;border:1px solid rgba(23,48,28,.13);color:#17301c;background:#f8f4e4;font-weight:850;cursor:pointer}.guide-actions button:hover{background:#f7df9a}.guide-actions button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.guide-bubble{min-height:112px;padding:16px;border-radius:18px 18px 18px 5px;background:#17301c;color:#fff7de;font-size:.96rem;line-height:1.5}.guide-card small{display:block;margin:9px 3px 0;color:#647257}.thinking{letter-spacing:.3em;animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.35}}.complete-panel{max-width:1050px;min-height:calc(100dvh - 130px);margin:auto;padding:45px 28px;display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;gap:38px;align-items:center;position:relative}.complete-panel img{width:100%;max-height:58vh;object-fit:contain;filter:drop-shadow(0 20px 25px rgba(23,48,28,.2))}.complete-panel h1{font-size:clamp(2.8rem,6vw,5rem)}.stars{position:absolute;inset:2% 0 auto;text-align:center;font-size:3rem;color:#dfa745;animation:pulse 1s ease-in-out infinite alternate}.complete-actions{display:flex;gap:12px;flex-wrap:wrap}.reward-card{margin:22px 0;padding:17px 20px;display:inline-flex;flex-direction:column;gap:5px;border-radius:18px;color:#17301c;background:linear-gradient(135deg,#fff8d8,#f7df9a);border:2px solid rgba(159,90,13,.2);box-shadow:0 10px 24px #9f5a0d26}.reward-card strong{font-size:1.25rem}footer{min-height:44px;display:grid;place-items:center;padding:12px;color:#17301c99;font-size:.78rem}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0a2318b8;backdrop-filter:blur(8px)}.parent-modal{width:min(520px,100%);position:relative;padding:34px;text-align:center;border-radius:28px;background:#fffaf0;box-shadow:0 30px 90px #00000059}.parent-modal>img{width:88px;height:88px;object-fit:cover;border-radius:50%;border:4px solid #dfa745}.parent-modal h2{margin:13px 0 9px;font-size:1.8rem}.parent-modal p{line-height:1.55;color:#40533a}.modal-close{position:absolute;right:14px;top:12px;width:42px;height:42px;border:0;border-radius:50%;background:#e7ecd9;font-size:1.7rem;cursor:pointer}.hold-button{width:100%;min-height:62px;position:relative;overflow:hidden;border:0;border-radius:31px;color:#fff;background:#17301c;font-weight:950;cursor:pointer}.hold-button span{position:absolute;left:0;bottom:0;width:0;height:7px;background:#dfa745}.hold-button:active span{width:100%;transition:width 3s linear}.privacy-note{padding:11px;border-radius:12px;background:#edf4df;font-size:.88rem}.parent-setting{margin:18px 0;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:16px;background:#f0ead5;font-weight:900;text-align:left}.parent-setting input{width:24px;height:24px;accent-color:#314b1d}.danger-button{min-height:48px;margin:0 8px 8px 0;padding:10px 18px;border-radius:24px;border:2px solid #9f5a0d;color:#9f5a0d;background:transparent;font-weight:900;cursor:pointer}@media (max-width: 900px){.welcome-panel{grid-template-columns:1fr;text-align:center;padding-top:34px}.welcome-copy{margin:auto}details{margin-inline:auto;text-align:left}.hero-wrap{min-height:360px;order:-1}.hero-image{max-height:47vh;width:min(620px,108%)}.compass-orbit{width:70px;height:70px;right:8%}.play-layout{grid-template-columns:1fr}.guide-card{position:static;display:grid;grid-template-columns:auto 1fr;gap:14px}.guide-title{grid-column:1 / -1}.guide-actions{margin:0}.guide-bubble{min-height:100%}.guide-card small{grid-column:2}.story-panel{grid-template-columns:1fr;text-align:center}.story-art{min-height:360px;max-width:560px;width:100%;margin:auto}.story-steps{display:inline-grid;text-align:left}.story-actions{justify-content:center}}@media (max-width: 600px){.topbar{height:68px;padding:5px 12px}.brand-button{width:130px;height:54px}.welcome-panel{min-height:calc(100dvh - 105px);padding:18px 12px 32px;gap:5px}.hero-wrap{min-height:270px}.hero-image{max-height:37vh}.compass-orbit{width:56px;height:56px;border-width:5px;font-size:1.5rem}h1{font-size:clamp(2.45rem,12vw,3.7rem)}.lead{font-size:1.1rem}.difficulty-grid{grid-template-columns:1fr}.difficulty-grid button{min-height:82px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px}.difficulty-grid button span{grid-row:1 / 4}.difficulty-grid button em{margin:0}.top-actions{gap:5px}.star-bank{display:none}.story-panel{padding:16px 16px 38px;gap:26px}.story-art{min-height:270px}.story-copy h1{font-size:2.7rem}.story-actions{display:grid}.story-actions button{width:100%}.play-layout{padding:4px 8px 28px}.game-card{border-radius:20px;grid-template-rows:auto minmax(470px,1fr) auto}.game-heading{padding:15px}.game-heading .eyebrow{display:none}.progress-wrap>span{display:none}.game-canvas{min-height:470px}.guide-card{grid-template-columns:1fr;border-radius:20px}.home-position-1{left:17%}.home-position-2{left:50%}.home-position-3{left:83%}.home-tap-target{width:29%;height:28%}.guide-actions{grid-template-columns:1fr}.guide-bubble,.guide-card small{grid-column:1}.complete-panel{grid-template-columns:1fr;text-align:center;padding-top:70px}.complete-panel img{max-height:36vh}.complete-actions{justify-content:center}.parent-modal{padding:28px 19px 22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}