.battle-view-controls{display:flex;align-items:center;gap:9px;padding:12px 18px;background:#171923;border-block:1px solid #a592b51f;flex-wrap:wrap}.battle-view-controls .btn{padding:7px 11px;font-size:10px;min-height:32px}.view-badge{font-size:10px;letter-spacing:2px;color:#d0b580;margin-right:auto}.battle-view-controls>small{font-size:10px;color:#9289a4}.battle-3d-stage{position:relative;height:clamp(470px,44vw,650px);background:radial-gradient(ellipse at 50% 40%,#2b3045,#0c101e);overflow:hidden;isolation:isolate}.battle-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.battle-canvas:active{cursor:grabbing}.scene-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#d1c3e5;pointer-events:none}.battle-3d-stage[data-ready=true] .scene-loading{display:none}.scene-vignette{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 48%,#080c186b 100%)}.scene-labels{position:absolute;inset:0;z-index:3;pointer-events:none}.unit-label-3d{position:absolute;left:50%;top:50%;transform:translate(-50%,0);width:118px;min-height:48px;display:flex;align-items:center;gap:6px;padding:5px 6px;background:linear-gradient(120deg,#172436ed,#13182af5);border:1px solid #71858c77;border-radius:6px;color:#e7e4ec;box-shadow:0 4px 12px #04091566;pointer-events:auto;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.unit-label-3d.enemy{border-color:#b6757566;background:linear-gradient(120deg,#352532f0,#1d1a2af0)}.unit-label-3d.legal{border-color:#9dc9bf}.unit-label-3d.selected{border-color:#f3d699;box-shadow:0 0 0 2px #e0c4933d,0 4px 18px #0008}.unit-label-3d.acting:before{content:'TURN';position:absolute;top:-15px;left:0;font-size:8px;letter-spacing:2px;color:#eedcaa}.unit-label-3d.fallen{filter:grayscale(1);opacity:.55;cursor:default}.label-portrait{width:28px;height:34px;flex-shrink:0;overflow:hidden;border-radius:3px}.label-portrait .portrait{width:100%;height:100%;display:block}.label-status{display:grid;gap:3px;flex:1;min-width:0}.label-status>strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-status>small{font-size:8px;color:#b6b0c4;white-space:nowrap}.label-status>.hp-track{display:block;height:4px;background:#ffffff12;border-radius:4px;overflow:hidden}.unit-label-3d.enemy .hp-track>i{background:linear-gradient(90deg,#a75f78,#dc9596)}.damage-3d{position:absolute;left:50%;top:0;font-size:26px;color:#fff3de;white-space:nowrap;font-weight:800;text-shadow:0 2px 5px #140a13,0 0 18px #000;pointer-events:none}.damage-3d[hidden]{display:none}.damage-3d.healing{color:#a7f5be}.damage-3d.critical{color:#ffe193;font-size:32px}.damage-3d>small{display:block;font-size:9px;letter-spacing:2px;text-align:center}.field-team-label{position:absolute;top:18px;font-size:9px;letter-spacing:3px;color:#99c7c7;z-index:2;pointer-events:none}.field-team-label>span{display:block;letter-spacing:0;margin-top:4px;font-size:11px;color:#b6afc3}.field-team-label.ally{left:22px}.field-team-label.enemy{right:22px;text-align:right;color:#dbafad}.cast-caption{position:absolute;top:16px;left:50%;transform:translateX(-50%);text-align:center;padding:9px 28px;border-block:1px solid color-mix(in srgb,var(--cast-color),transparent 45%);background:linear-gradient(90deg,transparent,#101525de 20%,#101525de 80%,transparent);z-index:4;pointer-events:none;max-width:60%;min-width:220px}.cast-caption[hidden]{display:none}.cast-caption small{display:block;color:var(--cast-color);font-size:9px;letter-spacing:2px}.cast-caption strong{display:block;font-size:18px;color:#ede2f3;margin-top:4px;text-shadow:0 0 20px var(--cast-color)}.scene-help{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:10px;color:#b4aec5;text-shadow:0 2px 3px #000;z-index:2;pointer-events:none}.page-battle .combat-panel{margin-top:18px;background:linear-gradient(145deg,#272133,#161824);border:1px solid #93829f30;border-radius:10px;box-shadow:0 12px 30px #0002}.page-battle .initiative{background:linear-gradient(90deg,#211f2d,#161925)}.page-battle .combat-action.ultimate{border-color:#e5c792}.page-battle .combat-action kbd{opacity:.7}.page-battle .combat-hint{font-size:12px}.page-battle .arena{border-radius:12px;overflow:hidden;border:1px solid #8c80a339}
@media(max-width:900px){.battle-3d-stage{height:480px}.unit-label-3d{width:94px;padding:4px}.label-portrait{display:none}.cast-caption strong{font-size:14px}.battle-view-controls>small{display:none}}
@media(prefers-reduced-motion:reduce){.unit-label-3d{transition:none}}
.model-preview-open{display:block;width:calc(100% - 32px);margin:16px}.hero-viewer-modal{text-align:center}.hero-viewer-modal h2{margin-bottom:6px}.hero-viewer-modal h2 small{font-size:13px;color:#bcabd2;margin-left:8px}.hero-viewer-modal>p{font-size:12px;color:#a69ab5}.hero-3d-preview{position:relative;height:430px;border:1px solid #a996c333;background:#0e1221;border-radius:12px;overflow:hidden}.hero-3d-preview[data-ready=true]>.scene-loading{display:none}.hero-preview-caption{position:absolute;bottom:12px;left:0;right:0;font-size:11px;color:#d1bedf;pointer-events:none}.hero-preview-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.hero-preview-actions .btn{display:flex;flex-direction:column;gap:4px;font-size:11px;white-space:normal;padding:10px;min-height:58px;justify-content:center}.hero-preview-actions .btn>small{font-size:8px;letter-spacing:1.4px;color:#bba4db}.hero-preview-actions .ultimate{border-color:#d2b97c;background:#4d382633}.hero-preview-turn{display:flex;justify-content:center;gap:8px;margin-top:12px}.hero-preview-turn .btn{font-size:10px;padding:7px 14px}.hero-viewer-fallback{height:340px;position:relative;width:260px;margin:auto}.hero-viewer-fallback .battle-sprite{inset:0}.hero-preview-actions .btn:focus-visible{outline:2px solid #b39cd7;outline-offset:2px}@media(max-width:600px){.hero-3d-preview{height:360px}.hero-preview-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}