/* Foreground clarity: quiet scenery, strong creature HUD, on-demand readable traits. */
.world{position:relative;isolation:isolate;background:none!important}
.world::before{content:"";position:fixed;inset:0;z-index:-2;background:url('assets/meadow-opt1.webp') center/cover no-repeat;filter:saturate(.42) brightness(.82);pointer-events:none}
.world::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#e9efdf16,#e3e9d030 40%,#173e2828);pointer-events:none}
.topbar{background:#f4f2dfe8;box-shadow:0 3px 0 #2b4b3940}.pasture-title h2{font-size:17px;background:#f4f2e3e8;border-radius:9px;padding:3px 9px;color:#193b30;text-shadow:none}.pasture-title h2 span{font-size:13px;color:#345046}.pasture-title button,.shop-controls button{font-size:14px}.slot .pet-visual img{filter:drop-shadow(0 3px 1px #fff8dc99) drop-shadow(0 7px 4px #1b342b65)}
.pet-visual,.combat-unit.active .pet-visual{animation:breathe-lively 2.4s ease-in-out infinite!important;animation-delay:calc(var(--i,0)*-.31s)!important;transform-origin:50% 94%}
@keyframes breathe-lively{0%,100%{transform:translateY(0) rotate(-1.2deg) scale(1.015,.975)}45%{transform:translateY(-7px) rotate(1.2deg) scale(.965,1.06)}70%{transform:translateY(-3px) rotate(.2deg) scale(1.025,.985)}}
.drag-ghost{transform:translate(-50%,-72%) rotate(-7deg) scale(1.2);filter:drop-shadow(0 18px 8px #183b4480)}.drag-ghost .pet-visual,.transaction-ghost .pet-visual{animation:none!important}
.arrival-particle{position:fixed;z-index:1250;font-size:30px;color:#fff5ae;text-shadow:0 2px 0 #987128,0 0 9px #ffe592;pointer-events:none;line-height:1}
.slot .unit-hud{position:static!important;width:100%;height:57px;flex-shrink:0}.slot .pet-name{font-size:14px;font-weight:900;line-height:21px;text-shadow:none;color:#18392e;background:#fcf7e4e8;border-radius:7px;display:table;margin:0 auto;max-width:100%;padding:0 4px}.slot .pet-level{font-size:10px;background:#dce9d7;color:#234a36;box-shadow:none;padding:1px 3px}.slot .stats{position:static;display:flex;gap:6px;margin:4px auto 0;justify-content:center;max-width:150px}.slot .stat{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;flex:1;max-width:65px;line-height:29px;font-size:23px;font-weight:900;padding:0 5px;border:2px solid #fff8dc;border-radius:10px;box-shadow:0 3px 0 #183b33;color:#fff;white-space:nowrap}.slot .stat.hp{background:#28614d}.slot .stat.atk{background:#9d442a}.slot .stat i{position:absolute;left:2px;top:-7px;font-size:12px;line-height:13px;font-style:normal;text-shadow:0 1px #203c31}.slot .stat b{font:inherit}
.slot .stat.spd{position:absolute;top:5px;right:6%;bottom:auto;left:auto;background:#244860;color:#fff;box-shadow:0 2px #153346;border:2px solid #e7f3ee;border-radius:8px;min-width:38px;width:auto;max-width:none;font-size:14px;line-height:22px;padding:0 4px;z-index:6;gap:2px}.slot .stat.spd i{position:static;font-size:11px;line-height:inherit}.slot .merge-count{position:absolute;top:5px;left:6%;right:auto;bottom:auto;transform:none;display:grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border:2px solid #fff0b9;background:#6d542b;color:#fff9da;border-radius:50%;font-size:15px;line-height:22px;box-shadow:0 2px #493b27;opacity:1;z-index:6}
.slot:after,.slot .ground-mark{bottom:54px}.slot .hp-track{height:4px;margin:2px auto 0;max-width:100px}.combat-unit .unit-hud{height:63px}.combat-unit:after{bottom:60px}.combat-unit .stats{margin-top:3px;gap:4px}.combat-unit .stat{font-size:19px;line-height:25px}.combat-unit .pet-name{font-size:12px}.combat-unit .stat.spd{font-size:12px;line-height:20px}.combat-unit .merge-count{font-size:13px;height:24px;min-width:24px}.shop-row .unit-hud{height:57px}.price{font-size:15px;bottom:-17px;line-height:18px;padding:1px 13px;background:#183e34;border:2px solid #fff2c9}.bench-row .unit-hud{height:47px}.bench-row .pet-name{font-size:12px;line-height:18px}.bench-row .stat{font-size:17px;line-height:23px}.bench-row .stat.spd{font-size:12px;line-height:19px}.bench-row .merge-count{height:23px;min-width:23px;font-size:12px}.bench-row .slot:after{bottom:44px}.selection-copy{font-size:14px;color:#fffbe8;text-shadow:0 1px 2px #19392e}.selection-copy strong{font-size:17px}.selection-bar.has-selection{background:#f9f4e3!important}.selection-bar.has-selection .selection-copy{color:#244334;text-shadow:none}.selection-bar .small{font-size:14px;padding:6px 12px}.item-name,.bench-row .item-name{font-size:14px;font-weight:800;color:#183b31;background:#fff7dfe8;border-radius:6px;padding:0 5px}.battle-log{background:#fcf6dfec;color:#234436;font-size:14px}
.pet-inspector{position:fixed;z-index:1600;background:#fff9e9;color:#203c33;border:3px solid #314d40;border-radius:20px;box-shadow:0 7px 0 #263f3477,0 18px 45px #142f3a55;padding:18px;max-height:calc(100svh - 24px);overflow:auto}.pet-inspector[hidden]{display:none}.inspect-heading{display:flex;align-items:center;gap:12px;padding-right:16px}.inspect-heading img{width:72px;height:78px;object-fit:contain}.inspect-heading h2{font-size:23px;line-height:1.25}.inspect-heading span{font-size:13px;color:#526e60}.pet-inspector h3{font-size:19px;padding:10px 0 4px;color:#8b482e}.pet-inspector p{font-size:17px;line-height:1.7;margin:0 0 12px}.pet-inspector small{font-size:13px;line-height:1.5;display:block;color:#5c705b;border-top:1px solid #c9d0b7;padding-top:10px}.inspect-close{position:absolute;right:8px;top:7px;width:30px;height:30px;padding:0;font-size:23px;line-height:26px;border:0;box-shadow:none;background:#e4eadc}.pet-inspector button:focus-visible{outline:3px solid #2873a3}dialog p{font-size:16px}dialog h2{font-size:25px}
@media(max-width:900px){
 .topbar{padding:8px 10px}.pasture-title h2{font-size:13px;padding:2px 6px}.pasture-title h2 span{font-size:11px}.pasture-title button,.shop-controls button{font-size:12px}.slot .unit-hud{height:51px}.slot .pet-name{font-size:11px;line-height:17px;padding:0 2px;white-space:nowrap}.slot .pet-level{font-size:8px;padding:0 1px;margin-left:1px}.slot .stats{display:flex;gap:3px;margin-top:4px;max-width:110px}.slot .stat{font-size:17px;line-height:25px;padding:0 1px;border-radius:7px;border-width:1.5px}.slot .stat i{font-size:9px;line-height:10px;top:-6px}.slot .stat.spd{top:2px;right:0;font-size:10px;line-height:19px;min-width:29px;padding:0 2px;border-radius:6px;gap:1px}.slot .stat.spd i{font-size:8px}.slot .merge-count{top:2px;left:0;height:22px;min-width:22px;font-size:12px!important;line-height:18px;padding:0 3px}.shop-row .stat{font-size:20px;line-height:27px}.shop-row .unit-hud{height:54px}.shop-row .pet-name{font-size:12px}.shop-row .stat.spd{font-size:12px;line-height:20px}.shop-row .merge-count{height:24px;min-width:24px}.bench-row .slot{height:95px!important}.bench-row .unit-hud{height:44px}.bench-row .pet-motion{height:51px}.bench-row .pet-name{font-size:10px;line-height:16px}.bench-row .stat{font-size:15px;line-height:21px}.bench-row .stat.spd{font-size:10px;line-height:17px;min-width:29px}.bench-row .merge-count{height:20px;min-width:20px;font-size:11px!important}.bench-row .item-name{font-size:11px}.bench-row .slot:after{bottom:40px}.prep-scene{grid-template-rows:minmax(135px,1fr) minmax(153px,1fr) minmax(213px,1.3fr) auto}.combat-unit .unit-hud{height:58px}.combat-unit .stats{display:flex;gap:2px}.combat-unit .stat{font-size:16px;line-height:24px}.combat-unit .pet-name{font-size:10px}.combat-unit .stat.spd{font-size:9px;min-width:28px;line-height:18px}.combat-unit .merge-count{min-width:19px;height:20px;font-size:10px!important}.combat-unit:after{bottom:54px}.selection-copy{font-size:12px}.selection-copy strong{font-size:13px}.selection-bar .small{font-size:12px;padding:4px 7px}.selection-bar .row{gap:5px}.scene-footer{grid-template-columns:60px minmax(0,1fr) 125px}.battle-log{font-size:12px}.item-name{font-size:12px}
}
@media(orientation:landscape) and (min-width:650px) and (max-height:500px){
 .topbar{padding:2px 10px}.prep-scene{grid-template-rows:minmax(82px,1fr) minmax(86px,1fr) minmax(68px,.8fr) 43px}.pasture-title h2{font-size:11px;padding:0 5px}.pasture-title button,.shop-controls button{font-size:11px;padding:1px 6px}.slot .unit-hud,.shop-row .unit-hud{height:34px}.slot .pet-name{font-size:10px;line-height:14px}.slot .stats{margin-top:2px}.slot .stat,.shop-row .stat{font-size:17px;line-height:20px}.slot .stat.spd{top:0;right:2%;font-size:11px;line-height:18px}.slot .merge-count{top:0;left:2%;height:21px;min-width:21px}.bench-row .slot{height:59px!important}.bench-row .unit-hud{height:32px}.bench-row .pet-name{font-size:9px;line-height:13px}.bench-row .stat{font-size:14px;line-height:18px}.bench-row .stat.spd{font-size:9px;min-width:27px;line-height:16px}.bench-row .merge-count{height:18px;min-width:18px;font-size:10px!important}.bench-row .pet-motion{max-height:28px}.combat-unit .unit-hud{height:51px}.combat-unit .pet-motion{max-height:76px}.combat-unit .stat{font-size:18px;line-height:24px}.combat-unit .stat.spd{top:2px}.combat-unit .pet-name{font-size:10px}.selection-copy{font-size:12px}.slot:after{bottom:30px}.combat-unit:after{bottom:47px}.price{font-size:12px;line-height:12px;bottom:-12px}.pet-inspector p{font-size:16px;line-height:1.5}.inspect-heading img{width:55px;height:55px}.pet-inspector{padding:12px 18px}
}
@media(prefers-reduced-motion:reduce){.pet-visual,.combat-unit.active .pet-visual{animation:none!important}}