*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,Tahoma,sans-serif;display:flex}#app{--panel-width:340px;--game-size:min(720px, calc(100vh - 140px), calc(100vw - var(--panel-width) - 40px));width:calc(var(--game-size) + var(--panel-width));flex-direction:column;display:flex}#title-bar{white-space:nowrap;background:#16213e;border-bottom:2px solid #0f3460;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;overflow:hidden}#game-title{letter-spacing:2px;color:#f5c542;font-size:26px;font-weight:700}#phase-indicator{letter-spacing:1px;color:#facc15;font-size:18px;font-weight:700}#health-container{align-items:center;gap:12px;display:flex}#health-label{color:#aaa;font-size:17px}#health-bar-bg{background:#333;border-radius:3px;width:170px;height:20px;overflow:hidden}#health-bar{background:#4ade80;width:40%;height:100%;transition:width .3s}#health-value{text-align:right;min-width:24px;font-size:18px;font-weight:700}#game-area{gap:0;display:flex;position:relative}#game-canvas{width:var(--game-size);height:var(--game-size);image-rendering:pixelated;flex-shrink:0;display:block}#side-panel{flex:0 0 var(--panel-width);width:var(--panel-width);background:#222;border-left:2px solid #0f3460;flex-direction:column;min-width:0;display:flex;overflow:hidden}#side-panel h3{text-transform:uppercase;letter-spacing:1px;color:#888;border-bottom:1px solid #333;padding:11px 14px 6px;font-size:16px}#inventory-panel{padding-bottom:4px}#tools-panel{border-top:1px solid #333;padding-bottom:4px}#agent-log{overflow-wrap:anywhere;border-top:1px solid #333;flex:1;max-height:300px;font-family:Courier New,monospace;font-size:16px;overflow:hidden auto}#footer{color:#777;text-align:center;background:#16213e;border-top:2px solid #0f3460;padding:12px 18px;font-size:16px}.inv-row{justify-content:space-between;gap:8px;min-width:0;padding:3px 14px;font-size:17px;display:flex}.tool-row{color:#4ade80;overflow-wrap:anywhere;padding:3px 14px;font-family:Courier New,monospace;font-size:16px}.tool-row.empty{color:#555;font-style:italic}.log-entry{border-bottom:1px solid #2a2a2a;padding:6px 14px}.log-msg{color:#e0e0e0;display:block}.log-tip{color:#facc15;margin-top:2px;font-size:14px;font-style:italic;display:block}#debug-panel{border-top:2px solid #f5c542;flex-wrap:wrap;gap:4px;padding:6px;display:flex}#debug-panel h3{color:#f5c542;border-bottom:none;width:100%;padding:0 0 4px}.debug-btn{color:#4ade80;cursor:pointer;background:#333;border:1px solid #555;border-radius:3px;padding:5px 10px;font-family:Courier New,monospace;font-size:14px}.debug-btn:hover{background:#444;border-color:#4ade80}#planning-modal{width:var(--game-size);box-sizing:border-box;max-height:calc(var(--game-size) * .3125);z-index:10;background:#0f0f1ef0;border:2px solid #f97316;border-top:none;border-radius:0 0 8px 8px;padding:7px 15px 9px;position:absolute;top:0;left:0;overflow-y:auto}.planning-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px;display:flex}#planning-modal h2{color:#f97316;letter-spacing:1px;white-space:nowrap;margin:0;font-size:15px}#planning-timer-row{color:#facc15;white-space:nowrap;margin:0;font-size:19px;font-weight:700}#planning-threat{color:#ef4444;white-space:nowrap;margin:0;font-size:15px;font-weight:700}#planning-inventory,#planning-defenses{margin:0 0 2px;font-size:15px;line-height:1.35}#planning-inventory .section-title,#planning-defenses .section-title{color:#f97316;margin-right:5px;font-weight:700;display:inline}.planning-hint{color:#888;text-align:center;margin:2px 0 0;font-size:13px;font-style:italic}