/* A laptop-first layout trial for chapter 4 only. The field keeps its authored art. */
body.chapter-four-layout>main{padding:0}
.chapter-four-layout #game{gap:0}
.chapter-four-layout #game>.hud{min-height:36px;height:36px;gap:8px;padding:2px 8px;margin:0;border:0;background:#1b2f27}
.chapter-four-layout #game>.hud>div{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:12px;overflow:hidden}
.chapter-four-layout #game>.hud #title{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:none}
.chapter-four-layout #game>.hud #wave{white-space:nowrap;font-size:12px}
.chapter-four-layout #game>.hud #lives{white-space:nowrap;font-size:12px}
.chapter-four-layout #game>.hud button{min-height:28px;padding:3px 9px;font-size:12px;white-space:nowrap}
.chapter-four-layout .battle-workspace{display:block;flex:1;min-height:0}
.chapter-four-layout #arena.illustrated-arena{border-radius:0;border-width:1px 0;box-shadow:none}
.chapter-four-layout #board{margin:auto}
#chapter-four-bottom{display:flex;align-items:center;gap:9px;flex:none;min-height:40px;padding:3px 8px;background:#1b2f27;font:13px system-ui}
#chapter-four-wave-actions{display:flex;align-items:center;gap:5px;flex:none}
#chapter-four-bottom #speed{min-width:42px}
#chapter-four-tools{display:flex;gap:5px;align-items:center;margin-right:auto}
#chapter-four-bottom button{min-height:30px;padding:4px 10px;white-space:nowrap;font-size:13px}
#chapter-four-bottom #start,#chapter-four-bottom #pause{min-width:122px;font-weight:650}
#chapter-four-bottom #clear-tool{margin-left:5px}
#chapter-four-weapon{border-color:#b8a57566}
.chapter-four-layout #arena>#status{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);margin:0;max-width:calc(100% - 24px);padding:6px 12px;border-radius:5px;background:#162c25ed;color:#eeddb6;font:12px/1.35 system-ui;pointer-events:none;opacity:0;transition:opacity .15s;z-index:2;min-height:0}
.chapter-four-layout #arena>#status.chapter-four-toast{opacity:1}
.chapter-four-dialog{max-width:700px;font-family:system-ui,sans-serif}
.chapter-four-dialog h2{font-family:Georgia,serif;margin:0 0 12px}
.chapter-four-dialog #battle-controls{overflow:visible;padding:0;font-size:14px}
.chapter-four-dialog #control-scroll{overflow:visible}
.chapter-four-dialog #info{border:0}
.chapter-four-dialog #restart,.chapter-four-dialog #info>summary,.chapter-four-dialog #effects-hud,.chapter-four-dialog #stock{display:none}
.chapter-four-dialog #battle-controls .toolbar{justify-content:flex-start;margin:8px 0}
.chapter-four-dialog #battle-controls #preview{grid-template-columns:1fr}
#chapter-four-confirm{max-width:440px}
#chapter-four-upgrades{max-width:520px}
@media(max-width:1000px){.chapter-four-layout #game>.hud #title{max-width:220px}.chapter-four-layout #game>.hud>div{gap:8px}}
@media(max-width:700px){.chapter-four-layout #game>.hud #title{max-width:115px}.chapter-four-layout #game>.hud #wave{display:none}.chapter-four-layout #game>.hud{gap:4px;padding:2px 4px}.chapter-four-layout #game>.hud button{padding:3px 5px}#chapter-four-bottom{gap:5px;padding:3px 4px;flex-wrap:wrap}#chapter-four-bottom button{font-size:12px;padding:4px 6px}#chapter-four-tools{gap:3px}#chapter-four-bottom #clear-tool{margin-left:0}}