:root{--bg: #0d1117;--surface: #161b22;--border: #30363d;--text: #e6edf3;--text-muted: #8b949e;--accent: #22c55e;--accent-glow: rgba(34, 197, 94, .15);--radius: 6px;--mono: "IBM Plex Mono", ui-monospace, "Courier New", monospace;--sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;height:48px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;-webkit-user-select:none;user-select:none}.brand{display:flex;align-items:center;gap:8px}.brand-logo{font-size:18px;flex-shrink:0}.brand-name{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--accent);letter-spacing:-.2px;white-space:nowrap}.brand-tag{color:var(--text-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:500px){.brand-tag{display:none}}.brand-secret{display:block;position:absolute;top:100%;left:16px;font-family:var(--mono);font-size:10px;color:var(--accent);text-decoration:none;background:var(--surface);border:1px solid var(--accent);border-top:none;padding:3px 10px;border-radius:0 0 var(--radius) var(--radius);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .12s,transform .12s;white-space:nowrap;z-index:50}.brand-secret--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;height:28px;border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:var(--radius);font-size:12px;font-family:var(--sans);cursor:pointer;transition:color .12s,border-color .12s,background .12s;text-decoration:none;white-space:nowrap}.btn:hover{color:var(--text);border-color:var(--text-muted)}.btn.active,.btn[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.icon-btn{width:28px;padding:0}.model-switch{display:flex}.model-switch .model-btn{border-radius:0;border-right-width:0}.model-switch .model-btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.model-switch .model-btn:last-child{border-radius:0 var(--radius) var(--radius) 0;border-right-width:1px}.wheel-btn{font-family:var(--mono);font-size:13px;padding:0 8px;letter-spacing:0}@media(hover:none){.pointer-only{display:none}}.emulator-stage{position:relative;flex:1;overflow:hidden;background:#000}.emulator-stage iframe{width:100%;height:100%;border:none;display:block;opacity:0;transition:opacity .3s}.emulator-stage.scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.22) 3px,rgba(0,0,0,.22) 4px);pointer-events:none;z-index:10}.emulator-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#000;color:var(--accent);font-family:var(--mono);font-size:13px;z-index:5}.loading-spinner{width:22px;height:22px;border:2px solid rgba(34,197,94,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.statusbar{display:flex;align-items:center;gap:6px;padding:0 16px;height:26px;background:var(--surface);border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);flex-shrink:0;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.status-sep{color:var(--border);flex-shrink:0}.status-model{color:var(--accent);font-family:var(--mono);flex-shrink:0}.status-hint{overflow:hidden;text-overflow:ellipsis}.status-credit{flex-shrink:0;margin-left:auto}.status-link{color:var(--text-muted);text-decoration:none;transition:color .12s}.status-link:hover{color:var(--accent)}.splash{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:80px 20px 24px;gap:56px}.splash-brand{display:flex;flex-direction:column;align-items:center;gap:4px}.splash-brand .brand-logo{font-size:36px}.splash-brand .brand-name{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--accent);letter-spacing:-.4px}.splash-brand .brand-tag{font-size:12px;color:var(--text-muted)}.game-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:360px}.game-tile{display:flex;flex-direction:column;gap:2px;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-decoration:none;transition:border-color .12s,background .12s,transform .12s}.game-tile:hover{border-color:var(--accent);background:var(--accent-glow);transform:translateY(-1px)}.game-title{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--accent)}.game-subtitle{font-size:11px;color:var(--text-muted)}.splash-footer{margin-top:auto;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}code{font-family:var(--mono);font-size:10px;background:#22c55e1a;color:var(--accent);padding:1px 4px;border-radius:3px}