.game-icon{display:inline-block;width:1.35em;height:1.35em;vertical-align:-.28em;color:inherit;overflow:visible}.game-icon path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.act .ui .game-icon{width:30px;height:30px;color:#e7d6a6;filter:drop-shadow(0 2px 3px #0006)}.act .ui{display:grid;place-items:center}.ico .game-icon{width:23px;height:23px}.polished-portrait{display:block;width:100%;height:100%;position:relative;isolation:isolate}.polished-portrait>.posecell{display:block!important;width:100%!important;height:100%!important;min-width:0;aspect-ratio:1/1;background-repeat:no-repeat;image-rendering:auto}.portrait .polished-portrait{transform:scale(1.08);transform-origin:50% 90%}.stage .unit .portrait{background:radial-gradient(ellipse at 50% 88%,#9cafbb22,transparent 65%)!important;overflow:visible;animation:none!important;filter:drop-shadow(0 5px 4px #0007)}.stage .unit .gshadow{width:85%;height:12px;margin:-8px auto 0;background:radial-gradient(ellipse,#07101fcc,transparent 70%)!important;transform:scaleX(1.25)}.skill-figure,.atkcut{image-rendering:auto}.unit .name,.unit .hp,.unit .stats{position:relative;z-index:3;text-shadow:0 1px 4px #000}.battle .scene{min-height:min(480px,44vh);background-position:center 46%!important}.battle .scene .inner{position:relative;z-index:2}.battle-depth{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.depth-light{position:absolute;inset:0;background:linear-gradient(122deg,transparent 10%,color-mix(in srgb,var(--biome-light) 15%,transparent) 22%,transparent 38%,color-mix(in srgb,var(--biome-light) 8%,transparent) 47%,transparent 63%);mix-blend-mode:screen}.depth-haze{position:absolute;left:-10%;right:-10%;height:34%;top:40%;background:radial-gradient(ellipse,color-mix(in srgb,var(--biome-light) 15%,transparent),transparent 70%);filter:blur(13px);animation:depth-breathe 12s ease-in-out infinite alternate}.depth-front{position:absolute;bottom:0;left:0;width:100%;height:24%;fill:color-mix(in srgb,var(--biome-ground) 65%,#101d26);filter:drop-shadow(0 -3px 6px #0004)}.depth-reeds{fill:none;stroke:var(--biome-ground);stroke-width:6}.biome-metal .depth-reeds,.biome-stone .depth-reeds,.biome-salt .depth-reeds{display:none}.depth-motes i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:var(--biome-light);opacity:.5;box-shadow:0 0 6px var(--biome-light);animation:depth-float 7s linear infinite;animation-delay:var(--delay)}.biome-ember .depth-motes i{border-radius:1px}.biome-snow .depth-motes i{animation-direction:reverse}.biome-water .depth-motes i,.biome-marsh .depth-motes i{background:transparent;border:1px solid var(--biome-light)}.biome-rose .depth-motes i{width:7px;height:4px;border-radius:80% 0}.biome-rift .depth-motes i,.biome-stars .depth-motes i{border-radius:0;transform:rotate(45deg)}.biome-cave .depth-light,.biome-night .depth-light{opacity:.3}.battle .floor{opacity:.16}.battle .floor .grid{display:none}.depth-still *{animation:none!important}.energy-icon{width:45px;height:45px;filter:drop-shadow(0 0 8px currentColor)}.fxproj .energy-icon{color:var(--fc);stroke-width:2}.fxproj.energy-ice .energy-icon{animation:energy-turn .6s linear infinite}.fxproj.energy-time .energy-icon,.fxproj.energy-gravity .energy-icon{animation:energy-turn 1.3s linear infinite}.fxproj.energy-fire .energy-icon{filter:drop-shadow(0 0 12px #ff8144)}.fxproj.energy-water .energy-icon{transform:rotate(-25deg)}.fxproj.energy-wind .energy-icon{width:72px}.fxproj.energy-dark .energy-icon,.fxproj.energy-void .energy-icon{filter:drop-shadow(0 0 8px #a18bea)}.energy-branch{position:fixed;inset:0;z-index:59;pointer-events:none;color:var(--energy)}.energy-branch svg{width:100%;height:100%;overflow:visible}.energy-branch path{fill:none;stroke:var(--energy);stroke-width:3;stroke-linejoin:bevel;filter:drop-shadow(0 0 6px var(--energy));animation:energy-fade .32s ease-out forwards}.fxglyph .energy-icon{width:30px;height:30px}.skill-figure .polished-portrait{width:100%;height:100%}.stage .unit.down .portrait{filter:grayscale(.8) brightness(.7);opacity:.45}.stage .unit.sealed .portrait{filter:sepia(.3) hue-rotate(190deg);opacity:.3}
@keyframes depth-breathe{to{transform:translateX(4%) scale(1.08);opacity:.65}}@keyframes depth-float{0%{transform:translateY(30px);opacity:0}20%{opacity:.6}100%{transform:translate(12px,-80px);opacity:0}}@keyframes energy-turn{to{transform:rotate(360deg)}}@keyframes energy-fade{0%{opacity:0}18%{opacity:1}100%{opacity:0}}@media(max-width:760px){.battle .scene{min-height:410px}.depth-front{height:17%}.depth-motes i:nth-child(n+7){display:none}}@media(prefers-reduced-motion:reduce){.battle-depth *,.energy-icon{animation:none!important}.energy-branch{display:none}}

/* painted backgrounds carry their own foreground; keep only light, haze and motes over them */
.scene.hasart .battle-depth .depth-front{display:none}.scene.hasart .depth-haze{opacity:.7}
@media (min-width:761px) and (max-height:940px){.battle .scene{min-height:0}}