/* Original authored UI. Competitor sprite sheets are study references only. */
:root{--ink:#2f5e70;--sub:#7795a2;--cream:#fff9e9;--panel:#f8f9ff;--line:#bacfe6;--shadow:0 5px 0 #1b70ae,0 12px 28px #0b497942}
body{background:#3b6c7e}
.meta-shell{background:#dceee5;color:var(--ink);box-shadow:0 0 75px #003d78a0}
.meta-header{min-height:calc(66px + env(safe-area-inset-top));background:linear-gradient(#d5e9de,#d5e9de00);box-shadow:none;padding:calc(10px + env(safe-area-inset-top)) 13px 7px}
.meta-header .profile-pill{min-height:46px;background:linear-gradient(#fff,#e6e6f2);border:2px solid #8797b8;box-shadow:0 4px 0 #355e8a,0 7px 12px #1d549b59;color:#774528;padding-right:10px}
.meta-header .profile-pill small{color:#7e819b}.dragon-portrait.avatar{width:39px;height:39px;border:2px solid #eff8ff;background:radial-gradient(#f8faff,#89caef 70%,#4a8dc1)}
.balance-pill{min-height:39px;margin-left:auto;background:linear-gradient(#fff,#e1e0ee);border:2px solid #8594ba;box-shadow:0 4px 0 #43608e,0 6px 10px #1d549b6e;color:#873e1d}
.balance-pill svg{fill:#ffca38;stroke:#c7770e}.ui-square{width:42px;height:42px;border:2px solid #8ca0be;border-radius:15px;background:linear-gradient(#fff,#e0e3f0);box-shadow:0 4px 0 #355d88;color:#43769f}
.meta-nav{min-height:calc(72px + env(safe-area-inset-bottom));padding:4px 5px calc(4px + env(safe-area-inset-bottom));background:linear-gradient(#8fc9d9 0%,#4b9fb9 39%,#2d738d 100%);border-top:3px solid #f7e5bd;box-shadow:0 -3px 0 #6099ab,0 -7px 18px #284e4259;gap:0}
.meta-nav button{border-radius:0;color:#e3f0f3;font-size:11px;text-shadow:0 2px 2px #24566ca6;border-right:2px solid #c3e5ec54;min-height:57px}
.meta-nav button:last-child{border-right:0}.meta-nav button.active{background:linear-gradient(#e9fff12b,#245e7841);color:#fff}.meta-nav button.active svg{filter:drop-shadow(0 2px 1px #2c6178)}.meta-nav button svg{width:28px;height:28px;stroke-width:2.7}
.meta-nav .notification{background:linear-gradient(#ff7460,#d82530);border:2px solid #ffddc8;color:white;box-shadow:0 2px 0 #a72032}

/* Full-room palace art continues under the header and down to navigation. */
.meta-shell[data-tab='home']{background-image:var(--palace-art);background-size:cover;background-position:center center;background-repeat:no-repeat}
.meta-shell[data-tab='home'] .meta-header{background:linear-gradient(#174c4a59,transparent);box-shadow:none}
.home-scene,.meta-shell[data-scene] .home-scene,.meta-shell[data-garden] .home-scene{position:absolute;inset:0;background:transparent;overflow:hidden}
.home-scene:before{display:none!important}
.garden-title{position:absolute;top:7px;left:50%;transform:translateX(-50%);z-index:6;min-width:145px;width:auto;padding:6px 20px 7px;border-radius:16px;display:grid;justify-items:center;background:linear-gradient(#fff9e9f2,#f0e2c9ed);border:2px solid #e2c28f;box-shadow:0 3px 0 #907449,0 6px 10px #32534840;color:#385e56;line-height:1.2}
.garden-title small{color:#9b8b69;font-size:9px}.garden-title strong{font-size:17px;text-shadow:0 1px white}.garden-title>svg{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:12px;color:#8a997a}
.home-shortcuts{position:absolute;z-index:7;left:11px;top:94px;display:grid;gap:12px}.home-shortcuts button{position:relative;width:54px;height:58px;padding:5px 4px;display:grid;justify-items:center;align-content:center;gap:2px;border-radius:16px;border:2px solid #ffe5b5;background:linear-gradient(#fff6df,#e9c78c);box-shadow:0 4px 0 #987348,0 7px 12px #38554b55;color:#9e6b32;text-shadow:0 1px #fff8e8}.home-shortcuts button:nth-child(2){background:linear-gradient(#d5f3e9,#7bc5b1);border-color:#eafbf0;color:#286e61;box-shadow:0 4px 0 #387d6b,0 7px 12px #38554b55}.home-shortcuts button svg{width:26px;height:26px}.home-shortcuts button span{font-size:9px;font-weight:900}.red-dot{background:#df6658;border:2px solid #ffe7cd;box-shadow:0 2px 0 #a7433b}
.home-bottom{position:absolute;left:7%;right:7%;bottom:17px;z-index:8;display:grid;gap:11px}.build-task{min-height:55px;padding:7px 11px;border-radius:17px;border:2px solid #e6c998;background:linear-gradient(#fffaf0,#f2e5cc);box-shadow:0 4px 0 #a58254,0 8px 14px #284c443d;color:#43655a}.build-task small{color:#9c8d70;font-size:10px}.build-task strong{font-size:14px}.task-emblem{width:37px;height:37px;border-radius:12px;background:linear-gradient(#dff0f5,#a2cedb);box-shadow:inset 0 2px 0 #f5fff8,0 2px 0 #739caa;color:#508094}.build-cost{color:#ad8243}.build-cost.afford{color:#ad7030}.build-cost svg{fill:#f4cf71;stroke:#c39349}
.play-cta{position:relative;min-height:73px;display:flex;flex-direction:column;gap:0;border-radius:19px;border:3px solid #ffe6bb;background:linear-gradient(#ffb796,#ef8b70 45%,#d76a58 90%);box-shadow:0 6px 0 #a94f42,0 10px 20px #37554b57,inset 0 3px 0 #ffdbb9;color:white;font-weight:1000;text-shadow:0 2px 0 #9e4c41;line-height:1.12}.play-cta>span{font-size:17px}.play-cta strong{font-size:25px;color:#fff7df;background:none;padding:1px 0 0;text-shadow:0 2px #a35645}
.panel-page{background:linear-gradient(#e6f0f2,#fffaf0 44%,#e7edf0);color:#496a79}.page-title h1{color:#2e6175}.page-title small{color:#83977e}.chapter-banner,.collection-hero,.weekly-hero{background:linear-gradient(#fffefa,#e9eadc);border:2px solid #b7cbd2;box-shadow:0 5px 0 #91adb8,0 8px 18px #1a619d39;color:#4b7180}.chapter-banner small,.collection-hero p{color:#8b9c84}.adventure-scroll{background:linear-gradient(#eaf7ff,#d6ecfa);border:2px solid #a6cde5;box-shadow:inset 0 3px 11px #5a99c466}.map-node{border-color:#f9fdff;box-shadow:0 5px 0 #6395b7,0 7px 10px #4b83aa55}.map-node.cleared{background:linear-gradient(#aedbe8,#5ca3bc);box-shadow:0 5px 0 #3b7c97;color:white}.map-node.current{background:linear-gradient(#b5e4f1,#6bb4cf);box-shadow:0 6px 0 #437e9b;color:white}.trail-path{stroke:#ffd55d}
.collection-card,.quest-card,.set-reward,.pack-open-button,.daily-card,.weekly-stop{border:2px solid #c9ccb6;background:linear-gradient(#fffefa,#eeecdf);box-shadow:0 4px 0 #a7ae95;color:#4f6e5c}.collection-card.rare{background:linear-gradient(#fffaff,#eadff7);box-shadow:0 4px 0 #9f8fb9}.collection-card small,.quest-card p{color:#7d96ad}.quest-icon{background:#dae9ef;color:#6994a7}.ui-progress{background:#a6c9df}.ui-progress i{background:linear-gradient(#a0d8e9,#4e9ab8)}.page-tabs{background:#d9e5e9}.page-tabs button{color:#7d97a2}.page-tabs button.active{background:linear-gradient(#fff,#f2eedf);box-shadow:0 3px 0 #9ba98c;color:#537d91}
.ui-primary{background:linear-gradient(#b5f549,#71d20b 55%,#3aa20a);border:2px solid #e7ffb1;box-shadow:0 4px 0 #2b7614;color:white;text-shadow:0 1px #24620c}.ui-secondary{background:linear-gradient(#ecfbff,#8ad7f2 60%,#45afe0);border:2px solid #f0ffff;box-shadow:0 4px 0 #2b7cb2;color:#1a5d88}.ui-soft{background:#d8e6f1;color:#7a9caf}.ui-text{color:#397ba7}
.meta-overlay{background:#1c3f52ad}.meta-dialog{background:linear-gradient(#fffefa,#f0f2ec);border:3px solid #c1d3d9;box-shadow:0 8px 0 #6a94a9,0 20px 55px #082f5c8a;color:#2e5a7b}.modal-ribbon{background:linear-gradient(#fffefa,#eeeddf);border-bottom:2px solid #d6d8bf}.modal-ribbon h2{color:#557a8a}.ui-close{background:linear-gradient(#fff,#e7e9f3);border:2px solid #bacbdd;box-shadow:0 2px 0 #7794b1;color:#537e9e}.modal-copy,.small-note{color:#7c96a1}.center-title,.modal-subtitle{color:#5a8496}.reward-row{background:#e5f2fc;color:#aa6e25}.setting-row,.settings-links>*,.backup-stats{background:#f1f6fd;color:#487899}.ui-switch.on{background:#56bd26}.scene-reward{height:185px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:linear-gradient(#d7f7ff,#80d8f3 65%,#23adcf);border:2px solid #a5d9e7}.scene-reward img{width:190px;height:180px;object-fit:contain}.garden-picker{gap:10px}.garden-choice,.garden-choice.scene-lotus,.garden-choice.scene-moon{background:linear-gradient(#fffefa,#e8ecf7);border:2px solid #aabbd6;box-shadow:0 4px 0 #7898b7;color:#2d5f83}.garden-choice:before{display:none}.garden-choice.selected{border-color:#d0ab51;background:linear-gradient(#fffaf0,#f3e6bb)}.garden-choice img{width:78px;height:64px;object-fit:contain;background:linear-gradient(#bcefff,#76cde9);border-radius:11px}.garden-choice small{color:#7a99b2}
.game-shell{background:linear-gradient(#dbf4ff,#d3edff 60%,#bce6f3);box-shadow:0 0 70px #053d7390}.game-shell .brand{color:#275f88}.game-shell .album-button,.game-shell .round-button,.game-shell .tool-icon{background:linear-gradient(#fff,#e9ebf6);border:2px solid #b2c3d8;box-shadow:0 3px 0 #7997b5;color:#376e95}.game-shell .coach,.game-shell .teaching-card{background:#fffdf4f2;border:2px solid #bdd4e0}.game-shell .level-label strong,.game-shell .timer{color:#275f88}.game-shell .board-wrap{background:#cfebf077}.game-shell .tools button{color:#3f7396}.game-shell .dialog{background:linear-gradient(#fffefa,#f0f2ec);border:3px solid #c1d3d9;box-shadow:0 7px 0 #45799d,0 16px 32px #0e40777a}
@media(max-width:380px){.home-bottom{left:5%;right:5%}.garden-title{min-width:137px}.garden-title strong{font-size:15px}.home-shortcuts{left:6px}.home-shortcuts button{width:49px;height:53px}.garden-stage .home-dragon{width:35%}}
@media(max-height:700px){.garden-stage{inset:65px 0 127px}.home-bottom{bottom:8px;gap:6px}.build-task{min-height:47px}.play-cta{min-height:57px}.home-shortcuts{top:22%}.garden-title{top:5px}}

/* Jade, pearl and coral carry through functional UI as well as room art. */
.meta-header{background:linear-gradient(#e8f1f3,#d7e7ed);box-shadow:0 2px 12px #526e4a29}
.meta-header .profile-pill,.balance-pill,.ui-square{background:linear-gradient(#fffaf0,#ece8d8);border-color:#d4bf98;box-shadow:0 3px 0 #99886a,0 5px 10px #254a3b35}
.meta-header .profile-pill{color:#5b7480}.meta-header .profile-pill small{color:#91a1a7}.ui-square{color:#6b8e9d}
.ui-primary{background:linear-gradient(#ffb99c,#ed8a70 55%,#d46a58);border:2px solid #ffe7c6;box-shadow:0 4px 0 #ad5848;color:white;text-shadow:0 1px #ad5848}.ui-secondary{background:linear-gradient(#ddf1f6,#8cbfd1 60%,#639db2);border-color:#f5fff1;box-shadow:0 4px 0 #5c849b;color:#3f6d85}
.scene-reward{height:270px;background:#e2eee3;border:2px solid #c8cfb1}.scene-reward img{height:100%;width:100%;object-fit:cover;object-position:center 42%}
.garden-choice,.garden-choice.scene-lotus,.garden-choice.scene-moon{background:linear-gradient(#fffaf0,#eae9db);border-color:#c9ceb3;box-shadow:0 4px 0 #9ca88b;color:#4d725e}.garden-choice img{width:76px;height:102px;object-fit:cover;object-position:center;border:2px solid #dbc79e;border-radius:10px;background:#d5e6d9}.garden-choice strong{font-size:15px}.garden-choice small{font-size:10px;line-height:1.45;color:#8b9d83}.garden-choice.selected{border-color:#a3c4a7;background:linear-gradient(#f5ffef,#e0edd7)}
@media(max-width:380px){.home-bottom{left:5%;right:5%}.garden-title{min-width:136px}.garden-title strong{font-size:15px}.home-shortcuts{left:7px}.home-shortcuts button{width:48px;height:53px}}
@media(max-height:700px){.home-bottom{bottom:10px;gap:8px}.play-cta{min-height:61px}.build-task{min-height:47px}.home-shortcuts{top:78px}.garden-title{top:3px}}

.room-preview{display:grid;place-items:center;background:#e8ede2;border:2px solid #d2cfaf;border-radius:16px;overflow:hidden}.room-preview img{width:100%;height:min(51dvh,470px);object-fit:contain}.garden-choice.locked img{filter:saturate(.7)}

.home-shortcuts button:nth-child(2){background:linear-gradient(#dceff5,#8fc4d5);border-color:#f1fcff;color:#3d7287;box-shadow:0 4px 0 #558ba0,0 7px 12px #38554b55}