*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #08060c;--frame: #141218;--frame-border: #cc3366;--frame-border-dim: #66193388;--pink: #cc3366;--pink-bright: #ff4488;--pink-dim: #883355;--pink-muted: #55223388;--cyan: #66ccbb;--cyan-bright: #88eedd;--cyan-dim: #336655;--screen-bg: #0a080e}html,body{width:100%;height:100%;background:var(--bg);color:#aaa;font-family:Courier New,monospace;overflow:hidden}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.terminal-frame{width:96%;height:93%;max-width:1400px;max-height:800px;background:var(--frame);border:2px solid var(--frame-border);display:flex;flex-direction:column;position:relative;box-shadow:0 0 2px var(--frame-border),0 0 30px #cc336614,inset 0 0 40px #00000080}.top-bar{display:flex;gap:3px;padding:3px 4px;border-bottom:1px solid var(--frame-border-dim);min-height:22px;align-items:stretch}.top-block{background:#140a14cc;border:1px solid var(--frame-border-dim);padding:2px 8px;font-size:8px;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.top-block.wide{flex:1;overflow:hidden}.ticker{display:inline-block;animation:scroll-ticker 20s linear infinite;white-space:nowrap}@keyframes scroll-ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.middle-row{flex:1;display:flex;min-height:0}.sidebar{width:80px;min-width:70px;display:flex;flex-direction:column;gap:2px;padding:2px}.left-sidebar{border-right:1px solid var(--frame-border-dim)}.right-sidebar{border-left:1px solid var(--frame-border-dim)}.sidebar-panel{background:#140a1499;border:1px solid var(--frame-border-dim);padding:3px 4px;font-size:7px;line-height:1.4;overflow:hidden}.sidebar-panel.tall{flex:1;min-height:40px}.panel-text{letter-spacing:.5px}.panel-grid{width:100%;height:100%;min-height:30px;background:#cc33660a;position:relative;overflow:hidden}.panel-grid.mini{min-height:50px;width:80px}.panel-bar{height:4px;margin-top:3px;background:linear-gradient(90deg,var(--cyan),var(--cyan-dim));border-radius:1px}.icon-panel{display:flex;gap:4px;justify-content:center;font-size:12px;color:var(--pink-dim)}.icon-block{width:20px;height:20px;border:1px solid var(--frame-border-dim);display:flex;align-items:center;justify-content:center;font-size:10px}.pink-text{color:var(--pink)}.dim-pink{color:var(--pink-dim)}.cyan-text{color:var(--cyan)}.small{font-size:9px}.viewport{flex:1;position:relative;background:#000;overflow:hidden}#canvas{width:100%;height:100%;display:block}.hud-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2}.hud-top-left{position:absolute;top:28px;left:12px;font-size:9px;line-height:1.5}.hud-top-right{position:absolute;top:20px;right:12px}.hud-box{border:1px solid var(--frame-border-dim);background:#0a080eb3;padding:4px}.bottom-bar{display:flex;gap:3px;padding:3px 4px;border-top:1px solid var(--frame-border-dim);min-height:22px}.bottom-block{flex:1;background:#140a14cc;border:1px solid var(--frame-border-dim);padding:2px 8px;font-size:8px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.1) 1px,rgba(0,0,0,.1) 2px);mix-blend-mode:multiply}.chromatic-shift{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:101;animation:chroma-flicker 8s ease-in-out infinite;opacity:0;background:linear-gradient(90deg,rgba(255,0,100,.02),transparent 20%,transparent 80%,rgba(0,200,200,.02))}@keyframes chroma-flicker{0%,90%,to{opacity:0}92%{opacity:1}94%{opacity:0}96%{opacity:.5}}