:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff8df;background:#07111f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%}body{margin:0;overflow:hidden}body.modal-open{overscroll-behavior:contain}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{position:relative;display:grid;grid-template-rows:auto 1fr auto;width:100vw;height:100dvh;min-height:620px;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(250,207,112,.2),transparent 18rem),linear-gradient(160deg,#07101d,#0a2430 48%,#101727)}.app-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(180deg,#0107101a,#0107108c),radial-gradient(circle at 50% 74%,transparent 0 32%,rgba(3,9,16,.68) 82%);z-index:1}.top-bar,.content,.bottom-nav{position:relative;z-index:3}.top-bar{display:grid;grid-template-columns:minmax(116px,.9fr) auto minmax(210px,1.5fr) auto;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 8px) clamp(10px,2.8vw,22px) 7px}.keeper-chip,.brand-crest,.resources,.top-actions button,.bottom-nav,.dragon-panel,.side-badge,.egg-modal-card{border:1px solid rgba(255,214,130,.48);background:linear-gradient(180deg,#0d1e2de0,#07101ce0),radial-gradient(circle at 50% 0%,rgba(255,216,123,.14),transparent 62%);box-shadow:inset 0 1px #ffffff1a,0 12px 28px #00000052;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.keeper-chip{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 9px;border-radius:8px}.keeper-chip .avatar{position:relative;display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border:2px solid #ffd77c;border-radius:50%;color:#fff8df;background:radial-gradient(circle at 35% 30%,#335f7a,#1f2f43 48%,#593820);font-weight:900;box-shadow:0 0 18px #ffcc5b47}.keeper-chip .avatar:after{position:absolute;right:-6px;bottom:-4px;display:grid;place-items:center;width:20px;height:20px;border:1px solid #ffd77c;border-radius:50%;color:#2a1b10;background:#f5be4f;content:"1";font-size:11px;font-weight:900}.keeper-chip span,.dragon-stat span{display:block;color:#d7c396;font-size:11px}.keeper-chip strong,.dragon-stat strong{display:block;color:#fff0bd;font-size:13px}.brand-crest{min-width:108px;padding:9px 18px;border-top:0;border-radius:0 0 8px 8px;text-align:center}.brand-crest strong{display:block;color:#ffe2a0;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,4vw,34px);line-height:.95;letter-spacing:0;text-shadow:0 2px 0 #5b351d,0 0 16px rgba(255,210,115,.45)}.resources{display:flex;min-width:0;gap:8px;padding:7px;border-radius:8px}.resources span{display:inline-flex;align-items:center;justify-content:center;min-width:74px;gap:6px;white-space:nowrap;border-radius:7px;background:#0000003d;padding:8px 10px;color:#ffe39a;font-size:13px;font-weight:800}.resources span:nth-child(2){color:#8ce6ff}.resources span:nth-child(3){color:#d893ff}.top-actions{display:flex;gap:7px}.top-actions button,.info-button,.modal-close,.modal-action,.side-badge,.hatch-egg,.nav-button{cursor:pointer;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.top-actions button:active,.info-button:active,.modal-close:active,.modal-action:active,.side-badge:active,.hatch-egg:active,.nav-button:active{transform:translateY(1px) scale(.97);filter:brightness(1.08)}.top-actions button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#ffd77c}.content{min-height:0;padding:0 clamp(8px,2vw,18px) 8px}.game-home{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}.game-home:not(.game-home-ready) .gameplay-stage,.game-home:not(.game-home-ready) .dragon-panel{opacity:.01}.game-home-ready .gameplay-stage,.game-home-ready .dragon-panel{animation:sceneReveal .52s ease-out both}.asset-preloader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;align-content:center;gap:12px;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(127,255,132,.16),transparent 18rem),linear-gradient(160deg,#07111f,#0c2430);opacity:1;transition:opacity .42s ease,visibility .42s ease}.game-home-ready .asset-preloader{visibility:hidden;opacity:0}.asset-preloader strong{color:#ffe2a0;font-family:Georgia,Times New Roman,serif;font-size:34px;letter-spacing:0;text-shadow:0 0 18px rgba(255,210,115,.52)}.preload-egg{width:64px;height:84px;border:3px solid #f8c764;border-radius:52% 52% 46% 46%;background:radial-gradient(circle at 38% 22%,rgba(255,255,255,.76),transparent 14%),linear-gradient(145deg,#255f30,#d7a642 42%,#66be5b 70%,#24472e);box-shadow:0 0 28px #78ff6266;animation:eggFloat 1.5s ease-in-out infinite}.preload-track{width:min(220px,58vw);height:9px;overflow:hidden;border:1px solid rgba(255,226,160,.4);border-radius:999px;background:#0000003d}.preload-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#79ff76,#ffe89a);transition:width .26s ease}.asset-preloader span{color:#d7c396;font-size:12px;font-weight:800}.gameplay-stage{position:relative;min-height:0;overflow:hidden;border-radius:8px;isolation:isolate;background:#79c9f1;box-shadow:inset 0 0 0 1px #ffe5a038;transition:opacity .34s ease}.sky-haze,.sun-rays,.scene-layer,.island-depth,.water-pool,.particle-layer,.particle-layer span,.layer-shadow{position:absolute;pointer-events:none}.art-img{display:block;object-fit:contain;-webkit-user-select:none;user-select:none}.scene-layer-sky,.scene-layer-distant,.scene-layer-mist{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scene-layer-sky{z-index:0}.scene-layer-distant{inset:-4% -7% auto;z-index:1;width:var(--sky-width, 114%);height:var(--sky-height, 70%);filter:saturate(1.08) blur(.3px);animation:slowDrift 22s ease-in-out infinite alternate}.scene-layer-mist{z-index:2;opacity:.5;mix-blend-mode:screen}.sun-rays{top:-22%;left:28%;z-index:2;width:52%;height:72%;background:conic-gradient(from 190deg,transparent,rgba(255,236,154,.18),transparent 22%,rgba(255,236,154,.12),transparent 48%);mix-blend-mode:screen;opacity:.7;transform:rotate(-12deg)}.clouds-far-art{top:10%;left:-10%;z-index:3;width:70%;height:auto;opacity:.5;animation:cloudDrift 54s linear infinite}.clouds-near-art{top:18%;right:-14%;z-index:4;width:78%;height:auto;opacity:.62;animation:cloudDrift 68s linear infinite reverse}.heart-tree-art{left:50%;bottom:var(--heart-tree-bottom, 15%);z-index:8;width:var(--heart-tree-width, min(57vw, 650px));aspect-ratio:2 / 3;max-width:94%;transform:translate(-50%);filter:drop-shadow(0 34px 42px rgba(0,0,0,.32));animation:treeBreath 5.6s ease-in-out infinite}.heart-tree-glow-art{left:50%;top:30%;z-index:9;width:min(14vw,160px);height:auto;opacity:.68;mix-blend-mode:screen;transform:translate(-50%);animation:heartPulse 4.8s ease-in-out infinite}.heart-tree-particles-art{left:50%;top:18%;z-index:10;width:min(42vw,520px);height:auto;opacity:.56;mix-blend-mode:screen;transform:translate(-50%);animation:particleFloat 12s linear infinite}.tree-shadow-art{left:50%;bottom:14%;z-index:7;width:min(30vw,360px);height:auto;opacity:.72;transform:translate(-50%)}.island-art{left:50%;bottom:var(--island-bottom, -10%);z-index:7;width:var(--island-width, min(82vw, 920px));aspect-ratio:1368 / 1149;max-width:106%;transform:translate(-50%);filter:drop-shadow(0 34px 36px rgba(0,0,0,.38))}.island-shadow-art{left:50%;bottom:-9%;z-index:6;width:min(72vw,760px);height:auto;opacity:.72;transform:translate(-50%)}.island-foreground-art{left:50%;bottom:var(--island-bottom, -10%);z-index:9;width:var(--island-width, min(82vw, 920px));aspect-ratio:1368 / 1149;max-width:106%;opacity:.42;transform:translate(-50%);mix-blend-mode:soft-light}.leafy-art{left:50%;bottom:var(--leafy-bottom, 9%);z-index:12;width:var(--leafy-width, clamp(190px, 28vw, 350px));aspect-ratio:2 / 3;transform:translate(-50%);filter:drop-shadow(0 18px 16px rgba(13,35,18,.34));animation:dragonIdle 5.8s ease-in-out infinite}.hatch-egg{position:absolute;right:var(--egg-right, clamp(22px, 16vw, 220px));bottom:var(--egg-bottom, 23%);z-index:13;width:clamp(56px,7.4vw,84px);height:clamp(72px,9.8vw,112px);border:0;padding:0;background:transparent;cursor:pointer;transform:rotate(5deg);animation:eggFloat 4.8s ease-in-out infinite,eggPulse 4.6s ease-in-out infinite}.egg-asset{width:100%;height:100%}.layer-shadow{border-radius:50%;background:radial-gradient(ellipse,rgba(4,14,10,.42),transparent 68%);filter:blur(5px);transform:translate(-50%)}.leafy-shadow-art{left:50%;bottom:9%;z-index:11;width:clamp(112px,17vw,198px);height:auto;opacity:.78;transform:translate(-50%)}.egg-shadow-art{right:var(--egg-right, clamp(22px, 16vw, 220px));bottom:calc(var(--egg-bottom, 21%) - 1.2%);z-index:12;width:clamp(52px,7.4vw,86px);height:auto;opacity:.78;transform:none}.egg-glow-art{right:calc(var(--egg-right, clamp(22px, 16vw, 220px)) - .3%);bottom:calc(var(--egg-bottom, 21%) - 1.5%);z-index:12;width:clamp(72px,9.6vw,108px);height:auto;opacity:.62;mix-blend-mode:screen}.water-pool{left:21%;bottom:14%;z-index:10;width:180px;height:62px;border-radius:50%;background:radial-gradient(circle,rgba(201,252,255,.44),transparent 28%),radial-gradient(ellipse at center,rgba(27,184,224,.78),rgba(7,90,138,.52) 58%,transparent 70%);box-shadow:0 0 24px #57e5ff47}.island-depth{left:50%;bottom:-5%;z-index:6;width:min(72vw,760px);height:34%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,6,12,.58),rgba(0,10,20,.24) 48%,transparent 70%);filter:blur(18px);transform:translate(-50%)}.waterfall-left-art,.waterfall-right-art{z-index:10;width:clamp(54px,8vw,92px);height:auto;opacity:.58;mix-blend-mode:screen;animation:waterfallLoop 3.2s linear infinite}.waterfall-left-art{left:16%;bottom:4%}.waterfall-right-art{right:17%;bottom:3%;animation-delay:-1.4s}.water-mist-left-art,.water-mist-right-art{z-index:11;width:clamp(92px,14vw,150px);height:auto;opacity:.52;mix-blend-mode:screen;animation:mistBreathe 6s ease-in-out infinite}.water-mist-left-art{left:14%;bottom:7%}.water-mist-right-art{right:15%;bottom:6%;animation-delay:-2.1s}.egg-nest-art{right:calc(var(--egg-right, clamp(22px, 16vw, 220px)) - .4%);bottom:calc(var(--egg-bottom, 21%) - 1.4%);z-index:12;width:clamp(72px,10vw,116px);height:auto;transform:rotate(-6deg)}.crystal{position:absolute;z-index:13;width:clamp(22px,3.6vw,42px);height:clamp(58px,7vw,86px);pointer-events:none;clip-path:polygon(50% 0,85% 30%,68% 100%,30% 100%,15% 30%);background:linear-gradient(115deg,rgba(255,255,255,.8),transparent 22%),linear-gradient(160deg,#83ffff,#22b8dd 48%,#0f5b91);box-shadow:0 0 24px #48e5ff7a;animation:crystalShimmer 3.4s ease-in-out infinite}.crystal-left{left:33%;bottom:17%}.crystal-right{right:31%;bottom:18%;width:clamp(18px,3vw,36px);height:clamp(46px,6vw,74px);background:linear-gradient(115deg,rgba(255,255,255,.78),transparent 22%),linear-gradient(160deg,#e49cff,#8958ff 48%,#43206c);animation-delay:-1.1s}.water-pool span{position:absolute;inset:50% auto auto 50%;width:18px;aspect-ratio:1;border:2px solid rgba(209,253,255,.72);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 2.4s ease-out infinite}.water-pool span:nth-child(2){animation-delay:.75s}.water-pool span:nth-child(3){animation-delay:1.5s}.side-badge{position:absolute;z-index:30;top:24%;display:grid;place-items:center;gap:4px;width:78px;min-height:78px;border-radius:8px;color:#ffe2a0}.side-badge span{font-size:13px;font-weight:800}.side-badge-left{left:18px}.side-badge-right{right:18px}.particle-layer{top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden}.particle-layer span{aspect-ratio:1.8;border-radius:999px 0;box-shadow:0 0 12px currentColor;color:#ffdd69e0;opacity:.72;animation:particleFloat 7.5s linear infinite}.dragon-panel{position:relative;z-index:14;display:grid;grid-template-columns:auto minmax(108px,1fr) auto auto auto;align-items:center;gap:clamp(10px,2.5vw,24px);margin:-3px clamp(10px,4vw,40px) 7px;padding:9px clamp(10px,2.6vw,22px);border-radius:8px;transition:opacity .34s ease}.dragon-orb{display:grid;place-items:center;width:58px;height:58px;border:2px solid #d5a448;border-radius:50%;color:#b8ff74;background:radial-gradient(circle,rgba(154,255,92,.48),transparent 62%),linear-gradient(145deg,#183f25,#0b1c21);box-shadow:0 0 22px #80ff6247}.dragon-copy strong{display:block;color:#fff8df;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,4vw,38px);letter-spacing:0}.dragon-copy span{display:block;color:#f0c97c;font-size:15px}.dragon-stat{min-width:86px;padding-left:clamp(8px,2vw,18px);border-left:1px solid rgba(255,214,130,.22)}.dragon-stat strong{color:#8fff80;font-size:18px}.dragon-stat:last-of-type strong{color:#fff0bd}.bond-bar{width:120px;height:8px;margin-top:7px;overflow:hidden;border-radius:999px;background:#ffffff2e}.bond-bar i{display:block;width:12%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff5f8c,#ff9ab9)}.info-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,214,130,.54);border-radius:50%;color:#ffd77c;background:#050d176b}.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0 clamp(8px,2.5vw,18px) calc(env(safe-area-inset-bottom) + 7px);padding:6px;border-radius:8px}.nav-button{position:relative;display:grid;min-width:0;min-height:64px;place-items:center;align-content:center;gap:5px;border-radius:7px;color:#d8c99e;text-decoration:none;font-family:Georgia,Times New Roman,serif;font-size:clamp(11px,1.8vw,17px);letter-spacing:0}.nav-button svg{color:#c89546}.nav-button.active{color:#fff4bf;background:radial-gradient(circle at 50% 0%,rgba(255,228,134,.28),transparent 58%),linear-gradient(180deg,#97672bb8,#2a1913c7);box-shadow:inset 0 0 0 1px #ffe89d73,0 0 22px #ffcd5847}.nav-button.active:before{position:absolute;top:-5px;width:36px;height:4px;border-radius:999px;background:#ffe49c;box-shadow:0 0 16px #ffd86f;content:""}.placeholder-page,.center-state{position:relative;display:grid;place-items:center;align-content:center;height:100%;min-height:460px;overflow:hidden;padding:24px;text-align:center;background:radial-gradient(circle at center,rgba(255,218,120,.2),transparent 18rem),linear-gradient(160deg,#07111f,#102638)}.center-state:before{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:radial-gradient(circle,rgba(120,255,176,.14),transparent 64%);content:"";filter:blur(10px)}.placeholder-page h1,.center-state h1{position:relative;margin:14px 0 0;color:#f8c764;font-family:Georgia,Times New Roman,serif;font-size:36px;letter-spacing:0}.placeholder-page p,.center-state p{position:relative;max-width:280px;color:#dbeed8}.egg-loader{position:relative;width:58px;height:76px;border:3px solid #f8c764;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 66%,rgba(134,255,139,.38),transparent 30%),linear-gradient(145deg,#21456a,#a45cff 48%,#55b8df);box-shadow:0 0 26px #f8c7646b;animation:breathe 1.2s ease-in-out infinite}.egg-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:22px;background:#01060c94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modalFade .16s ease-out both}.egg-modal-card{position:relative;display:grid;justify-items:center;width:min(360px,100%);border-radius:8px;padding:26px 22px 22px;text-align:center;animation:modalRise .22s cubic-bezier(.2,.8,.2,1) both}.modal-close{position:absolute;top:10px;right:10px;border:0;color:#d8c99e;background:transparent;font-size:12px;font-weight:800}.modal-egg{width:86px;height:116px;border:1px solid rgba(255,232,161,.78);border-radius:52% 52% 46% 46%;background:radial-gradient(circle at 38% 22%,rgba(255,255,255,.82),transparent 14%),linear-gradient(135deg,#255f30 0,#255f30 14%,#d3a840 15%,#d3a840 22%,#69b64f 23%,#69b64f 39%,#fff2a4 40%,#fff2a4 48%,#31532e 49%,#31532e);box-shadow:0 0 28px #87ff6761}.egg-modal-card h2{margin:16px 0 6px;color:#ffe2a0;font-family:Georgia,Times New Roman,serif;font-size:28px;letter-spacing:0}.egg-modal-card p{margin:0 0 18px;color:#dbeed8}.modal-action{min-width:132px;border:1px solid rgba(255,232,157,.58);border-radius:7px;padding:11px 16px;color:#241608;background:linear-gradient(180deg,#fff1a8,#ca8732);font-weight:900}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.04)}}@keyframes sceneReveal{0%{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slowDrift{0%{transform:translate3d(-1.2%,0,0) scale(1.02)}to{transform:translate3d(1.2%,-1%,0) scale(1.04)}}@keyframes cloudDrift{0%{transform:translate(-3%)}to{transform:translate(6%)}}@keyframes treeBreath{0%,to{transform:translate(-50%) rotate(-.22deg) scale(1)}50%{transform:translate(-50%) rotate(.22deg) scale(1.006)}}@keyframes heartPulse{0%,to{opacity:.42;transform:translate(-50%) scale(.96)}50%{opacity:.68;transform:translate(-50%) scale(1.05)}}@keyframes dragonIdle{0%,to{transform:translate(-50%) translateY(0) rotate(-.16deg)}50%{transform:translate(-50%) translateY(-4px) rotate(.16deg)}}@keyframes eggFloat{0%,to{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-4px) rotate(5deg)}}@keyframes eggPulse{0%,to{box-shadow:0 0 14px #ffe28861,0 10px 16px #0000003d}50%{box-shadow:0 0 24px #ffe59694,0 10px 16px #0000003d}}@keyframes mistBreathe{0%,to{opacity:.42;transform:translateY(0) scale(.96)}50%{opacity:.66;transform:translateY(-4px) scale(1.04)}}@keyframes splashTwinkle{0%,to{opacity:.45}50%{opacity:.78}}@keyframes crystalShimmer{0%,to{filter:brightness(1) saturate(1);transform:translateY(0) scale(1)}50%{filter:brightness(1.35) saturate(1.2);transform:translateY(-3px) scale(1.04)}}@keyframes waterfallLoop{0%,to{opacity:.48;transform:translateY(0)}50%{opacity:.66;transform:translateY(3px)}}@keyframes ripple{0%{opacity:.72;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(5.2)}}@keyframes particleFloat{0%{opacity:0;transform:translate3d(0,34px,0) rotate(0)}12%,78%{opacity:.74}to{opacity:0;transform:translate3d(28px,-120px,0) rotate(220deg)}}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalRise{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:900px){.app-shell{max-width:1180px;margin:0 auto}body{background:#020712}}@media(max-width:760px){.app-shell{min-height:100dvh;grid-template-rows:auto minmax(0,1fr) auto}.game-home{--sky-width: 148%;--sky-height: 56%;--island-bottom: -2%;--island-width: min(128vw, 610px);--heart-tree-bottom: 22%;--heart-tree-width: min(96vw, 470px);--leafy-bottom: 11%;--leafy-width: clamp(174px, 44vw, 244px);--egg-right: 12%;--egg-bottom: 20%}.top-bar{grid-template-columns:auto 1fr auto;gap:7px;padding:calc(env(safe-area-inset-top) + 5px) 8px 5px}.brand-crest{position:absolute;top:calc(env(safe-area-inset-top) + 6px);left:50%;min-width:92px;padding:7px 12px;transform:translate(-50%)}.brand-crest strong{font-size:22px}.resources{grid-column:1 / -1;grid-row:2;justify-content:center;overflow:hidden;padding:5px}.resources span{flex:1;min-width:0;padding-inline:7px;font-size:12px}.top-actions{grid-column:3}.keeper-chip{max-width:148px}.content{padding-inline:0;padding-bottom:0}.gameplay-stage{border-radius:0}.scene-layer-distant{inset:-1% -24% auto}.heart-tree-art{bottom:var(--heart-tree-bottom);width:var(--heart-tree-width)}.heart-tree-glow-art{top:31%;width:104px}.island-art{bottom:var(--island-bottom);width:var(--island-width)}.leafy-art{bottom:var(--leafy-bottom);width:var(--leafy-width)}.hatch-egg{right:var(--egg-right);bottom:var(--egg-bottom);width:clamp(56px,14.5vw,76px);height:clamp(72px,18.5vw,100px)}.tree-shadow{bottom:23%;width:min(48vw,230px)}.leafy-shadow-art{bottom:12%;width:clamp(104px,31vw,172px)}.egg-shadow-art{right:var(--egg-right);bottom:calc(var(--egg-bottom) - 1.1%);width:clamp(58px,14vw,82px)}.egg-nest-art{right:calc(var(--egg-right) - 1.2%);bottom:calc(var(--egg-bottom) - 1.8%);width:clamp(70px,18vw,98px);height:clamp(24px,6vw,34px)}.side-badge{top:24%;width:64px;min-height:70px}.side-badge-left{left:9px}.side-badge-right{right:9px}.water-pool{left:7%;bottom:16%;width:128px}.waterfall-left-art{left:5%;bottom:5%}.waterfall-right-art{right:5%;bottom:4%}.water-mist-left-art{left:4%;bottom:11%}.water-mist-right-art{right:4%;bottom:10%}.dragon-panel{grid-template-columns:auto minmax(94px,1fr) auto auto;gap:8px;margin:-4px 7px 5px;padding:7px 8px}.dragon-orb{width:48px;height:48px}.dragon-copy strong{font-size:25px}.dragon-copy span,.dragon-stat span{font-size:11px}.dragon-stat{min-width:64px;padding-left:8px}.dragon-stat strong{font-size:14px}.bond-bar{width:70px}.info-button{display:none}.bottom-nav{margin-inline:0;margin-bottom:env(safe-area-inset-bottom);border-right:0;border-bottom:0;border-left:0;border-radius:0}.nav-button{min-height:56px;font-size:12px}}@media(max-width:420px){.game-home{--island-width: 138vw;--heart-tree-bottom: 23%;--heart-tree-width: 104vw;--leafy-bottom: 11%;--leafy-width: 50vw}.keeper-chip .avatar{width:36px;height:36px}.top-actions button{width:38px;height:38px}.side-badge{display:none}.heart-tree-art{bottom:var(--heart-tree-bottom);width:var(--heart-tree-width)}.leafy-art{bottom:var(--leafy-bottom);width:var(--leafy-width)}.island-art{width:var(--island-width)}.crystal-left{left:20%}.crystal-right{right:19%}.dragon-panel{grid-template-columns:auto minmax(82px,1fr) auto}.dragon-stat:last-of-type{display:none}.nav-button{font-size:11px}}@media(max-height:700px){.game-home{--island-bottom: -8%;--heart-tree-bottom: 17%;--leafy-bottom: 7%}.top-bar{padding-bottom:4px}.dragon-panel{margin-bottom:3px}.nav-button{min-height:50px}.heart-tree-art{bottom:var(--heart-tree-bottom)}.leafy-art{bottom:var(--leafy-bottom)}.island-art{bottom:var(--island-bottom)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}