:root{--bg-color: #0a0b0e;--surface-color: #12141c;--surface-hover: #181b26;--border-color: rgba(255, 255, 255, .08);--border-active: rgba(255, 255, 255, .22);--text-main: #f3f4f6;--text-muted: #8e95a5;--text-dim: #5c6270;--accent-color: #ffffff;--accent-inverse: #0a0b0e;--status-testing-bg: rgba(255, 255, 255, .05);--status-testing-border: rgba(255, 255, 255, .15);--status-testing-text: #d1d5db;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}.lab-container{width:100%;max-width:960px;margin:0 auto;padding:3rem 1.5rem;display:flex;flex-direction:column}@media(min-width:640px){.lab-container{padding:5rem 2.5rem}}.brand-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:3rem}.brand-title{font-size:1.25rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--text-main)}.brand-subtitle{font-size:.95rem;font-weight:400;color:var(--text-muted);letter-spacing:.02em}.login-layout{min-height:80vh;justify-content:center;align-items:flex-start;max-width:440px}.login-form{width:100%;display:flex;flex-direction:column;gap:1.75rem}.field-group{display:flex;flex-direction:column;gap:.6rem}.field-label{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase}.field-input{width:100%;padding:.9rem 1.1rem;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-sans);font-size:1rem;letter-spacing:.05em;outline:none;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.field-input:focus{border-color:var(--border-active);background-color:var(--surface-hover)}.field-input::placeholder{color:var(--text-dim)}.btn-primary{width:100%;padding:.95rem 1.25rem;background-color:var(--accent-color);color:var(--accent-inverse);border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.85rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast)}.btn-primary:hover{opacity:.92}.btn-primary:active{transform:scale(.98)}.login-error-msg{font-size:.85rem;color:#f87171;letter-spacing:.02em;margin-top:-.5rem}.dashboard-header{margin-bottom:2.5rem}.cards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.cards-grid{grid-template-columns:repeat(2,1fr)}}.experiment-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);position:relative}.experiment-card:hover{border-color:var(--border-active);background-color:var(--surface-hover)}.card-meta{display:flex;justify-content:space-between;align-items:center}.card-version{font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted)}.card-status{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.12em;padding:.25rem .6rem;background-color:var(--status-testing-bg);border:1px solid var(--status-testing-border);border-radius:9999px;color:var(--status-testing-text);text-transform:uppercase}.card-title{font-size:1.35rem;font-weight:800;letter-spacing:.05em;color:var(--text-main);margin-top:-.25rem}.card-hypothesis{font-size:.9rem;line-height:1.4;color:var(--text-muted);flex-grow:1}.btn-card-action{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.8rem 1rem;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.18em;text-decoration:none;text-transform:uppercase;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.experiment-card:hover .btn-card-action{background-color:var(--accent-color);color:var(--accent-inverse);border-color:var(--accent-color)}.btn-card-action:active{transform:scale(.98)}.game-view-container{width:100%;height:100vh;display:flex;flex-direction:column;background-color:#0f1117;position:relative}.game-top-bar{position:absolute;top:0;left:0;width:100%;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;z-index:50;background:linear-gradient(to bottom,#0f1117e6,#0f111700);pointer-events:none}.btn-back{pointer-events:auto;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--text-muted);text-decoration:none;text-transform:uppercase;padding:.5rem .85rem;background-color:#12141ccc;border:1px solid var(--border-color);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.btn-back:hover{color:var(--text-main);border-color:var(--border-active);background-color:#181b26f2}.game-title-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--text-dim);text-transform:uppercase}.phaser-mount{width:100%;height:100%;display:flex;align-items:center;justify-content:center}