:root{--ink:#214d55;--sub:#638c8e;--gold:#f7c85c;--cream:#fff9e9;--line:#d7e5db;--panel:#fffdf3;--shadow:0 7px 0 #377b7555,0 15px 32px #164b4b27}
body{background:radial-gradient(circle at 50% 25%,#c9ebd4,#83c5bd 70%,#4a958d)}
button,a{color:inherit}.ui-icon{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.17em}
.meta-shell{position:relative;width:min(100%,520px);height:100dvh;max-height:1040px;margin:auto;display:flex;flex-direction:column;overflow:hidden;background:#e7f7ed;color:var(--ink);box-shadow:0 0 90px #123d4d5c}
.meta-header{position:relative;z-index:12;flex:0 0 auto;min-height:calc(62px + env(safe-area-inset-top));padding:calc(11px + env(safe-area-inset-top)) 13px 8px;display:flex;align-items:center;gap:7px;background:linear-gradient(#eafff1f5,#e8faeff0);box-shadow:0 2px 16px #498b7930}
.meta-header .profile-pill{display:flex;align-items:center;min-width:0;gap:7px;text-align:left;padding:3px 12px 3px 3px;border-radius:22px;background:#fffdf4;box-shadow:0 3px 0 #9fcbaf,0 4px 9px #32705628;border:1px solid #fff}
.meta-header .profile-pill>span:last-child{min-width:0;font-size:12px;font-weight:900;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.meta-header .profile-pill small{display:block;font-size:9px;color:#7b9b93;font-weight:700}
.dragon-portrait{position:relative;display:inline-grid;place-items:center;aspect-ratio:1;flex:none;width:82px;height:82px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 48% 38%,#fff9ec,#d0f2e4 66%,#7ac2b7);box-shadow:inset 0 2px 6px #fff,inset 0 -5px 5px #599f9180,0 3px 5px #39696b39;border:2px solid #fff9dd}
.dragon-portrait canvas{width:100%;height:100%;object-fit:contain}.dragon-portrait .accessory{position:absolute;bottom:1%;right:0;width:27%;height:27%;border-radius:50%;background:#ffe4a0;display:grid;place-items:center;color:#ac7926;border:1px solid #fff5d0}.accessory svg{width:70%;height:70%}
.dragon-portrait.avatar{width:39px;height:39px}.profile-pill.frame-gold .avatar{outline:2px solid #f7c85c}.profile-pill.frame-moon .avatar{outline:2px solid #a98ce0}
.balance-pill{display:flex;align-items:center;gap:3px;margin-left:auto;padding:8px 11px;border-radius:19px;background:linear-gradient(#fffcde,#ffdf86);border:1px solid #fff9da;box-shadow:0 3px 0 #d8a944,0 6px 13px #8a684826;color:#7b561d;font-weight:900}.balance-pill svg{fill:#ffe27e;stroke:#cf983c}.ui-square{min-width:39px;width:39px;height:39px;border-radius:13px;background:linear-gradient(#fffdf3,#dfefe7);border:1px solid #fff;box-shadow:0 3px 0 #9bc5b4,0 6px 12px #32696122;color:#48777a;font-size:21px}
.meta-content{position:relative;flex:1;min-height:0;overflow:hidden}.meta-nav{flex:0 0 auto;min-height:calc(68px + env(safe-area-inset-bottom));padding:6px 9px calc(5px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around;gap:3px;background:linear-gradient(#fffcf1,#f1eedb);box-shadow:0 -4px 18px #35554d35;z-index:15;border-top:2px solid #fff}.meta-nav button{position:relative;flex:1;display:grid;justify-items:center;gap:1px;background:transparent;color:#7d9b8a;font-weight:800;font-size:10px;padding:5px 0;border-radius:15px}.meta-nav button svg{width:27px;height:27px;stroke-width:2.5}.meta-nav button.active{background:#e5f5ea;color:#2a8575}.meta-nav .notification{position:absolute;right:15%;top:0;min-width:17px;height:17px;padding:1px 4px;border-radius:12px;color:#fff;background:#ef785d;border:1px solid #fff;font-style:normal;font-size:10px;font-weight:900;box-shadow:0 2px 4px #ad493f44}
.home-scene{position:absolute;inset:0;overflow:hidden;background:#a9d2a2 url('assets/garden-day-v1.png') center 47%/cover no-repeat}.meta-shell[data-scene='lotus'] .home-scene{background-image:url('assets/garden-lotus-v1.png')}.meta-shell[data-scene='moon'] .home-scene{background-image:url('assets/garden-moon-v1.png')}.meta-shell[data-garden='sunset'] .home-scene:before{content:'';position:absolute;inset:0;background:#f5a44d29;mix-blend-mode:soft-light;pointer-events:none}
.garden-title{position:absolute;z-index:2;top:10px;left:50%;transform:translateX(-50%);width:160px;text-align:center;background:linear-gradient(#fffdf7ee,#f6f1d9ed);border:2px solid #fff8de;border-radius:18px;padding:4px 6px;box-shadow:0 4px 0 #9aab8155,0 6px 12px #25472533}.garden-title small,.garden-title span{display:block;color:#8d9c75;font-weight:800;font-size:9px}.garden-title button{background:none;color:#447654;font-size:16px;font-weight:950}.garden-title button svg{width:12px}
.home-side{position:absolute;z-index:5;top:12px;display:grid;gap:6px}.home-side.left{left:9px}.home-side.right{right:9px}.event-orb{position:relative;display:grid;justify-items:center;gap:1px;width:65px;min-height:63px;padding:7px 3px 5px;border-radius:18px;background:linear-gradient(145deg,#fff5c2,#efbf65);color:#9b6228;border:2px solid #fff9dc;box-shadow:0 4px 0 #a87936,0 7px 13px #35524455}.event-orb.lilac{background:linear-gradient(145deg,#f6edff,#c9afef);color:#6c60ab;box-shadow:0 4px 0 #9277bd,0 7px 13px #35524455}.event-orb.peach{background:linear-gradient(145deg,#fff0db,#f8bf93);color:#a05f42;box-shadow:0 4px 0 #c78560,0 7px 13px #35524455}.event-orb svg{width:25px;height:25px;stroke-width:2.3}.event-orb span{font-size:9px;font-weight:900;white-space:nowrap}.event-orb small{font-size:8px;font-weight:800}.red-dot{position:absolute;right:-2px;top:-3px;background:#f46754;width:12px;height:12px;border:2px solid #fff;border-radius:50%}
.garden-stage{position:absolute;z-index:1;inset:74px 0 129px}.garden-stage button{position:absolute}.scene-decoration,.build-spot{left:var(--x);top:var(--y);transform:translate(-50%,-50%)}.scene-decoration{width:var(--size);aspect-ratio:1;background:transparent;padding:0;filter:drop-shadow(0 7px 5px #2a5b435c)}.scene-decoration>i,.built-object{display:block;width:100%;height:100%;background-image:url('assets/garden-decor-v1.png');background-repeat:no-repeat;background-size:300% 200%;background-position:calc(var(--col)*50%) calc(var(--row)*100%);filter:drop-shadow(0 3px 4px #244b4833)}.decor-style-1>i,.decor-style-1.built-object{filter:hue-rotate(20deg) saturate(.8) drop-shadow(0 3px 4px #244b4833)}.decor-style-2>i,.decor-style-2.built-object{filter:hue-rotate(-40deg) saturate(1.1) drop-shadow(0 3px 4px #244b4833)}.newly-built{animation:build-pop .7s cubic-bezier(.2,1.7,.3,1)}@keyframes build-pop{from{scale:.2;opacity:.3}60%{scale:1.3}to{scale:1;opacity:1}}
.build-spot{z-index:2;width:54px;height:54px;border-radius:50%;background:radial-gradient(#fffce7e8,#fbd97bd9);border:3px dashed #ffefad;color:#a86e3d;box-shadow:0 3px 0 #9b8e5c,0 0 15px #fff8a6}.build-spot.ready{animation:spot-pulse 1.5s infinite}.build-spot svg{width:22px}.build-spot b{position:absolute;right:5px;bottom:1px}@keyframes spot-pulse{50%{scale:1.11;box-shadow:0 3px 0 #9b8e5c,0 0 22px #fffbd0}}
.home-dragon{z-index:3;left:35%;top:53%;transform:translate(-50%,-50%);width:clamp(152px,44%,225px);aspect-ratio:6/5;background:transparent;padding:0;filter:drop-shadow(0 9px 8px #39554b70)}.home-dragon canvas{width:100%;height:100%}.pet-speech{position:absolute;z-index:4;left:46%;top:34%;max-width:134px;padding:7px 9px;background:#fffdf0f0;border:2px solid white;border-radius:14px;color:#467973;font-size:10px;font-weight:850;line-height:1.4;box-shadow:0 3px 0 #9fb9a0;opacity:.96}.pet-speech.talk{animation:build-pop .4s}
.home-bottom{position:absolute;left:12px;right:12px;bottom:13px;z-index:6;display:grid;gap:8px}.build-task{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:8px 12px;border-radius:17px;background:linear-gradient(#fffef1,#f6edcb);border:2px solid #fff7de;box-shadow:0 5px 0 #cba866,0 7px 17px #38554a55;color:#4f6f57}.build-task>span:nth-child(2){display:grid;gap:1px}.build-task small{font-size:9px;color:#92977a;font-weight:800}.build-task strong{font-size:13px}.task-emblem{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(#ffe9a9,#f5bd61);color:#9e6728;box-shadow:inset 0 2px 0 #fff7ca}.task-emblem svg{width:25px;height:25px}.build-cost{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:15px;font-weight:950;color:#aa8b5a;white-space:nowrap}.build-cost.afford{color:#b67628}.build-cost svg{fill:#ffe07c;stroke:#d6a440}.play-cta{display:flex;justify-content:center;align-items:center;gap:7px;min-height:61px;border:2px solid #fff4ad;border-radius:19px;background:linear-gradient(#ffe47a,#ffbc39 55%,#ed9a31);box-shadow:0 6px 0 #c4772c,0 11px 24px #443c2566,inset 0 2px 4px #fff9c3;color:#754714;text-shadow:0 1px #fff3a8;font-size:20px;font-weight:1000}.play-cta strong{font-size:11px;background:#fff5c5c4;border-radius:10px;padding:4px 7px}.play-cta svg{position:absolute;right:27px;width:23px;height:23px;fill:#fff4b5;stroke:#94651d}
.panel-page{height:100%;overflow:auto;overscroll-behavior:contain;padding:13px 14px 28px;background:linear-gradient(#e5f8ee,#f3f4dd 45%,#e7f4ed)}.page-title{text-align:center;position:relative;margin:4px 0 14px}.page-title small{color:#71958f;font-size:10px;font-weight:800;letter-spacing:.1em}.page-title h1{font-size:26px;margin:3px 0;color:#2e6766;text-shadow:0 2px white}.page-count{font-size:10px;font-weight:900;background:#fff9de;color:#9b763e;border-radius:12px;padding:4px 7px}
.chapter-banner,.collection-hero,.weekly-hero{width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:12px;background:linear-gradient(140deg,#dcf5e6,#fffbe7);border:2px solid white;border-radius:20px;box-shadow:0 5px 0 #bad6c3,0 8px 16px #29665a22;color:#2d6568}.chapter-banner>svg:first-child{width:35px;height:35px;color:#e5a83e}.chapter-banner>span{flex:1}.chapter-banner small,.chapter-banner strong{display:block}.chapter-banner small{font-size:10px;color:#729492}.chapter-banner strong{font-size:15px}.map-tools{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:16px 2px}.map-tools form{display:flex;align-items:center;gap:6px;background:#fffdf4;padding:4px 4px 4px 9px;border-radius:14px;border:1px solid #d9e9db}.map-tools label{font-size:10px;font-weight:850;color:#639089}.map-tools input{width:56px;border:0;background:transparent;font:inherit;color:#2b6264;font-size:12px;font-weight:850;outline:none}.map-tools button{background:#b8ddc8;color:#357267;border-radius:10px;padding:5px}.text-button{background:none;color:#5f8b8a;font-size:11px;font-weight:850}
.adventure-page{display:flex;flex-direction:column}.adventure-scroll{flex:1;overflow:auto;background:linear-gradient(#f6f6db,#d1ead2);border:2px solid #fff;border-radius:20px;box-shadow:inset 0 2px 9px #62a28d44;min-height:150px}.level-trail{position:relative;margin:12px 12px}.trail-path{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#f3d68b;stroke-width:3;stroke-dasharray:4 3;filter:drop-shadow(0 2px 0 #aaab83)}.map-node{position:absolute;transform:translate(-50%,-50%);width:45px;height:45px;border-radius:50%;border:3px solid #fff9df;background:linear-gradient(#fff5bb,#f4c46e);box-shadow:0 5px 0 #b18f5e,0 6px 9px #51726344;color:#8a5c30;font-weight:950}.map-node.cleared{background:linear-gradient(#d8f9dd,#77cbb1);box-shadow:0 5px 0 #549f8f,0 6px 9px #51726344;color:#fff}.map-node.current{width:56px;height:56px;background:linear-gradient(#fffcb8,#ffc948);box-shadow:0 6px 0 #c08634,0 6px 16px #deaa4977;color:#734d23}.map-node.challenge{border-color:#e8bb62}.map-node svg{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;background:#fff6c8;border-radius:50%;padding:2px}.you-are-here{position:absolute;left:50%;bottom:105%;transform:translateX(-50%);font-size:8px;width:55px;padding:3px;background:#fffef1;border-radius:8px;color:#897341}.map-pager{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:12px;font-size:11px;font-weight:800;color:#668e86}
.collection-hero{min-height:108px}.collection-hero .book-mascot{width:80px;height:80px}.collection-hero div{flex:1}.collection-hero strong{font-size:17px}.collection-hero p{font-size:10px;color:#72968e;margin:3px 0 7px}.ui-progress{position:relative;height:17px;background:#d5e8d8;border:2px solid #fff;border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 3px #78a39588}.ui-progress i{display:block;height:100%;background:linear-gradient(#ffe181,#f7bc4b);border-radius:20px}.ui-progress span{position:absolute;inset:0;text-align:center;color:#756643;font-size:9px;font-weight:900;line-height:13px}.page-tabs{display:flex;gap:5px;margin:17px 0 14px;padding:4px;background:#d8eadc;border-radius:14px}.page-tabs button{flex:1;background:transparent;color:#74928a;border-radius:11px;font-size:11px;font-weight:900;padding:8px 3px}.page-tabs button.active{background:linear-gradient(#fffdfa,#fff0bb);box-shadow:0 2px 0 #bdb993;color:#588071}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.collection-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:132px;padding:8px 2px;border-radius:17px;border:2px solid #fff8db;background:linear-gradient(#fff9df,#ffedc4);box-shadow:0 4px 0 #d8b67b;color:#6f674c}.collection-card.rare{background:linear-gradient(#faf1ff,#e8d6ff);box-shadow:0 4px 0 #bfa1d5}.collection-card.locked{filter:saturate(.35);opacity:.77}.collection-card.locked .dragon-portrait{filter:brightness(.45) grayscale(1)}.collection-card .dragon-portrait{width:72px;height:72px;margin-bottom:3px}.collection-card strong{font-size:11px}.collection-card small{font-size:8px;color:#a29372}.rarity-label{position:absolute;top:4px;left:5px;font-size:8px;background:#dcbcf3;color:#6c5091;padding:2px 5px;border-radius:8px}.card-copies{position:absolute;right:5px;top:4px;background:#fff;color:#8a6951;font-weight:900;font-size:9px;border-radius:8px;padding:2px 4px}.set-reward,.pack-open-button{margin-top:17px;padding:11px 12px;border:2px solid white;border-radius:17px;background:#fffcf0;display:flex;align-items:center;gap:8px;box-shadow:0 4px 0 #d2dbb9;font-size:11px;font-weight:850}.set-reward>span:first-child{flex:1}.mini-rewards{display:inline-flex;gap:4px}.mini-rewards>span,.reward-row>span{display:inline-flex;align-items:center;gap:2px}.mini-rewards svg{width:14px;height:14px;fill:#ffe593;stroke:#cb9b43}.set-reward .ui-primary,.set-reward .ui-soft{width:auto;padding:7px}.pack-open-button{width:100%;text-align:left;background:linear-gradient(#fff5d7,#ffe4a8);color:#8b5c35}.pack-open-button>svg:first-child{width:35px;height:35px}.pack-open-button span{flex:1}.pack-open-button strong,.pack-open-button small{display:block}.pack-open-button small{font-size:9px;color:#a4825c}.pack-open-button>b{font-size:20px}.page-note{display:flex;align-items:center;gap:4px;margin:15px 3px;font-size:10px;color:#78938a;line-height:1.5}.page-note svg{flex:none}
.section-caption{display:flex;justify-content:space-between;align-items:center;color:#658b81;font-size:12px;margin-bottom:12px}.task-list{padding-bottom:20px}.quest-card{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:10px;background:#fffdf5;border:2px solid #fff;border-radius:18px;box-shadow:0 4px 0 #c9d9bd}.quest-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;background:#d4f0dc;border-radius:13px;color:#4a987b}.quest-icon svg{width:24px;height:24px}.quest-card>div{flex:1;min-width:0}.quest-card strong{font-size:12px}.quest-card p{font-size:9px;color:#86a099;margin:2px 0 7px}.quest-reward{width:62px;min-height:52px;display:grid;place-items:center;gap:1px;border-radius:12px;background:#e5eee1;color:#8aa49b;font-size:10px}.quest-reward.ready{background:linear-gradient(#ffe88c,#f8bc4b);color:#96612c;box-shadow:0 3px 0 #cc9d52}.quest-reward b{font-size:9px}.daily-card{width:100%;display:flex;align-items:center;gap:10px;text-align:left;margin:13px 0 0;padding:12px;border-radius:18px;background:linear-gradient(#f9efd1,#f7d892);box-shadow:0 4px 0 #d5b96f;color:#8d6533}.daily-card.pale{background:#e1f2e7;color:#548778;box-shadow:0 4px 0 #aac8b2}.daily-card>svg:first-child{width:27px;height:27px}.daily-card>span{flex:1}.daily-card strong,.daily-card small{display:block}.daily-card small{font-size:9px;opacity:.7}
.weekly-hero{display:block;text-align:center;background:linear-gradient(150deg,#476e9d,#9a8bd1);color:white;margin:4px 0 23px;padding:22px 14px;box-shadow:0 5px 0 #6a76a9,0 8px 14px #637a9f43}.weekly-hero>svg{width:44px;height:44px;color:#ffda7a}.weekly-hero h2{font-size:19px;margin:6px 0}.weekly-hero p{font-size:11px;margin:0 0 14px}.weekly-hero small{font-size:9px}.weekly-stop{display:flex;align-items:center;gap:12px;margin:0 12px 14px;padding:10px;border-radius:16px;background:#fffcf0;box-shadow:0 3px 0 #c5d4c8}.weekly-stop .lantern{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#dfe8e6;color:#9daeb2}.weekly-stop.lit .lantern{background:#ffecaa;color:#ce9650}.weekly-stop>div{flex:1;font-size:11px}.weekly-stop strong{display:block}.weekly-stop .ui-primary,.weekly-stop .ui-soft{width:auto;font-size:11px;padding:8px}
.ui-primary,.ui-secondary,.ui-soft,.ui-text{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;border-radius:13px;min-height:43px;padding:9px 13px;font-weight:900;font-size:13px;text-align:center}.ui-primary{background:linear-gradient(#ffe69a,#f7ba4c);color:#8c5722;box-shadow:0 4px 0 #c68d3a;border:1px solid #fff6d7}.ui-secondary{background:linear-gradient(#ebfff4,#b9e4d5);color:#4d8279;box-shadow:0 4px 0 #9dcbb9;border:1px solid white}.ui-soft{background:#e6eee9;color:#9caea4}.ui-text{background:none;color:#6b9089;min-height:34px}.ui-primary:disabled,.ui-secondary:disabled,.ui-soft:disabled,.pack-open-button:disabled{filter:grayscale(.35);opacity:.5;box-shadow:none;cursor:default}
.meta-overlay{position:fixed;z-index:90;inset:0;background:#123d4996;display:flex;align-items:center;justify-content:center;padding:12px;backdrop-filter:blur(5px)}.meta-dialog{position:relative;width:min(100%,440px);max-height:min(88dvh,850px);display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:linear-gradient(#fffdf2,#edf7ec);border:3px solid #fff6d9;box-shadow:0 9px 0 #438282,0 20px 55px #072e365c;color:#315d60}.ui-close{position:absolute;right:8px;top:8px;z-index:4;width:31px;height:31px;display:grid;place-items:center;background:#fff5d3;border:1px solid white;border-radius:50%;box-shadow:0 2px 0 #d6ba7f;color:#8a9879}.modal-ribbon{flex:none;padding:15px 46px 12px;background:linear-gradient(#fff6c3,#ffe39d);border-bottom:2px solid #e9c67b;text-align:center}.modal-ribbon h2{margin:0;font-size:19px;color:#8b5d30;text-shadow:0 1px white}.modal-body{overflow:auto;padding:16px 14px;min-height:0}.modal-footer{flex:none;display:grid;gap:9px;padding:0 15px 18px}.modal-copy{font-size:12px;line-height:1.7;color:#668982;text-align:center;margin:12px 4px}.small-note{font-size:10px;text-align:center;color:#8fa29a;line-height:1.5}.center-title{text-align:center;color:#437f7b;font-size:17px;margin:7px 0}.modal-subtitle{font-size:12px;color:#67978a;margin:18px 2px 9px}.reward-glow{display:grid;place-items:center;margin:auto;width:87px;height:87px;border-radius:24px;background:radial-gradient(#fffbc9,#ffd775);box-shadow:0 6px 0 #dbb15e,0 0 26px #f7d8869c;color:#d28a36}.reward-glow svg{width:54px;height:54px}.reward-row{display:flex;justify-content:center;gap:20px;padding:11px;margin:6px auto 0;border-radius:15px;background:#ffefc5;color:#9d6f33}.reward-row svg{width:23px;height:23px;fill:#ffdb77}.built-object{width:145px;height:145px;margin:auto}.decoration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.decoration-options button{padding:8px 3px;border-radius:12px;border:2px solid #dfebdf;background:#f7fbec;font-size:10px;font-weight:850}.decoration-options button.selected{border-color:#efbd5b;background:#fff6d8}.decoration-options .built-object{width:90px;height:80px}.level-preview{padding:14px;border-radius:18px;background:linear-gradient(145deg,#d7f0e2,#fff8df);text-align:center;border:2px solid #fff}.difficulty-badge,.mechanic-pills span{display:inline-block;padding:4px 7px;background:#fff7d6;color:#a88242;border-radius:10px;font-size:10px;font-weight:850}.preview-friends{display:flex;justify-content:center;margin:8px 0}.preview-friends .dragon-portrait{width:70px;height:70px;margin:0 -8px}.level-preview h3{margin:5px 0;font-size:16px}.preview-facts{display:flex;justify-content:center;gap:18px;font-size:11px;color:#638d83}.mechanic-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:8px 0}.mechanic-pills:empty{display:none}
.garden-list{display:grid;gap:9px}.garden-choice{display:flex;align-items:center;gap:9px;padding:8px;border-radius:16px;border:2px solid white;background:#e2f0e8;text-align:left}.garden-choice.selected{border-color:#eab75c;background:#fff2cc}.garden-choice img{width:64px;height:64px;object-fit:cover;border-radius:12px}.garden-choice span{flex:1}.garden-choice strong,.garden-choice small{display:block}.garden-choice small{font-size:9px;color:#79968f}.checkin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.checkin-day{border:2px solid white;border-radius:14px;padding:8px 3px;min-height:67px;text-align:center;background:#fff4d4;font-size:9px}.checkin-day.today{background:#ffe09c}.checkin-day.claimed{background:#dff3dc}.checkin-day b,.checkin-day span{display:block}.checkin-day svg{width:24px;height:24px;color:#ce9b4e}.profile-main{display:grid;justify-items:center;gap:5px}.profile-dragon{width:106px;height:106px}.profile-main span{font-size:10px;color:#85a49a}.profile-name{display:grid;gap:5px;font-size:11px;font-weight:850}.profile-name input{width:100%;padding:10px;border-radius:11px;border:2px solid #d4e6dc;background:white;font:inherit;color:#4a7973}.profile-stats{display:flex;justify-content:space-around;margin:12px 0;background:#e8f5e9;border-radius:13px;padding:10px}.profile-stats span{text-align:center;font-size:9px;color:#7c9b90}.profile-stats b{display:block;color:#377b74;font-size:17px}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.avatar-grid button{position:relative;background:#e7f0e9;border:2px solid transparent;border-radius:50%;padding:1px}.avatar-grid button.selected{border-color:#f0b95c}.avatar-grid .dragon-portrait{width:100%;height:auto}.avatar-grid button.locked{filter:grayscale(1);opacity:.45}.avatar-grid button>svg{position:absolute;bottom:0;right:0;background:white;border-radius:50%;width:15px}.frame-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.frame-options button{display:grid;justify-items:center;gap:3px;padding:8px 2px;border-radius:12px;background:#e6f3ed;font-size:10px;font-weight:850}.frame-options button.selected{background:#ffedbd}.frame-options button:disabled{opacity:.48}.frame-options small{font-size:8px;color:#91a8a0}.setting-list{display:grid;gap:8px}.setting-row{display:flex;align-items:center;gap:9px;background:#f4f9ef;padding:11px;border-radius:13px;color:#5b8680;text-align:left}.setting-row>strong{flex:1;font-size:11px}.setting-row>svg{width:20px;height:20px}.ui-switch{width:38px;height:22px;padding:2px;border-radius:20px;background:#b8c9c5;transition:background .2s}.ui-switch.on{background:#86c6ab}.ui-switch i{display:block;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 3px #4d7e7366;transition:transform .2s}.ui-switch.on i{transform:translateX(16px)}.settings-links{display:grid;gap:2px;margin:13px 0}.settings-links>*{display:flex;align-items:center;gap:9px;padding:11px 4px;background:none;border-bottom:1px solid #d9e9de;text-decoration:none;font-size:11px;font-weight:800;text-align:left}.settings-links>* svg:last-child{margin-left:auto}.settings-version{font-size:9px;text-align:center;color:#91a69a}.backup-hero{text-align:center;font-size:70px;color:#7bb6a6}.backup-hero svg{width:70px;height:70px}.backup-stats{padding:12px;background:#e6f3e8;border-radius:12px;text-align:center;font-size:11px;line-height:1.7}.rule-list article{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #e2eadd}.rule-list article>span{width:36px;height:36px;border-radius:12px;background:#e0f1e5;color:#5d9b84;display:grid;place-items:center;flex:none}.rule-list article p{font-size:10px;line-height:1.55;color:#85a097;margin:2px 0}.rule-list article h3{margin:0;font-size:12px}.share-url{width:100%;height:80px;border-radius:12px;border:1px solid #c7ddcf;padding:8px;font-size:10px}.pack-reveal{display:flex;justify-content:center;gap:10px}.reveal-card{position:relative}.reveal-card .collection-card{min-width:126px}.new-label,.duplicate-label{position:absolute;right:-4px;bottom:4px;padding:4px 8px;border-radius:10px;background:#f4ca64;color:#7f541e;font-size:9px}.duplicate-label{background:#d9c4ec;color:#70558a}.collection-card.large{margin:auto;width:175px;min-height:190px}.collection-card.large .dragon-portrait{width:105px;height:105px}.about-dragon{text-align:center}.about-dragon .dragon-portrait{width:100px;height:100px}.streak-star{width:100px;height:100px;margin:auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(#fffcd7,#ffc873);color:#b37a34}.streak-star svg{width:55px;height:55px}.streak-star b{position:absolute;font-size:32px;color:#8d5929}.ui-toast{position:fixed;z-index:120;left:50%;bottom:calc(85px + env(safe-area-inset-bottom));transform:translate(-50%,15px);width:max-content;max-width:min(85vw,400px);padding:10px 15px;border-radius:12px;background:#184e54e8;color:#fff7de;font-size:12px;font-weight:800;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.ui-toast.show{opacity:1;transform:translate(-50%,0)}
.game-shell{background:linear-gradient(#d8f1eae8,#ebf6e2ee),url('assets/garden-day-v1.png') center/cover;box-shadow:0 0 70px #183f3e44}.game-shell .brand{background:none;padding:0;font-size:13px;color:#356e6b}.game-shell .brand>span{font-size:27px;line-height:1}.game-shell #editorLink{display:none}.game-shell .album-button,.game-shell .round-button,.game-shell .tool-icon{background:linear-gradient(#fffdf0,#e7f5e8);border:1px solid white;box-shadow:0 3px 0 #a3c5b4;color:#447e75}.game-shell .coach{background:#fffef0ef;border:2px solid white}.game-shell .level-label strong,.game-shell .timer{color:#346f6b}.game-shell .board-wrap{background:#d5e4c26b;border-radius:16px}.game-shell .tools button{color:#4b7870}.game-shell .teaching-card{background:#fffef0f5}.game-shell .dialog{background:linear-gradient(#fffdf0,#e9f5e9);border:3px solid #fff7dc;box-shadow:0 7px 0 #519485,0 16px 32px #184c4c70}.game-shell .primary,.game-shell .secondary{border-radius:13px}.game-shell .overlay{z-index:70}
@media(max-width:380px){.garden-title{width:138px}.garden-title button{font-size:13px}.event-orb{width:58px;min-height:56px}.event-orb span{font-size:8px}.home-dragon{width:46%}.pet-speech{font-size:9px;left:45%}.home-bottom{left:8px;right:8px}}
@media(max-height:690px){.meta-header{min-height:50px;padding-top:6px}.meta-nav{min-height:57px}.event-orb{min-height:52px;padding:3px}.event-orb svg{width:22px;height:22px}.garden-stage{inset:62px 0 120px}.build-task{padding:5px 9px}.play-cta{min-height:53px}}
@media(prefers-reduced-motion:reduce){.build-spot.ready{animation:none}.newly-built{animation:none}}.reduced-motion .build-spot.ready,.reduced-motion .newly-built{animation:none!important}
.garden-picker{display:grid;gap:9px}.garden-choice{min-height:70px;background:#e4f5e8 url('assets/garden-day-v1.png') center/cover;position:relative;isolation:isolate;overflow:hidden}.garden-choice:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fffdf0f2,#fffdf0b7,#ffffff22)}.garden-choice.scene-lotus{background-image:url('assets/garden-lotus-v1.png')}.garden-choice.scene-moon{background-image:url('assets/garden-moon-v1.png')}.garden-choice:disabled{filter:grayscale(.7);opacity:.7}.garden-choice>svg{width:25px;height:25px}.chapter-grid{max-height:60dvh;overflow:auto;display:grid;gap:7px}.chapter-grid button{display:flex;align-items:center;gap:9px;text-align:left;background:#f4fbf0;padding:9px;border-radius:13px;color:#4c807a}.chapter-grid button.selected{background:#fff0bd}.chapter-grid button span{flex:1}.chapter-grid button b,.chapter-grid button small{display:block}.chapter-grid button b{font-size:11px}.chapter-grid button small{font-size:9px;color:#8fa89c}.meta-win-reward{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px auto;padding:8px 13px;width:max-content;max-width:100%;border-radius:15px;background:linear-gradient(#fff7c7,#ffe091);color:#98642c;font-size:13px;font-weight:900;box-shadow:0 3px 0 #d5ad64}.meta-win-reward svg{width:19px;height:19px;fill:#ffdd76}