:root{--bg-dark: #0d0d1a;--bg-panel: #16213e;--bg-card: #1a2744;--border: #2a3a6e;--accent: #4a9eff;--accent2: #ffd700;--text: #d0d8f0;--text-dim: #7080a0;--green: #44ff88;--red: #ff4466;--orange: #ff8844}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text);font-family:Courier New,Courier,monospace;font-size:13px;overflow:hidden;height:100dvh}#root{height:100dvh;overflow:hidden}.app-layout{display:flex;height:100dvh;gap:0}.left-panel{width:260px;min-width:220px;background:var(--bg-panel);border-right:2px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.controls-section{display:flex;flex-direction:column;flex-shrink:0}.people-section{display:flex;flex-direction:column;flex:1;overflow:hidden;border-top:1px solid var(--border)}.center-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:auto;padding:12px;background:var(--bg-dark)}.right-panel{width:300px;min-width:260px;background:var(--bg-panel);border-left:2px solid var(--border);overflow-y:auto}.auth-row{padding:6px 12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-dim);flex-shrink:0}.auth-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-right:8px}.admin-badge{color:var(--accent2);margin-left:6px}.bottom-nav{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}button{cursor:pointer;font-family:Courier New,monospace;font-size:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);padding:5px 10px;border-radius:3px;transition:all .15s}button:hover{background:var(--border);color:var(--accent)}button.primary{border-color:var(--accent);color:var(--accent)}button.primary:hover{background:var(--accent);color:var(--bg-dark)}button.danger{border-color:var(--red);color:var(--red)}input,select,textarea{font-family:Courier New,monospace;font-size:12px;background:var(--bg-dark);border:1px solid var(--border);color:var(--text);padding:5px 8px;border-radius:3px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical;min-height:60px}.section-title{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;padding:8px 12px 4px;border-bottom:1px solid var(--border);background:var(--bg-dark);flex-shrink:0}.person-list{flex:1;overflow-y:auto}.person-list-item{padding:7px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s;display:flex;align-items:center;gap:8px}.person-list-item:hover{background:var(--bg-card)}.person-list-item.selected{background:var(--bg-card);border-left:3px solid var(--accent)}.person-list-item.dead{opacity:.4}.mood-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.person-info{flex:1;min-width:0}.person-name{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-sub{font-size:11px;color:var(--text-dim)}.trait-bar-container{margin:4px 0}.trait-label{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim);margin-bottom:2px}.trait-bar-bg{height:6px;background:var(--bg-dark);border-radius:3px;overflow:hidden;border:1px solid var(--border)}.trait-bar-fill{height:100%;border-radius:3px;transition:width .3s}.loading{color:var(--text-dim);text-align:center;padding:20px;font-size:12px}.error-msg{color:var(--red);padding:8px 12px;font-size:12px;border:1px solid var(--red);border-radius:3px;margin:8px}.section-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.no-sim{color:var(--text-dim);text-align:center;padding:40px 20px;line-height:1.8}.pixel-title{font-size:20px;color:var(--accent2);letter-spacing:3px;text-shadow:2px 2px 0 #8b6914;margin-bottom:8px}.mobile-top-bar{display:none}@media (max-width: 767px){body,#root{height:100dvh;overflow:hidden}.app-layout{position:relative;height:100dvh;overflow:hidden}.mobile-top-bar{display:flex;position:fixed;top:0;left:0;right:0;height:44px;background:var(--bg-panel);border-bottom:2px solid var(--border);z-index:201;align-items:center;padding:0 10px;gap:8px}.mobile-top-bar .brand{font-size:11px;font-weight:700;color:var(--accent2);letter-spacing:1.5px;flex-shrink:0}.mobile-top-bar select{flex:1;font-size:13px;padding:4px 6px;min-width:0}.left-panel{display:contents}.controls-section,.people-section,.center-panel,.right-panel{position:fixed;top:44px;left:0;right:0;bottom:56px;overflow-y:auto;background:var(--bg-panel);display:none;flex-direction:column}.center-panel{background:var(--bg-dark);align-items:center;justify-content:flex-start;padding:12px 8px;overflow-x:hidden}.app-layout[data-tab=controls] .controls-section,.app-layout[data-tab=people] .people-section,.app-layout[data-tab=map] .center-panel,.app-layout[data-tab=details] .right-panel,.app-layout[data-tab=log] .right-panel{display:flex}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-panel);border-top:2px solid var(--border);z-index:200}.bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;border-radius:0;padding:0;color:var(--text-dim);font-size:9px;letter-spacing:.5px;text-transform:uppercase;min-height:unset;transition:color .15s}.bottom-nav-tab:hover,.bottom-nav-tab.active{color:var(--accent);background:none}.bottom-nav-tab .tab-icon{font-size:18px;line-height:1}.bottom-nav-tab .tab-label{font-size:9px}button{min-height:40px}input,select,textarea{font-size:16px}.person-list-item{padding:10px 12px}.auth-row{font-size:11px}}