/* Compact dungeon table: actions remain beside the encounter, not below a poster. */
.rail{overflow-x:hidden}
.statusbar{min-height:66px;padding:6px 12px}
.statusbar small{font-size:12px;letter-spacing:.4px}
.damage-readout>button{box-shadow:none;padding:4px 0}
.location-path{padding:4px 0;gap:4px}
.location-path span{padding:3px}
.location-path+.view-head{padding:8px 0}
.location-path+.view-head h1{font-size:28px;margin:3px 0}
.location-path+.view-head .eyebrow{font-size:12px}
.scene.pixel-scene{height:260px}
.scene-motto{padding:8px;font-size:14px}
.pixel-scene #monster{top:30px;height:130px;width:180px}
.party-sprite{top:80px}
.creature-sprite{width:96px;height:96px}
.creature-sprite.boss-sprite{width:128px;height:128px}
.companion-sprite{width:64px;height:64px}
.enemy-caption{bottom:12px;left:6%;width:88%}
.enemy-title h2{font-size:26px;margin:3px 0}
.enemy-caption p{margin:4px 0 0;font-size:14px}
.encounter-top{padding:6px 12px}
.ritual{padding:5px 12px;min-height:36px;font-size:14px}
.ritual .health{margin-top:4px}
.ritual.imminent{background:#613440;color:#fff0b3;border-left:4px solid #f0c279}
.battle-numbers{padding:6px 12px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}
.battle-numbers small{font-size:12px;line-height:1.25}
.battle-numbers strong{font-size:18px}
.skills{grid-template-columns:repeat(3,minmax(0,1fr));padding:7px 10px;gap:8px;background:#1d2434}
.skills button{padding:8px;min-height:62px}
.skills small{text-align:left;margin:4px 0 0;font-size:12px;line-height:1.25}
.skills b{font-size:14px}
.field-controls{padding:8px 10px;gap:8px}
.region-progress{padding:6px 12px}
#region-track{margin:6px 0}
.chest{min-height:120px}
.chest-art{width:48px;height:48px;margin-bottom:6px}
.card-illustration{min-height:92px;height:92px;aspect-ratio:auto;margin:6px 0;border:3px double #536078;background:#121b29}
.card-sprite{width:64px;height:64px}
.tarot h3{min-height:0;font-size:20px}
.tarot p{min-height:0;margin:8px 0;font-size:14px}
.tarot .upgrade-preview{font-size:14px;line-height:1.4;color:#aed9bc;margin:6px 0}
.tarot.rank-1 .card-illustration{border-color:#b8d8e8}
.tarot.rank-2 .card-illustration{border-color:#eac87a}
.tarot.owned{border-top:4px solid #929caa}
.tarot.rank-1{border-top-color:#c4e6f2}
.tarot.rank-2{border-top-color:#f2cb74}
.first-oath{border-left:3px solid #d3b879;padding:8px 12px;background:#28283a}
.pixel-scene #monster:active .creature-sprite{filter:brightness(1.55)}
@media(max-width:780px){
 .rail{width:120px;padding:14px 6px}
 .rail nav button{font-size:14px;gap:4px;padding:9px 4px}
 .brand{gap:3px}.brand span{font-size:12px}
 .volume-control{flex-wrap:wrap}
 main{margin-left:120px;padding:0 8px}
 .statusbar{gap:12px;flex-wrap:nowrap}
 .statusbar strong{font-size:21px}
 .location-path+.view-head h1{font-size:24px}
 .scene.pixel-scene{height:225px}
 .scene-motto{display:none}
 .pixel-scene #monster{top:12px}
 .party-sprite{top:65px;left:12%}
 .enemy-title h2{font-size:23px}
 .skills button{display:block;min-width:0}
 .skill-sigil{display:none}
 .battle-numbers>div:last-child{grid-column:auto}
 .deck-tools{margin:12px 0;padding:12px 0;gap:10px}
 .forge-rules{margin:12px 0;padding:12px}
}
@media(max-height:680px) and (min-width:480px){
 .scene.pixel-scene{height:190px}
 .pixel-scene #monster{top:0;height:110px}
 .party-sprite{top:36px}
 .creature-sprite{width:80px;height:80px}
 .creature-sprite.boss-sprite{width:96px;height:96px}
 .scene-motto{display:none}
 .enemy-caption{bottom:8px}
 .location-path+.view-head{padding:4px 0}
 .battle-numbers strong{font-size:16px}
 .skills button{min-height:56px;padding:5px}
}
@media(max-width:479px){
 .rail{width:64px;padding:10px 4px}
 .rail .brand span,.rail-label{display:none}
 .rail nav button{font-size:0;justify-content:center}
 .rail nav button span{font-size:24px}
 .rail-bottom button{font-size:12px}
 .volume-control{display:none}
 main{margin-left:64px;padding:0 6px}
 .statusbar{gap:8px;padding:5px 0}
 .statusbar small{font-size:12px;letter-spacing:0}
 .statusbar strong{font-size:19px}
 .card-grid{grid-template-columns:1fr}
 .battle-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}
 .skills{grid-template-columns:1fr}
 .skills button{display:flex;min-height:44px}
 .skills small{margin:0}
}