*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #0a0a0a;--header-bg: #1a1a1a;--text-color: #c0c0c0;--accent-color: #00cd00;--error-color: #cd0000;--border-color: #333}html,body{height:100%;width:100%;overflow:hidden;background:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{display:flex;flex-direction:column;height:100%;width:100%}#header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--header-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}#header h1{font-size:18px;font-weight:600;color:var(--accent-color);letter-spacing:1px}.status-bar{display:flex;gap:16px;align-items:center;font-size:13px}.status,.mud-status{padding:4px 10px;border-radius:4px;font-weight:500}.status.connected{background:#00cd0026;color:#00cd00}.status.disconnected{background:#cd000026;color:#cd0000}.mud-status.connected{background:#00cdcd26;color:#00cdcd}.mud-status.disconnected{background:#80808026;color:gray}.user-info{color:#888}.header-btn{background:transparent;border:none;color:#888;padding:6px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.header-btn:hover{color:#00cd00;background:#00cd001a}#terminal{flex:1;padding:4px;overflow:hidden}#input-bar{display:flex;align-items:center;padding:6px 12px;background:var(--header-bg);border-top:1px solid var(--border-color);flex-shrink:0}.input-prompt{color:var(--accent-color);font-family:Menlo,DejaVu Sans Mono,Courier New,monospace;font-size:14px;margin-right:8px;-webkit-user-select:none;user-select:none}#command-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-color);font-family:Menlo,DejaVu Sans Mono,Courier New,monospace;font-size:14px;padding:4px 0}#command-input::placeholder{color:#555}.xterm{height:100%;padding:8px}.xterm-viewport{overflow-y:auto!important}.xterm-viewport::-webkit-scrollbar{width:8px}.xterm-viewport::-webkit-scrollbar-track{background:var(--bg-color)}.xterm-viewport::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.xterm-viewport::-webkit-scrollbar-thumb:hover{background:#555}#legacy-terminal,#channel-layout{height:100%;width:100%;overflow:hidden}.channel-split{display:flex;height:100%;width:100%;overflow:hidden}.channel-child{overflow:hidden;min-width:0;min-height:0}.channel-pane{height:100%;width:100%;overflow:hidden;min-width:0;min-height:0}.channel-terminal{height:100%;width:100%}.channel-terminal .xterm{height:100%;padding:0}.channel-terminal .xterm-viewport{overflow:hidden!important}.xterm .xterm-selection div{background-color:#fff3!important}@media(max-width:768px){#header{padding:6px 12px}#header h1{font-size:16px}.status-bar{gap:8px;font-size:11px}.status,.mud-status{padding:3px 8px}#terminal{padding:2px}.xterm{padding:4px}}@media(pointer:coarse){.xterm{font-size:16px!important}}