: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-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:720px;margin:0 auto}.menu-screen h1{margin-top:0}.menu-empty{color:#9aa4b2}.game-list{list-style:none;padding:0;display:grid;gap:12px}.game-button{width:100%;text-align:left;padding:20px 24px;font-size:20px}.player-screen{display:flex;height:100%}.jsdos-mount{flex:1;min-width:0;min-height:0}.player-error{padding:24px;color:#ff8f8f}