@font-face{font-family:Swissra;src:url('/assets/swissra.otf')}@font-face{font-family:Raphaelum;src:url('/assets/raphaelum.ttf')}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Tahoma,Arial,sans-serif;background:#aaa2ca;color:#effcff}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:3px solid #fff19b;outline-offset:4px}button svg{width:22px;height:22px}img{image-rendering:auto}button img{pointer-events:none;object-fit:contain}button [data-icon]{display:inline-flex}[hidden]{display:none!important}:root{--ink:#153f4e;--gold:#ffeab2;--line:#b5eeee77}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#game{height:100dvh;width:100vw;isolation:isolate}
/* Original isolated background layers. No screenshot backgrounds or blur. */
.sky{position:fixed;inset:0;z-index:-3;background:#bca6c5 url('/assets/background/sky-gradient.webp') center/cover}.background-elements{position:fixed;inset:0;pointer-events:none;z-index:-2;overflow:hidden}.background-elements img{position:absolute;object-fit:contain;user-select:none}.sun-rays{width:80vw;height:95vh;left:5%;top:-38%;opacity:.85}.distant-island{width:200px;height:290px;left:2%;top:13%}.tree-island{width:190px;height:205px;right:1%;bottom:8%}.floating-rock{width:85px;height:150px;right:9%;top:14%}.cloud-one{width:270px;left:-7%;top:35%}.cloud-two{width:530px;right:-13%;top:12%}.cloud-three{width:360px;right:-8%;top:53%}.cloud-four{width:440px;left:-4%;bottom:1%}.cloud-five{width:330px;left:43%;bottom:-4%}.cloud{animation:cloud-drift 24s ease-in-out infinite alternate}.cloud-two,.cloud-four{animation-direction:alternate-reverse}
#viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}#viewport.dragging{cursor:grabbing}#world{position:absolute;left:50%;top:50%;width:2400px;height:2152px;transform-origin:0 0;direction:ltr;user-select:none}.island-art{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);width:2400px;height:2152px;pointer-events:none}.terrain-tile{display:block;width:100%;height:100%;min-width:0;min-height:0}#grid{position:absolute;inset:0;width:2400px;height:2152px;pointer-events:none;opacity:0}.placing #grid{opacity:1}#grid polygon{fill:#e6ffcc07;stroke:#edffff70;stroke-width:1}.world-item{position:absolute;background:none;padding:0;border:0;transform:translate(-50%,-100%);line-height:0}.world-item>img{display:block;width:100%;height:auto;pointer-events:none}.world-item.selected::after{content:'';position:absolute;inset:auto 0 7%;height:64%;background:url('/assets/ui/selection.webp') center/contain no-repeat;pointer-events:none;z-index:-1}.world-item:hover>img,.world-item.selected>img{filter:brightness(1.08)}.world-item:focus-visible{border-radius:40%}.world-item.constructing>img{opacity:.65;animation:building 1.3s infinite alternate}.world-item.floating>img{animation:float 4s ease-in-out infinite}.world-item .item-label{position:absolute;bottom:12%;left:50%;transform:translate(-50%,100%);font-size:16px;font-family:Swissra,Tahoma;line-height:1.5;background:#174556de;color:#fffbe1;border:1px solid #adf4e9;padding:3px 12px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0}.world-item:hover .item-label,.world-item:focus-visible .item-label,.world-item.selected .item-label{opacity:1}.collect-bubble{position:absolute;top:-15px;left:50%;transform:translateX(-50%);white-space:nowrap;line-height:1.4;background:#fff5cb;color:#655017;font-size:16px;border:2px solid #ddb458;border-radius:13px;padding:4px 9px;box-shadow:0 3px 6px #2b492733;animation:bubble 2.5s ease-in-out infinite}.build-time{position:absolute;bottom:30%;left:50%;transform:translateX(-50%);padding:6px 9px;background:#143c55e8;border:1px solid #bdfff1;border-radius:7px;line-height:1;font-size:16px;color:#fff2bd;white-space:nowrap}#placement-ghost{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:2000;filter:drop-shadow(0 0 7px #edff77)}#placement-ghost img{width:100%;opacity:.8}#placement-ghost.invalid{filter:drop-shadow(0 0 10px #ff3030)}
/* Profile and currency plates from UI/Main Gameplay. */
.topbar{position:fixed;inset:9px 18px auto;display:flex;align-items:flex-start;justify-content:space-between;direction:ltr;pointer-events:none;z-index:20}.brand{position:relative;width:335px;height:78px;background:url('/assets/ui/profile.webp') left top/100% 100% no-repeat;direction:ltr;color:#174967;pointer-events:auto}.brand-level{position:absolute;left:25px;top:17px;width:37px;height:40px;display:flex;align-items:center;justify-content:center;color:#665221;font-family:Swissra,Tahoma;font-size:26px}.brand>div:not(.profile-xp){position:absolute;left:85px;top:19px;right:48px;display:flex;align-items:center;justify-content:center;gap:11px;height:28px;white-space:nowrap}.brand strong{font-family:Raphaelum,Georgia,serif;font-size:25px;font-weight:400;text-shadow:0 1px 0 #fff9}.brand div>span{font-family:Swissra,Tahoma;font-size:16px}.profile-xp{position:absolute;left:78px;top:53px;width:212px;height:4px;background:#2449666b;overflow:hidden;border-radius:3px}.profile-xp span{display:block;height:100%;background:#61eefa;transition:width .3s}.wallet{display:flex;flex-direction:column;gap:4px;direction:rtl;pointer-events:auto;padding:6px 0}.resource{position:relative;width:199px;height:45px;display:flex;align-items:center;direction:ltr;padding:8px 12px 6px 51px;background:url('/assets/ui/resource-bar.webp') right 18px/172px 29px no-repeat}.resource::before{content:'';position:absolute;left:29px;right:4px;bottom:3px;height:24px;background:#173c56af;z-index:-1}.resource.gems{background-image:url('/assets/ui/gem-bar.webp');background-size:172px 32px}.resource-symbol{position:absolute;left:0;bottom:-7px;width:54px;height:54px;object-fit:contain}.resource.gems .resource-symbol{width:43px;height:52px;left:7px}.gold-symbol{font-size:45px;line-height:1;text-align:center;color:#ffe56e;text-shadow:1px 2px 0 #9b6e20}.resource>div{width:100%;position:relative}.resource-label{position:absolute;right:0;top:-16px;font-size:12px;font-family:Swissra,Tahoma;color:#fff8d0;white-space:nowrap;text-shadow:0 1px 3px #132c47}.resource strong{display:block;font-size:19px;line-height:24px;text-align:right;font-weight:400;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #0d3055}
.toolbar{position:fixed;right:13px;top:43%;z-index:26;display:flex;flex-direction:column;gap:13px;align-items:center;pointer-events:none}.tool{position:relative;border:0;background:none;display:flex;align-items:center;flex-direction:column;justify-content:center;width:62px;min-height:66px;gap:3px;padding:0;pointer-events:auto;color:#fffde6;font-family:Swissra,Tahoma;font-size:14px;text-shadow:0 2px 3px #16464d}.tool>img{width:47px;height:49px}.tool:hover>img,.tool:focus-visible>img{filter:brightness(1.18)}.tool.active>img{filter:drop-shadow(0 0 5px #8affdf)}.tool b{position:absolute;top:-3px;right:0;min-width:19px;padding:3px;border:1px solid #a5f4ee;border-radius:5px;background:#285263;font-family:Tahoma;font-size:12px}.tool-divider{display:none}#open-shop{position:fixed;left:17px;bottom:17px;width:134px;height:133px;display:block;font-size:20px;filter:drop-shadow(0 4px 3px #274b4a33)}#open-shop img{width:134px;height:125px}#open-shop>span{position:absolute;left:29px;bottom:18px;color:#424728;text-shadow:0 1px 0 #fff9;rotate:-7deg}.inventory-art{display:block;width:49px;height:49px;padding:8px;background:url('/assets/ui/inventory.webp') center/contain no-repeat}.inventory-art img{width:100%;height:100%}.garden-stats{position:fixed;top:78px;left:103px;display:flex;gap:7px;align-items:center;color:#fff4d2;text-shadow:0 1px 4px #1b3a57;font-size:12px;z-index:15}.camera-controls{position:fixed;left:19px;top:45%;display:flex;flex-direction:column;gap:6px;z-index:25}.camera-controls button{display:flex;align-items:center;justify-content:center;width:43px;height:42px;font-size:27px;background:url('/assets/ui/inventory.webp') center/100% 100% no-repeat;border:0;color:#e8fffc;text-shadow:0 1px 3px #1b5366}.camera-controls #recenter{background:none;height:54px;margin-top:2px}.camera-controls img{width:37px;height:46px}.save-status{position:fixed;left:166px;bottom:18px;display:flex;align-items:center;gap:6px;font-size:12px;color:#f5fff0;text-shadow:0 1px 4px #15394c;z-index:14}.save-status svg{width:15px;height:15px}
/* Five original calligraphy layers over the supplied glow sprites and vines. */
.dhikr-dock{position:fixed;right:7px;bottom:9px;width:690px;max-width:calc(100vw - 175px);height:150px;z-index:25;direction:rtl;text-align:center;background:url('/assets/ui/dhikr-vines.webp') center 18px/100% 115px no-repeat}.dhikr-buttons{height:126px;display:flex;align-items:center;justify-content:center;gap:0}.dhikr{position:relative;display:block;flex:1;min-width:0;height:126px;background:none;border:0;padding:0}.dhikr-orb{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.dhikr-calligraphy{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:66%;height:69%;object-fit:contain}.dhikr-4 .dhikr-calligraphy{width:78%;height:58%}.dhikr small{position:absolute;right:9px;top:8px;font-size:13px;color:#fff8d5;background:#163e4655;border-radius:50%;width:24px;height:24px;line-height:24px;opacity:0}.dhikr:hover small,.dhikr:focus-visible small{opacity:1}.dhikr:hover .dhikr-orb{filter:brightness(1.22)}.dhikr:active{transform:scale(.95)}.dhikr.pulse .dhikr-orb{animation:tap-glow .3s}.dock-note{display:inline-block;padding:3px 11px;font-size:12px;line-height:1.4;color:#f2fff3;text-shadow:0 1px 4px #183a55;background:#20435555;border-radius:5px;margin-top:0}
/* The provided silver frame, vine overlays, category art and glass slots. */
.panel{position:fixed;z-index:35;color:var(--ink)}.shop{--paper:url('/assets/ui/panel-cloud.webp');left:50%;top:47%;transform:translate(-50%,-50%);width:min(900px,calc(100vw - 120px));height:min(640px,calc(100dvh - 158px));display:flex;flex-direction:column;padding:40px 55px 30px;background:var(--paper) center/95% 94% no-repeat;isolation:isolate}.shop::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/ui/panel-vines.webp') center/100% 100% no-repeat,url('/assets/ui/frame.webp') center/96% 95% no-repeat;pointer-events:none}.shop[data-category=water]{--paper:url('/assets/ui/panel-water.webp')}.shop[data-category=plants]{--paper:url('/assets/ui/panel-plants.webp')}.shop[data-category=flowers]{--paper:url('/assets/ui/panel-flowers.webp')}.shop[data-category=rocks]{--paper:url('/assets/ui/panel-rocks.webp')}.shop[data-category=structures]{--paper:url('/assets/ui/panel-gold.webp')}.panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 8px 8px;gap:15px}.eyebrow{font-size:12px;color:#246173}.panel h1{font-family:Swissra,Tahoma;font-weight:400;font-size:29px;line-height:1.3;margin:3px 0 0;color:#164559;text-shadow:0 1px 0 #d6ffffaa}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;min-width:37px;height:37px;padding:0}.icon-button img{width:100%;height:100%;object-fit:contain}.crystal-close{position:absolute;right:-14px;top:0;width:80px;height:72px;filter:drop-shadow(0 3px 3px #3e729b55)}.crystal-close:hover{filter:brightness(1.18)}.category-tabs{display:flex;gap:6px;justify-content:center;margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid #439baf50;direction:rtl}.category-tabs button{background:none;border:1px solid transparent;border-radius:7px;display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:0;padding:4px 3px;color:#183e4c;font-size:12px;line-height:1.3;text-shadow:0 1px 0 #d4fbf688}.category-tabs img{width:34px;height:33px;object-fit:contain}.category-tabs button[aria-pressed=true]{background:#d5fafa77;border-color:#eaffff;box-shadow:0 0 6px #64dfff55}.category-tabs button:hover{background:#d8ffff44}.shop-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(145px,1fr);gap:10px;overflow-y:auto;flex:1;min-height:0;align-content:start;scrollbar-width:thin;scrollbar-color:#3c8a9d transparent;padding:2px 0}.shop-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:url('/assets/ui/item-slot.webp') center/100% 100% no-repeat;padding:7px 10px 10px;min-height:145px}.shop-card>img{width:100%;height:77px;object-fit:contain}.shop-card h2{font-size:18px;font-family:Swissra,Tahoma;font-weight:400;line-height:1.4;margin:2px 0;color:#174459;text-align:center;text-shadow:0 1px 0 #eaffff}.item-type{font-size:12px;line-height:1.4;color:#205469;text-align:center}.shop-card button{width:100%;max-width:135px;min-height:29px;background:url('/assets/ui/price.webp') center/100% 100% no-repeat;border:0;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#fff;font-weight:600;text-shadow:0 1px 2px #16435d;margin-top:6px;padding:4px 7px}.shop-card button:hover{filter:brightness(1.15)}.currency{color:#83f3fa;font-size:17px}.currency.gold{color:#ffe08f}.empty-inventory{grid-column:1/-1;font-size:15px;line-height:2;text-align:center;padding:35px 20px;color:#194e61}.shop-pagination{display:flex;align-items:center;justify-content:center;gap:22px;min-height:31px;margin-top:9px;direction:ltr;font-size:13px;color:#1e5465}.shop-pagination button{width:23px;height:35px;border:0;background:none;padding:0}.shop-pagination img{width:100%;height:100%;object-fit:contain}.shop-footer{text-align:center;font-size:12px;line-height:1.6;color:#1e5768;padding:1px 0 0}
.selected-panel{left:50%;bottom:177px;transform:translateX(-50%);width:455px;max-width:calc(100vw - 150px);padding:22px 28px 20px;background:url('/assets/ui/frame.webp') center/100% 100% no-repeat,url('/assets/ui/panel-cloud.webp') center/97% 96% no-repeat}.selected-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.selected-heading h2{font-family:Swissra,Tahoma;font-weight:400;font-size:24px;margin:0;text-shadow:0 1px 0 white}.selected-heading .icon-button{width:28px;height:28px;min-width:28px}.selected-content{display:flex;align-items:center;gap:13px;direction:rtl}.selected-image{width:145px;height:143px;object-fit:contain;flex-shrink:0}.selected-details{flex:1;min-width:0}.level-chips{display:flex;gap:5px;margin:10px 0}.level-chips span{width:23px;height:4px;background:#47717c55;border-radius:3px}.level-chips span.on{background:#ffe38c;box-shadow:0 0 0 1px #a3873c66}.item-description{font-size:12px;line-height:1.7;color:#154e63;margin:7px 0}.primary{border:1px solid #edffff;border-radius:7px;background:linear-gradient(#b9faf6,#78bbc6);padding:10px 15px;color:#154c60;font-size:14px;font-weight:600;box-shadow:inset 0 1px 0 #fff9}.primary:hover{filter:brightness(1.08)}.selected-panel .primary{width:100%;padding:7px 6px;font-size:12px;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:5px}.action-icon{width:24px;height:28px;object-fit:contain}.collect-action{margin-bottom:6px}.selected-actions{display:flex;align-items:center;justify-content:center;gap:15px;background:url('/assets/ui/action-bar.webp') center/100% 100% no-repeat;min-height:49px;margin-top:4px;padding:6px 15px}.selected-actions button{display:flex;align-items:center;gap:6px;padding:0 6px;border:0;background:none;font-size:13px;color:#164a5b}.selected-actions img{width:27px;height:31px;object-fit:contain}
.placement-bar{position:fixed;left:50%;bottom:181px;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:15px;background:url('/assets/ui/action-bar.webp') center/100% 100% no-repeat,#22657ade;border-radius:14px;padding:15px 22px;min-width:535px;color:#e5ffff}.placement-bar>div:first-child{flex:1}.placement-bar strong{display:block;font-family:Swissra,Tahoma;font-weight:400;font-size:19px}.placement-bar>div>span{display:block;font-size:12px;line-height:1.6;margin-top:4px}.placement-nudges{display:grid;grid-template-columns:repeat(2,27px);gap:3px;direction:ltr}.placement-nudges button{width:27px;height:25px;border:1px solid #a7f4ed;background:#23739177;border-radius:4px;font-size:16px}.art-confirm{background:none;border:0;box-shadow:none;padding:0;display:flex;align-items:center;flex-direction:column;gap:3px;color:#dffff9}.art-confirm img{width:45px;height:32px}.art-confirm span{font-size:12px}.art-cancel{width:36px;height:32px;min-width:30px}.placement-bar .art-cancel img{width:100%}#toast{position:fixed;left:50%;top:105px;transform:translateX(-50%);z-index:80;max-width:calc(100vw - 25px);background:#215f75ee;border:1px solid #adf6ec;border-radius:9px;padding:11px 21px;font-size:14px;line-height:1.7;text-align:center;color:#f1fff2;pointer-events:none;box-shadow:0 5px 18px #13334b33}.light-particle{position:fixed;z-index:100;pointer-events:none;width:18px;height:18px;background:url('/assets/ui/points.webp') center/contain no-repeat;filter:drop-shadow(0 0 7px #a1f9ff)}.reward-number{position:fixed;z-index:99;color:#ffffd1;font-weight:bold;font-size:21px;text-shadow:0 1px 5px #206179;pointer-events:none;animation:reward-up .75s forwards}
dialog{position:fixed;isolation:isolate;margin:auto;border:0;padding:45px 43px 36px;width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 30px);overflow-y:auto;background:url('/assets/ui/frame.webp') center/100% 100% no-repeat,url('/assets/ui/panel-cloud.webp') center/97% 95% no-repeat;color:#16485b;text-align:right}dialog::backdrop{background:#132f5066}dialog h2{font-family:Swissra,Tahoma;font-size:31px;font-weight:400;margin:9px 0 18px}.dialog-close{position:absolute;left:20px;top:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:13px;padding:15px 0;border-bottom:1px solid #337f9444}.setting-row input{width:21px;height:21px;accent-color:#20899b}.settings-note{padding-top:18px}.settings-note strong{font-size:14px;color:#194761}.settings-note p{font-size:13px;line-height:1.9;color:#22566a}.settings-note+.primary{width:100%;margin-top:12px}#castle-dialog{width:min(620px,calc(100vw - 28px));text-align:center;background:url('/assets/ui/upgrade-frame.webp') center/100% 100% no-repeat,#96d1d5;border-radius:30px;padding:50px 45px}#castle-dialog h2{margin-bottom:0}#castle-image{width:220px;height:165px;object-fit:contain}#castle-content strong{font-family:Swissra,Tahoma;font-size:25px;font-weight:400;display:block;margin-bottom:7px}#castle-content p,.dialog-caption{font-size:13px;line-height:1.8;color:#205c6d}#upgrade-castle{width:100%;margin-top:9px}.loading{position:fixed;inset:0;z-index:200;background:#9e96b6 url('/assets/background/sky-gradient.webp') center/cover;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;font-family:Swissra,Tahoma;font-size:25px;color:#1c5366;transition:opacity .4s}.loading-moon{font-size:75px;color:#fff0bf}.loading.done{opacity:0;pointer-events:none}.reduced-motion *{animation:none!important;transition:none!important}
@keyframes cloud-drift{to{translate:25px 8px}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes bubble{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes building{from{filter:brightness(.85)}to{filter:brightness(1.2)}}@keyframes tap-glow{50%{filter:brightness(1.65)}}@keyframes reward-up{to{transform:translateY(-50px);opacity:0}}
@media(min-width:1700px){.dhikr-dock{width:760px;height:166px}.dhikr-buttons,.dhikr{height:143px}.dhikr-dock{background-size:100% 133px}.shop{width:960px;height:670px}.shop-card>img{height:90px}}
@media(max-height:760px) and (min-width:701px){.shop{top:45%;height:calc(100dvh - 115px);padding-top:28px;padding-bottom:22px}.panel h1{font-size:25px}.panel-heading{min-height:39px;padding-bottom:4px}.category-tabs{margin-bottom:4px}.category-tabs img{height:27px}.shop-list{grid-auto-rows:minmax(125px,1fr);gap:7px}.shop-card{min-height:125px;padding:4px 8px 7px}.shop-card>img{height:57px}.shop-card h2{font-size:16px}.shop-card .item-type{display:none}.shop-card button{margin-top:3px}.shop-pagination{min-height:25px;margin-top:3px}.shop-pagination button{height:24px}.dhikr-dock{height:129px;width:610px}.dhikr-buttons,.dhikr{height:105px}.dhikr-dock{background-size:100% 100px;background-position:center 2px}.selected-panel{bottom:151px}.placement-bar{bottom:151px}}
@media(max-width:1100px){.brand{width:285px;height:67px}.brand-level{left:20px;top:13px;font-size:23px}.brand>div:not(.profile-xp){left:69px;top:14px;right:38px}.brand strong{font-size:23px}.profile-xp{left:69px;top:45px;width:177px}.garden-stats{top:70px;left:91px}.dhikr-dock{width:600px;height:134px}.dhikr-buttons,.dhikr{height:111px}.dhikr-dock{background-size:100% 108px;background-position:center 6px}.save-status{bottom:155px;left:22px}.shop{width:calc(100vw - 115px);padding-left:40px;padding-right:40px}.toolbar{right:9px}.selected-panel{bottom:157px}}
@media(max-width:700px){.topbar{inset:9px 8px auto}.brand{width:240px;height:56px}.brand-level{left:14px;top:9px;font-size:20px}.brand>div:not(.profile-xp){left:60px;top:10px;right:34px;gap:7px}.brand strong{font-size:20px}.brand div>span{font-size:14px}.profile-xp{left:59px;top:39px;width:151px;height:3px}.garden-stats{left:73px;top:60px;font-size:12px;gap:4px}.wallet{gap:2px;padding-top:6px}.resource{width:151px;height:37px;background-size:127px 24px;background-position:right 14px;padding:4px 9px 3px 39px}.resource.gems{background-size:127px 26px}.resource-symbol{width:42px;height:42px;left:0;bottom:-5px}.resource.gems .resource-symbol{height:42px;width:32px;left:5px}.resource strong{font-size:16px;line-height:23px}.resource-label{font-size:12px;top:-13px}.resource::before{height:20px;bottom:2px;left:26px}.gold-symbol{font-size:37px}.toolbar{top:37%;right:5px;gap:11px}.tool{width:52px;min-height:59px;font-size:12px}.tool>img{width:39px;height:41px}.inventory-art{width:42px;height:42px}.camera-controls{left:9px;top:40%;gap:5px}.camera-controls button{width:35px;height:34px;font-size:24px}.camera-controls #recenter{height:44px}.camera-controls img{width:29px;height:37px}#open-shop{left:8px;bottom:12px;width:96px;height:98px;font-size:17px}#open-shop img{width:96px;height:91px}#open-shop>span{left:21px;bottom:16px}.dhikr-dock{right:2px;bottom:6px;max-width:calc(100vw - 105px);height:110px;width:540px;background-position:center 3px;background-size:100% 88px}.dhikr-buttons,.dhikr{height:88px}.dhikr-calligraphy{width:72%;height:70%}.dock-note{font-size:12px;padding:2px 6px;line-height:1.4}.dhikr small{right:0;top:0;font-size:12px}.save-status{bottom:124px;left:14px;font-size:12px}.shop{left:50%;top:47%;width:calc(100vw - 49px);height:min(660px,calc(100dvh - 155px));padding:33px 28px 24px}.panel-heading{padding:0 3px 7px}.panel h1{font-size:24px}.category-tabs{gap:1px;padding-bottom:5px;margin-bottom:7px}.category-tabs img{width:29px;height:29px}.category-tabs button{font-size:12px;padding:3px 1px}.shop-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px;gap:9px}.shop-card{padding:6px 12px 10px}.shop-card>img{height:99px}.shop-card h2{font-size:19px}.shop-card .item-type{font-size:12px}.shop-card button{min-height:29px}.crystal-close{width:61px;height:55px;right:-13px;top:0}.shop-footer{font-size:12px}.selected-panel{bottom:135px;max-width:calc(100vw - 84px);width:430px;padding:20px 23px 18px}.selected-image{width:120px;height:134px}.selected-heading h2{font-size:23px}.selected-content{gap:8px}.selected-actions{margin-top:7px;min-height:43px}.placement-bar{bottom:141px;min-width:0;width:calc(100vw - 85px);gap:11px;padding:14px 20px}.placement-nudges{display:none}.placement-bar strong{font-size:18px}.placement-bar>div>span{font-size:12px}.placement-bar .art-cancel{width:30px;height:27px}.art-confirm img{width:40px;height:29px}.distant-island{width:130px;height:200px;left:-4%;top:17%}.tree-island{width:140px;height:155px;right:-6%;bottom:20%}.floating-rock{right:3%;top:26%;width:50px;height:90px}.cloud-one{width:190px}.cloud-two{width:310px}.cloud-three{width:230px}.cloud-four{width:250px}.cloud-five{width:210px}.sun-rays{width:140vw;left:-30%;top:-30%}}
@media(max-width:460px){.topbar{inset:8px 6px auto}.brand{width:205px;height:48px}.brand-level{left:10px;top:6px;font-size:18px}.brand>div:not(.profile-xp){left:53px;top:7px;right:29px;gap:5px}.brand strong{font-size:18px}.brand div>span{font-size:12px}.profile-xp{left:50px;top:34px;width:128px}.garden-stats{top:53px;left:55px;gap:4px;font-size:12px}.garden-stats>span:nth-last-child(-n+2){display:none}.wallet{padding-top:4px}.resource{width:132px;height:36px;background-size:111px 23px;padding-left:35px}.resource.gems{background-size:111px 25px}.resource-label{font-size:12px}.resource-symbol{width:38px;height:38px}.resource.gems .resource-symbol{width:29px;height:38px}.resource strong{font-size:16px}.gold-symbol{font-size:34px}.resource::before{left:25px}.dhikr-dock{height:168px;max-width:calc(100vw - 102px);background-size:100% 132px;background-position:center 17px}.dhikr-buttons{display:grid;grid-template-columns:repeat(6,1fr);height:144px;gap:0}.dhikr{grid-column:span 2;width:100%;height:73px}.dhikr:nth-child(n+4){grid-column:span 3;width:87px;justify-self:center}.dhikr-orb{object-fit:contain}.dhikr-calligraphy{width:72%;height:68%}.dhikr-4 .dhikr-calligraphy{width:81%;height:56%}.dock-note{font-size:12px;white-space:nowrap;padding:2px 1px;background:#2a5e6655}.save-status{bottom:190px;left:11px;font-size:12px;max-width:120px;line-height:1.5}.shop{width:calc(100vw - 30px);height:calc(100dvh - 220px);top:43%;padding:26px 22px 20px}.panel h1{font-size:22px}.eyebrow{font-size:12px}.panel-heading{min-height:47px}.category-tabs{overflow-x:auto;justify-content:flex-start;flex-shrink:0;scrollbar-width:none;gap:4px;padding:0 0 6px}.category-tabs button{flex-shrink:0;min-width:39px;flex-basis:39px}.category-tabs img{width:26px;height:26px}.category-tabs span{font-size:12px}.shop-list{gap:8px;grid-auto-rows:171px}.shop-card{padding:5px 8px 9px}.shop-card>img{height:87px}.shop-card h2{font-size:18px}.shop-card .item-type{font-size:12px}.shop-card button{font-size:12px;padding:5px 3px}.shop-footer{display:none}.shop-pagination{margin-top:7px;min-height:27px}.shop-pagination button{height:27px}.crystal-close{width:52px;height:48px;right:-9px;top:-5px}.selected-panel{bottom:192px;width:calc(100vw - 77px);max-width:none;padding:19px 21px 18px}.selected-heading h2{font-size:21px}.selected-image{width:93px;height:127px}.selected-content{gap:5px}.item-description{font-size:12px;line-height:1.6;margin:4px 0}.selected-panel .primary{font-size:12px;padding:5px 4px}.action-icon{width:20px;height:24px}.selected-actions{gap:5px;padding:5px;min-height:41px}.selected-actions button{font-size:12px;padding:0 3px}.selected-actions img{width:23px;height:29px}.placement-bar{bottom:193px;width:calc(100vw - 78px);padding:12px 15px;gap:9px;flex-wrap:wrap}.placement-bar>div:first-child{flex-basis:100%;text-align:center}.placement-bar>div>span{font-size:12px}.placement-bar .art-confirm{margin-right:auto;margin-left:auto;flex-direction:row;gap:9px}.art-confirm span{font-size:14px}.placement-bar .art-cancel{margin-right:auto;margin-left:auto}.art-confirm img{height:32px;width:41px}.toolbar{top:35%;gap:13px}#toast{top:126px;font-size:13px;padding:9px 13px;min-width:220px}dialog{padding:38px 31px 30px}.settings-note p{font-size:13px}#castle-dialog{padding:45px 32px 32px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.brand::before{content:"";position:absolute;left:21.4%;top:23%;width:68%;height:48%;background:url("/assets/ui/profile-frame.webp") center/100% 100% no-repeat,url("/assets/ui/profile-glow.webp") center/100% 100% no-repeat,url("/assets/ui/profile-fill.webp") center/96% 72% no-repeat;z-index:-1}.brand{isolation:isolate}

.shop:is([data-category="water"],[data-category="rocks"],[data-category="structures"]) .panel-heading :is(h1,.eyebrow),.shop:is([data-category="water"],[data-category="rocks"],[data-category="structures"]) .category-tabs button,.shop:is([data-category="water"],[data-category="rocks"],[data-category="structures"]) :is(.shop-footer,.shop-pagination){color:#eeffff;text-shadow:0 1px 3px #194f65}.shop .category-tabs button[aria-pressed="true"]{color:#174559;text-shadow:0 1px 0 #edffff}