/* Scene labels use the same coordinate space and scale as their artwork. */
.inv-stage{container-type:inline-size}
.inv-stage h1{left:42%;top:5.7%;width:17%;height:7.6%;display:flex;align-items:center;justify-content:center;font-size:2.35cqw;line-height:1;margin:0!important;letter-spacing:.1cqw}
.inv-station strong{right:auto!important;bottom:auto;display:flex;align-items:center;justify-content:center;line-height:1.05;white-space:nowrap;margin:0;padding:0;height:14%;font-size:2cqw;transform-origin:center}
.inv-station-0 strong{left:50.6%;top:9.8%;width:73%;transform:translate(-50%,-50%) rotate(9deg)}
.inv-station-1 strong{left:51.6%;top:11.2%;width:75%;transform:translate(-50%,-50%) rotate(-9deg)}
.inv-station-2 strong{left:61.9%;top:72%;width:53%;font-size:1.8cqw;transform:translate(-50%,-50%) rotate(-9deg)}
.inv-station-3 strong{left:37.5%;top:73%;width:57%;font-size:1.45cqw;transform:translate(-50%,-50%) rotate(9deg)}
.machine-requirements .fx-materials{flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-evenly;gap:3%!important;min-width:0}
.machine-requirements .fx-mat{flex:1 1 0!important;min-width:0!important;max-width:31%;height:100%!important}
.machine-requirements .fx-mat img{width:90%!important;height:65%!important}
.atelier-action{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:2px;box-sizing:border-box;padding:1% 3%!important}
.atelier-action b,.atelier-action small{line-height:1.15;white-space:nowrap}
.fx-team-roster button span,.fx-team-footer>span,.fx-ring-preview .kit li span{min-width:0}
.fx-team-roster button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.fx-team-roster button small{white-space:normal;line-height:1.25}
.fx-mission-loot{gap:12px!important}.fx-mission-loot>strong{flex-shrink:0}
@media(max-width:520px){
.inv-stage h1{left:24%;top:4%;width:70%;height:8%;font-size:25px}
.inv-station strong{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;height:auto;min-height:48px;transform:none!important;font-size:15px!important;white-space:normal;box-sizing:border-box;padding:10px!important}
}
.inv-station-3 strong{left:36%;font-size:1.25cqw}
body:not([data-rekt-screen="menu"]) #rekt-online-entry,body:has(.fx-team-shade) #rekt-online-entry{display:none!important}
#app.ui-playing .p-habilidades .panel{border-image-slice:58 60!important;background:#0b1220!important}
@media(max-width:650px){body[data-rekt-screen="menu"] #rekt-online-entry{top:64px!important;bottom:auto!important;right:12px!important;min-height:36px;font-size:11px}}
/* Reserve space for battle HUD; scenery remains full screen behind the canvas. */
@media(min-width:901px){
.combate .lienzo-caja{inset:145px 27% 104px 1%!important;width:auto!important;height:auto!important}
.combate #lienzo{width:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain}
.combate>.tactics-combat-summary{top:78px;min-height:48px}
}
body[data-rekt-screen="preparacion"] #principal{overflow-y:auto!important}
.tactics-screen{max-height:calc(100dvh - 135px);overflow-y:auto!important;scrollbar-width:thin;box-sizing:border-box}
.tactics-screen .tactics-footer{position:sticky;bottom:0;background:#081421f5;z-index:3;padding:10px!important}
.tactics-screen .tactics-option{min-height:160px!important}
.combate{background-image:var(--battle-bg)!important;background-size:cover!important;background-position:center!important}
@media(min-width:701px){
.tactics-screen .tactics-option{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;grid-template-rows:auto auto 1fr auto!important;align-content:start!important;gap:6px 10px!important;height:auto!important;min-height:180px!important;padding:12px!important}
.tactics-screen .tactics-icon{grid-row:1/5!important;width:70px!important;height:110px!important;margin:0!important}
.tactics-screen .tactics-option>b{font-size:19px!important;margin:0!important}
.tactics-screen .tactics-option>span:not(.tactics-icon){font-size:12px!important;line-height:1.35!important}
}
@media(min-width:701px){
.tactics-screen .tactics-option>*{position:static!important;transform:none!important;grid-column:2!important;grid-row:auto!important;width:auto!important;max-width:100%!important;margin:0!important;text-align:left!important}
.tactics-screen .tactics-option>.tactics-icon{grid-column:1!important;grid-row:1/5!important;width:70px!important;height:110px!important}
}
@media(min-width:701px){.tactics-screen .tactics-option>span:not(.tactics-icon){grid-column:2!important;grid-row:3!important;width:auto!important;position:static!important;align-self:start!important}.tactics-screen .tactics-option>.tactics-icon{grid-row:1/5!important}}