*{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}body{display:flex;flex-direction:column}#app{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.grid-app{position:relative;display:block;background:var(--bg-color)}#grid-surface{position:absolute;inset:0;overflow:hidden;background:var(--bg-color)}.grid-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;outline:none;background:var(--bg-color)}.grid-canvas:focus-visible{outline:1px solid rgba(0,205,0,.45);outline-offset:-1px}.grid-floating-shell{position:fixed;top:10px;right:10px;z-index:40;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.grid-menu-button{width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#141418c2;color:#ddd;cursor:pointer;font-size:20px;opacity:.35;transition:opacity .12s ease,background .12s ease}.grid-floating-shell:hover .grid-menu-button,.grid-floating-shell:focus-within .grid-menu-button,.grid-floating-shell.menu-open .grid-menu-button{opacity:1;background:#1e1e24f5}.grid-menu{position:absolute;top:44px;right:0;min-width:150px;padding:6px;border:1px solid #444;border-radius:8px;background:#19191efa;box-shadow:0 8px 30px #00000080}.grid-menu[hidden]{display:none}.grid-menu button{display:block;width:100%;padding:8px 10px;border:0;border-radius:5px;background:transparent;color:#ddd;cursor:pointer;text-align:left}.grid-menu button:hover,.grid-menu button:focus-visible{background:#00cd0024;color:#fff;outline:none}.grid-account-panel{position:fixed;top:0;right:0;z-index:1000;display:flex;flex-direction:column;width:min(420px,100%);height:100vh;background:#1e1e2e;box-shadow:-4px 0 20px #00000080;color:#e0e0e0}.grid-account-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #333}.grid-account-header h2{margin:0;color:#00d4aa;font-size:1.25rem}.grid-account-close{padding:4px 8px;border:0;background:transparent;color:#aaa;cursor:pointer;font-size:1.5rem}.grid-account-content{display:flex;flex-direction:column;gap:10px;padding:24px 20px}.grid-account-content span{color:#aaa}.grid-account-logout{align-self:flex-start;margin-top:18px;padding:8px 14px;border:1px solid #8b3030;border-radius:5px;background:#642525;color:#fff;cursor:pointer}.grid-error-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:var(--bg-color);color:#ddd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:center}.grid-error-overlay h2,.grid-error-overlay p{margin:0}.grid-error-overlay button{padding:8px 16px;border:1px solid #555;border-radius:5px;background:#333;color:#fff;cursor:pointer}.grid-error-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}#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}}