| *{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}} |
|
|
