:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #22263a;--border: #2e3350;--text: #e8eaf0;--text-muted: #8a8fa8;--accent: #6c8ef7;--accent-dim: #3d4f99;--green: #34d399;--red: #f87171;--yellow: #fbbf24;--radius: 8px;--font: "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.1rem;font-weight:600}h3{font-size:.95rem;font-weight:600}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1rem;font-family:var(--font);font-size:.9rem;font-weight:600;transition:opacity .15s}button:hover:not(:disabled){opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}input[type=number]{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:.9rem;padding:.4rem .6rem;width:90px}input[type=number]:focus{outline:1px solid var(--accent)}.arcade-index{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.arcade-header{padding:var(--space-8) var(--space-8) var(--space-4);border-bottom:1px solid var(--border)}.arcade-logo{font-size:var(--font-size-xl);font-weight:700;letter-spacing:.12em;color:var(--text)}.arcade-subtitle{font-size:var(--font-size-xs);color:var(--muted);margin-top:var(--space-1);letter-spacing:.06em}.arcade-main{flex:1;padding:var(--space-8)}.arcade-section-title{font-size:var(--font-size-sm);letter-spacing:.1em;color:var(--muted);margin-bottom:var(--space-6)}.arcade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.arcade-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:left;cursor:pointer;transition:border-color .15s,transform .1s;position:relative;overflow:hidden}.arcade-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-color, var(--accent));opacity:.7;transition:opacity .15s}.arcade-card:hover{border-color:var(--card-color, var(--accent));transform:translateY(-2px)}.arcade-card:hover:before{opacity:1}.arcade-card--coming-soon{opacity:.45;cursor:default}.arcade-card--coming-soon:hover{transform:none;border-color:var(--border)}.arcade-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.arcade-card-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text)}.arcade-status{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;padding:2px 8px;border-radius:var(--radius-full);border:1px solid currentColor}.arcade-status--stable{color:var(--green)}.arcade-status--beta{color:var(--yellow)}.arcade-status--dev{color:var(--muted)}.arcade-card-desc{font-size:var(--font-size-sm);color:var(--muted);line-height:1.5;margin-bottom:var(--space-4)}.arcade-card-id{font-size:var(--font-size-xs);color:var(--border);font-family:monospace}.arcade-footer{padding:var(--space-4) var(--space-8);border-top:1px solid var(--border);display:flex;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--muted)}.arcade-footer-sep{color:var(--border)}.arcade-back-btn{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:color .15s,border-color .15s;text-decoration:none}.arcade-back-btn:hover{color:var(--text);border-color:var(--accent)}.arcade-game-wrap{display:flex;flex-direction:column;height:100vh}.arcade-game-nav{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;height:40px}.arcade-game-nav-title{font-size:var(--font-size-sm);color:var(--muted);font-weight:600;letter-spacing:.05em}.arcade-game-content{flex:1;overflow:hidden;position:relative}.arcade-loading,.arcade-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4);color:var(--muted)}.arcade-error-box{background:var(--surface);border:1px solid var(--red);border-radius:var(--radius-md);padding:var(--space-6);max-width:480px;color:var(--red)}.arcade-error-box p{color:var(--text);margin:var(--space-2) 0}.arcade-error-box small{color:var(--muted);font-size:var(--font-size-xs)}.tab-manager{display:flex;flex-direction:column;height:100%}.tab-manager-bar{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.tab-manager-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--muted);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:var(--space-2)}.tab-manager-btn:hover{color:var(--text)}.tab-manager-btn--active{color:var(--accent);border-bottom-color:var(--accent)}.tab-manager-shortcut{font-size:var(--font-size-xs);opacity:.5;font-family:monospace}.tab-manager-content{flex:1;overflow-y:auto}.game-shell{display:flex;flex-direction:column;height:100%;background:var(--bg);overflow:hidden}.game-shell-header{flex-shrink:0;border-bottom:1px solid var(--border)}.game-shell-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.game-shell-footer{flex-shrink:0;border-top:1px solid var(--border)}