/* Game scene: creatures and their fixed HUD live in separate layers. */
.transaction-ghost .pet-visual{animation:none!important}.transaction-ghost{filter:drop-shadow(0 8px 6px #2d422e55)}
.battle-growth{margin:18px 0 8px;text-align:left}.battle-growth h3{font-size:16px;color:#395738}.battle-growth h3 small{font-size:11px;font-weight:400;margin-left:8px}.growth-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:240px;overflow:auto;margin-top:8px}.growth-pet{display:flex;align-items:center;gap:6px;min-width:0}.growth-pet .pet-motion{height:64px;flex:0 0 64px}.growth-pet>div:last-child{min-width:0}.growth-pet strong,.growth-pet span,.growth-pet b{display:block}.growth-pet strong{font-size:12px}.growth-pet span{font-size:10px;color:#60704e}.growth-pet b{font-size:16px;color:#638727;text-shadow:0 1px #fff}.result-panel{max-height:85svh;overflow-y:auto}
@media(max-width:500px){.growth-pet .pet-motion{height:48px;flex-basis:44px}.growth-pet strong{font-size:10px}.growth-pet b{font-size:13px}.growth-roster{gap:8px 4px}.battle-growth{margin-top:12px}}
:root{--ink:#293e31;--cream:#fff8d8;--gold:#ffc75a;--ally:#409bbb;--enemy:#d67a51}
body{background:#b8d987}button{border:2px solid #4a613e;border-radius:16px;background:linear-gradient(#fffde7,#e7e7ba);box-shadow:0 4px 0 #425a3e,0 6px 10px #2c472329;transition:filter .14s,translate .14s;font-weight:900}button:active:not(:disabled){translate:0 3px;box-shadow:0 1px 0 #425a3e}button.primary{background:linear-gradient(#ffd878,#eaa648);border-color:#735124;color:#443411;box-shadow:0 4px 0 #735124,0 8px 14px #36422335}button.quiet{background:#fff7d8d9;box-shadow:0 2px 0 #728258}button:hover:not(:disabled){transform:none;filter:brightness(1.08)}button:disabled{opacity:.5;filter:grayscale(.2)}
.world{background-position:center center;background-size:cover;min-height:100svh;padding:0}.world.spinner{opacity:1;pointer-events:auto}.world[data-view=prep],.world[data-view=battle]{height:100svh;min-height:600px;display:flex;flex-direction:column;overflow:hidden}.world[data-view=prep] .main,.world[data-view=battle] .main{flex:1;min-height:0;width:100%;max-width:1600px;padding:8px 26px 18px;display:flex;flex-direction:column}.topbar{background:linear-gradient(#f4f9dfdf,#f4f9df36);border:0;backdrop-filter:none;padding:16px 26px 8px;min-height:74px;flex-shrink:0}.brand{font-size:22px;text-shadow:0 2px #ffffe6}.brand small{display:none}.hud{gap:20px}.round{background:#fff9dbeb;border:2px solid #668054;border-radius:15px;padding:7px 13px;box-shadow:0 3px 0 #7b9461}.magic{filter:drop-shadow(0 2px 0 #fffbe7)}.energy{background:linear-gradient(#4c7460,#263f35);min-width:78px;box-shadow:0 3px #1e382a}.save-status{font-size:10px;min-width:38px;opacity:.65}.brand .back{font-size:20px}
.prep-scene{flex:1;min-height:0;display:grid;grid-template-rows:minmax(155px,1.1fr) minmax(160px,1fr) minmax(126px,.78fr) auto;gap:4px}.pasture{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:32px 0 4px}.pasture-title{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:3}.pasture-title h2{font-size:15px;font-weight:900;text-shadow:0 2px #faffd9}.pasture-title h2 span{font-size:11px;color:#526b42;margin-left:7px}.pasture-title .small{font-size:11px;padding:4px 10px}.slot-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:center;justify-content:center;isolation:isolate}.slot{position:relative;height:clamp(120px,21vh,204px);padding:0 4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border:0!important;outline:0!important;background:none!important;box-shadow:none!important;cursor:grab;touch-action:none;user-select:none;overflow:visible;isolation:auto;transition:none}.slot:hover{transform:none!important}.slot:after{bottom:34px;height:14px;left:20%;width:60%;border:0!important;background:radial-gradient(ellipse,#465d3255,transparent 70%);z-index:0}.slot.empty-slot:after{opacity:.25}.slot .number,.slot>.number{display:none}.slot .ground-mark{width:54%;height:18px;border-radius:50%;background:#b9d69038;position:absolute;bottom:34px}.slot.selected:after{background:#ffda5260;box-shadow:0 0 0 3px #ffed9aaa,0 0 26px 8px #fff09688}.slot:focus-visible:after{outline:3px solid #3886b4;outline-offset:3px}.slot[data-fx-drop=valid]:after,[data-sell-zone][data-fx-drop=valid]{background:#f5e96988;box-shadow:0 0 0 2px #ffffb4}.slot[data-fx-drop=active]:after,[data-sell-zone][data-fx-drop=active]{background:#ffe784;box-shadow:0 0 0 4px #fff8bc,0 0 20px 8px #ffd44988}.slot[data-fx-dragging=true] .pet-motion,.slot[data-fx-dragging=true] .item-visual{opacity:.22}.dragging-pet{cursor:grabbing;user-select:none}.dragging-pet .sell-zone{opacity:1!important}.drag-ghost{position:fixed!important;z-index:1200!important;pointer-events:none;transform:translate(-50%,-65%) scale(1.1);filter:drop-shadow(0 16px 10px #263b3a66);margin:0!important}.drag-ghost .pet-visual{animation:none!important}
.pet-motion{position:relative;height:clamp(75px,15vh,158px);width:100%;flex:1;min-height:0;z-index:2;transform-origin:50% 85%;pointer-events:none}.pet-facing{height:100%;width:100%}.pet-visual{height:100%!important;width:100%;transform-origin:50% 90%;animation:breathe-soft 3.5s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.3s)}.pet-visual img{width:100%;height:100%!important;max-height:100%!important;object-fit:contain;filter:drop-shadow(0 5px 3px #384b2c20);pointer-events:none}.unit-hud{position:relative;flex-shrink:0;z-index:4;text-align:center;height:43px;pointer-events:none}.pet-name{font-size:12px;line-height:17px;color:#203b2a;text-shadow:0 1px 2px #ffffdf,0 0 5px #f1ffb4}.pet-level{font-size:9px;margin-left:3px;padding:0 4px;background:#fff9d5;box-shadow:0 1px 0 #879563}.stats{gap:3px;margin-top:3px;white-space:nowrap}.stat{background:#fffbe5;border:1.5px solid #3e543c;border-radius:7px;box-shadow:0 2px #506942;font-size:13px;min-width:29px;padding:1px 4px;line-height:16px;font-weight:900}.stat.atk{color:#a95030}.stat.spd{font-size:10px}.merge-count,.bench-row .merge-count{position:absolute;top:-14px;left:50%;right:auto;transform:translateX(-50%);font-size:9px;border:0;box-shadow:0 1px 0 #9d9559;background:#fff4cbbb;padding:0 5px;line-height:12px;opacity:.9}.shop-pasture .slot-row{grid-template-columns:repeat(4,minmax(0,1fr));max-width:900px;width:100%;margin:auto}.shop-row .slot{height:clamp(124px,19vh,180px)}.shop-row .unit-hud{height:42px}.price{position:absolute;bottom:-14px;padding:1px 10px;background:#3d6347;border:1px solid #eaf5c1;box-shadow:0 2px #1f4026;font-size:12px;z-index:5}.shop-row .slot:after{bottom:34px}.shop-controls button{font-size:12px;padding:6px 12px}.bench-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.bench-row .slot{height:clamp(100px,14vh,142px)}.bench-row .pet-motion{height:80px;flex:1}.bench-row .pet-name{font-size:10px}.bench-row .unit-hud{height:36px}.bench-row .stat{font-size:10px;min-width:22px;line-height:13px;padding:0 3px}.bench-row .stat.spd{font-size:9px}.item-visual{position:relative;height:clamp(65px,13vh,135px);width:100%;flex:1;min-height:0;z-index:2}.item-visual img{max-height:100%;height:100%;object-fit:contain}.item-name{font-size:12px;line-height:24px;text-shadow:0 2px 2px #fff8cd}.bench-row .item-visual{height:75px}.scene-footer{position:relative;display:grid;grid-template-columns:94px minmax(0,1fr) 190px;align-items:center;gap:16px;min-height:78px;padding-top:10px;z-index:8}.sell-zone{font-size:14px;background:linear-gradient(#ddd1ae,#c7b089);border-color:#7f6944;box-shadow:0 4px #7f6944;min-height:52px}.sell-zone span{display:block;font-size:11px}.sell-zone[aria-disabled=true]{opacity:.65}.selection-bar{margin:0;min-height:0;padding:8px 15px;border:0;background:transparent;box-shadow:none;display:flex;gap:12px}.selection-copy{font-size:12px;color:#365232}.selection-copy strong{font-size:14px}.selection-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.selection-bar.has-selection{border-radius:16px;background:#fff9dfdd;box-shadow:0 2px 0 #52653b55}.selection-bar .row{flex-shrink:0;gap:6px}.selection-bar .small{padding:4px 9px;font-size:11px}.battle-button{min-height:53px;min-width:0;font-size:18px;padding:8px 15px}.battle-button span{margin-left:8px;font-size:24px}
.world[data-view=battle] .main>.section-heading{flex-shrink:0}.world[data-view=battle] h2{font-size:17px}.battle-field{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:8px;align-items:center;position:relative;min-height:0;padding:30px 0 15px}.squad{min-width:0;position:relative;align-self:stretch;display:flex;justify-content:center;flex-direction:column;border-radius:45%;background:radial-gradient(ellipse at 50% 70%,#c2e4e83b,transparent 65%)}.enemy-squad{background:radial-gradient(ellipse at 50% 70%,#fdd29045,transparent 65%)}.squad h3{position:absolute;top:4%;left:0;right:0;text-align:center;font-size:24px;letter-spacing:3px;color:#fffef2;text-shadow:0 2px #29464f,2px 0 #29464f,-2px 0 #29464f,0 -2px #29464f}.squad h3 small{display:block;font-size:11px;letter-spacing:1px;color:#284e5d;text-shadow:0 1px #fff}.enemy-squad h3{color:#fff2d2;text-shadow:0 2px #744934,2px 0 #744934,-2px 0 #744934,0 -2px #744934}.enemy-squad h3 small{color:#844327}.battle-field .slot-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:0}.ally-row{direction:rtl}.ally-row .slot{direction:ltr}.combat-unit{cursor:default;touch-action:auto;height:clamp(145px,27vh,230px)}.combat-unit .pet-motion{max-height:180px}.combat-unit .pet-name{font-size:10px}.combat-unit .unit-hud{height:57px}.combat-unit:after{background:#3396b968;bottom:48px}.enemy-squad .combat-unit:after{background:#d07a456b}.enemy-squad .pet-facing{transform:scaleX(-1)}.hp-track{height:5px;margin:3px 3px 0;background:#58635055;border:1px solid #fffbd6}.hp-track span{background:#6cba76;transition:width .14s linear}.enemy-squad .hp-track span{background:#e18d58}.combat-unit .stat{font-size:10px;padding:0 2px;min-width:21px;line-height:15px}.combat-unit .stat.spd{font-size:8px}.combat-unit .merge-count{font-size:8px;top:-12px}.combat-unit.active .pet-visual{animation:breathe-soft 3.5s ease-in-out infinite}.combat-unit.dead{opacity:.24;filter:grayscale(.8)}.combat-unit.dead .pet-motion{transform:translateY(12px) scale(.7);opacity:.3;transition:transform .25s,opacity .25s}.combat-unit[data-fx-attacking=true]{z-index:30}.combat-unit[data-fx-target=true]:after{background:#fff29a;box-shadow:0 0 22px #ffe668}.versus{margin:0;font-size:20px;letter-spacing:1px;color:#fff4c0;text-shadow:0 2px 3px #4e653d;position:relative;z-index:1}.versus strong{font-size:30px;font-style:italic}.versus small{display:block;font-size:9px;white-space:nowrap;color:#304c30;text-shadow:0 1px #e9ffc4;letter-spacing:0}.battle-log{flex-shrink:0;height:38px;line-height:20px;padding:8px 20px;background:#fff9d896;border:0;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.result-panel{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:min(520px,90vw);z-index:50;background:#fff9deef;border:3px solid #879358;border-radius:28px;padding:25px;box-shadow:0 10px 0 #4d613355,0 20px 80px #3f512d55}.result-panel h2{font-size:32px!important}.result-panel p{margin-bottom:8px}.result-panel .row{margin-top:16px}
.floating-value{position:fixed;z-index:1500;pointer-events:none;font-weight:1000;white-space:nowrap;font-size:24px;color:#fcfff1;text-shadow:2px 2px #315537,-2px -2px #315537,-2px 2px #315537,2px -2px #315537}.floating-value.damage{font-size:36px;color:#ffede0;text-shadow:2px 2px #983c31,-2px -2px #983c31,-2px 2px #983c31,2px -2px #983c31}.floating-value.guard{color:#9ee3ff;font-size:19px}.floating-value.ability{color:#ffed93;font-size:18px}.floating-value.evolve{font-size:30px;color:#fff39b}
.world[data-view=home] .main{max-width:1180px}.intro{padding:20px 0 12px}.intro h1{font-size:36px;text-shadow:0 3px #effcc5}.pack-grid{background:#f4ffcb36;border:0;gap:16px;padding:24px 0}.pack-header{background:#fff9d5c9;border:0;border-radius:20px;padding:15px 20px}.pack-card{border:0;box-shadow:none;background:transparent;padding:5px}.pack-card:hover{background:#fff8c532}.pack-card .pet-motion{height:110px}.pack-card .pet-name{margin-top:6px}.pack-card small{display:none}.home-actions button{min-height:50px}.form-previews .pet-motion{height:120px}.form-previews .pet-name{font-size:13px}
@keyframes breathe-soft{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.018,.977)}}
@media(max-width:900px){.world[data-view=prep],.world[data-view=battle]{min-height:550px}.topbar{padding:10px 12px;gap:8px;min-height:62px;flex-wrap:wrap}.brand{font-size:15px}.brand small{display:none}.topbar .row{gap:7px}.hud{gap:8px}.round{font-size:12px;padding:4px 8px;border-radius:12px}.round small{font-size:9px}.heart{width:20px;height:22px}.energy{min-width:55px;font-size:21px;padding:3px 10px}.save-status{display:none!important}.world[data-view=prep] .main,.world[data-view=battle] .main{padding:3px 12px 12px}.prep-scene{grid-template-rows:minmax(125px,1fr) minmax(145px,1fr) minmax(145px,1fr) auto;gap:2px}.pasture{padding-top:26px}.pasture-title h2{font-size:13px}.slot-row{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;overflow:visible!important;min-width:0}.slot{height:clamp(105px,18vh,165px);min-width:0!important;padding:0}.pet-motion{height:100px}.pet-name{font-size:9px;line-height:14px;max-width:100%}.pet-level{font-size:8px;padding:0 2px;margin-left:1px}.unit-hud{height:34px}.stats{gap:1px}.stat{font-size:10px;padding:0 2px;min-width:17px;line-height:14px;border-radius:5px}.stat.spd{font-size:8px;min-width:21px}.merge-count,.bench-row .merge-count{font-size:8px;line-height:10px;top:-10px;padding:0 3px}.shop-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:480px!important}.shop-row .slot{height:clamp(108px,17vh,155px)}.shop-row .pet-name{font-size:11px}.shop-row .stat{font-size:11px;min-width:24px}.shop-row .stat.spd{font-size:9px}.shop-controls button{font-size:11px;padding:4px 9px;border-radius:10px}.bench-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:4px!important;max-width:480px;width:100%;margin:auto}.bench-row .slot{height:75px!important;min-width:0!important}.bench-row .pet-motion{height:47px}.bench-row .unit-hud{height:26px}.bench-row .pet-name{font-size:8px;line-height:11px}.bench-row .stat{font-size:8px;line-height:10px;min-width:16px;padding:0 2px}.bench-row .stat.spd{font-size:7px}.bench-row .slot:after,.bench-row .ground-mark{bottom:20px}.bench-row .item-visual{height:48px}.bench-row .item-name{font-size:9px;line-height:16px}.scene-footer{grid-template-columns:64px minmax(0,1fr) 123px;gap:7px;padding-top:5px;min-height:63px}.sell-zone{padding:4px 7px;font-size:12px;min-height:43px;border-radius:12px}.battle-button{font-size:14px;padding:6px;min-height:43px;border-radius:12px}.battle-button span{font-size:17px;margin-left:3px}.selection-bar{padding:0;gap:4px;background:none!important;box-shadow:none!important;flex-direction:column;align-items:flex-start}.selection-copy{font-size:10px}.selection-copy strong{font-size:11px}.selection-copy>span{-webkit-line-clamp:1}.selection-bar .row{gap:3px}.selection-bar .small{padding:2px 5px;font-size:9px;border-radius:7px}.battle-field{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:2px}.battle-field .slot-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 1px!important;overflow:visible!important}.squad h3{top:3%;font-size:20px;letter-spacing:2px}.squad h3 small{font-size:9px}.combat-unit{height:145px!important}.combat-unit .pet-motion{height:90px}.combat-unit .unit-hud{height:45px}.combat-unit .pet-name{font-size:8px}.combat-unit .stat{font-size:9px;min-width:16px;padding:0 1px;line-height:12px}.combat-unit .stat.spd{font-size:7px}.combat-unit .merge-count{font-size:7px}.enemy-row{margin:0}.versus strong{font-size:20px}.versus small{font-size:8px;writing-mode:vertical-rl;margin:auto}.battle-log{font-size:10px;height:35px}.world[data-view=battle] .section-heading{gap:5px;flex-wrap:wrap}.world[data-view=battle] .section-heading h2{font-size:13px}.world[data-view=battle] .section-heading button{font-size:10px;padding:4px 7px}.floating-value.damage{font-size:28px}.floating-value.ability{font-size:13px}.floating-value{font-size:17px}.intro h1{font-size:29px}.pack-card .pet-motion{height:95px}.pack-grid{gap:16px 8px}.pack-card .pet-name{font-size:12px}.form-previews .pet-motion{height:100px}}
@media(max-width:900px) and (max-height:650px){.world[data-view=prep],.world[data-view=battle]{min-height:470px}.topbar{min-height:49px;padding:6px 12px}.prep-scene{grid-template-rows:110px 120px 110px auto}.bench-row{grid-template-columns:repeat(8,minmax(0,1fr))!important;max-width:none}.slot{height:100px!important}.shop-row .slot{height:95px!important}.shop-row .pet-motion{max-height:66px}.battle-field .slot-row{grid-template-columns:repeat(6,minmax(0,1fr))!important}.combat-unit{height:128px!important}}
@media(prefers-reduced-motion:reduce){.pet-visual{animation:none!important}}

.pet-visual img,.item-visual img{position:absolute;inset:0;display:block;min-height:0}
@media(max-width:900px){.team-pasture .unit-hud,.combat-unit .unit-hud{width:100%;height:48px}.team-pasture .stats,.combat-unit .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;max-width:49px;margin:3px auto 0}.team-pasture .stat.spd,.combat-unit .stat.spd{grid-column:1/-1;justify-self:center;box-shadow:none;border:0;line-height:10px;padding:0 3px;font-size:8px;background:#eff8d5bd}.combat-unit .unit-hud{height:59px}.slot .pet-name{max-width:100%;overflow:hidden;text-overflow:ellipsis}}

.hit-spark{position:fixed;width:65px;height:65px;z-index:1300;pointer-events:none;background:#fff9ac;clip-path:polygon(50% 0,61% 34%,92% 10%,72% 43%,100% 56%,68% 62%,87% 96%,55% 75%,37% 100%,36% 66%,0 69%,28% 49%,7% 21%,41% 32%);filter:drop-shadow(0 0 8px #ffdd4c)}
@media (orientation:landscape) and (min-width:650px) and (max-height:500px){
 .world[data-view=prep],.world[data-view=battle]{min-height:100svh;height:100svh}
 .topbar{min-height:38px;height:38px;padding:3px 12px;flex-wrap:nowrap}.topbar button{font-size:10px;padding:3px 8px}.topbar .heart{width:17px;height:18px}.topbar .energy{font-size:18px}.topbar .round{padding:2px 6px}
 .world[data-view=prep] .main,.world[data-view=battle] .main{padding:2px 12px 6px}
 .prep-scene{grid-template-rows:minmax(82px,1fr) minmax(86px,1fr) minmax(65px,.78fr) 43px;gap:3px}
 .pasture{padding:19px 0 0}.pasture-title h2{font-size:10px}.pasture-title button,.shop-controls button{font-size:9px;padding:2px 7px}
 .slot{height:77px!important}.slot .pet-motion{height:46px;max-height:46px}.unit-hud,.team-pasture .unit-hud{height:30px}.team-pasture .stats{display:flex;max-width:none;margin-top:1px}.team-pasture .stat.spd{border:1px solid #3e543c;font-size:8px;line-height:12px}.slot .pet-name{font-size:9px;line-height:12px}.merge-count{font-size:7px!important;line-height:9px;top:-9px}.slot:after,.slot .ground-mark{bottom:25px}
 .shop-row{max-width:600px!important}.shop-row .slot{height:77px!important}.shop-row .pet-motion,.shop-row .item-visual{height:44px;max-height:44px}.shop-row .unit-hud{height:29px}.shop-row .pet-name{font-size:9px}.shop-row .stat{font-size:9px;line-height:11px}.shop-row .item-name{font-size:10px;line-height:22px}.price{font-size:9px;bottom:-9px;line-height:10px}
 .bench-row{grid-template-columns:repeat(8,minmax(0,1fr))!important;max-width:none}.bench-row .slot{height:58px!important}.bench-row .pet-motion,.bench-row .item-visual{height:33px;max-height:33px}.bench-row .unit-hud{height:24px}.bench-row .item-name{line-height:14px}.scene-footer{min-height:0;padding:0;grid-template-columns:75px minmax(0,1fr) 145px}.scene-footer button{min-height:32px}.battle-button{font-size:13px}.selection-bar{flex-direction:row;align-items:center}
 .battle-field{padding:12px 0 0}.squad h3{top:0;font-size:17px}.squad h3 small{font-size:8px}.combat-unit{height:130px!important}.combat-unit .pet-motion{height:76px;max-height:76px}.combat-unit .unit-hud{height:52px}.battle-log{height:24px;padding:2px 10px}.result-panel{top:54%;padding:12px 20px}.result-panel h2{font-size:23px!important}.result-panel .row{margin-top:8px}.battle-growth{margin-top:8px}.growth-roster{max-height:100px}.growth-pet .pet-motion{height:40px;flex-basis:40px}
}