:root{color-scheme:dark;--bg: #101216;--fg: #e8e8e8;--accent: #3aa0ff;--surface: #1b1f27;--border: #2c313c}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--fg);font:16px/1.4 system-ui,sans-serif}#app,.app-shell{height:100%}.app-shell{display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);min-height:56px}.app-title{font-weight:600}.app-menu-actions{display:flex;align-items:center;gap:8px}.app-menu-actions[hidden]{display:none}.app-header-slot{margin-left:auto;display:flex;align-items:center}.auth-badge{display:flex;align-items:center;gap:8px;font-size:13px;color:#9aa4b2;white-space:nowrap}.auth-who{color:var(--fg)}.auth-note{color:#9aa4b2}.auth-error{color:#ff8f8f}.auth-sep{color:var(--border)}.auth-link{font:inherit;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.auth-link:hover{color:var(--fg)}.auth-close{font:inherit;color:#9aa4b2;background:none;border:none;padding:0 4px;cursor:pointer;line-height:1}.auth-close:hover{color:var(--fg)}@media (max-width: 640px){.auth-note{display:none}}.back-button,.game-button{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer}.back-button{padding:8px 16px}.back-button:hover,.game-button:hover{border-color:var(--accent)}.app-content{flex:1;min-height:0;position:relative}.screen{height:100%}.menu-screen{padding:32px 24px;max-width:1360px;margin:0 auto}.menu-screen h1{margin-top:0}.menu-empty{color:#9aa4b2}.game-list-source{color:#9aa4b2;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin:8px 0 4px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px 16px}.game-card{display:flex;flex-direction:column;gap:8px}.game-card-launch{padding:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;overflow:hidden;display:block;width:100%}.game-card-launch:hover,.game-card-launch:focus-visible{border-color:var(--accent);outline:none}.game-card-cover{display:flex;align-items:flex-end;aspect-ratio:16 / 9;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:linear-gradient(135deg,hsl(var(--card-hue, 210) 45% 34%),hsl(calc(var(--card-hue, 210) + 40) 50% 16%))}.game-card-cover-title{width:100%;padding:28px 12px 10px;font-size:15px;font-weight:600;line-height:1.25;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);background:linear-gradient(transparent,#00000073)}.game-card-cover.has-cover .game-card-cover-title{display:none}.game-card-title{font-size:14px;color:var(--fg);padding:0 2px}.game-card-actions{display:flex;flex-wrap:wrap;gap:6px}.game-edit,.game-remove{font:inherit;font-size:13px;color:#9aa4b2;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer;white-space:nowrap}.game-edit:hover:not(:disabled){border-color:var(--accent);color:var(--fg)}.game-remove:hover:not(:disabled){border-color:#ff8f8f;color:#ff8f8f}.game-edit:disabled,.game-remove:disabled{opacity:.5;cursor:default}.menu-action{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 14px;cursor:pointer;white-space:nowrap}.menu-action:hover{border-color:var(--accent)}.game-upload{margin-top:16px}.game-upload-form{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);max-width:420px}.game-upload-field{display:grid;grid-template-columns:116px 1fr;align-items:center;gap:10px}.game-upload-field>span{color:#9aa4b2;font-size:13px}.game-upload-form input,.game-upload-form select{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 8px}.game-upload-form button[type=submit]{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--accent);border-radius:6px;padding:8px 16px;cursor:pointer;justify-self:start}.game-upload-form button[type=submit]:disabled{opacity:.5;cursor:default}.game-upload-status{margin:0;min-height:1em;font-size:13px;color:#9aa4b2}.player-screen{display:flex;height:100%}.jsdos-mount{flex:1;min-width:0;min-height:0}.player-error{padding:24px;color:#ff8f8f}