@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0e0e11;--bg-panel: rgba(24, 24, 32, .6);--border: rgba(255, 255, 255, .08);--text-main: #f3f4f6;--text-muted: #9ca3af;--architect: #3b82f6;--hacker: #10b981;--critic: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.05) 0%,transparent 50%)}.sandbox-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column}.brand{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;color:#fff}.arena{flex:1;display:flex;flex-direction:column;position:relative}.chat-container{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.message{max-width:80%;display:flex;flex-direction:column;gap:.5rem}.message.human{align-self:flex-end}.message.agent{align-self:flex-start}.message-bubble{padding:1rem 1.2rem;border-radius:12px;background:var(--bg-panel);border:1px solid var(--border);font-size:.95rem;line-height:1.6;white-space:pre-wrap;box-shadow:0 4px 20px #0003}.human .message-bubble{background:#3b82f61a;border-color:#3b82f64d}.persona-tag{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.4rem}.tag-Human{color:#fff}.tag-Architect{color:var(--architect)}.tag-Hacker{color:var(--hacker)}.tag-Critic{color:var(--critic)}.controls{padding:1.5rem;background:var(--bg-dark);border-top:1px solid var(--border)}.prompt-box{display:flex;gap:1rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:.5rem}.prompt-box input{flex:1;background:transparent;border:none;color:#fff;padding:.8rem;font-size:1rem;outline:none}.start-btn{background:var(--text-main);color:var(--bg-dark);border:none;padding:0 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}.start-btn:hover:not(:disabled){background:#fff;transform:scale(1.02)}.start-btn:disabled{opacity:.5;cursor:not-allowed}.status-bar{margin-top:1.5rem;padding:1rem;background:#0000004d;border-radius:8px;border:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.progress{height:4px;background:#ffffff1a;border-radius:4px;margin-top:.5rem;overflow:hidden}.progress-fill{height:100%;background:var(--architect);transition:width .3s}