:root{--cyan-bright:#00e5ff;--cyan-dim:#00e5ff66;--cyan-border:#004d4d;--magenta-accent:#d500f9;--black-deep:#020202;--glass-bg:#00050ad9}body{background-color:var(--black-deep);color:var(--cyan-bright);height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}.hud-container{background:radial-gradient(circle,#0a192f 0%,#000 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.hud-box{border:1px solid var(--cyan-border);background:var(--glass-bg);flex-direction:column;width:98vw;height:98vh;padding:1rem;display:flex;position:relative}.hud-header{z-index:20;border-bottom:1px solid #00ffff1a;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.chat-log-area{z-index:1;flex-direction:column;flex-grow:1;gap:1rem;padding:2rem;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.bg-message{border-left:1px solid var(--cyan-dim);color:#a0c0c0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00ffff05;max-width:700px;padding:10px 15px;font-size:14px}.bg-message.user{border-left-color:var(--magenta-accent);color:#c0a0c0;align-self:flex-start}.avatar-container{z-index:10;pointer-events:none;opacity:.85;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.command-dock{border-top:1px solid var(--cyan-border);z-index:20;background:#000a14f2;align-items:center;gap:1rem;width:100%;height:70px;padding:0 1.5rem;display:flex}.dock-input{border:none;border-bottom:1px solid var(--cyan-border);color:#fff;background:0 0;outline:none;flex:1;min-width:0;padding:10px;font-size:1rem}.dock-btn{border:1px solid var(--cyan-border);width:44px;height:44px;color:var(--cyan-bright);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.dock-btn:hover{background:var(--cyan-dim);box-shadow:0 0 15px var(--cyan-bright)}@media (max-width:600px){.command-dock{gap:.5rem;padding:0 .5rem}.dock-btn{width:38px;height:38px}.dock-btn svg{width:18px;height:18px}}.call-isolated-btn{color:#f0f;z-index:30;cursor:pointer;background:#ff00ff0d;border:1px solid #f0f;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:1.5rem;right:1.5rem}.call-isolated-btn:hover{transform:scale(1.1);box-shadow:0 0 20px #f0f}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 10px #00e5ff4d)}50%{filter:drop-shadow(0 0 25px #00e5ff99)}to{filter:drop-shadow(0 0 10px #00e5ff4d)}}.barracks-bg{z-index:0;opacity:.8;pointer-events:none;background-color:#020202;background-image:radial-gradient(circle,#00e5ff0d 0%,#0000 50%),linear-gradient(#00e5ff08 1px,#0000 1px),linear-gradient(90deg,#00e5ff08 1px,#0000 1px);background-position:0 0,0 0,0 0;background-size:100% 100%,40px 40px,40px 40px;position:absolute;inset:0}.barracks-bg:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#000c 100%);position:absolute;inset:0}