*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--term-green: #33ff33;--term-green-dim: #1a9e1a;--term-bg: #0a0a0a;--term-font: "Cascadia Code", "Fira Code", "JetBrains Mono", "Consolas", "Courier New", monospace;--sidebar-width: 200px}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--term-bg);color:var(--term-green);font-family:var(--term-font);font-size:15px;line-height:1.5}.app-layout{display:flex;height:100%;width:100%;overflow:hidden}.inventory-sidebar{width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--term-green-dim);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--term-green-dim) transparent}.inventory-panel{display:flex;flex-direction:column;height:100%;padding:12px;gap:8px}.inventory-header{font-size:13px;color:var(--term-green);font-weight:700;padding-bottom:8px;border-bottom:1px solid var(--term-green-dim);text-transform:uppercase;letter-spacing:1px;flex-shrink:0;text-align:center}.inventory-empty{color:var(--term-green-dim);font-size:12px;text-align:center;padding:16px 0;font-style:italic}.inventory-grid{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--term-green-dim) transparent}.inventory-item{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:4px;padding:6px 8px;color:var(--term-green);font-family:var(--term-font);font-size:12px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;width:100%}.inventory-item:hover{background:#33ff3314;border-color:var(--term-green-dim)}.inventory-item.selected{background:#33ff331f;border-color:var(--term-green)}.inventory-icon{font-size:16px;flex-shrink:0;width:20px;text-align:center}.inventory-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-description{flex-shrink:0;border-top:1px solid var(--term-green-dim);padding-top:8px;font-size:11px;color:var(--term-green-dim)}.inventory-desc-title{color:var(--term-green);font-weight:700;margin-bottom:4px;text-transform:uppercase;font-size:11px}.inventory-desc-text{line-height:1.4}.main-content{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.scene-area{flex:0 0 45%;max-height:55%;overflow:hidden;border-bottom:1px solid var(--term-green-dim)}.terminal-area{flex:1;min-height:0;overflow:hidden}.scene-panel{display:flex;flex-direction:column;height:100%;padding:0}.scene-label{font-size:13px;color:var(--term-green);font-weight:700;padding:8px 12px;border-bottom:1px solid var(--term-green-dim);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.scene-frame{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#050505;min-height:0}.scene-img{width:100%;height:100%;object-fit:contain;display:block}.scene-loading,.scene-error,.scene-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--term-green-dim);font-size:12px;text-align:center;padding:16px}.scene-spinner{width:24px;height:24px;border:2px solid var(--term-green-dim);border-top-color:var(--term-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.terminal{display:flex;flex-direction:column;height:100%;max-width:960px;padding:8px 16px}.terminal-header{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--term-green-dim);margin-bottom:6px;flex-shrink:0;font-size:13px;color:var(--term-green-dim)}.terminal-header .title{color:var(--term-green);font-weight:700}.terminal-output{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--term-green-dim) transparent}.terminal-output::-webkit-scrollbar{width:6px}.terminal-output::-webkit-scrollbar-thumb{background:var(--term-green-dim);border-radius:3px}.terminal-output::-webkit-scrollbar-track{background:transparent}.output-line{white-space:pre-wrap;word-break:break-word}.output-line.command{color:#fff}.output-line.command:before{content:"> ";color:var(--term-green)}.output-line.system{color:var(--term-green-dim);font-style:italic}.output-line.error{color:#f44}.terminal-input{display:flex;align-items:center;border-top:1px solid var(--term-green-dim);padding-top:8px;flex-shrink:0}.terminal-input .prompt{color:var(--term-green);margin-right:8px;-webkit-user-select:none;user-select:none;flex-shrink:0}.terminal-input input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:var(--term-font);font-size:15px;line-height:1.5;caret-color:var(--term-green)}.terminal-input input::placeholder{color:var(--term-green-dim);opacity:.5}.terminal-input input:focus{outline:none}@media(max-width:768px){:root{--sidebar-width: 160px}.scene-area{flex:0 0 35%;max-height:40%}}@media(max-width:600px){.app-layout{flex-direction:column}.inventory-sidebar{width:100%;max-height:80px;border-right:none;border-bottom:1px solid var(--term-green-dim);overflow-x:auto;overflow-y:hidden}.inventory-panel{flex-direction:row;align-items:center;padding:6px 10px;gap:6px}.inventory-header{writing-mode:horizontal-tb;border-bottom:none;border-right:1px solid var(--term-green-dim);padding:0 8px 0 0;margin:0;font-size:11px}.inventory-grid{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:4px}.inventory-item{flex-shrink:0;width:auto;padding:4px 8px;font-size:11px}.inventory-description{display:none}.scene-area{flex:0 0 30%;max-height:35%}.terminal{padding:6px 10px}body{font-size:13px}.terminal-header{flex-direction:column;gap:2px}}