:root{--bg-main: #090d13;--bg-panel: #13171f;--bg-card: #1c212b;--bg-card-hover: #262c38;--border-color: #2d333f;--border-bright: #444c5c;--text-main: #c9d1d9;--text-bright: #f0f6fc;--text-muted: #8b949e;--accent-blue: #58a6ff;--accent-green: #3fb950;--accent-orange: #d29922;--accent-red: #f85149;--accent-purple: #bc8cff}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-main);color:var(--text-main);overflow:hidden;-webkit-user-select:none;user-select:none}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}header{background-color:var(--bg-panel);border-bottom:1px solid var(--border-color);padding:8px 16px;display:flex;justify-content:space-between;align-items:center;z-index:10;height:48px;flex-shrink:0}.mission-badge{background-color:#1f6feb22;border:1px solid var(--accent-blue);color:var(--accent-blue);padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.response-badge{background-color:#d2992222;border:1px solid var(--accent-orange);color:var(--accent-orange);padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.status-initiative-bar{background-color:#10141c;border-bottom:1px solid var(--border-color);padding:6px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;min-height:40px}.initiative-ladder{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:2px 0}.initiative-pip{display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:4px;font-size:.75rem;background-color:var(--bg-card);border:1px solid var(--border-color);white-space:nowrap;transition:all .2s ease}.initiative-pip.active{background-color:#1f6feb33;border-color:var(--accent-blue);box-shadow:0 0 8px #58a6ff4d;font-weight:700}.initiative-pip.done{opacity:.4}.main-viewport{display:flex;flex:1;position:relative;overflow:hidden;min-height:0}.left-sidebar{width:360px;background-color:var(--bg-panel);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;padding:12px;gap:10px;flex-shrink:0;z-index:5}.battlefield-center{flex:1;position:relative;background-color:#06090e;overflow:hidden;display:flex}.map-controls-overlay{position:absolute;top:12px;left:12px;display:flex;gap:6px;z-index:20}.map-btn{background-color:#161b22d9;border:1px solid var(--border-color);color:var(--text-main);padding:6px 10px;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:4px;transition:background-color .15s ease,border-color .15s ease}.map-btn:hover{background-color:var(--bg-card-hover);border-color:var(--accent-blue);color:var(--text-bright)}.map-btn.active{background-color:#1f6feb33;border-color:var(--accent-blue);color:var(--accent-blue)}.bottom-hand-panel{background-color:var(--bg-panel);border-top:1px solid var(--border-color);padding:8px 16px 12px;display:flex;flex-direction:column;flex-shrink:0;height:200px;z-index:10}.hand-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hand-cards-row{display:flex;gap:10px;flex:1;align-items:stretch}.tactical-card{flex:1;max-width:220px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative}.tactical-card:hover{transform:translateY(-4px);border-color:var(--accent-blue);box-shadow:0 4px 12px #0006}.tactical-card.selected{border-color:var(--accent-green);background-color:#23863622;box-shadow:0 0 10px #3fb9504d;transform:translateY(-4px)}.tactical-card.active-resolve{border-color:var(--accent-blue);background-color:#1f6feb22;box-shadow:0 0 10px #58a6ff4d;transform:translateY(-4px)}.card-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.card-type-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:2px 5px;border-radius:3px;letter-spacing:.5px}.card-type-tag.maneuver{background-color:#23863633;color:var(--accent-green);border:1px solid #23863655}.card-type-tag.weapon{background-color:#da363333;color:var(--accent-red);border:1px solid #da363355}.card-type-tag.system{background-color:#8957e533;color:var(--accent-purple);border:1px solid #8957e555}.card-init-badge{font-size:.75rem;font-weight:800;color:var(--accent-orange)}.card-title{font-size:.9rem;font-weight:700;color:var(--text-bright);margin-bottom:4px}.card-stat-strip{display:flex;gap:6px;font-size:.72rem;background-color:#0000004d;padding:3px 6px;border-radius:3px;margin-bottom:4px}.card-stat-item{color:var(--text-main)}.card-desc{font-size:.72rem;color:var(--text-muted);line-height:1.25;flex:1}.mech-dashboard{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:10px}.mech-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:5px;margin-bottom:6px}.location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-bottom:6px}.location-box{background-color:#13171f;border:1px solid var(--border-color);padding:5px;border-radius:4px;font-size:.75rem}.heat-track-container{margin-top:4px}.heat-pips{display:flex;gap:2px;margin-top:3px}.heat-pip{flex:1;height:12px;border-radius:2px;background-color:#13171f;border:1px solid var(--border-color);text-align:center;font-size:8px;line-height:10px}.heat-pip.stable.active{background-color:var(--accent-green);border-color:#2ea043;color:#000}.heat-pip.hot.active{background-color:var(--accent-orange);border-color:#bb8009;color:#000}.heat-pip.critical.active{background-color:var(--accent-red);border-color:#da3633;color:#fff}.compact-mech-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.compact-mech-card:hover{border-color:var(--border-bright);background-color:var(--bg-card-hover)}.action-btn{background-color:#238636;color:#fff;border:1px solid #2ea043;padding:6px 12px;border-radius:5px;font-weight:600;font-size:.85rem;cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.action-btn:hover{background-color:#2ea043}.action-btn:disabled{background-color:#21262d;border-color:#30363d;color:#8b949e;cursor:not-allowed}.btn-secondary{background-color:#21262d;border-color:#30363d;color:var(--text-main)}.btn-secondary:hover{background-color:#30363d}.log-drawer{position:absolute;bottom:12px;right:12px;width:380px;max-height:480px;background-color:#13171ff2;border:1px solid var(--border-bright);border-radius:6px;display:flex;flex-direction:column;z-index:30;box-shadow:0 8px 24px #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.log-drawer-header{padding:8px 12px;background-color:#21262dcc;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:700;cursor:pointer}.combat-log{flex:1;max-height:380px;background-color:transparent;padding:8px 12px;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;display:flex;flex-direction:column;gap:3px}.log-entry{line-height:1.35}.log-entry.highlight{color:var(--accent-blue);font-weight:700}.log-toggle-pill{position:absolute;bottom:12px;right:12px;background-color:#161b22e6;border:1px solid var(--border-bright);color:var(--text-main);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #0006}.log-toggle-pill:hover{background-color:var(--bg-card-hover);border-color:var(--accent-blue);color:var(--text-bright)}.hot-seat-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#090d13f5;z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}