:root{--color-forge-base:#0d1b2a;--color-forge-surface:#1a283e;--color-forge-border:#243447;--color-forge-text:#e6f1ff;--color-forge-muted:#7a90a8;--color-forge-accent:#19e3ff;--color-forge-highlight:gold;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Share Tech Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-forge-base);color:var(--color-forge-text);font-family:var(--font-sans);width:100vw;height:100vh;overflow:hidden}#app{justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex}#game-container-wrapper{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-forge-border);background:#1a283e73;border-radius:12px;flex-direction:column;width:100%;max-width:1400px;height:90vh;max-height:850px;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff0d}#game-header{border-bottom:1px solid var(--color-forge-border);background:#0d1b2a99;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-right{align-items:center;gap:20px;display:flex}.back-btn{font-family:var(--font-mono);color:var(--color-forge-accent);background:#19e3ff14;border:1px solid #19e3ff40;border-radius:4px;padding:6px 12px;font-size:.8rem;line-height:1;text-decoration:none;transition:all .25s}.back-btn:hover{background:var(--color-forge-accent);color:var(--color-forge-base);border-color:var(--color-forge-accent);box-shadow:0 0 10px #19e3ff59}.brand{font-family:var(--font-mono);letter-spacing:2px;align-items:center;gap:8px;font-size:1.1rem;display:flex}.forge-text{color:var(--color-forge-text);font-weight:800}.accent-text{color:var(--color-forge-accent);text-shadow:0 0 10px #19e3ff66;font-weight:800}.separator{color:var(--color-forge-muted)}.project-name{color:var(--color-forge-highlight);text-shadow:0 0 10px #ffd7004d;font-weight:600}.status-indicator{font-family:var(--font-mono);color:var(--color-forge-muted);align-items:center;gap:10px;font-size:.8rem;display:flex}.pulse-dot{background-color:var(--color-forge-accent);width:8px;height:8px;box-shadow:0 0 10px var(--color-forge-accent);border-radius:50%;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.6;box-shadow:0 0 4px var(--color-forge-accent);transform:scale(.9)}50%{opacity:1;box-shadow:0 0 12px var(--color-forge-accent);transform:scale(1.2)}to{opacity:.6;box-shadow:0 0 4px var(--color-forge-accent);transform:scale(.9)}}#game-layout{flex:1;height:calc(100% - 58px);display:flex;overflow:hidden}#phaser-canvas-parent{background:#060b12;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#phaser-canvas-parent canvas{border-radius:4px;display:block;box-shadow:0 0 30px #000000b3}#game-sidebar{border-left:1px solid var(--color-forge-border);background:#0d1b2a66;flex-direction:column;gap:20px;width:380px;padding:24px;display:flex;overflow-y:auto}#game-sidebar::-webkit-scrollbar{width:6px}#game-sidebar::-webkit-scrollbar-track{background:0 0}#game-sidebar::-webkit-scrollbar-thumb{background:var(--color-forge-border);border-radius:3px}#game-sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-forge-muted)}.sidebar-section{flex-direction:column;gap:12px;display:flex}.sidebar-section h3{font-family:var(--font-mono);color:var(--color-forge-muted);letter-spacing:1.5px;border-left:2px solid var(--color-forge-accent);margin-bottom:4px;padding-left:10px;font-size:.9rem}.section-desc{color:var(--color-forge-muted);font-size:.85rem}#bot-selector-grid{flex-direction:column;gap:10px;display:flex}.bot-btn{border:1px solid var(--color-forge-border);cursor:pointer;text-align:left;background:#1a283e80;border-radius:8px;align-items:center;padding:12px 16px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.bot-btn:before{content:"";background-color:var(--bot-color);opacity:.4;width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.bot-indicator{background-color:var(--bot-color);width:8px;height:8px;box-shadow:0 0 8px var(--bot-color);opacity:.5;border-radius:50%;margin-right:14px;transition:opacity .3s,transform .3s}.bot-name{font-family:var(--font-mono);color:var(--color-forge-text);letter-spacing:.5px;flex-grow:1;font-size:.95rem;font-weight:600}.bot-role{color:var(--color-forge-muted);border:1px solid var(--color-forge-border);background:#0d1b2a99;border-radius:4px;padding:2px 8px;font-size:.75rem}.bot-btn:hover{border-color:var(--color-forge-muted);background:#24344799;transform:translate(3px)}.bot-btn:hover:before{opacity:.8}.bot-btn:hover .bot-indicator{opacity:1;transform:scale(1.2)}.bot-btn.active{border-color:var(--bot-color);background:#1a283ee6;box-shadow:0 0 15px #ffffff05,inset 0 0 8px #ffffff0d}.bot-btn.active:before{opacity:1;width:4px}.bot-btn.active .bot-indicator{opacity:1;box-shadow:0 0 12px var(--bot-color);transform:scale(1.3)}.bot-btn.active .bot-name{color:#fff;text-shadow:0 0 8px #fff3}.console-section{flex-direction:column;flex-grow:1;min-height:180px;display:flex}#bot-console{border:1px solid var(--color-forge-border);font-family:var(--font-mono);background:#060b12bf;border-radius:8px;flex-direction:column;flex-grow:1;gap:8px;padding:14px;font-size:.8rem;line-height:1.4;display:flex;overflow-y:auto;box-shadow:inset 0 2px 10px #00000080}.console-line{word-break:break-word}.console-line.system{color:var(--color-forge-muted)}.console-line.action{color:var(--color-forge-highlight)}.console-name{margin-right:4px;font-weight:700}.console-line.bot-msg{color:var(--color-forge-text);border-left:2px solid #ffffff26;padding-left:8px}.controls-section{border-top:1px solid var(--color-forge-border);margin-top:auto;padding-top:16px}.control-hints{flex-direction:column;gap:10px;display:flex}.control-row{color:var(--color-forge-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.key{color:var(--color-forge-text);text-align:center;background:#243447;border:1px solid #34485e;border-radius:4px;min-width:20px;padding:2px 6px;font-size:.75rem;font-weight:700;box-shadow:0 2px #121d2a}.mouse-icon{color:var(--color-forge-accent);background:#19e3ff26;border:1px solid #19e3ff4d;border-radius:4px;padding:2px 6px;font-size:.75rem}.control-row .desc{flex-grow:1;margin-left:4px}@media (width<=1000px){#app{padding:0}#game-container-wrapper{border:none;border-radius:0;height:100vh;max-height:100vh}#game-layout{flex-direction:column}#game-sidebar{border-left:none;border-top:1px solid var(--color-forge-border);width:100%;height:300px}}