:root{color:#4b2b14;background:#fff8ed;font-family:Georgia,Book Antiqua,serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#fff1c9,#fff8ed 38%,#f7e4c2);min-height:100vh;margin:0}button,input,select{font:inherit;color:inherit}button{touch-action:manipulation}.home-screen{background:#2d1d10;flex-direction:column;justify-content:center;gap:clamp(24px,4vw,42px);min-height:100dvh;padding:clamp(20px,4vw,46px);display:flex;position:relative;overflow:hidden}.home-background{position:absolute;inset:0}.home-background img{object-fit:cover;filter:saturate(1.03)contrast(1.02);width:100%;height:100%;display:block}.home-background-wash{background:radial-gradient(circle at 50% 14%,#ffefa270,#0000 18%),linear-gradient(#1c100724 0%,#1c100757 58%,#1c10078a 100%),linear-gradient(90deg,#180f098f 0%,#180f0914 36% 64%,#180f098f 100%);position:absolute;inset:0}.home-stage{z-index:1;justify-content:center;width:min(1180px,100%);margin:0 auto;display:flex;position:relative}.home-hero{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fff9ead6,#fff5db9e);border-radius:32px;max-width:840px;padding:clamp(18px,3vw,28px) clamp(18px,4vw,34px);box-shadow:0 24px 70px #170c062e}.home-hero h1,.hero h1{color:#70410f;text-wrap:balance;margin:18px 0 14px;font-size:clamp(38px,8vw,82px);line-height:1}.home-hero p{color:#6f512d;max-width:640px;margin:0 auto;font-size:clamp(18px,2.8vw,26px);line-height:1.32}.home-choices{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,30px);width:min(1120px,100%);margin:0 auto;display:grid;position:relative}.world-card{text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;border-radius:36px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:clamp(300px,37vw,420px);padding:clamp(24px,4vw,38px);transition:transform .18s,box-shadow .18s,outline .18s,filter .18s;display:flex;box-shadow:0 24px 70px #12090557}.world-card:hover,.world-card:focus{filter:saturate(1.03);outline:4px solid #ffe28e;transform:translateY(-5px);box-shadow:0 28px 88px #80501040}.world-card strong{color:#4b2b14;font-size:clamp(34px,5vw,58px);line-height:1;display:block}.world-card small{color:#614727;max-width:440px;margin-top:12px;font-size:clamp(18px,2.4vw,24px);line-height:1.22;display:block}.world-icon{color:#70410f;background:#fffdf7eb;border-radius:24px;place-items:center;width:82px;height:82px;display:grid;box-shadow:0 14px 36px #80501024}.bookshelf-card{background:radial-gradient(circle at 50% 10%,#fff8d38a,#0000 18%),linear-gradient(#ffe6a873 0%,#d18d426e 20%,#96612a75 100%)}.games-card{background:radial-gradient(circle at 50% 10%,#e4fff78f,#0000 18%),linear-gradient(#bdebdc6b 0%,#4b9f8870 22%,#2057487a 100%)}.magic-door{isolation:isolate;position:relative;overflow:hidden}.magic-door:before{content:"";pointer-events:none;border:2px solid #fff7da3d;border-radius:28px;position:absolute;inset:10px}.magic-door:after{content:"";pointer-events:none;background:linear-gradient(#fff9e600,#fff9e659,#fff9e600);width:2px;position:absolute;top:22px;bottom:22px;left:50%;transform:translate(-50%)}.door-vines{pointer-events:none;z-index:0;position:absolute;inset:12px}.vine{opacity:.7;filter:drop-shadow(0 8px 14px #103a2a2e);width:44px;position:absolute;top:18px;bottom:18px}.vine:before,.vine:after{content:"";border:3px solid #0000;border-top-color:#defcef42;border-radius:999px;position:absolute;inset:0}.vine:after{border-color:#0000 #0000 #ffefa83d;inset:28px 4px 0 10px}.vine-left{left:8px}.vine-right{right:8px;transform:scaleX(-1)}.door-arch{aspect-ratio:.86;background:radial-gradient(circle at 50% 24%,#fffbe699,#fffbe629 34%,#0000 60%),linear-gradient(#fff8e32e,#ffffff08);border-radius:120px 120px 28px 28px;align-self:center;place-items:center;width:min(100%,240px);margin:8px auto 2px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff6df33,inset 0 -22px 40px #2a170824}.door-copy{z-index:1;position:relative}.door-spark{background:#ffef9ceb;border-radius:50%;width:16px;height:16px;animation:3.2s ease-in-out infinite floatSpark;position:absolute;box-shadow:0 0 18px #ffef9cd9}.door-spark-left{top:26%;left:16%}.door-spark-right{animation-delay:1.2s;top:37%;right:14%}.door-stars{color:#fff5bceb;letter-spacing:8px;text-shadow:0 0 14px #fff5bc8c;font-size:20px;animation:4s ease-in-out infinite pulseTwinkle;position:absolute;top:14%;left:50%;transform:translate(-50%)}.door-handle{background:#ffe292d1;border-radius:50%;width:14px;height:14px;position:absolute;top:52%;right:18%;box-shadow:0 0 0 4px #fff8d91f,0 0 16px #ffe29257}.magic-door:hover .door-arch,.magic-door:focus .door-arch{transform:translateY(-2px)scale(1.01)}@keyframes floatSpark{0%,to{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}@keyframes pulseTwinkle{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.08)}}.bookshelf,.game-shelf{min-height:100vh;padding:clamp(18px,4vw,42px)}.game-shelf{background:linear-gradient(145deg,#fff8ed,#e7fbf3);position:relative;overflow:hidden}.game-shelf-background{position:absolute;inset:0}.game-shelf-background img{object-fit:cover;filter:saturate(1.03)blur(1px);width:100%;height:100%;display:block;transform:scale(1.03)}.game-shelf-wash{background:linear-gradient(#180f0938 0%,#180f0961 100%),radial-gradient(circle at 18% 18%,#ffefb16b,#0000 20%),radial-gradient(circle at 78% 22%,#a1ebde3d,#0000 24%);position:absolute;inset:0}.game-shelf-orb{background:#fff4bb57;border-radius:50%;animation:8s ease-in-out infinite shelfFloat;position:absolute;box-shadow:0 0 36px #fff4bb57}.orb-one{width:18px;height:18px;top:16%;left:8%}.orb-two{width:14px;height:14px;animation-delay:1.8s;top:30%;right:11%}.orb-three{width:12px;height:12px;animation-delay:3.2s;bottom:18%;left:18%}.counting-game{background:radial-gradient(circle at top,#ffeeb3b8,#0000 24%),linear-gradient(160deg,#fff8ed 0%,#fff2cb 36%,#dff7ef 100%);min-height:100vh;padding:clamp(18px,4vw,42px)}.section-top{justify-content:flex-start;max-width:1120px;margin:0 auto 6px;display:flex}.hero{text-align:center;max-width:900px;margin:0 auto 28px}.game-shelf>.section-top,.game-shelf>.hero,.game-shelf>.shelf{z-index:1;position:relative}.game-hero h1{color:#f8f6ef;text-shadow:0 10px 30px #170c0647}.game-shelf .hero p{color:#fff7e7eb;text-shadow:0 6px 22px #170c063d}.game-shelf .badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff7dfe0}.game-shelf .section-top .icon-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8e3db}.badge{background:#fff7df;border:1px solid #e9c77c;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;display:inline-flex;box-shadow:0 8px 28px #8b5b1420}.hero p{color:#7b5528;margin:0;font-size:clamp(18px,3vw,25px)}.offline-btn{color:#4b2b14;cursor:pointer;background:#f7c96f;border:0;border-radius:999px;margin-top:18px;padding:12px 20px;font-size:18px;font-weight:700;box-shadow:0 10px 28px #80501025}.offline-btn:disabled,.controls button:disabled{opacity:.45;cursor:not-allowed}.offline-status{max-width:620px;line-height:1.35;color:#70410f!important;margin:10px auto 0!important;font-size:16px!important}.shelf{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;max-width:1080px;margin:0 auto;display:grid}.book-card,.game-card{background:#fffdf7;border-radius:28px;box-shadow:0 16px 45px #80501025}.book-card{text-align:left;cursor:pointer;border:0;padding:16px;transition:transform .18s,box-shadow .18s}.book-card:hover,.book-card:focus{outline:3px solid #ffe28e;transform:translateY(-4px);box-shadow:0 22px 60px #80501035}.book-card img{aspect-ratio:4/3;object-fit:cover;border-radius:22px;width:100%;display:block}.book-card h2,.game-card h2{margin:14px 4px 6px;font-size:25px;line-height:1.05}.book-card h2{color:#70410f}.book-card p{color:#7b5528;margin:0 4px 6px;font-size:17px}.game-grid{align-items:stretch}.game-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf761;border:1px solid #caeadf;padding:22px;transition:transform .22s,box-shadow .22s,background .22s;position:relative;box-shadow:0 20px 60px #12090533}.game-launch-card{text-align:left;cursor:pointer;border:0}.game-card:hover,.game-card:focus{background:#fffdf775;transform:translateY(-4px);box-shadow:0 24px 70px #1209053d}.game-card h2{color:#245a48;margin-left:0}.game-card p{color:#4e665e;margin:0 0 14px;font-size:17px;line-height:1.3}.game-card span{color:#245a48;background:#e4f8ef;border-radius:999px;padding:8px 12px;font-weight:700;display:inline-block}.game-card.ready{outline:3px solid #9edcc6}.game-card.ready:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff4d}.counting-top{justify-content:space-between;align-items:center}.counting-shell{max-width:1120px;margin:0 auto}.counting-hero{margin-bottom:20px}.counting-board{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.counting-stage{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf7d1;border:1px solid #efd59bb3;border-radius:30px;padding:clamp(20px,3vw,30px);box-shadow:0 18px 48px #573b0e1f}.counting-stage-copy h2{color:#245a48;margin:12px 0 0;font-size:clamp(28px,4vw,42px);line-height:1.05}.inline-symbol{justify-content:center;align-items:center;min-width:1.2em;margin:0 .08em;font-size:1.05em;line-height:1;display:inline-flex}.inline-symbol.small{font-size:1.1em}.mini-badge{color:#70410f;background:#fff7df;border:1px solid #e9c77c;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:inline-flex}.counting-items{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:18px;margin:24px 0;display:grid}.scene-card{border:2px solid #fff4d6cc;border-radius:28px;margin:24px 0;position:relative;overflow:hidden;box-shadow:0 18px 44px #34230a24}.scene-image{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.counting-item{border:2px solid var(--accent);min-height:128px;animation:2.8s ease-in-out infinite countingBob;animation-delay:var(--delay);background:radial-gradient(circle at top,#ffffffc2,#0000 42%),linear-gradient(#fffbecf5,#fffcf4e6);border-radius:26px;place-items:center;display:grid;position:relative;box-shadow:0 14px 32px #4f38101a}.counting-item-character{font-size:54px;line-height:1}.counting-item-star{color:#f0bf48;font-size:20px;position:absolute;top:10px;right:14px}.answer-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.answer-pill{color:#245a48;cursor:pointer;background:#fffaf0;border:0;border-radius:24px;min-height:68px;font-size:clamp(28px,3vw,38px);font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 10px 24px #4f38101a}.answer-pill:hover,.answer-pill:focus{transform:translateY(-2px);box-shadow:0 14px 30px #4f381024}.answer-pill.correct{color:#1c6a50;background:#dff8ef}.answer-pill.wrong{color:#a24a30;background:#ffe3db}.counting-feedback{min-height:48px;margin-top:16px}.counting-feedback p{color:#70410f;margin:0;font-size:20px;line-height:1.35}.counting-finish{text-align:center;background:#fffdf7e0;border:1px solid #efd59bb3;border-radius:32px;max-width:860px;margin:24px auto 0;padding:clamp(24px,4vw,40px);box-shadow:0 18px 48px #573b0e1f}.counting-finish h1{color:#245a48;margin:18px 0 12px;font-size:clamp(34px,5vw,54px);line-height:1.05}.counting-finish p{color:#7b5528;margin:0;font-size:clamp(20px,2.8vw,26px);line-height:1.35}.finish-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.celebration-row{justify-content:center;gap:14px;margin-top:10px;font-size:26px;animation:.35s ease-out celebratePop;display:flex}.next-round-btn{width:min(100%,340px);min-height:74px;margin-top:10px;font-size:26px;animation:1.8s ease-in-out infinite nextButtonGlow}.big-action-btn{border-radius:24px;justify-content:center;width:100%;min-height:78px;font-size:24px;font-weight:700}.secondary-action-btn{background:#fff8e3}@keyframes countingBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shelfFloat{0%,to{opacity:.45;transform:translateY(0)scale(1)}50%{opacity:.9;transform:translateY(-10px)scale(1.08)}}@keyframes celebratePop{0%{opacity:0;transform:translateY(8px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes nextButtonGlow{0%,to{box-shadow:0 10px 28px #80501025}50%{box-shadow:0 14px 34px #f7c96f85}}.game-symbol{color:#245a48;letter-spacing:0;background:linear-gradient(135deg,#dff8ef,#fff6cd);border-radius:22px;place-items:center;height:118px;font-size:clamp(38px,7vw,68px);font-weight:700;display:grid}.game-card.ready .game-symbol{background:linear-gradient(135deg,#c7f1e2,#fff0b6)}.loading{padding:40px;font-size:24px}.reader{height:100dvh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);flex-direction:column;display:flex;overflow:hidden}.reader-top{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1120px;height:64px;margin:0 auto;display:flex}.top-actions{align-items:center;gap:10px;display:flex}.icon-btn{cursor:pointer;background:#fff8e3;border:0;border-radius:16px;align-items:center;gap:8px;padding:10px 14px;display:flex;box-shadow:0 8px 24px #80501020}.icon-btn:focus,.round:focus,.play:focus,.close-btn:focus{outline:3px solid #ffe28e}.progress{color:#7b5528;white-space:nowrap;background:#fff8e3;border-radius:999px;padding:9px 14px;font-size:18px}.page-card{flex:1;grid-template-columns:minmax(280px,1.04fr) minmax(280px,.96fr);align-items:center;gap:clamp(16px,3vw,32px);width:100%;max-width:1120px;min-height:0;margin:0 auto;padding:8px 0 12px;display:grid}.page-art{object-fit:cover;border-radius:28px;width:100%;max-height:100%;box-shadow:0 18px 55px #8050102e}.story-text{background:#fffdf7;border-radius:28px;max-height:100%;padding:clamp(22px,3.2vw,38px);overflow:auto;box-shadow:0 18px 55px #80501020}.story-text p{margin:0 0 .8em;font-size:clamp(24px,3vw,35px);line-height:1.42}.story-text .title{text-align:center;color:#70410f;font-size:clamp(34px,4vw,54px);font-weight:700;line-height:1.06}.story-text .sound{text-align:center;color:#87571f;font-weight:700}.word{border-radius:8px;padding:0 1px;transition:background 80ms,color 80ms}.word.active{color:#271100;background:#ffe37e;box-shadow:0 0 0 4px #ffe37e}.controls{z-index:10;background:linear-gradient(#0000,#fff8ed 22%);flex-shrink:0;justify-content:center;align-items:center;gap:14px;padding:10px 0 14px;display:flex;position:relative}.controls button{cursor:pointer;border:0;box-shadow:0 10px 26px #80501025}.round{background:#fff8e3;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.play{background:#f7c96f;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:190px;height:60px;font-size:20px;font-weight:700;display:flex}.audio-note{color:#70410f;z-index:5;background:#fff8e3;border:1px solid #efca7b;border-radius:999px;align-items:center;gap:8px;max-width:min(92vw,760px);padding:10px 14px;display:flex;position:fixed;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #80501025}.settings-backdrop{z-index:20;background:#371f0a59;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settings-panel{background:#fffdf7;border-radius:28px;width:min(680px,96vw);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 28px 80px #3a210950}.settings-panel header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px;display:flex}.settings-panel h2{color:#70410f;margin:0;font-size:32px;line-height:1.05}.settings-panel p{color:#7b5528;margin:6px 0 0}.close-btn{cursor:pointer;background:#fff1ce;border:0;border-radius:999px;place-items:center;width:46px;height:46px;display:grid}.setting-choice{cursor:pointer;background:#fff8e3;border:1px solid #efd08d;border-radius:18px;align-items:flex-start;gap:14px;margin:12px 0;padding:14px;display:flex}.setting-choice input{accent-color:#b97920;width:22px;height:22px;margin-top:2px}.setting-choice strong{color:#70410f;font-size:20px;display:block}.setting-choice small{color:#7b5528;margin-top:4px;font-size:15px;line-height:1.35;display:block}.field{gap:8px;margin-top:16px;display:grid}.field span{color:#70410f;font-weight:700}.field select{background:#fffdf7;border:1px solid #e2bd71;border-radius:14px;width:100%;padding:12px}.field input[type=range]{accent-color:#b97920;width:100%}@media (width<=820px){.reader{padding-left:10px;padding-right:10px}.reader-top{flex-shrink:0;height:auto;min-height:58px;padding-top:6px}.top-actions{gap:6px}.icon-btn{padding:9px 11px}.icon-btn svg+*,.progress{font-size:15px}.page-card{grid-template-columns:1fr;align-items:start;padding-bottom:8px;overflow:auto}.page-art{max-height:38vh}.story-text{max-height:none;margin-bottom:8px;padding:18px}.story-text p{font-size:23px;line-height:1.36}.controls{padding-top:18px;padding-bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:0 -10px 28px #fff8ed}.round{width:52px;height:52px}.play{min-width:148px;height:56px}.audio-note{border-radius:18px;width:max-content;max-width:92%;margin:0 auto 10px;font-size:14px;position:static;transform:none}.settings-panel{padding:18px}.settings-panel h2{font-size:27px}.home-screen{justify-content:flex-start}.home-stage{display:block}.home-hero{text-align:center;max-width:none}.home-hero p{margin:0 auto}.home-choices{grid-template-columns:1fr}.world-card{border-radius:24px;min-height:260px}.world-icon{border-radius:20px;width:68px;height:68px}.section-top{margin-bottom:10px}.game-card{border-radius:22px}.counting-board{grid-template-columns:1fr}.counting-top{flex-direction:column;align-items:flex-start;gap:12px}.answer-row{grid-template-columns:repeat(3,minmax(0,1fr))}.finish-actions{grid-template-columns:1fr}.game-symbol{height:96px}.door-arch{width:min(100%,210px)}}@media (orientation:landscape) and (height<=760px){.story-text p{font-size:22px}.story-text .title{font-size:34px}}