*{box-sizing:border-box}
body{margin:0;background:#0b0710;color:#e8dcc0;font-family:"Courier New","Noto Sans Mono CJK TC",monospace;font-size:14px}
#app{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px;max-width:1040px;margin:0 auto}
#left{flex:0 1 640px;min-width:300px}
#right{flex:1 1 300px;min-width:280px;display:flex;flex-direction:column;gap:6px}
#view{width:100%;aspect-ratio:8/5;image-rendering:pixelated;border:4px double #8a6a2a;background:#000;display:block}
#cmd{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;min-height:40px}
#hint{color:#8a7a5a;font-size:12px;margin-top:4px}
button{background:#2a1c3a;color:#f0e0b0;border:2px outset #8a6a2a;padding:7px 10px;font:inherit;cursor:pointer}
button:hover{background:#432a5a}
button:active{border-style:inset}
button:disabled{opacity:.4}
#where{color:#f0c030;font-weight:bold}
#party{display:flex;flex-direction:column;gap:3px}
.pc{border:2px solid #4a3a2a;background:#160f20;padding:3px 6px;font-size:13px}
.pc.act{border-color:#f0c030;background:#2a2010}
.pc.dead{color:#e05050;opacity:.7}
.bar{height:5px;background:#2a2020;margin-top:2px}
.bar i{display:block;height:100%;background:#d04040}
.bar.sp i{background:#4080e0}
.eq{color:#8a7a5a;font-size:11px}
#auto{width:160px;height:160px;image-rendering:pixelated;border:2px solid #4a3a2a;background:#050308;align-self:flex-start}
#log{flex:1;min-height:120px;max-height:200px;overflow-y:auto;border:2px solid #4a3a2a;background:#0e0a14;padding:5px;font-size:13px;line-height:1.4}
#log .g{color:#f0c030}#log .b{color:#ff7070}#log .s{color:#70c0ff}
#overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:9}
#overlay[hidden]{display:none}
#box{background:#160f20;border:4px double #c8a040;padding:16px;max-width:520px;width:92%;max-height:90vh;overflow-y:auto}
#box h2{margin:0 0 8px;color:#f0c030}
#ovText{white-space:pre-wrap;line-height:1.5;margin-bottom:10px}
#ovOpts{display:flex;flex-direction:column;gap:6px}
#ovOpts button{text-align:left}
@media(max-width:700px){#auto{display:none}}