/* The garden is a bounded, single-screen battle. */
.sigil{width:24px;height:24px;flex-shrink:0;display:inline-block;vertical-align:middle}.garden-battle{height:100%;display:flex;flex-direction:column;overflow:hidden;background:#101f35;color:#eae9ef}.battle-scene{flex:1;min-height:126px;position:relative;isolation:isolate;overflow:hidden;background:center 59%/cover}.scene-moon{background-image:url('/assets/arena-moon-v5.webp')}.scene-ember{background-image:url('/assets/arena-ember-v5.webp')}.scene-crown{background-image:url('/assets/arena-crown-v5.webp')}.scene-vignette{position:absolute;inset:0;background:linear-gradient(#06122670,transparent 38%,#091b33a8);z-index:-1}.garden-stage-label{position:absolute;left:12px;right:12px;top:8px;display:flex;align-items:center;gap:7px;font-size:10px;color:#fff0c6;z-index:3;text-shadow:0 2px 5px #000}.garden-stage-label>span:first-child{margin-right:auto}.garden-stage-label b{font-size:8px;font-weight:400;display:block;opacity:.7}.garden-stage-label>span:nth-child(2){font:11px Georgia,serif;letter-spacing:1px}.garden-help{width:27px;height:27px;border:1px solid #ffdf9566;border-radius:50%;background:#142740a6;color:#ffe6b4}.garden-enemy-vitals{position:absolute;right:13px;top:46px;width:46%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px;z-index:3;text-shadow:0 1px 5px #041320}.garden-enemy-vitals button{font-size:11px;text-align:left;grid-column:1/-1;color:#fff1ce}.garden-enemy-vitals strong{font:700 19px Georgia,serif;grid-column:1/-1;text-align:right}.garden-enemy-vitals small,.garden-hero-vitals small{font:10px Georgia,serif;opacity:.65;margin-left:2px}.hp-track{display:block;height:5px;border-radius:5px;background:#031222a8;border:1px solid #fff3;overflow:hidden;grid-column:1/-1}.hp-track i{display:block;height:100%;background:linear-gradient(90deg,#ee8565,#ffe5a9);transition:width .4s ease}.garden-hero-vitals{position:absolute;left:12px;bottom:29px;width:42%;display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px;z-index:3;text-shadow:0 1px 6px #00172b}.garden-hero-vitals b{font-size:11px}.garden-hero-vitals strong{font:700 21px Georgia,serif}.garden-hero-vitals .hp-track i{background:linear-gradient(90deg,#43b8a9,#b7edc6)}.garden-hero,.garden-enemy{position:absolute;bottom:37px;width:48%;aspect-ratio:1;max-height:75%;display:flex;align-items:center;justify-content:center;transform-origin:50% 85%}.garden-hero{left:-1%;z-index:2}.garden-enemy{right:-1%;bottom:47px;z-index:1}.garden-hero>.art,.garden-enemy>.art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 9px #071323aa);max-width:none}.garden-enemy>.art{transform:scaleX(-1)}.garden-hero:before,.garden-enemy:before{content:'';position:absolute;bottom:7%;width:68%;height:10%;background:#09233180;filter:blur(5px);border-radius:50%;z-index:-1}.combat-resources{position:absolute;bottom:7px;left:12px;right:12px;display:flex;gap:12px;align-items:center;font-size:9px;color:#d8dbef;z-index:3}.combat-resources>span{display:flex;align-items:center;gap:4px}.combat-resources .sigil{width:15px;height:15px}.combat-resources b{font-size:12px;color:#fff}.cinematic-label{position:absolute;top:43%;left:0;right:0;text-align:center;color:#fff2ce;font-size:18px;letter-spacing:3px;font-weight:700;text-shadow:0 2px 7px #071326,0 0 20px #062347;z-index:5;pointer-events:none;animation:cinema-in .3s both}.stage-mote{width:3px;height:3px;position:absolute;box-shadow:0 0 7px 3px #91c6f28a;background:#deefff;border-radius:50%;opacity:.6;animation:mote-drift 6s infinite}.mote-one{left:21%;top:46%}.mote-two{right:13%;top:45%;animation-delay:-3s}.battle-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}.garden-console{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:linear-gradient(150deg,#182d46,#0b1b31);border-top:1px solid #c7b58b55;box-shadow:0 -5px 20px #091b3340}.enemy-intent{display:flex;align-items:center;gap:8px;min-height:42px;padding:5px 9px;border-radius:9px;border:1px solid #efae7840;background:linear-gradient(100deg,#593f4166,#26344866);text-align:left;color:#f9dec0}.intent-icon{border-radius:8px;width:29px;height:29px;display:grid;place-items:center;background:#f4b56e13}.intent-icon .sigil{width:22px;height:22px}.enemy-intent>span:nth-child(2){flex:1}.enemy-intent small{display:block;font-size:8px;color:#b4b5c1;line-height:1.3}.enemy-intent b{display:block;font-size:11px;line-height:1.4}.enemy-intent>strong{font:700 18px Georgia,serif}.enemy-intent>i{font-style:normal;font-size:11px;color:#939caa}.star-garden{padding:2px 0}.garden-heading{display:flex;align-items:center;justify-content:space-between;height:19px;gap:3px}.garden-heading>b{font-size:11px;color:#e4d5b3}.garden-heading small{font:10px Georgia;color:#a1aac0;margin-left:4px}.garden-heading>span{font-size:9px;color:#a6bace}.orbit-board{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:4px 0}.orbit-cell{height:51px;border:1px solid #9eb3d133;border-radius:9px;background:radial-gradient(ellipse at center,#8199be15,#0b183260);position:relative;display:grid;place-items:center;opacity:1!important}.orbit-cell>small{position:absolute;left:5px;top:3px;color:#8291a8;font:9px Georgia}.orbit-cell.vacant{border-style:dashed}.orbit-cell.plant-preview{border:1px solid #eed392;background:#eed39210;box-shadow:0 0 0 1px #eed39240}.plant-preview .orbit-gem{opacity:.4;animation:ghost-orb 1.7s ease-in-out infinite}.orbit-gem{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid currentColor;box-shadow:inset 0 0 10px #ffffff15,0 0 12px #ffffff08;position:relative;flex-shrink:0}.orbit-gem .sigil{width:22px;height:22px}.gem-A{color:#ffbb71;background:radial-gradient(circle at 35% 25%,#ffe19f44,#953f2722)}.gem-G{color:#77e2bb;background:radial-gradient(circle at 35% 25%,#b8ffd844,#23675422)}.gem-C{color:#c4b3ff;background:radial-gradient(circle at 35% 25%,#e4d2ff44,#4e478222)}.gem-empty{color:#667a94;font-size:24px;border:0;box-shadow:none}.orbit-cell.linked{background:#9cc6b113}.orbit-link{position:absolute;bottom:1px;font:6px Georgia;color:#b2cfbf;letter-spacing:1px}.orbit-threat{position:absolute;right:1px;top:-5px;background:#b9534a;color:#fff0d2;font-style:normal;font-size:7px;padding:1px 3px;border-radius:4px;z-index:2}.linked .orbit-threat{background:#3d7c6c}.orbit-cell.targeted:not(.linked){border-color:#ed8965}.garden-yield{height:20px;display:flex;align-items:center;gap:7px;font-size:9px;color:#9faabd}.garden-yield>span{display:flex;align-items:center;gap:2px;font:700 12px Georgia}.garden-yield .sigil{width:15px;height:15px}.yield-A{color:#ffbd85}.yield-G{color:#84d7bc}.yield-C{color:#c4b3ff}.garden-yield>small{font-size:8px;margin-left:auto}.garden-yield>b{font-size:9px;color:#ffe3a1;margin-left:auto}.garden-commands{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.garden-command{display:flex;align-items:center;gap:8px;height:45px;padding:5px 8px;border:1px solid #8797b54d;border-radius:9px;text-align:left;position:relative;background:#30456338;color:#bacbdd}.garden-command>.sigil{width:24px;height:24px}.garden-command b{display:block;font-size:12px;line-height:1.5}.garden-command small{display:block;font-size:8px;line-height:1.5;color:#a1b2c7}.garden-command.chosen{border-color:#e8ce99;background:#eee0b61a;box-shadow:inset 0 0 12px #f5d27d10}.garden-command.chosen:after{content:'✓';position:absolute;right:6px;top:4px;color:#f0d99d;font-size:10px}.command-A>.sigil{color:#ffba78}.command-G>.sigil{color:#7ad8b6}.command-C>.sigil{color:#c1adfc}.command-R>.sigil{color:#f1d699}.command-R.chosen{box-shadow:0 0 13px #efd88b20}.turn-preview{min-height:35px;display:flex;align-items:center;justify-content:center;gap:13px;padding:3px 7px;background:#06142860;border-radius:7px}.turn-preview>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}.turn-preview small{font-size:8px;color:#99aac0}.turn-preview span{font-size:12px;color:#b7c6d6}.turn-preview span>b{color:#f7eed4;font-size:16px}.turn-preview i{font-style:normal;color:#788da5;font-size:10px;margin:0 2px}.turn-preview em{font-style:normal;font-size:9px;color:#ffb18d;background:#e7776b13;border-radius:4px;padding:2px}.turn-preview em.positive{color:#94dfbe;background:#65c39212}.garden-execute{height:39px;display:flex;align-items:center;justify-content:center;border:1px solid #edd8a3;border-radius:9px;background:linear-gradient(110deg,#f0ddae,#cfab72);color:#263a4d;font-weight:700;font-size:13px;box-shadow:0 3px 0 #65553f}.garden-execute:disabled{opacity:.58}.garden-footer{display:flex;align-items:center;gap:6px;margin-top:2px}.garden-footer button{flex:1;height:27px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #b5c2d32b;border-radius:7px;background:#d3e6ff08;font-size:10px;color:#c2cbd7}.garden-footer button:last-child{flex:.55}.garden-footer .sigil{width:15px;height:15px}.garden-footer .ultimate-ready{color:#ffe3a1;background:#e0c08222;border-color:#e0c08280;animation:ultimate-glow 2s infinite}.garden-footer b{font-size:10px}.badge-orbit-recipe{display:flex;gap:3px}.badge-orbit-recipe .orbit-gem{width:26px;height:26px;background:#1d354e}.badge-orbit-recipe .sigil{width:18px;height:18px}
/* Real numeric deltas. Each fill starts at the prior value, never at zero. */
.growth-exact{display:flex;flex-direction:column;gap:11px}.growth-exact-heading{display:flex;align-items:center;gap:10px}.growth-exact-heading>.art{width:54px}.growth-exact-heading small{font:8px Georgia;letter-spacing:2px;color:#aa884c}.growth-exact-heading h3{font-size:15px;margin-top:3px}.exact-changes{display:flex;flex-direction:column;gap:9px}.exact-change{border:1px solid #bfcbb4;border-radius:12px;padding:8px 12px;background:linear-gradient(130deg,#f9fcf1,#e5eddc);--accent:#40856f}.exact-change.decrease{background:linear-gradient(130deg,#fff6e8,#f2e3d8);border-color:#dec6af;--accent:#c17859}.change-label{display:flex;align-items:center;gap:5px;height:28px}.change-label .art{width:30px;height:30px}.change-label>b{font-size:11px}.change-label>strong{margin-left:auto;font-size:15px;color:var(--accent);border-radius:7px;background:#ffffff8a;padding:2px 7px}.change-numbers{display:flex;align-items:center;justify-content:center;gap:25px;margin:0 0 9px}.change-numbers>span{min-width:60px;text-align:center}.change-numbers small{display:block;font-size:8px;color:#83917d;margin-bottom:1px}.change-numbers b{font:700 33px Georgia;color:#526b62}.change-numbers>span:last-child b{color:var(--accent)}.change-numbers>i{font-size:21px;font-style:normal;color:#a1ab93}.exact-track{height:9px;background:#243e4020;border-radius:4px;position:relative;margin-top:2px}.exact-fill{position:absolute;left:0;top:0;bottom:0;width:var(--before);background:var(--accent);border-radius:4px;animation:exact-growth 1s cubic-bezier(.2,.7,.2,1) var(--delay) both}.exact-delta{position:absolute;top:0;bottom:0;left:var(--delta-left);width:var(--delta-width);background:repeating-linear-gradient(110deg,#ffffff55 0 3px,#ffffff00 3px 6px);border:1px solid var(--accent);border-radius:2px;animation:delta-reveal .5s var(--delay) both}.old-marker{position:absolute;left:var(--before);top:-4px;height:17px;border-left:1px dashed #25453e;z-index:2}.scale-label{display:flex;justify-content:space-between;align-items:center;font:8px Georgia;color:#82907b;margin-top:5px;gap:3px}.scale-label small{font-size:8px}.growth-footnote{font-size:9px!important;text-align:center;color:#7e8976;line-height:1.65!important}.growth-exact .pager{height:27px}.growth-exact .pager button{min-height:27px}.growth-exact .primary{min-height:39px;font-size:12px}.garden-intro,.garden-help-panel{display:flex;flex-direction:column;gap:17px}.garden-intro>small,.garden-help-panel>small{letter-spacing:3px;color:#ac8751;font-size:9px;text-align:center}.garden-intro h3,.garden-help-panel h3{font-size:23px;line-height:1.6;text-align:center;font-family:'Yu Mincho',serif}.tutorial-orbits{display:flex;gap:9px;justify-content:center;padding:17px 8px;border-radius:13px;background:radial-gradient(ellipse at center,#344965,#14263f);box-shadow:inset 0 0 0 1px #cebc8d55}.tutorial-orbits .orbit-gem{width:40px;height:40px}.garden-intro ol{list-style:none;counter-reset:step;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}.garden-intro li{counter-increment:step;position:relative;padding-left:34px}.garden-intro li:before{content:counter(step);position:absolute;left:0;top:2px;background:#315b60;color:#f4e0ac;border-radius:50%;width:24px;height:24px;text-align:center;line-height:24px;font:700 17px/24px Georgia}.garden-intro li b{display:block;font-size:13px}.garden-intro li span{display:block;font-size:11px;color:#788673;margin-top:4px}.garden-intro>p,.garden-help-panel>p{font-size:12px;line-height:1.9;color:#6c7f70}.garden-intro .secondary{min-height:35px;font-size:11px}.landing{background-image:linear-gradient(#071b3030,transparent 30%,#102b42f7 76%),url('/assets/arena-moon-v5.webp')}.camp-scene{background-image:linear-gradient(#16374600 68%,#faf3e2),url('/assets/arena-ember-v5.webp');background-position:center 73%}.title h1{text-shadow:0 3px 30px #061930,0 1px 2px #061930}.title-pets .lead{filter:drop-shadow(0 10px 18px #05142b66)}.enemy-info-panel .art{max-height:130px;object-fit:contain}.enemy-info-panel>small{font-size:11px;line-height:1.8}.camp-pet{filter:drop-shadow(0 10px 10px #14303944)}
@keyframes exact-growth{from{width:var(--before)}to{width:var(--after)}}@keyframes delta-reveal{from{opacity:0}to{opacity:1}}@keyframes ghost-orb{50%{opacity:.65}}@keyframes mote-drift{50%{transform:translate(10px,-17px);opacity:.2}}@keyframes cinema-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ultimate-glow{50%{box-shadow:0 0 13px #f4d47a30}}
@media(min-height:760px){.garden-console{gap:8px;padding:10px 14px max(11px,env(safe-area-inset-bottom))}.orbit-cell{height:58px}.orbit-gem{width:37px;height:37px}.garden-command{height:49px}.garden-execute{height:43px}.garden-heading{height:22px}.enemy-intent{min-height:45px}.garden-enemy,.garden-hero{max-height:79%}.garden-hero{bottom:40px}.garden-enemy{bottom:57px}}
@media(max-height:679px){.garden-console{gap:4px;padding:6px 9px}.garden-stage-label{top:5px}.garden-enemy-vitals{top:36px;width:43%}.garden-enemy-vitals strong{font-size:15px}.garden-enemy-vitals button{font-size:10px}.garden-hero-vitals{bottom:26px}.garden-hero-vitals strong{font-size:18px}.garden-enemy,.garden-hero{max-height:78%;bottom:24px;width:46%}.garden-enemy{bottom:32px}.garden-command{height:42px;gap:6px;padding:4px 7px}.garden-command b{font-size:11px}.garden-command small{font-size:7px}.garden-command>.sigil{width:21px;height:21px}.orbit-cell{height:45px}.orbit-gem{width:29px;height:29px}.garden-yield{height:17px}.garden-execute{height:35px;font-size:12px}.turn-preview{min-height:30px;gap:8px}.turn-preview span>b{font-size:14px}.enemy-intent{min-height:38px}.garden-footer button{height:26px}.cinematic-label{font-size:15px}.growth-exact{gap:8px}.growth-exact-heading>.art{width:40px}.growth-exact-heading h3{font-size:13px}.change-numbers b{font-size:29px}.exact-change{padding:6px 10px}.change-numbers{gap:22px;margin-bottom:7px}.garden-intro,.garden-help-panel{gap:11px}.garden-intro h3,.garden-help-panel h3{font-size:18px}.tutorial-orbits{padding:11px 8px}.garden-intro ol{gap:9px}.garden-intro li span{font-size:10px}.garden-intro>p,.garden-help-panel>p{font-size:11px}.garden-intro .primary{min-height:38px}}
@media(max-width:350px){.garden-heading>span{font-size:8px}.garden-yield{gap:5px}.garden-yield>small{font-size:7px}.garden-command{gap:5px}.turn-preview{gap:7px}.turn-preview>div{gap:3px}.turn-preview em{font-size:8px}.combat-resources{font-size:8px}.tutorial-orbits{gap:6px}.tutorial-orbits .orbit-gem{width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){.exact-fill{animation:none;width:var(--after)}.exact-delta,.stage-mote,.plant-preview .orbit-gem,.garden-footer .ultimate-ready,.cinematic-label{animation:none}}

@media(max-height:640px){.garden-enemy-vitals{grid-template-columns:1fr auto;align-items:center;gap:2px}.garden-enemy-vitals button{grid-column:1;font-size:9px}.garden-enemy-vitals strong{grid-column:2;font-size:14px}.garden-enemy-vitals .hp-track{grid-column:1/-1}.garden-hero,.garden-enemy{max-height:67%}}

.end-art{background-image:linear-gradient(#1a3b4933,#faf3e2),url('/assets/arena-crown-v5.webp')}@media(min-width:900px){body{background-image:linear-gradient(90deg,#102c38e8,#102c38d8),url('/assets/arena-moon-v5.webp')}}