/* The battle scene occupies the map only; menus, game commands and logs stay live. */
body.beta-client.ck-train-battle:not(.ck-text-mode) #beta-map-host{display:flex!important;min-height:0;max-height:none;flex:1 1 auto}
body.beta-client.ck-train-battle #beta-map-panel{display:flex;flex:1 1 auto;min-height:0}
body.beta-client.ck-train-battle #beta-map-panel>:is(#bm-viewport,.bm-footer,#bm-recenter,#bm-overview){display:none!important}
body.beta-client.ck-train-battle #beta-map-panel>.bm-toolbar{display:flex!important}
body.beta-client.ck-train-battle #bm-combat-map{display:none!important}
body.beta-client.ck-train-battle #game-area{grid-template-rows:minmax(220px,1fr) minmax(130px,1fr)}
#ck-train-battle[hidden]{display:none!important}
#ck-train-battle{display:flex;flex-direction:column;flex:1;min-height:185px;overflow:hidden;background:#080e20;color:#edf0ff;border-top:1px solid #52678b;font:13px/1.3 system-ui,sans-serif;isolation:isolate}
#ck-train-battle .tb-title{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:5px 10px;background:linear-gradient(#263b75,#152246);border-bottom:2px solid #8795b1;flex:none}
#ck-train-battle .tb-title span{min-width:0}#ck-train-battle small{display:block;font-size:8px;letter-spacing:.15em;color:#b1c1e6}#ck-train-battle strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#f0e9d1}
#ck-train-battle button{min-height:36px;padding:5px 10px;border:1px solid #8d9aba;border-radius:5px;background:#152b58;color:#e4e9ff;font-size:12px;white-space:nowrap}
#ck-train-battle .tb-stage{position:relative;flex:1;min-height:90px;overflow:hidden;background:linear-gradient(#091020 0%,#1a283b 52%,#1b1b28 54%,#303041 94%,#151d32 96%)}
#ck-train-battle .tb-windows{position:absolute;inset:0 0 27%;background:repeating-linear-gradient(90deg,#182432 0 12%,transparent 12% 35%,#334151 35% 37%,#14212f 37% 40%),linear-gradient(180deg,#121c2d,#416374 52%,#172d3d 78%);border-bottom:4px solid #655743;opacity:.9}
#ck-train-battle .tb-track{position:absolute;inset:76% 0 0;background:repeating-linear-gradient(90deg,transparent 0 27px,#070d18 27px 33px);border-top:3px solid #7e868b;border-bottom:2px solid #465367;opacity:.7}
#ck-train-battle .tb-mist{position:absolute;inset:30% -20% 0;background:radial-gradient(ellipse at 35% 80%,#85b8ca33,transparent 55%);transform:translateX(0);animation:tb-mist 9s ease-in-out infinite alternate;animation-play-state:paused;pointer-events:none}
#ck-train-battle canvas{position:absolute;bottom:12%;height:80%;width:auto;max-width:31%;object-fit:contain;image-rendering:pixelated}
#ck-train-battle #tb-player{right:10%;animation:tb-ready 3s steps(2,end) infinite;animation-play-state:paused}
#ck-train-battle #tb-boss{left:8%}
#ck-train-battle #tb-locomotive{position:absolute;right:0;bottom:9%;width:73%;height:94%;object-fit:contain;object-position:right bottom;image-rendering:pixelated}
#ck-train-battle.tb-train #tb-player{left:4%;right:auto;max-width:20%;height:65%}
#ck-train-battle.tb-train .tb-windows{inset:0;background:repeating-linear-gradient(100deg,transparent 0 11%,#080e17aa 12% 16%,transparent 17% 25%),linear-gradient(180deg,#071020,#1c394b 70%,#091322);border:0}
#ck-train-battle.tb-ambient .tb-mist{animation-play-state:running}
#ck-train-battle.tb-idle #tb-player{animation-play-state:running}
#ck-train-battle .tb-vitals{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px 10px;background:linear-gradient(#24386a,#0e1a42);border:2px solid #8991ac;border-radius:4px;flex:none}
#ck-train-battle .tb-vitals>div{min-width:0;display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}
#ck-train-battle .tb-vitals span{font-size:10px;color:#cad4e9}
#ck-train-battle progress{grid-column:1/-1;width:100%;height:5px;accent-color:#e6cb72}
@keyframes tb-mist{to{transform:translateX(13%)}}@keyframes tb-ready{50%{transform:translateY(-2px)}}
@media(min-width:769px){#ck-train-battle{min-height:250px}.tb-stage{max-height:450px}#ck-train-battle .tb-title{padding:8px 14px}#ck-train-battle strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){#ck-train-battle *{animation:none!important}}
body.beta-client.ck-map-collapsed #ck-train-battle{display:none!important}

/* Override the temporary combat-focus layout without changing the saved layout. */
body.beta-client:is(.ck-train-battle,.ck-train-map)[data-beta-view="map"] #game-area{grid-template-rows:minmax(240px,1fr) minmax(150px,1fr)!important}
body.beta-client:is(.ck-train-battle,.ck-train-map)[data-beta-view="map"] #beta-map-panel{flex:1 1 auto!important}
body.beta-client:is(.ck-train-battle,.ck-train-map)[data-beta-view="map"] #beta-map-panel>.bm-toolbar{display:flex!important}
body.beta-client.ck-train-map[data-beta-view="map"] #bm-viewport{display:block!important}
body.beta-client.ck-native-keyboard:is(.ck-train-battle,.ck-train-map)[data-beta-view="map"] #beta-map-host{display:none!important}
body.beta-client.ck-native-keyboard:is(.ck-train-battle,.ck-train-map)[data-beta-view="map"] #game-area{grid-template-rows:minmax(0,1fr)!important;grid-template-areas:"activity"!important}
body.beta-client.ck-train-battle #beta-map-panel>:is(.bm-heading,#bm-presentation,canvas){display:none!important}

/* Match the meters to the fighters: ordinary bosses left, locomotive right. */
#ck-train-battle:not(.tb-train) .tb-vitals>div:first-child{order:2}
#ck-train-battle:not(.tb-train) .tb-vitals>div:last-child{order:1}

/* Present room group members as a party, with the meters beneath their side. */
#ck-train-battle .tb-stage{min-height:118px}
#ck-train-battle .tb-party{position:absolute;right:3%;top:8%;bottom:8%;width:43%;display:grid;grid-template-columns:repeat(var(--tb-columns,1),minmax(0,1fr));grid-template-rows:repeat(var(--tb-rows,1),minmax(0,1fr));align-items:end;gap:2px;z-index:2}
#ck-train-battle .tb-fighter{position:relative;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transform-origin:center bottom}
#ck-train-battle .tb-fighter canvas,#ck-train-battle #tb-player{position:static;left:auto;right:auto;bottom:auto;width:100%;height:calc(100% - 14px);max-width:none;object-fit:contain;object-position:center bottom;min-height:0;animation:none}
#ck-train-battle .tb-fighter-name{display:block;max-width:100%;height:14px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px/14px system-ui,sans-serif;text-shadow:0 1px 3px #000;color:#e6ebff}
#ck-train-battle .tb-enemy{position:absolute;left:3%;bottom:12%;width:43%;height:82%;transform-origin:center bottom}
#ck-train-battle .tb-enemy #tb-boss{position:static;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom}
#ck-train-battle.tb-train .tb-party{left:2%;right:auto;width:34%}
#ck-train-battle.tb-train .tb-enemy{left:auto;right:0;bottom:9%;width:67%;height:94%}
#ck-train-battle.tb-train #tb-locomotive{position:static;width:100%;height:100%;max-width:none;object-position:right bottom}
#ck-train-battle.tb-idle .tb-fighter canvas{animation:tb-ready 3s steps(2,end) infinite}
#ck-train-battle .tb-action{flex:none;min-height:29px;max-height:52px;overflow:hidden;box-sizing:border-box;padding:6px 10px;background:linear-gradient(#23325b,#101a35);border-top:1px solid #6982aa;font-size:11px;line-height:1.3;text-align:center;color:#fff1bf}
#ck-train-battle .tb-vitals{gap:8px;padding:6px 8px;align-items:start}
#ck-train-battle .tb-vitals>.tb-party-vitals{display:block;max-height:94px;overflow:auto;scrollbar-width:thin}
#ck-train-battle .tb-member-vitals{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 6px;align-items:center;padding:2px 0 4px}
#ck-train-battle .tb-member-vitals+.tb-member-vitals{border-top:1px solid #5b719233}
#ck-train-battle .tb-member-vitals strong{font-size:11px}
#ck-train-battle .tb-member-vitals span{font-size:9px;white-space:nowrap}
#ck-train-battle #tb-fx{position:absolute;inset:0;pointer-events:none;z-index:4}
#ck-train-battle .tb-orb{position:absolute;width:13px;height:13px;margin:-6px;background:radial-gradient(circle,#fff 10%,#e8faff 35%,var(--tb-ki-color,#8edcff) 60%,transparent 75%);border-radius:50%;box-shadow:0 0 12px var(--tb-ki-color,#8edcff)}
#ck-train-battle .tb-guard{position:absolute;width:44px;height:58px;border:2px solid #bde6ff;border-radius:50%;box-shadow:0 0 8px #86d7ff,inset 0 0 8px #86d7ff}
@media(min-width:769px){#ck-train-battle .tb-stage{min-height:170px}#ck-train-battle .tb-action{font-size:13px}#ck-train-battle .tb-member-vitals strong{font-size:13px}#ck-train-battle .tb-member-vitals span{font-size:11px}#ck-train-battle .tb-fighter-name{font-size:11px;height:16px;line-height:16px}}
@media(prefers-reduced-motion:reduce){#ck-train-battle .tb-fighter canvas{animation:none!important}}

/* Skill-specific beams, disks and physical impacts are lightweight DOM effects. */
#ck-train-battle .tb-beam{position:absolute;height:9px;margin-top:-4px;border-radius:50%;transform-origin:left center;background:linear-gradient(transparent,var(--tb-ki-color,#8edcff) 18%,#fff 48%,var(--tb-ki-color,#8edcff) 82%,transparent);box-shadow:0 0 8px var(--tb-ki-color,#8edcff)}
#ck-train-battle .tb-disc{position:absolute;width:30px;height:10px;margin:-5px -15px;border-radius:50%;border:2px solid #fff6be;background:var(--tb-ki-color,#ffe782);box-shadow:0 0 8px var(--tb-ki-color,#ffe782),inset 0 0 4px white}
#ck-train-battle .tb-impact{position:absolute;width:34px;height:34px;border:3px solid #fff4bb;border-radius:50%;box-shadow:0 0 8px #ffd46b,inset 0 0 4px #ffd46b}
#ck-train-battle .tb-slash{position:absolute;width:58px;height:5px;border-radius:50%;background:#fff8df;box-shadow:0 0 9px #fff1b0;rotate:-35deg}
#ck-train-battle .tb-slash::after{content:"";position:absolute;width:78%;height:4px;left:10%;top:10px;border-radius:50%;background:#fff8df;transform:rotate(15deg)}
#ck-train-battle.tb-train #tb-player{position:static;left:auto;right:auto;width:100%;height:calc(100% - 14px);max-width:none}