.element-icon{display:inline-grid;place-items:center;vertical-align:middle;width:25px;height:25px;border:1px solid #9e885466;border-radius:50%;background:#0a1726;color:#f0d99c;font-size:18px;line-height:1;text-shadow:none;flex-shrink:0}
.stage-element-guide{margin:12px 0;padding:12px;background:#081725aa;border-radius:8px}.stage-element-guide>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:5px 0 10px}.stage-element-guide>div>span{white-space:nowrap}.stage-element-guide small{color:#b8c7d0}
.battle-element-guide{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;padding:10px;background:#0a1b29;border:1px solid #536577;border-radius:9px;margin-bottom:8px;color:#e4c989}.battle-element-guide>span{white-space:nowrap}.battle-element-guide small{flex-basis:100%;text-align:center;font-size:11px;color:#b9ccd6}.current-turn-banner{background:linear-gradient(90deg,#0d666b,#102532);border:1px solid #62eadc;color:#e5fff9;padding:10px 14px;border-radius:8px;font-weight:700;margin-bottom:10px;overflow-wrap:anywhere}.run-reward-policy{font-size:12px;color:#d8ba8a}
.battlefield .heroes .battle-unit.acting,.battlefield .heroes .battle-unit.acting:disabled{outline:2px solid #64ffdf;outline-offset:4px;border-radius:9px;background:linear-gradient(0deg,#0c6d6b77,transparent 75%);box-shadow:0 0 22px #4fffd066;opacity:1;filter:none;z-index:3}.battlefield .heroes .battle-unit.acting .unit-art{filter:drop-shadow(0 0 8px #67ffe3)}.turn-marker{position:absolute;top:-20px;left:50%;transform:translateX(-50%);z-index:6;background:#a9ffe9;color:#052d31;border:1px solid #fff8;border-radius:5px;padding:3px 6px;white-space:nowrap;font:bold 10px sans-serif;text-shadow:none}.battlefield .heroes .battle-unit.acting strong{color:#b8ffeb}.battlefield .element-tag{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px}.battlefield .element-icon{width:22px;height:22px;font-size:16px}
.battle-controls{position:relative}.skill-hover{display:none;position:absolute;bottom:calc(100% + 8px);right:0;width:min(420px,100%);max-height:50dvh;overflow:auto;padding:18px;background:#0a1c2cf5;border:1px solid #d2b270;border-radius:10px;z-index:12;box-shadow:0 10px 30px #0009}.skill-hover p{line-height:1.6;font-size:13px}.skill-hover strong{color:#f2d197}
@media(min-width:761px) and (hover:hover) and (pointer:fine){.battle-controls:has([data-move="skill"]:hover) .skill-hover,.battle-controls:has([data-move="skill"]:focus-visible) .skill-hover,.skill-hover:hover{display:block}}
.room-full-notice{padding:12px;border:1px solid #d6a563;background:#4f301f55;color:#ffdf9a}.recovery-pick:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.battle-element-guide{gap:6px 10px;padding:8px}.battle-element-guide .element-icon{width:21px;height:21px;font-size:15px}.battle-element-guide small{font-size:10px}.turn-marker{font-size:8px;padding:3px;top:-17px}.current-turn-banner{font-size:13px}.run-reward-policy{font-size:11px}}

/* Supplied icon sheet, cropped in CSS without altering the artwork. */
.game-emblem{display:inline-block;vertical-align:middle;width:32px;height:32px;flex-shrink:0;background-image:url('/assets/ui/class-elements.png');background-repeat:no-repeat;border:0;border-radius:50%;box-shadow:none}
.class-emblem{background-size:202.743px 101.371px}
.element-emblem{background-size:236.533px 118.267px}
@media(min-width:761px) and (hover:hover) and (pointer:fine){[data-skill-info]{display:none}}
.emblem-class-0{background-position:-2.286px -14.857px}
.emblem-class-1{background-position:-35.200px -14.857px}
.emblem-class-2{background-position:-68.114px -14.857px}
.emblem-class-3{background-position:-101.029px -14.857px}
.emblem-class-4{background-position:-134.857px -14.857px}
.emblem-class-5{background-position:-168.914px -14.857px}
.emblem-element-0{background-position:-3.733px -72.533px}
.emblem-element-1{background-position:-36.000px -72.533px}
.emblem-element-2{background-position:-68.800px -72.533px}
.emblem-element-3{background-position:-101.333px -72.533px}
.emblem-element-4{background-position:-134.133px -72.533px}
.emblem-element-5{background-position:-166.933px -72.533px}
.emblem-element-6{background-position:-199.200px -72.533px}

.stage-card{background-image:linear-gradient(110deg,rgba(7,19,29,.88),rgba(7,19,29,.72)),var(--stage-art);background-size:cover;background-position:center}.stage-card .power-advice,.stage-card .stage-element-guide{background-color:#071420b8}