:root{--ink:#27364c;--muted:#65748a;--sky:#bceeff;--green:#69c56b;--lime:#a9df6f;--cream:#fff9e8;--pink:#ff9bc4;--gold:#f3b83f;--blue:#4e92d9;--purple:#8d76d8;--danger:#ef6a67;--card:#ffffffee;--shadow:0 14px 36px rgba(36,65,91,.16);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(#c9f3ff,#f4ffe9);font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:var(--ink);padding-bottom:100px}button{font:inherit;cursor:pointer}img{display:block}.hidden{display:none!important}.muted{color:var(--muted);font-size:.9rem}.glass{background:#ffffffdb;border:2px solid #fff;backdrop-filter:blur(14px);box-shadow:var(--shadow)}
#app{width:min(1280px,100%);margin:auto}.topbar{position:sticky;top:8px;z-index:50;margin:10px;border-radius:26px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;gap:10px;align-items:center}.brand strong{display:block;font-size:clamp(1.05rem,2vw,1.55rem)}.brand small{display:block;color:var(--muted);font-weight:800}.logo-bubble{width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,#ffd963,#ff9ed0);display:grid;place-items:center;font-size:28px}.top-stats{display:flex;gap:8px;align-items:center}.stat{min-width:72px;border-radius:16px;background:#f5fbff;padding:7px 9px;text-align:center;display:grid;grid-template-columns:24px 1fr;grid-template-areas:"i b" "i s";align-items:center}.stat img,.stat>span{grid-area:i;width:24px;height:24px;object-fit:contain;font-size:20px}.stat b{grid-area:b;font-size:1rem}.stat small{grid-area:s;color:var(--muted);font-size:.68rem}.sound-btn{border:0;background:#f4f8ff;border-radius:14px;padding:10px;font-size:20px}
main{padding:0 10px}.screen{display:none}.screen.active{display:block;animation:fade .22s ease}@keyframes fade{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}.hero,.scene,.battle-wrap{position:relative;overflow:hidden;border-radius:30px;box-shadow:var(--shadow);border:2px solid #fff}.home-hero{min-height:520px}.hero-bg,.scene-bg,.battle-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade,.battle-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,45,65,.52),rgba(23,45,65,.04) 65%)}.hero-copy{position:relative;z-index:2;width:min(580px,92%);padding:50px 38px;color:white;text-shadow:0 2px 12px #2339}.hero-copy h1{font-size:clamp(2rem,5vw,4rem);line-height:.95;margin:.25em 0}.hero-copy p{font-size:1.08rem;max-width:520px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:1000;opacity:.88}.hero-actions,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.primary,.secondary,.ghost{border:0;border-radius:15px;padding:11px 15px;font-weight:1000;transition:.15s transform,.15s box-shadow}.primary{background:linear-gradient(#4fb973,#329a59);color:white;box-shadow:0 5px 0 #277846}.primary:hover,.secondary:hover{transform:translateY(-2px)}.secondary{background:#fff;color:#31516a;box-shadow:0 4px 0 #d5e3ea}.ghost{background:#ffffff25;color:white;border:1px solid #ffffff66}.wide{width:100%}.jumbo{font-size:1.05rem;padding:14px 20px}.home-critters{position:absolute;right:2%;bottom:15px;width:55%;display:flex;align-items:end;justify-content:center;z-index:2}.home-critter{width:clamp(90px,13vw,170px);margin-left:-28px;filter:drop-shadow(0 11px 8px #1b2e3c44);animation:bob 2.2s ease-in-out infinite}.home-critter:nth-child(even){animation-delay:.35s}.home-critter:nth-child(3n){animation-delay:.7s}@keyframes bob{50%{transform:translateY(-10px)}}
.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin:14px 0}.card{background:var(--card);border:2px solid #fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:17px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title h2{margin:.1em 0 .45em}.title-icon{width:56px;height:56px;object-fit:contain}.level-orb{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#ffe478,#ffb942);display:grid;place-items:center;font-weight:1000;font-size:1.35rem;box-shadow:0 6px 0 #d59524}.progress,.hp{height:15px;border-radius:999px;background:#e4edf1;border:1px solid #cfdce2;overflow:hidden}.progress span,.hp span{display:block;height:100%;width:0;background:linear-gradient(90deg,#6bd982,#f2d24d);transition:width .3s}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.quick-stats div{background:#f3f8fb;border-radius:14px;padding:10px;text-align:center}.quick-stats b{display:block;font-size:1.4rem}.quick-stats small{color:var(--muted)}.goal-list{display:grid;gap:8px}.goal-mini{background:#f5faff;border:1px solid #dbe8ef;padding:9px 10px;border-radius:13px}.goal-mini b{font-size:.9rem}.tiny-team{display:flex;justify-content:center;min-height:130px;align-items:end}.tiny-team img{width:90px;height:90px;object-fit:contain;margin-left:-12px;filter:drop-shadow(0 6px 4px #0002)}
.scene{min-height:660px}.scene-ui{position:absolute;z-index:3;display:flex;gap:8px;flex-wrap:wrap}.top-left{left:18px;top:18px}.scene-chip{background:#ffffffdc;border:2px solid #fff;border-radius:999px;padding:8px 12px;font-weight:1000;box-shadow:0 7px 20px #3453}.deco{position:absolute;z-index:2;pointer-events:none;object-fit:contain;filter:drop-shadow(0 7px 5px #0002)}.d1{width:170px;left:3%;bottom:6%}.d2{width:210px;right:3%;bottom:4%}.d3{width:130px;right:11%;top:25%}.explore-bottom{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:min(700px,94%)}.encounter-panel{position:absolute;inset:60px 4% 95px;z-index:10;background:#ffffffed;border:3px solid #fff;border-radius:28px;box-shadow:0 18px 60px #2448;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:20px}.encounter-art{text-align:center}.encounter-art img{width:min(360px,70vw);height:320px;object-fit:contain;margin:auto;filter:drop-shadow(0 12px 10px #0002)}.encounter-copy h2{font-size:2rem;margin:.15em 0}.encounter-copy p{color:var(--muted)}.rarity{display:inline-block;padding:5px 9px;border-radius:999px;background:#eaf6ff;font-size:.76rem;font-weight:1000}.rarity.rare{background:#fff2ae}.rarity.sparkle{background:#efdfff}
.page-head{display:flex;justify-content:space-between;align-items:center;padding:20px 10px}.page-head h1{font-size:clamp(2rem,5vw,3.2rem);margin:.1em 0}.page-head p{color:var(--muted);max-width:650px}.page-head>img{width:110px;height:110px;object-fit:contain}.creature-grid,.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:13px}.creature-card,.dex-card{background:#fff;border:2px solid #fff;border-radius:22px;box-shadow:var(--shadow);padding:13px;display:grid;grid-template-columns:125px 1fr;gap:12px;position:relative;overflow:hidden}.creature-card.active-team{outline:4px solid #73c878}.creature-card.lead:after{content:"LEAD";position:absolute;right:12px;top:10px;background:#ffd459;color:#5c4300;font-size:.7rem;font-weight:1000;padding:4px 8px;border-radius:999px}.creature-art{width:125px;height:125px;object-fit:contain;filter:drop-shadow(0 7px 5px #0002)}.creature-card h3,.dex-card h3{margin:.2em 0}.type-chip{display:inline-block;background:#edf8ff;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:1000;margin-right:5px}.mini-bar{height:10px;background:#e5edf0;border-radius:999px;overflow:hidden;margin:5px 0}.mini-bar span{display:block;height:100%;background:#69cb75}.card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.small-btn{border:0;border-radius:10px;background:#eaf4fa;padding:7px 9px;font-weight:900;color:#31516a}.small-btn.green{background:#dff4e6;color:#236d42}.dex-summary{margin-bottom:12px}.dex-summary span{margin:0 8px;color:#9aa7b5}.dex-card.locked{filter:grayscale(1);opacity:.56}.dex-card .unknown{width:120px;height:120px;border-radius:50%;background:#eef3f6;display:grid;place-items:center;font-size:3rem}.dex-evo{font-size:.78rem;color:var(--muted);margin-top:5px}.quest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px}.quest-card{background:white;border-radius:22px;padding:16px;box-shadow:var(--shadow);border:2px solid #fff}.quest-card.claimed{opacity:.6}.quest-reward{display:flex;align-items:center;gap:8px;margin:10px 0}.quest-reward img{width:34px;height:34px;object-fit:contain}.quest-card .progress{margin-top:8px}
.compact-scene{min-height:360px}.market-character{position:absolute;z-index:2;left:4%;bottom:0;display:flex;align-items:center}.market-character img{height:320px;max-width:260px;object-fit:contain;filter:drop-shadow(0 8px 7px #0003)}.speech{background:#fff;border-radius:20px;padding:15px 18px;box-shadow:var(--shadow);max-width:270px;font-weight:900;position:relative}.speech:before{content:"";position:absolute;left:-14px;top:55%;border:8px solid transparent;border-right-color:white}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:14px}.shop-card{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:14px}.shop-card img{width:125px;height:125px;object-fit:contain}.shop-card h3{margin:.2em 0}.shop-card p{color:var(--muted)}
.battle-wrap{min-height:760px;color:white}.battle-shade{background:linear-gradient(#17324733,#1732471a 55%,#142535b0)}.battle-header{position:relative;z-index:2;display:grid;grid-template-columns:150px 1fr 150px;align-items:center;text-align:center;padding:16px}.battle-header h2{margin:.1em}.battle-turn{text-align:right;font-weight:900}.battle-field{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;min-height:440px;align-items:center;padding:10px 5%}.fighter{display:flex;align-items:center;gap:12px}.enemy-fighter{flex-direction:row-reverse}.fighter-art{position:relative;width:55%;text-align:center}.fighter-art>img:first-child{width:100%;height:280px;object-fit:contain;filter:drop-shadow(0 14px 9px #0004)}.fighter-card{background:#ffffffea;color:var(--ink);border-radius:18px;padding:11px 13px;width:45%;box-shadow:0 12px 30px #1235}.fighter-card strong{font-size:1.1rem}.fighter-card>span{float:right;font-weight:900;color:#687889}.fighter-card small{font-weight:900;color:#687889}.hp{margin:7px 0}.effect{position:absolute;inset:15%;width:70%!important;height:70%!important;object-fit:contain;pointer-events:none;animation:effectPop .55s ease forwards}@keyframes effectPop{0%{opacity:0;transform:scale(.3) rotate(-20deg)}40%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:scale(1.4) rotate(10deg)}}.glass-dark{background:#172c3dde;border:2px solid #ffffff33;backdrop-filter:blur(12px)}.battle-controls{position:relative;z-index:3;margin:0 18px 18px;border-radius:22px;padding:13px;display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.battle-log{background:#ffffff12;border-radius:15px;padding:10px;min-height:120px;max-height:155px;overflow:auto;font-size:.9rem}.battle-log div{padding:3px 0}.move-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.move-btn{border:0;border-radius:14px;background:#fff;color:#2d4558;padding:10px;text-align:left;font-weight:1000}.move-btn small{display:block;color:#728394;font-weight:700}.move-btn:disabled{opacity:.5}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:10px;z-index:60;width:min(760px,calc(100% - 18px));border-radius:24px;padding:7px;display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.bottom-nav button{border:0;background:transparent;border-radius:16px;padding:5px;color:#50677a;font-weight:900}.bottom-nav button.active{background:#315c7c;color:white}.bottom-nav button span{font-size:22px;display:block}.bottom-nav img{width:28px;height:28px;object-fit:contain;margin:auto}.bottom-nav small{display:block;font-size:.67rem}.modal{position:fixed;inset:0;z-index:100;background:#1e3449b8;display:grid;place-items:center;padding:16px}.modal-card{background:white;border-radius:28px;padding:20px;max-width:900px;width:min(94vw,900px);max-height:92vh;overflow:auto;box-shadow:0 22px 80px #0006}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.starter-card{text-align:center;background:#f5fbff;border:2px solid #dceaf1;border-radius:20px;padding:12px}.starter-card img{height:190px;width:100%;object-fit:contain}.starter-card h3{font-size:1.25rem}.starter-card p{color:var(--muted);font-size:.9rem}.modal-card .close-x{float:right;border:0;background:#edf2f5;border-radius:50%;width:34px;height:34px;font-weight:1000}.evolve-stage{text-align:center;position:relative;overflow:hidden;border-radius:22px;min-height:520px;background:#261e55;color:white;padding:20px}.evolve-stage .evo-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.evolve-stage .evo-content{position:relative;z-index:2}.evolve-stage .evo-creature{width:340px;height:340px;object-fit:contain;margin:auto;filter:drop-shadow(0 0 30px #fff8);animation:evolvePulse 1s ease-in-out infinite}@keyframes evolvePulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 45px #fff)}}.toast{position:fixed;right:18px;bottom:105px;z-index:120;background:#263b4e;color:#fff;border:2px solid #ffffff33;border-radius:16px;padding:12px 16px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(15px);transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.home-hero{min-height:600px}.home-critters{width:100%;right:0}.hero-copy{padding:30px 22px}.encounter-panel{grid-template-columns:1fr;overflow:auto}.encounter-art img{height:230px}.shop-grid{grid-template-columns:1fr}.battle-field{grid-template-columns:1fr;gap:10px}.fighter,.enemy-fighter{flex-direction:row}.fighter-art>img:first-child{height:190px}.battle-controls{grid-template-columns:1fr}.battle-wrap{min-height:900px}.battle-header{grid-template-columns:90px 1fr 70px}.scene{min-height:600px}}
@media(max-width:620px){body{padding-bottom:88px}.topbar{align-items:flex-start}.brand small{display:none}.top-stats{gap:4px}.stat{min-width:auto;padding:6px}.stat small{display:none}.stat{grid-template-areas:"i b";grid-template-rows:1fr}.sound-btn{padding:7px}.home-hero{min-height:620px}.hero-shade{background:linear-gradient(#1b334f77,#1b334f22)}.hero-copy{width:100%;text-align:center}.home-critters{bottom:22px}.home-critter{width:105px}.page-head>img{width:72px;height:72px}.creature-grid,.dex-grid,.quest-grid{grid-template-columns:1fr}.creature-card,.dex-card{grid-template-columns:105px 1fr}.creature-art{width:105px;height:105px}.shop-card{grid-template-columns:95px 1fr}.shop-card img{width:90px;height:90px}.market-character img{height:220px}.speech{font-size:.82rem;max-width:185px}.bottom-nav{bottom:5px}.bottom-nav img{width:24px;height:24px}.bottom-nav button span{font-size:19px}.bottom-nav small{font-size:.58rem}.starter-grid{grid-template-columns:1fr}.fighter-card{width:48%;font-size:.8rem}.fighter-art{width:52%}.fighter-art>img:first-child{height:155px}.battle-field{padding:4px 2%}.battle-wrap{min-height:820px}.move-btn{font-size:.84rem}.scene{min-height:560px}.deco.d1{width:110px}.deco.d2{width:130px}.deco.d3{width:90px}}

.battle-item-btn{width:100%;margin-top:8px;border:0;border-radius:14px;padding:10px 12px;background:#ffe9a8;color:#5d4613;font-weight:1000;box-shadow:0 4px 0 #d8b85d}.battle-item-btn:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}
/* Merriglen Friends identity adjustments */
.creature-card.lead:after{content:"TRAIL LEAD"}
.gift-chip{display:inline-block;background:#fff5dc;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:1000;margin-right:5px}
.style-chip{display:inline-block;background:#edf8ff;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:1000;margin:2px}
.showcase-score{font-weight:1000;color:#687889}
.growth-ready{display:inline-block;margin-top:5px;padding:4px 8px;border-radius:999px;background:#e3f8dc;color:#2c6a3e;font-size:.72rem;font-weight:1000}
\n/* Meadow Play Yard */\n.playyard-clipart{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 8px 6px #0002)}\n.play-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.play-stats div{text-align:center;background:#f5fbff;border-radius:16px;padding:12px}.play-stats b{display:block;font-size:1.65rem}.play-stats small{color:var(--muted);font-weight:800}\n.minigame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-card{overflow:hidden;display:grid;grid-template-rows:170px 1fr}.game-card>img{width:100%;height:170px;object-fit:contain;padding:8px}.game-card h2{margin:.15em 0}.game-card p{color:var(--muted);min-height:62px}.animal-card{background:linear-gradient(#fff,#f1fff3)}.memory-card{background:linear-gradient(#fff,#f8f5ff)}.treasure-card{background:linear-gradient(#fff,#f3fff1)}\n.sticker-card{margin:14px 0}.sticker-big{font-size:42px}.sticker-shelf{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.sticker{min-height:125px;border-radius:18px;background:#f5f9fb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;border:2px solid #e2edf2}.sticker span{font-size:36px}.sticker b{font-size:.85rem;margin-top:4px}.sticker small{font-size:.68rem;color:var(--muted);margin-top:4px}.sticker.locked{filter:grayscale(1);opacity:.6}.sticker.unlocked{background:linear-gradient(#fffdf2,#f3ffe8);border-color:#dceca5;animation:stickerPop .35s ease}@keyframes stickerPop{50%{transform:scale(1.04)}}\n.home-friend-btn{border:0;background:transparent;padding:0;margin:0 0 0 -28px;cursor:pointer}.home-friend-btn:first-child{margin-left:0}.home-friend-btn:hover .home-critter{transform:translateY(-12px) rotate(-2deg)}\n.friend-popup{text-align:center}.friend-popup>img{width:300px;height:300px;object-fit:contain;margin:auto;filter:drop-shadow(0 10px 8px #0002)}.friend-pop-stats{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.friend-pop-stats span{background:#f2f8fb;border-radius:999px;padding:6px 10px;font-weight:900}.friend-reaction{background:#f9f5ff;border-radius:15px;padding:10px;color:#635c7a}.happy-dance{animation:happyDance .8s ease}@keyframes happyDance{0%,100%{transform:rotate(0)}20%{transform:rotate(-10deg) translateY(-8px)}40%{transform:rotate(10deg)}60%{transform:rotate(-8deg) translateY(-5px)}80%{transform:rotate(8deg)}}\n.surprise-card,.mini-result{text-align:center}.surprise-card>img{width:220px;height:220px;object-fit:contain;margin:auto}.surprise-emoji{font-size:76px;margin-bottom:6px}.mini-modal{text-align:center}.mini-scoreline{display:flex;justify-content:space-around;background:#f4f8fb;border-radius:14px;padding:10px;margin:10px 0}\n.memory-garden{display:grid;grid-template-columns:repeat(2,150px);gap:12px;justify-content:center;margin:18px auto}.memory-garden button{height:130px;border:3px solid #fff;border-radius:24px;font-size:58px;background:#eef8ff;box-shadow:0 6px 0 #cddfe8;transition:.15s}.memory-garden button:nth-child(2){background:#fff8cf}.memory-garden button:nth-child(3){background:#e6f7dc}.memory-garden button:nth-child(4){background:#f1e7ff}.memory-garden button.lit{transform:scale(1.08);filter:brightness(1.15);box-shadow:0 0 0 6px #ffd75c,0 8px 20px #ffc84c88}\n.patch-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.patch-row button{border:2px solid #dce9e0;border-radius:20px;background:#f4fff1;padding:10px;font-weight:1000;color:#365943}.patch-row img{width:100%;height:150px;object-fit:contain}.patch-row button:hover{transform:translateY(-4px);box-shadow:0 8px 18px #3853}\n.confetti-box{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}.confetti-box span{position:absolute;top:-40px;font-size:25px;animation:confettiFall 1.35s ease-in forwards}@keyframes confettiFall{to{transform:translate(var(--drift),110vh) rotate(540deg);opacity:.1}}\n@media(max-width:900px){.minigame-grid{grid-template-columns:1fr}.game-card{grid-template-columns:150px 1fr;grid-template-rows:auto}.game-card>img{width:150px;height:150px}.sticker-shelf{grid-template-columns:repeat(3,1fr)}.play-stats{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:620px){.bottom-nav{grid-template-columns:repeat(8,1fr)}.minigame-grid{grid-template-columns:1fr}.game-card{grid-template-columns:100px 1fr}.game-card>img{width:95px;height:110px}.sticker-shelf{grid-template-columns:repeat(2,1fr)}.berry-field{height:330px}.memory-garden{grid-template-columns:repeat(2,120px)}.memory-garden button{height:110px}.patch-row{grid-template-columns:1fr}.patch-row img{height:95px}.playyard-clipart{width:82px;height:82px}}\n

/* Discovery Grove */
.discovery-head{background:linear-gradient(135deg,#effff0,#eef8ff);border-radius:28px;padding:24px;margin-bottom:14px}.discovery-icon{font-size:78px;filter:drop-shadow(0 8px 6px #0002)}
.learning-dashboard{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-bottom:14px}.knowledge-orb{background:#fff7c7;border:2px solid #f1dc75;border-radius:999px;padding:10px 14px;font-weight:1000}
.learning-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.learning-stats div{text-align:center;background:#f5fbff;border-radius:16px;padding:11px}.learning-stats b{display:block;font-size:1.5rem}.learning-stats small{color:var(--muted);font-weight:800}
.learning-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}.level-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:6px}.level-picker button{border:2px solid #dbe7ec;border-radius:14px;background:#fff;padding:9px;font-weight:900;color:#35546a}.level-picker button.active{background:#315c7c;color:white;border-color:#315c7c}.level-picker small{font-size:.68rem}
.discovery-toggle{display:flex;flex-direction:column;gap:4px;background:#f2fff0;border:2px solid #d8edd3;border-radius:16px;padding:12px;font-weight:900}.discovery-toggle input{width:22px;height:22px}.discovery-toggle small{font-weight:600;color:var(--muted)}
.learning-buddy{display:flex;align-items:center;gap:12px;background:#f7fbff;border-radius:18px;padding:10px}.learning-buddy img{width:105px;height:105px;object-fit:contain}.learning-buddy h3{margin:.1em 0}
.learning-game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.learn-game{display:grid;grid-template-columns:95px 1fr;gap:12px;align-items:center;min-height:190px}.learn-emoji{font-size:66px;text-align:center}.learn-game h2{margin:.1em 0}.learn-game p{color:var(--muted)}.math-game{background:linear-gradient(#fff,#fff9de)}.number-game{background:linear-gradient(#fff,#f4fff0)}.science-game{background:linear-gradient(#fff,#eefaff)}.habitat-game{background:linear-gradient(#fff,#f7f1ff)}
.field-notes-card{margin:14px 0}.field-note-count{background:#eff8ff;border-radius:999px;padding:8px 12px;font-weight:1000}.field-notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.field-note{display:grid;grid-template-columns:48px 1fr;gap:8px;border:2px solid #e0ebef;border-radius:16px;padding:10px;background:#fbfeff}.field-note>span{font-size:32px;display:grid;place-items:center}.field-note p{font-size:.78rem;color:var(--muted);margin:.25em 0}.field-note.locked{filter:grayscale(1);opacity:.52}
.learning-modal{text-align:center}.learning-round{display:inline-block;background:#eef6fa;border-radius:999px;padding:6px 10px;font-weight:900;margin:6px}.big-question{font-size:clamp(2.2rem,7vw,4.6rem);font-weight:1000;margin:18px 0;color:#294e67}.science-question{font-size:clamp(1.3rem,3.5vw,2rem);font-weight:900;max-width:720px;margin:18px auto}.answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:720px;margin:12px auto}.answer-grid button{border:2px solid #d7e7ee;border-radius:16px;background:#f7fcff;padding:15px;font-weight:900;color:#31516a;min-height:62px}.answer-grid button:hover{transform:translateY(-2px);border-color:#7cc7a0;background:#f2fff5}.learning-feedback{margin:14px auto;max-width:720px}.learning-feedback .correct,.learning-feedback .try-again{border-radius:18px;padding:14px}.learning-feedback .correct{background:#ecffef;border:2px solid #bce6c3}.learning-feedback .try-again{background:#fff9e8;border:2px solid #efdda5}
.number-flower{position:relative;display:grid;grid-template-columns:repeat(3,110px);gap:12px;justify-content:center;margin:20px auto;padding-top:90px}.number-flower .flower-center{position:absolute;left:50%;top:5px;transform:translateX(-50%);width:86px;height:86px;border-radius:50%;background:#ffd95e;display:grid;place-items:center;font-size:2rem;font-weight:1000;box-shadow:0 6px 0 #d8ab32}.number-flower button{height:85px;border:3px solid #fff;border-radius:50%;background:#ffd8eb;font-size:1.6rem;font-weight:1000;box-shadow:0 5px 0 #e4a9c4}.number-flower button:nth-of-type(even){background:#d8f1ff;box-shadow:0 5px 0 #a8d0e8}.number-flower button.picked{outline:5px solid #6ecb77;transform:scale(1.05)}.target-number{color:#ca6a96}.animal-hero{font-size:100px;line-height:1}.ghost-skip{border:0;background:transparent;color:var(--muted);text-decoration:underline;margin-top:8px}
@media(max-width:900px){.learning-dashboard{grid-template-columns:1fr}.learning-game-grid{grid-template-columns:1fr}.field-notes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.learning-controls{grid-template-columns:1fr}.learning-stats{grid-template-columns:repeat(2,1fr)}.level-picker{grid-template-columns:1fr}.field-notes-grid{grid-template-columns:1fr}.learn-game{grid-template-columns:72px 1fr}.learn-emoji{font-size:50px}.answer-grid{grid-template-columns:1fr}.number-flower{grid-template-columns:repeat(3,82px)}.number-flower button{height:72px}.discovery-icon{font-size:54px}}

@media(max-width:620px){.bottom-nav{overflow-x:auto;grid-template-columns:repeat(8,minmax(58px,1fr))}}

/* Animal Catch */
.animal-catch-title{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;margin:4px auto 8px}.animal-catch-title img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 7px 5px #0002)}.animal-catch-title h2{margin:.1em 0}.animal-catch-title p{margin:.2em 0;color:var(--muted);max-width:500px}
.animal-catch-field{height:390px;position:relative;border-radius:26px;overflow:hidden;background-image:linear-gradient(#ffffff12,#ffffff12),url('assets/Daisyway-Meadow-Background.png');background-size:cover;background-position:center 58%;border:3px solid #fff;box-shadow:0 12px 28px #274d6120}
.animal-target{position:absolute;border:0!important;background:transparent!important;padding:0!important;margin:0;box-shadow:none!important;border-radius:0!important;z-index:4;transition:left .12s ease,top .12s ease,width .12s ease,height .12s ease,transform .08s ease;appearance:none;-webkit-appearance:none;outline:none}.animal-target:hover{transform:scale(1.06)}.animal-target:focus-visible{outline:3px dashed #335d75;outline-offset:4px;border-radius:50%!important}.animal-target img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 8px 5px #0004)}.animal-target.bonus-animal img{filter:drop-shadow(0 0 12px #fff48e) drop-shadow(0 7px 5px #0003)}.animal-target.caught-pop{animation:animalCatchPop .18s ease}@keyframes animalCatchPop{50%{transform:scale(.72) rotate(-4deg)}}
.field-deco{position:absolute;bottom:-7px;width:185px;height:105px;object-fit:contain;pointer-events:none;z-index:2;opacity:.96}.flowers-left{left:-25px}.flowers-right{right:-25px;transform:scaleX(-1)}.animal-catch-message{font-weight:900;color:#49667a;min-height:28px;padding-top:8px}.animal-result .result-animal{width:190px;height:190px;object-fit:contain;margin:auto;filter:drop-shadow(0 9px 7px #0002)}
.mini-game-title{display:flex;align-items:center;justify-content:center;gap:10px}.mini-game-title img{width:72px;height:72px;object-fit:contain}.memory-garden button{padding:8px}.memory-garden button img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.sticker span{display:none}.sticker img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 5px 4px #0002);margin-bottom:4px}.sticker.locked img{filter:grayscale(1);opacity:.48}
@media(max-width:620px){.playyard-clipart{width:82px;height:82px}.animal-catch-field{height:330px}.animal-catch-title img{width:70px;height:70px}.field-deco{width:135px;height:80px}.animal-target{max-width:105px;max-height:105px}}

.result-item{width:145px;height:145px;object-fit:contain;margin:auto;filter:drop-shadow(0 8px 6px #0002)}

/* Clipart UI refresh */
.logo-bubble img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 3px #0002)}
.sound-btn{display:grid;place-items:center}.sound-btn img{width:28px;height:28px;object-fit:contain;transition:.2s}.sound-btn img.sound-off{filter:grayscale(1);opacity:.42}
.icon-button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}.icon-button>img{width:27px;height:27px;object-fit:contain;flex:0 0 auto}.icon-button.tiny>img{width:20px;height:20px}
.scene-chip{display:flex;align-items:center;gap:6px}.scene-chip img{width:28px;height:28px;object-fit:contain}
.sticker-big-img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 5px 4px #0002)}
.discovery-icon img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 8px 6px #0002)}
.knowledge-orb{display:inline-flex;align-items:center;gap:6px}.knowledge-orb img{width:30px;height:30px;object-fit:contain}
.level-picker button img{display:block;width:38px;height:38px;object-fit:contain;margin:0 auto 3px}.toggle-label{display:flex;align-items:center;gap:7px}.toggle-label img{width:30px;height:30px;object-fit:contain}
.learn-art{width:84px;height:84px;object-fit:contain;justify-self:center;filter:drop-shadow(0 6px 4px #0002)}
.inline-clipart{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:4px}.gift-chip{display:inline-flex;align-items:center}.buddy-gift{display:flex;align-items:center;gap:4px}
.field-note-icon{width:46px;height:46px;object-fit:contain;align-self:center;filter:drop-shadow(0 3px 3px #0002)}
.growth-ready{display:flex;align-items:center;gap:5px}.growth-ready .inline-clipart{width:25px;height:25px}
.move-title{display:flex;align-items:center;gap:7px}.move-title img{width:34px;height:34px;object-fit:contain}.battle-item-btn img{width:34px;height:34px;object-fit:contain}
.animal-hero img{width:150px;height:150px;object-fit:contain;margin:auto;filter:drop-shadow(0 8px 6px #0002)}
.science-question.with-icon{display:flex;align-items:center;justify-content:center;gap:10px}.science-question.with-icon img{width:50px;height:50px;object-fit:contain}
.icon-eyebrow{display:inline-flex;align-items:center;gap:4px}.icon-eyebrow .inline-clipart{width:22px;height:22px}
.confetti-box img{position:absolute;top:-50px;width:34px;height:34px;object-fit:contain;animation:confettiFall 1.35s ease-in forwards;filter:drop-shadow(0 3px 2px #0002)}
.bottom-nav button>img{width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 3px 2px #0002)}
@media(max-width:620px){.discovery-icon img{width:70px;height:70px}.learn-art{width:58px;height:58px}.bottom-nav button>img{width:25px;height:25px}.level-picker button img{width:30px;height:30px}}


/* ===== Big World Expansion ===== */
.story-home-card{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;margin:14px 0;background:linear-gradient(135deg,#fffdf2,#f1fff3)}.story-home-card>img{width:115px;height:115px;object-fit:contain}.story-home-card h2{margin:.1em 0}.world-head{background:linear-gradient(135deg,#eff9ff,#f6fff2)}
.story-progress-card{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;margin-bottom:14px}.heartlight-counter{text-align:center;background:#fff6c7;border:2px solid #f2dc76;border-radius:22px;padding:12px 20px}.heartlight-counter b{font-size:2rem;display:block}.heartlight-counter small{font-weight:900}
.world-region-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.region-card{overflow:hidden;border-radius:24px;background:#fff;border:3px solid transparent;box-shadow:0 8px 22px #26445b14}.region-card>img{width:100%;height:220px;object-fit:cover}.region-card-body{padding:15px}.region-card.locked>img{filter:grayscale(.8) brightness(.7)}.region-card.locked{opacity:.72}.region-card.restored{border-color:#f0d45d}.region-card.active-region{outline:4px solid #7ecb9d}.region-title-row{display:flex;justify-content:space-between;align-items:center}.heartlight-mini{width:42px;height:42px;object-fit:contain}.region-progress-panel{position:absolute;right:16px;top:18px;z-index:4;width:min(330px,44vw);border-radius:18px;padding:11px;color:#fff}.region-progress-panel>div:first-child{display:flex;justify-content:space-between}.region-progress{height:9px;background:#ffffff35;border-radius:99px;overflow:hidden;margin:7px 0}.region-progress span{display:block;height:100%;background:#ffe675;border-radius:99px}.region-progress-panel .inline-clipart{width:23px;height:23px}.expanded-actions{flex-wrap:wrap}.expanded-actions button{min-width:180px}
.journal-region-summary{display:flex;gap:8px;overflow-x:auto;margin:10px 0 16px;padding-bottom:5px}.journal-region-chip{min-width:150px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;background:#fff;border:2px solid #e1ecef;border-radius:15px;padding:8px}.journal-region-chip img{width:36px;height:36px;object-fit:contain;grid-row:1/3}.journal-region-chip small{color:var(--muted)}.journal-region-chip.done{border-color:#e1c650;background:#fffbea}.secret-journal-card{margin-bottom:14px}.secret-guest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.secret-guest-card{text-align:center;background:#f8fcff;border:2px solid #e1ebef;border-radius:17px;padding:10px}.secret-guest-card img,.secret-silhouette{width:100px;height:100px;object-fit:contain;margin:auto}.secret-silhouette{display:grid;place-items:center;font-size:3rem;border-radius:50%;background:#dfe7e9;color:#92a2aa}.secret-guest-card.locked{filter:grayscale(.7);opacity:.65}.secret-guest-modal{text-align:center}.secret-guest-modal>img{width:min(320px,75vw);height:260px;object-fit:contain}.journal-detail{display:flex;flex-direction:column;gap:3px;background:#f6fbfd;border-radius:12px;padding:8px;margin:7px 0}.journal-detail .inline-clipart{width:24px;height:24px}
.cottage-builder-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:14px}.cottage-yard-scene{position:relative;overflow:hidden;border-radius:22px;min-height:520px}.yard-bg{width:100%;height:520px;object-fit:cover}.placed-decor{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;z-index:3}.placed-decor img{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 5px 4px #0003)}.placed-decor:hover{transform:translate(-50%,-50%) scale(1.08)}.yard-friends{position:absolute;inset:0;z-index:4}.yard-friend{position:absolute;border:0;background:transparent}.yard-friend .friend-art-wrap{width:130px;height:130px}.yard-friend-art{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 5px 4px #0003)}.yard-friend span:last-child{display:block;background:#ffffffdd;border-radius:12px;padding:4px 8px;font-size:.72rem;font-weight:900;max-width:150px}.yf0{left:38%;bottom:7%}.yf1{left:55%;bottom:12%}.yf2{left:68%;bottom:5%}.yard-help{margin-top:8px;color:var(--muted)}.decor-shop{display:grid;gap:8px;max-height:520px;overflow:auto}.decor-item{display:grid;grid-template-columns:58px 1fr auto;gap:8px;align-items:center;background:#f8fcff;border-radius:14px;padding:8px}.decor-item img{width:55px;height:55px;object-fit:contain}.decor-item div{display:flex;flex-direction:column}.decor-item .inline-clipart{width:20px;height:20px}.accessory-card{margin-top:14px}.accessory-shop{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.accessory-item{text-align:center;border:2px solid #e2ecef;border-radius:15px;padding:9px;background:#fff}.accessory-item img{width:65px;height:65px;object-fit:contain;margin:auto}.accessory-item b,.accessory-item small{display:block}.accessory-item.owned{background:#f2fff3;border-color:#b9dfbd}
.friend-art-wrap{display:inline-block;position:relative}.friend-accessory{position:absolute!important;width:34%!important;height:34%!important;object-fit:contain!important;right:2%!important;top:0!important;z-index:4;filter:drop-shadow(0 2px 2px #0003)}.popup-art-wrap{text-align:center}.popup-friend-art{width:280px;height:280px;object-fit:contain}.friend-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}.friend-info-grid>div{background:#f6fbfd;border-radius:12px;padding:8px;display:flex;flex-direction:column}.friend-traits{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0}.friend-traits span{background:#f4f9fb;border-radius:999px;padding:5px 8px;font-size:.75rem;font-weight:800}.friend-traits .inline-clipart{width:20px;height:20px}.accessory-choices{margin-top:14px;border-top:1px solid #dfe8eb;padding-top:10px}.accessory-choices>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.accessory-choice{border:2px solid #dfe9ed;border-radius:12px;background:#fff;padding:6px}.accessory-choice img{width:45px;height:45px;object-fit:contain}.accessory-choice small{display:block}.accessory-choice.equipped{border-color:#71c38d;background:#effff1}
.festival-current{margin-bottom:14px;min-height:150px}.festival-current-content,.festival-empty{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}.festival-current-content img,.festival-empty img{width:105px;height:105px;object-fit:contain}.festival-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.festival-project{text-align:center}.festival-project>img{width:90px;height:90px;object-fit:contain;margin:auto}.festival-project.selected{border:3px solid #7ac69a}.festival-project.completed{background:#fffbea}.talent-card{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:center;margin-top:14px}.talent-card>img{width:100%;height:170px;object-fit:cover;border-radius:18px}
.tree-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.tree-stage{text-align:center;overflow:hidden}.tree-visual{height:420px;display:grid;place-items:end center;position:relative;background:linear-gradient(#e8f8ff,#efffe8);border-radius:22px;overflow:hidden}.tree-visual:after{content:'';position:absolute;left:0;right:0;bottom:0;height:25%;background:#9bd978}.tree-visual>img{width:330px;height:360px;object-fit:contain;transform-origin:bottom center;transition:.4s;z-index:2;filter:drop-shadow(0 8px 7px #0002)}.tree-heartlights{position:absolute;inset:0;z-index:3;pointer-events:none}.tree-heartlights img{position:absolute;width:50px;height:50px;object-fit:contain;opacity:.16;filter:grayscale(1)}.tree-heartlights img.lit{opacity:1;filter:none;animation:heartPulse 2s infinite}.tree-heartlights img:nth-child(1){left:24%;top:45%}.tree-heartlights img:nth-child(2){left:34%;top:27%}.tree-heartlights img:nth-child(3){left:47%;top:18%}.tree-heartlights img:nth-child(4){left:61%;top:28%}.tree-heartlights img:nth-child(5){left:70%;top:44%}.tree-heartlights img:nth-child(6){left:29%;top:58%}.tree-heartlights img:nth-child(7){left:54%;top:50%}.tree-heartlights img:nth-child(8){left:64%;top:61%}@keyframes heartPulse{50%{transform:scale(1.14)}}.tree-metrics{display:grid;gap:9px}.tree-metrics>div{display:flex;gap:10px;align-items:center;background:#f7fbfd;border-radius:15px;padding:10px}.tree-metrics img{width:48px;height:48px;object-fit:contain}.tree-metrics b{font-size:1.4rem;display:block}.tree-metrics small{display:block}.tree-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tree-milestone{text-align:center;border:2px solid #e0e9ec;border-radius:15px;padding:10px}.tree-milestone img{width:60px;height:60px;object-fit:contain;margin:auto}.tree-milestone b,.tree-milestone small{display:block}.tree-milestone.ready{border-color:#e5c857;background:#fffbea}.tree-milestone.claimed{background:#f0fff1;border-color:#b4dfb8}.tree-progress span{background:linear-gradient(90deg,#77bd6c,#f3cf58)}
.rotating-adventures{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}.rotating-card{display:grid;grid-template-columns:75px 1fr auto;gap:12px;align-items:center}.rotating-card>img{width:70px;height:70px;object-fit:contain}.rotating-card h2{margin:.1em 0}.region-activity-art{width:100px;height:100px;object-fit:contain;margin:auto}.story-book{max-height:75vh;overflow:auto}.story-chapter{border-left:5px solid #85c991;background:#f8fff8;border-radius:10px;padding:11px;margin:9px 0}.story-chapter.locked{border-left-color:#c6d0d3;background:#f4f6f7;color:#839097}.story-chapter p{margin:.3em 0}.tiny-team .friend-art-wrap{width:54px;height:54px}.tiny-team-art{width:54px;height:54px;object-fit:contain}
.bottom-nav{grid-template-columns:repeat(10,1fr)}
@media(max-width:1000px){.world-region-grid{grid-template-columns:1fr}.cottage-builder-layout,.tree-layout{grid-template-columns:1fr}.festival-project-grid{grid-template-columns:repeat(2,1fr)}.accessory-shop{grid-template-columns:repeat(3,1fr)}.secret-guest-grid{grid-template-columns:repeat(2,1fr)}.tree-milestones{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.story-home-card{grid-template-columns:80px 1fr}.story-home-card>img{width:75px;height:75px}.story-progress-card{grid-template-columns:1fr}.region-progress-panel{top:76px;left:14px;right:auto;width:calc(100% - 28px)}.cottage-yard-scene,.yard-bg{min-height:430px;height:430px}.yard-friend .friend-art-wrap,.yard-friend-art{width:95px;height:95px}.festival-project-grid{grid-template-columns:1fr}.talent-card{grid-template-columns:1fr}.accessory-shop{grid-template-columns:repeat(2,1fr)}.rotating-adventures{grid-template-columns:1fr}.rotating-card{grid-template-columns:58px 1fr}.rotating-card>button{grid-column:1/3}.secret-guest-grid{grid-template-columns:1fr 1fr}.tree-milestones{grid-template-columns:1fr}.bottom-nav{grid-template-columns:repeat(10,minmax(58px,1fr));overflow-x:auto}.friend-info-grid{grid-template-columns:1fr}}


.story-book{max-height:75vh;overflow:auto}
.storybook-modal{max-width:1040px;width:min(92vw,1040px)}
.storybook-top{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:12px}
.storybook-top h1{margin:.12em 0}.storybook-top p{margin:.2em 0;color:var(--muted)}
.storybook-progress{background:#fff7d6;border:2px solid #f0d77a;border-radius:18px;padding:10px 14px;text-align:center;min-width:90px}.storybook-progress b{display:block;font-size:1.15rem}
.book-spread{display:grid;grid-template-columns:1fr 1fr;gap:0;background:linear-gradient(180deg,#b88854,#a87744);padding:14px;border-radius:26px;box-shadow:0 18px 30px #0002}
.book-page{min-height:470px;background:#fffaf0;position:relative;overflow:hidden;border:1px solid #dcc6a2;box-shadow:inset 0 0 0 1px #f4ebda,inset 0 0 22px #00000008}
.book-page:first-child{border-radius:18px 6px 6px 18px}.book-page:last-child{border-radius:6px 18px 18px 6px}
.page-inner{height:100%;display:flex;flex-direction:column;align-items:flex-start;padding:24px 26px 34px;background:linear-gradient(180deg,#fffdf8,#f9f1e0)}
.page-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:1000;color:#7a674e}
.book-page h2{margin:.4em 0 .1em;font-size:1.5rem;color:#273b4d}.book-page h3{margin:.1em 0 1em;color:#6a7f53;font-size:1.05rem}.book-page p{font-size:1rem;line-height:1.56;color:#394c5e}
.story-page-art{width:120px;height:120px;object-fit:contain;margin:2px auto 14px;align-self:center;filter:drop-shadow(0 4px 6px #0001)}
.page-number{position:absolute;bottom:12px;right:20px;color:#846f55;font-weight:900}.page-corner{position:absolute;right:0;top:0;width:64px;height:64px;background:linear-gradient(135deg,transparent 50%,#eddcc1 51%,#ead4b0 100%);opacity:.8}
.book-page.locked-page{background:linear-gradient(180deg,#f3f0ea,#ebe6de)}.book-page.locked-page h3,.book-page.locked-page p{color:#8a8f92}.book-page.locked-page .story-page-art{filter:grayscale(1) opacity(.8)}
.book-page.cover h2{font-size:2rem;color:#29476c}.book-page.cover h3{font-size:1.2rem;color:#7a5c90}.book-page.ending h3{color:#4e8759}
.blank-page{background:linear-gradient(180deg,#f9f1e0,#f4ead7)}
.storybook-nav{display:flex;justify-content:space-between;gap:10px;margin-top:12px}
.storybook-modal.turn-next .book-page:last-child{animation:pageflipnext .24s ease}.storybook-modal.turn-prev .book-page:first-child{animation:pageflipprev .24s ease}
@keyframes pageflipnext{0%{transform:perspective(900px) rotateY(0);transform-origin:left center}100%{transform:perspective(900px) rotateY(-11deg);transform-origin:left center}}
@keyframes pageflipprev{0%{transform:perspective(900px) rotateY(0);transform-origin:right center}100%{transform:perspective(900px) rotateY(11deg);transform-origin:right center}}
@media(max-width:860px){.storybook-top{flex-direction:column;align-items:start}.book-spread{grid-template-columns:1fr}.book-page:first-child,.book-page:last-child{border-radius:18px}.storybook-nav{flex-wrap:wrap}.storybook-nav button{flex:1 1 180px}}