/* Chapter 2 additions. Original desktop and touch layout remain reusable. */
[hidden]{display:none!important}
.chapter-heading{margin:32px 0 16px;padding:10px 0;border-bottom:2px solid #597879;color:#e5e4c5;font-size:19px}
.chapter-heading small{font-size:12px;font-weight:400;color:#b4c9c7;margin-left:14px}
.sea-heading{border-color:#62adce;color:#a5e6f0}
.sea-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.ally-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.reward-unlock{display:flex;align-items:center;justify-content:center;border:2px solid #6db6c1;background:#132f41;margin:16px 0;color:#adf1e2}
#summon-list{display:grid;grid-template-columns:repeat(var(--ally-count,3),minmax(0,1fr));min-width:0}
.summon-button{min-width:0;overflow:hidden}
.summon-button strong{white-space:normal;overflow-wrap:anywhere}
#placement-controls{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:8;display:flex;gap:8px;pointer-events:auto;padding:7px;background:#102937ed;border:2px solid #75bfc3;max-width:95%;white-space:nowrap}
#placement-controls button{min-height:44px;padding:8px 14px;font-size:13px}
#place-confirm{border-color:#a4e8d3;color:#bff5e5}
#battlefield{image-rendering:pixelated}
@media(max-width:1100px){.sea-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#commands .summon-button strong{font-size:10px}#commands .summon-button canvas{max-width:38px}}
@media(max-width:600px){.chapter-heading small{display:block;margin:8px 0 0}.sea-cards{grid-template-columns:1fr}.reward-unlock canvas{width:110px;height:83px}}
@media(max-width:600px) and (orientation:portrait){
  .show-touch #commands .summon-button{display:flex;flex-direction:column;justify-content:center;gap:0;padding:2px;height:64px}
  .show-touch #commands .summon-button canvas{width:25px;height:25px;flex-shrink:0}
  .show-touch #commands .summon-button strong{font-size:9px;line-height:11px;min-height:11px;text-align:center;letter-spacing:-.5px}
  .show-touch #commands .summon-button span{font-size:9px;line-height:11px}
  .show-touch #placement-controls{bottom:121px;padding:4px;gap:5px}
  .show-touch #placement-controls button{font-size:11px;padding:5px 10px}
}
@media(orientation:landscape) and (max-height:550px){
  .show-touch #commands .summon-button{display:flex;flex-direction:column;gap:0;justify-content:center;padding:1px}
  .show-touch #commands .summon-button canvas{width:24px;height:24px}
  .show-touch #commands .summon-button strong{font-size:8px;line-height:10px;text-align:center;letter-spacing:-.4px}
  .show-touch #commands .summon-button span{font-size:9px;line-height:10px}
  .show-touch #placement-controls{bottom:5px;padding:3px;gap:4px}
  .show-touch #placement-controls button{font-size:11px;padding:4px 8px}
}