.campaign-scene{color:#e8f1f4;line-height:1.5}.campaign-scene>header{display:flex;justify-content:space-between;gap:12px;align-items:start}.campaign-scene>header span{font-size:11px;letter-spacing:.8px;color:#b9d5d3}.campaign-scene h2{font-size:23px;line-height:1.25;margin:8px 0 16px}.scene-header-actions{display:flex;gap:6px}.campaign-scene button{min-height:48px;padding:10px 12px;border:1px solid #9eb6bd55;border-radius:12px;background:#1b2c3b;color:#edf4f5;font-size:13px;cursor:pointer}.campaign-scene button:focus-visible{outline:2px solid #e6c58c;outline-offset:3px}.scene-phases{display:flex;gap:6px;margin:10px 0 15px}.scene-phases span{flex:1;padding:8px 5px;border:1px solid #9cb9bf25;border-radius:10px;font-size:12px;color:#879fb0;text-align:center}.scene-phases .active{color:#ffe1ab;background:#6c503522;border-color:#deb87788}.scene-phases .done{color:#9eddbf}.scene-arena{height:285px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow:hidden;border:1px solid #d3b88455;border-radius:20px;background:radial-gradient(ellipse at 25% 50%,#285e6b66,transparent 60%),radial-gradient(ellipse at 80% 20%,#75434266,transparent 55%),linear-gradient(#172d42,#0b1829 60%,#233b44)}.scene-arena:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#c5dbdf03 6px);pointer-events:none}.scene-floor{position:absolute;left:-30%;right:-30%;bottom:-30px;height:130px;transform:perspective(280px) rotateX(50deg);background:repeating-linear-gradient(90deg,transparent 0 28px,#6eaabc33 29px 30px),repeating-linear-gradient(0deg,transparent 0 28px,#6eaabc33 29px 30px);border-top:1px solid #adbacb55}.scene-unit{z-index:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:10px 4px 16px;min-width:0}.scene-unit>b{font-size:15px;max-width:100%;text-align:center;overflow-wrap:anywhere;line-height:1.3}.scene-unit>small{font-size:12px;color:#a5c4d5;margin-top:4px}.scene-character{width:100%;height:205px;position:relative}.scene-character .crew-art-size-battle{height:100%!important;width:100%!important;position:relative;min-height:0!important}.scene-character canvas{width:100%!important;height:100%!important}.scene-enemy svg{width:100%;height:200px;max-width:170px;filter:drop-shadow(0 0 12px #d5a77d33)}.scene-pulse-beam{position:absolute;left:30%;top:45%;height:3px;width:45%;border-radius:10px;background:linear-gradient(90deg,transparent,#bae9ed,#edc08f,transparent);box-shadow:0 0 12px #a4ebf7;opacity:0;z-index:2;transform-origin:left}.campaign-scene[data-phase="1"] .scene-pulse-beam{animation:sceneBeam 900ms ease-out 2}.campaign-scene[data-phase="1"] .scene-ally{animation:sceneLunge 900ms ease-out 2}.campaign-scene[data-phase="1"] .scene-enemy{animation:sceneEnemyReact 900ms ease-out 2}.scene-outcome{position:absolute;inset:auto 10px 92px;z-index:4;text-align:center;font-size:21px;font-weight:850;letter-spacing:1.5px;color:#d2f3dd;pointer-events:none;text-shadow:0 2px 10px #041817}.campaign-scene[data-phase="2"] .scene-outcome{padding:14px 4px;background:#12362fea;border:1px solid #98c8a488;border-radius:12px;animation:sceneReveal 350ms ease-out}.campaign-scene[data-phase="2"].scene-lose .scene-outcome{color:#f3c7ad;background:#40271eea;border-color:#d19f80}.campaign-scene[data-phase="2"].scene-win .scene-enemy{opacity:.55}.scene-lineup{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.scene-lineup span{font-size:12px;color:#bbd6da;padding:7px 10px;border:1px solid #adcfcc33;border-radius:9px;background:#18303a}.scene-pet{display:flex;align-items:center;gap:12px;min-height:98px;padding:8px 12px;border:1px solid #80bdaf44;background:linear-gradient(110deg,#173630,#1c293b);border-radius:14px;margin:12px 0}.scene-pet-model{width:90px;height:88px;flex-shrink:0;position:relative}.scene-pet .pet-art-battle{position:relative;width:100%!important;height:100%!important;min-height:0!important}.scene-pet canvas{width:100%!important;height:100%!important}.scene-pet>div:last-child{min-width:0}.scene-pet small{display:block;font-size:10px;color:#96bfb2;letter-spacing:.6px}.scene-pet b{display:block;font-size:17px;margin:4px 0}.scene-pet span{display:block;font-size:12px;color:#b4c6d2}.campaign-scene[data-phase="1"] .scene-pet{box-shadow:0 0 20px #a1dbad22}.scene-caption{padding:16px;border:1px solid #bbd0d733;border-radius:14px;background:#132433;margin:14px 0;min-height:158px}.scene-caption>span{font-size:11px;letter-spacing:1px;color:#d8bd87}.scene-caption h3{font-size:20px;margin:8px 0}.scene-caption p{font-size:14px;line-height:1.6;color:#bcccd9;margin:8px 0}.scene-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.scene-controls>span{font-size:11px;color:#8ca8b7;text-align:center}.scene-paused *{animation-play-state:paused!important}.motion-reduced *{animation:none!important}.campaign-result [data-campaign-replay]{border-color:#abc8db66;background:#193143;color:#c9e5ef}@media(max-width:340px){.campaign-scene h2{font-size:20px}.campaign-scene>header{flex-direction:column}.scene-header-actions{align-self:end}.scene-arena{height:245px}.scene-character{height:165px}.scene-enemy svg{height:160px}.scene-outcome{font-size:17px}.scene-unit>b{font-size:14px}.scene-controls>span{max-width:80px}.scene-controls button{font-size:12px;padding:10px}.scene-pet-model{width:75px}.scene-caption{min-height:176px}}@keyframes sceneBeam{0%,100%{opacity:0;transform:scaleX(.1)}25%,65%{opacity:1;transform:scaleX(1)}}@keyframes sceneLunge{0%,100%{transform:translateX(0)}45%{transform:translateX(12px)}}@keyframes sceneEnemyReact{0%,100%{transform:translateX(0)}55%{transform:translateX(6px)}}@keyframes sceneReveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.campaign-scene *{animation:none!important}}

.campaign-scene>header{flex-wrap:wrap}.scene-header-actions{width:100%;justify-content:flex-end;margin-bottom:8px}.scene-header-actions [data-scene-pause]{margin-right:auto}.scene-controls{justify-content:flex-end}.scene-controls>span{margin-right:auto}

.campaign-view .campaign-scene button{font-size:13px;line-height:1.3;min-height:48px;white-space:nowrap}.campaign-view .scene-header-actions [data-scene-close]{font-size:24px;padding:8px 12px;flex-shrink:0}