:root{color-scheme:dark;--background: #0f141a;--surface: rgba(17, 24, 39, .9);--surface-solid: #151c25;--surface-muted: rgba(21, 28, 37, .92);--text: #eef4fb;--text-muted: #9aa7b7;--accent-soft: rgba(96, 165, 250, .1);--shadow: 0 18px 50px rgba(0, 0, 0, .36);--shadow-soft: 0 10px 28px rgba(0, 0, 0, .28);--bg-a: var(--background);--bg-b: #151c25;--bg-c: #1b2430;--panel: var(--surface);--panel-border: rgba(148, 163, 184, .18);--panel-border-solid: rgba(148, 163, 184, .28);--card: var(--surface-muted);--card-hover: rgba(30, 41, 59, .9);--card-selected: rgba(96, 165, 250, .14);--chip: rgba(30, 41, 59, .82);--ink: var(--text);--ink-soft: #c6d1df;--ink-muted: var(--text-muted);--accent: #60a5fa;--accent-hover: #93c5fd;--accent-press: #3b82f6;--accent-glow: rgba(96, 165, 250, .22);--accent-surface: var(--accent-soft);--accent-surface-strong: rgba(96, 165, 250, .16);--accent-on: #07111f;--error: #f87171;--error-bg: rgba(248, 113, 113, .08);--error-border: rgba(248, 113, 113, .2);--warning: #fbbf24;--info: #60a5fa;--success: #34d399;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 18px;--r-2xl: 18px;--r-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .22);--shadow-md: var(--shadow-soft);--shadow-lg: var(--shadow);--shadow-glow: 0 0 20px var(--accent-glow);--ease: cubic-bezier(.4, 0, .2, 1);--t-fast: .15s var(--ease);--t-normal: .2s var(--ease);--t-slow: .3s var(--ease);--navbar-h: 48px}:root[data-theme=light]{color-scheme:light;--background: #f5f7f9;--surface: rgba(255, 255, 255, .9);--surface-solid: #ffffff;--surface-muted: rgba(245, 248, 251, .94);--text: #101418;--text-muted: #5d6773;--accent-soft: rgba(37, 99, 235, .1);--shadow: 0 18px 50px rgba(15, 23, 42, .1);--shadow-soft: 0 10px 28px rgba(15, 23, 42, .08);--bg-a: var(--background);--bg-b: #f5f7f9;--bg-c: #e8edf3;--panel: var(--surface);--panel-border: rgba(15, 23, 42, .11);--panel-border-solid: rgba(100, 116, 139, .26);--card: var(--surface-muted);--card-hover: #f7f9fc;--card-selected: rgba(37, 99, 235, .1);--chip: #eef3f8;--ink: var(--text);--ink-soft: #374151;--ink-muted: var(--text-muted);--accent: #2563eb;--accent-hover: #1d4ed8;--accent-press: #1e40af;--accent-glow: rgba(37, 99, 235, .16);--accent-surface: var(--accent-soft);--accent-surface-strong: rgba(37, 99, 235, .16);--accent-on: #ffffff;--error: #dc2626;--error-bg: rgba(220, 38, 38, .1);--error-border: rgba(220, 38, 38, .2);--warning: #d97706;--info: #2563eb;--success: #047857;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: var(--shadow-soft);--shadow-lg: var(--shadow)}@media (prefers-color-scheme: light){:root:not([data-theme]){color-scheme:light;--background: #f5f7f9;--surface: rgba(255, 255, 255, .9);--surface-solid: #ffffff;--surface-muted: rgba(245, 248, 251, .94);--text: #101418;--text-muted: #5d6773;--accent-soft: rgba(37, 99, 235, .1);--shadow: 0 18px 50px rgba(15, 23, 42, .1);--shadow-soft: 0 10px 28px rgba(15, 23, 42, .08);--bg-a: var(--background);--bg-b: #f5f7f9;--bg-c: #e8edf3;--panel: var(--surface);--panel-border: rgba(15, 23, 42, .11);--panel-border-solid: rgba(100, 116, 139, .26);--card: var(--surface-muted);--card-hover: #f7f9fc;--card-selected: rgba(37, 99, 235, .1);--chip: #eef3f8;--ink: var(--text);--ink-soft: #374151;--ink-muted: var(--text-muted);--accent: #2563eb;--accent-hover: #1d4ed8;--accent-press: #1e40af;--accent-glow: rgba(37, 99, 235, .16);--accent-surface: var(--accent-soft);--accent-surface-strong: rgba(37, 99, 235, .16);--accent-on: #ffffff;--error: #dc2626;--error-bg: rgba(220, 38, 38, .1);--error-border: rgba(220, 38, 38, .2);--warning: #d97706;--info: #2563eb;--success: #047857;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: var(--shadow-soft);--shadow-lg: var(--shadow)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg-a);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--panel-border-solid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,30px) scale(1.15)}}@keyframes float-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-25px) scale(1.08)}}@keyframes float-c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-30px) scale(1.12)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}@keyframes float-subtle{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-3px) rotate(.1deg)}66%{transform:translateY(1px) rotate(-.1deg)}}@keyframes shimmer{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}@keyframes bg-pan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes xmb-ribbon-pan{0%{background-position:0% 18%,12% 52%,88% 78%}50%{background-position:100% 34%,82% 46%,18% 68%}to{background-position:0% 18%,12% 52%,88% 78%}}@keyframes xmb-ribbon-float{0%{transform:translate3d(-1%,-.6%,0) scale(1.05) rotate(-4deg)}50%{transform:translate3d(1%,.8%,0) scale(1.08) rotate(-1.5deg)}to{transform:translate3d(-.8%,1%,0) scale(1.06) rotate(-3deg)}}@keyframes xmb-ribbon-swell{0%,to{transform:translateZ(0) scale(1) rotate(0);opacity:.74}50%{transform:translate3d(1%,-1.2%,0) scale(1.05) rotate(2deg);opacity:.9}}.app-container{width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(900px 400px at 80% -5%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),linear-gradient(180deg,var(--bg-a),var(--bg-b))}.auth-refresh-notice{position:fixed;top:calc(var(--navbar-h) + 10px);left:50%;transform:translate(-50%);z-index:1200;max-width:min(520px,calc(100vw - 24px));padding:7px 12px;border-radius:var(--r-full);border:1px solid var(--panel-border);background:color-mix(in srgb,var(--panel) 92%,var(--bg-a));color:var(--ink-soft);font-size:.74rem;font-weight:600;letter-spacing:.01em;box-shadow:var(--shadow-sm);animation:fade-in .22s var(--ease)}.auth-refresh-notice--success{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 38%,var(--panel-border));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,transparent),color-mix(in srgb,var(--panel) 90%,var(--bg-a)))}.auth-refresh-notice--warn{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 36%,var(--panel-border));background:linear-gradient(180deg,color-mix(in srgb,var(--warning) 16%,transparent),color-mix(in srgb,var(--panel) 90%,var(--bg-a)))}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-h);display:flex;align-items:center;justify-content:flex-start;padding:0 16px;background:color-mix(in srgb,var(--panel) 92%,var(--bg-a));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--panel-border);z-index:1000}.navbar-left{display:flex;align-items:center;gap:8px}.navbar-brand{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-press));display:flex;align-items:center;justify-content:center;color:var(--accent-on);box-shadow:0 2px 12px var(--accent-glow);flex-shrink:0}.navbar-logo-image{display:block;height:18px;width:auto}.navbar-nav{display:flex;align-items:center;gap:2px;position:absolute;left:50%;transform:translate(-50%)}.navbar-subscription{display:flex;align-items:center;gap:6px}.navbar-subscription-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--r-full);border:1px solid var(--panel-border);background:var(--chip);color:var(--ink-soft);font-size:.72rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;font-family:inherit;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast)}.navbar-subscription-chip:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--panel-border));background:var(--accent-surface);color:var(--ink)}.navbar-subscription-chip:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-surface)}.navbar-subscription-chip svg{color:var(--accent);flex-shrink:0}.navbar-subscription-chip--good{border-color:color-mix(in srgb,var(--accent) 45%,var(--panel-border));background:color-mix(in srgb,var(--accent) 14%,transparent)}.navbar-subscription-chip--warn{border-color:color-mix(in srgb,var(--warning) 36%,var(--panel-border));background:color-mix(in srgb,var(--warning) 16%,transparent)}.navbar-subscription-chip--warn svg{color:var(--warning)}.navbar-subscription-chip--critical{border-color:color-mix(in srgb,var(--error) 42%,var(--panel-border));background:color-mix(in srgb,var(--error) 16%,transparent)}.navbar-subscription-chip--critical svg{color:var(--error)}.navbar-link{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--ink-muted);font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;transition:color var(--t-fast),background var(--t-fast);outline:none}.navbar-link:hover{color:var(--ink-soft);background:var(--accent-surface)}.navbar-link.active{color:var(--ink);background:var(--accent-surface-strong);font-weight:600}.navbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;position:relative;z-index:2}.navbar-session-account{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;border:1px solid var(--panel-border);border-radius:var(--r-md);background:var(--chip);min-width:0}.navbar-session-account-copy{display:grid;min-width:0}.navbar-session-account-copy strong,.navbar-session-account-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-session-account-copy strong{font-size:.76rem;color:var(--ink)}.navbar-session-account-copy span{font-size:.68rem;color:var(--ink-muted)}.navbar-session-account-actions{display:inline-flex;align-items:center;gap:4px}.navbar-session-account-button{width:28px;height:28px;border:1px solid var(--panel-border);border-radius:var(--r-sm);background:transparent;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast);text-decoration:none}.navbar-session-account-button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-surface)}.navbar-session-resume{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;width:210px;min-width:210px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--panel-border));border-radius:var(--r-full);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 26%,transparent),color-mix(in srgb,var(--accent) 8%,transparent)),color-mix(in srgb,var(--panel) 92%,var(--bg-a));box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 24%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent) inset;color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.01em;font-family:inherit;cursor:pointer;white-space:nowrap;transition:transform var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),filter var(--t-fast);overflow:hidden}.navbar-session-resume:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 75%,var(--panel-border));box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 28%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 26%,transparent) inset}.navbar-session-resume:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 26%,transparent),0 10px 28px color-mix(in srgb,var(--accent) 28%,transparent)}.navbar-session-resume:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.1)}.navbar-session-resume-text{color:var(--ink);min-width:46px;text-align:left;flex:0 0 auto}.navbar-session-resume-game{min-width:0;flex:1 1 auto;color:var(--ink-soft);font-size:.67rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-session-resume-spin{animation:spin 1s linear infinite}.navbar-session-resume.is-loading{animation:none}.navbar-user{display:flex;align-items:center;gap:7px;padding:0;border-radius:0}.navbar-account{position:relative}.navbar-account-trigger{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:8px;background:transparent;color:var(--ink-soft);padding:4px 8px;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.navbar-account-trigger:hover{background:var(--chip);color:var(--ink)}.navbar-account-trigger.open{background:var(--accent-surface)}.navbar-account-chevron{color:var(--ink-muted)}.navbar-account-menu{position:absolute;top:calc(100% + 8px);right:0;width:300px;max-height:min(52vh,420px);overflow:auto;border:1px solid var(--panel-border);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-md);padding:8px;z-index:1800;animation:fade-in .12s var(--ease)}.navbar-account-empty{padding:12px;border-radius:8px;color:var(--ink-muted);font-size:.78rem;background:var(--chip)}.navbar-account-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:8px;border:1px solid transparent}.navbar-account-item+.navbar-account-item{margin-top:6px}.navbar-account-item.current{border-color:color-mix(in srgb,var(--accent) 45%,var(--panel-border));background:color-mix(in srgb,var(--accent) 10%,transparent)}.navbar-account-main{display:flex;align-items:center;gap:8px;min-width:0}.navbar-account-avatar{width:24px;height:24px;border-radius:6px;object-fit:cover;flex:0 0 auto}.navbar-account-avatar--fallback{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-muted);background:var(--chip)}.navbar-account-meta{display:flex;flex-direction:column;min-width:0;line-height:1.2}.navbar-account-meta strong{font-size:.78rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.navbar-account-meta span{font-size:.68rem;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.navbar-account-actions{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.navbar-account-action{width:26px;height:26px;border-radius:var(--r-sm);border:1px solid var(--panel-border);background:var(--chip);color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast)}.navbar-account-action:hover{border-color:var(--accent);color:var(--accent)}.navbar-account-action--remove:hover{border-color:var(--error);color:var(--error)}.navbar-account-action:disabled{opacity:.55;cursor:not-allowed}.navbar-account-state{display:inline-flex;align-items:center;gap:4px;font-size:.66rem;font-weight:700;border-radius:var(--r-full);padding:4px 8px;letter-spacing:.02em}.navbar-account-state.selected{color:var(--ink-soft);background:var(--chip)}.navbar-account-state.in-use{color:var(--accent);background:var(--accent-surface);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--panel-border))}.navbar-account-state.queue{color:var(--warning);background:color-mix(in srgb,var(--warning) 16%,transparent);border:1px solid color-mix(in srgb,var(--warning) 38%,var(--panel-border))}.navbar-account-menu-divider{height:1px;background:var(--panel-border);margin:8px 2px}.navbar-account-menu-footer{display:grid;grid-template-columns:1fr 1fr;gap:6px}.navbar-account-menu-btn{border:1px solid var(--panel-border);background:var(--chip);border-radius:var(--r-sm);color:var(--ink-soft);font-size:.72rem;font-weight:600;font-family:inherit;padding:7px 9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast)}.navbar-account-menu-btn:hover{border-color:var(--accent);color:var(--accent)}.navbar-account-menu-btn:disabled{opacity:.55;cursor:not-allowed}.navbar-account-menu-btn--wide{width:100%;margin-top:8px;text-decoration:none}.navbar-external-account{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:var(--r-sm);background:var(--chip);color:var(--ink-muted);font-size:.72rem}.navbar-external-account-head{display:flex;align-items:center;gap:6px;color:var(--ink)}.navbar-external-account-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-page{min-height:100vh;background:linear-gradient(180deg,var(--bg-a),var(--bg-b));color:var(--ink);padding:24px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.admin-header h1{margin:0;font-size:1.08rem;letter-spacing:.02em}.admin-header-main{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-session-account{display:inline-flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--panel-border);border-radius:var(--r-md);background:var(--panel);min-width:0}.admin-session-account-copy{display:grid;min-width:0}.admin-session-account-copy strong,.admin-session-account-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-session-account-copy strong{font-size:.82rem}.admin-session-account-copy span{font-size:.74rem;color:var(--ink-muted)}.admin-session-account-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-session-account-button{border:1px solid var(--panel-border);background:var(--chip);color:var(--ink-soft);border-radius:var(--r-sm);padding:8px 10px;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.78rem;cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast);text-decoration:none}.admin-session-account-button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-surface)}.admin-back{border:1px solid var(--panel-border);background:var(--chip);color:var(--ink-soft);border-radius:var(--r-sm);padding:8px 12px;display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:.8rem;cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast)}.admin-back:hover{border-color:var(--accent);color:var(--accent)}.admin-auth-card,.admin-section{border:1px solid var(--panel-border);background:var(--panel);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.admin-auth-card{width:min(560px,100%);margin:24px auto 0;padding:20px}.admin-auth-card h2{margin:0 0 8px;font-size:1rem}.admin-auth-card p{margin:0 0 14px;color:var(--ink-muted);font-size:.86rem}.admin-auth-form{display:flex;flex-direction:column;gap:10px}.admin-auth-form label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--ink-muted)}.admin-auth-form input{border:1px solid var(--panel-border-solid);border-radius:var(--r-sm);background:var(--surface-solid);color:var(--ink);font-size:.88rem;padding:10px 11px;font-family:inherit}.admin-auth-form button{border:1px solid color-mix(in srgb,var(--accent) 45%,var(--panel-border));border-radius:var(--r-sm);background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:.84rem;font-weight:700;font-family:inherit;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.admin-error{color:var(--error);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--r-sm);padding:9px 10px;font-size:.8rem}.admin-sections{display:flex;flex-direction:column;gap:12px}.admin-section{padding:16px}.admin-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.admin-section-header h3{margin:0;font-size:.92rem}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-password-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.admin-password-form{border:1px solid var(--panel-border);border-radius:var(--r-sm);background:var(--card);padding:11px}.admin-password-form h4{margin:0;font-size:.86rem;color:var(--ink)}.admin-row+.admin-row{margin-top:10px}.admin-row--column{align-items:stretch;flex-direction:column}.admin-inline{display:inline-flex;align-items:center;gap:8px}.admin-inline input{width:min(420px,100%);border:1px solid var(--panel-border-solid);border-radius:var(--r-sm);background:var(--surface-solid);color:var(--ink);font-size:.84rem;padding:9px 10px;font-family:inherit}.admin-inline button,.admin-danger,.admin-logout{border:1px solid var(--panel-border);border-radius:var(--r-sm);background:var(--chip);color:var(--ink-soft);font-size:.78rem;font-weight:600;font-family:inherit;padding:8px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.admin-inline button:hover,.admin-logout:hover{border-color:var(--accent);color:var(--accent)}.admin-danger{color:var(--error);border-color:var(--error-border);background:var(--error-bg)}.admin-danger:hover{border-color:var(--error)}.admin-status{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-full);padding:6px 10px;font-size:.74rem;font-weight:700;letter-spacing:.02em}.admin-status.active{color:var(--accent);background:var(--accent-surface);border:1px solid color-mix(in srgb,var(--accent) 42%,var(--panel-border))}.admin-status.idle{color:var(--ink-muted);background:var(--chip);border:1px solid var(--panel-border)}.admin-feedback{font-size:.78rem;color:var(--ink-muted)}.admin-runtime-meta{margin-top:10px;border:1px solid var(--panel-border);background:var(--card);border-radius:var(--r-sm);padding:10px;display:flex;flex-direction:column;gap:8px}.admin-runtime-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.8rem}.admin-runtime-row span{color:var(--ink-muted)}.admin-runtime-row strong{color:var(--ink);text-align:right}.admin-accounts{display:flex;flex-direction:column;gap:8px}.admin-empty{border:1px dashed var(--panel-border);border-radius:var(--r-sm);color:var(--ink-muted);font-size:.82rem;padding:12px}.admin-account-row{border:1px solid var(--panel-border);border-radius:var(--r-sm);background:var(--card);padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-account-meta{min-width:0;display:flex;align-items:center;gap:8px}.admin-account-meta--stack{flex-direction:column;align-items:flex-start;width:100%;gap:6px}.admin-account-line{min-width:0;width:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-account-meta strong{font-size:.83rem;color:var(--ink)}.admin-account-meta span{font-size:.74rem;color:var(--ink-muted)}.admin-chip{font-size:.66rem;font-weight:700;border-radius:var(--r-full);padding:4px 8px;background:color-mix(in srgb,var(--accent) 20%,transparent);border:1px solid color-mix(in srgb,var(--accent) 42%,var(--panel-border));color:var(--accent)}.admin-chip--queue{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 40%,var(--panel-border));background:color-mix(in srgb,var(--warning) 16%,transparent)}.admin-logout{width:fit-content}.admin-ws-feed{border:1px solid var(--panel-border);border-radius:var(--r-sm);background:var(--card);max-height:220px;overflow:auto;display:flex;flex-direction:column}.admin-ws-feed-item{display:grid;grid-template-columns:72px 1fr;gap:8px;padding:8px 10px;border-bottom:1px solid var(--panel-border);font-size:.74rem}.admin-ws-feed-item:last-child{border-bottom:none}.admin-ws-feed-time{color:var(--ink-muted);font-variant-numeric:tabular-nums}.admin-ws-feed-message{color:var(--ink-soft);word-break:break-word}.admin-ws-feed-item--warning .admin-ws-feed-message{color:var(--warning)}.admin-ws-feed-item--error .admin-ws-feed-message{color:var(--error)}.admin-pkce-panel{border:1px solid var(--panel-border);border-radius:var(--r-sm);background:var(--card);padding:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.admin-pkce-panel h4{margin:0;font-size:.86rem}.admin-pkce-caption{margin:0;color:var(--ink-muted);font-size:.78rem;line-height:1.45}.admin-pkce-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-pkce-actions button,.admin-pkce-code-row button,.admin-pkce-redirect-row button{border:1px solid color-mix(in srgb,var(--accent) 45%,var(--panel-border));border-radius:var(--r-sm);background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:.78rem;font-weight:700;font-family:inherit;padding:8px 11px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.admin-pkce-actions button:disabled,.admin-pkce-code-row button:disabled,.admin-pkce-redirect-row button:disabled{opacity:.5;cursor:not-allowed}.admin-pkce-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.admin-pkce-grid label,.admin-pkce-code-row label,.admin-pkce-label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--ink-muted)}.admin-pkce-grid input,.admin-pkce-code-row input,.admin-pkce-label textarea{border:1px solid var(--panel-border-solid);border-radius:var(--r-sm);background:var(--surface-solid);color:var(--ink);font-size:.8rem;padding:8px 9px;font-family:inherit}.admin-pkce-label textarea{resize:vertical;min-height:58px}.admin-pkce-redirect-row{display:flex;flex-direction:column;gap:8px}.admin-pkce-code-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.admin-pkce-code-row label{min-width:min(360px,100%);flex:1}.admin-pkce-token-card{border:1px solid var(--panel-border);border-radius:var(--r-sm);background:var(--surface-solid);padding:10px;display:flex;flex-direction:column;gap:8px}.admin-pkce-token-card h5{margin:0;font-size:.8rem;color:var(--ink)}.navbar-avatar{width:24px;height:24px;border-radius:5px;object-fit:cover}.navbar-avatar-fallback{width:24px;height:24px;border-radius:5px;background:var(--chip);display:flex;align-items:center;justify-content:center;color:var(--ink-muted)}.navbar-user-info{display:flex;flex-direction:column;gap:0;line-height:1.2}.navbar-username{font-size:.78rem;font-weight:500;color:var(--ink-soft);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-tier{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1}.navbar-tier.tier-ultimate{color:gold}.navbar-tier.tier-priority{color:#cdaf95}.navbar-tier.tier-free{color:var(--ink-muted)}.navbar-logout{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--ink-muted);cursor:pointer;transition:color var(--t-fast),background var(--t-fast);outline:none;font-family:inherit}.navbar-logout:hover{background:var(--error-bg);color:var(--error)}.navbar-guest{display:flex;align-items:center;gap:5px;padding:5px 10px;background:var(--chip);border-radius:6px;color:var(--ink-muted);font-size:.78rem}.navbar-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3200;display:flex;align-items:center;justify-content:center;padding:18px;background:#08090b99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navbar-modal{width:min(760px,calc(100vw - 40px));max-height:calc(100vh - 70px);border-radius:12px;border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow-md);overflow:hidden;animation:fade-in .13s var(--ease);display:flex;flex-direction:column}.navbar-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--panel-border)}.navbar-modal-header h3{margin:0;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.navbar-modal-close{width:26px;height:26px;border:none;border-radius:6px;background:transparent;color:var(--ink-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.navbar-modal-close:hover{background:var(--chip);color:var(--ink-soft)}.navbar-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow:auto}.navbar-modal-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid var(--panel-border);padding-bottom:6px}.navbar-modal-row:last-child{border-bottom:none;padding-bottom:0}.navbar-modal-row span{color:var(--ink-muted);font-size:.9rem}.navbar-modal-row strong{color:var(--ink);font-size:.95rem;font-weight:600;text-align:right}.navbar-meter{border:1px solid var(--panel-border);border-radius:9px;background:var(--card);padding:12px}.navbar-meter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:10px}.navbar-meter-head span{color:var(--ink-muted);font-size:.88rem;font-weight:600}.navbar-meter-head strong{color:var(--ink-soft);font-size:.86rem;letter-spacing:.02em}.navbar-meter-track{height:9px;border-radius:999px;background:var(--bg-c);overflow:hidden}.navbar-meter-fill{display:block;height:100%;border-radius:inherit;transition:width var(--t-slow)}.navbar-meter-fill--good{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.navbar-meter-fill--warn{background:linear-gradient(90deg,#e6b64c,#f0c664)}.navbar-meter-fill--critical{background:linear-gradient(90deg,#d95f5f,#e77f7f)}.navbar-meter-legend{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:var(--ink-muted);font-size:.84rem}@media (max-width: 1220px){.navbar-subscription{display:none}}@media (max-width: 980px){.navbar-nav{position:static;transform:none;margin-left:20px}.navbar-session-resume{width:170px;min-width:170px}}.main-content{flex:1;overflow:auto;padding:20px;margin-top:var(--navbar-h)}body.controller-mode{--navbar-h: 54px}.controller-mode .controller-focus,.controller-mode .controller-focus:focus,.controller-mode .controller-focus:focus-visible{outline:none!important;border-color:color-mix(in srgb,var(--accent) 82%,var(--panel-border))!important;box-shadow:0 0 0 2px #60a5fa61,0 0 0 8px #60a5fa1a,0 18px 36px #0000007a!important;transform-origin:center center;transition:transform .16s cubic-bezier(.2,.9,.3,1),box-shadow .2s ease,border-color .16s ease}.controller-mode .main-content{padding:24px}.controller-mode .navbar-link,.controller-mode .settings-chip,.controller-mode .settings-shortcut-reset-btn,.controller-mode .region-selected,.controller-mode .region-dropdown-item,.controller-mode .navbar-subscription-chip,.controller-mode .navbar-session-resume{min-height:42px;font-size:.84rem}.controller-mode .navbar-link{padding:8px 14px}.controller-mode .settings-slider::-webkit-slider-thumb{width:22px;height:22px}.controller-mode .settings-slider{height:8px}.controller-mode .settings-slider.controller-range-editing{box-shadow:0 0 0 2px #60a5fa40,0 0 0 5px #60a5fa1a}.controller-mode .settings-slider.controller-range-editing::-webkit-slider-thumb{background:#93c5fd;box-shadow:0 0 0 2px #60a5fa59,0 0 14px #60a5fa73}.controller-mode .settings-section{padding:20px 22px}.controller-mode .settings-chip-row{gap:7px}.controller-mode .settings-chip{padding:9px 14px;font-size:.87rem}body.controller-mode.controller-hide-cursor,body.controller-mode.controller-hide-cursor *{cursor:none!important}.controller-mode .region-dropdown-item{padding:12px 14px}.controller-mode .settings-text-input{min-height:42px;font-size:.86rem}.controller-hint{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:2200;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:var(--r-full);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--panel-border));background:linear-gradient(160deg,#60a5fa21,#60a5fa0a),#0a0a0ce6;color:#d9e8e0;font-size:.69rem;font-weight:700;letter-spacing:.01em;box-shadow:var(--shadow-sm),0 0 0 1px #60a5fa21 inset;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.controller-hint span{padding:2px 8px;border-radius:var(--r-full);border:1px solid rgba(255,255,255,.09);background:#ffffff0f;color:#effaf4;white-space:nowrap}.controller-hint--overlay{bottom:16px;z-index:1400}.controller-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2400!important;display:flex;align-items:center;justify-content:center;background:#0000008c!important;-webkit-backdrop-filter:blur(16px) brightness(.45);backdrop-filter:blur(16px) brightness(.45);pointer-events:auto}.controller-overlay>.xmb-wrapper{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2401!important;width:100%!important;height:100%!important;background:transparent!important;box-shadow:none!important}.controller-overlay .xmb-bg-layer,.controller-overlay .xmb-bg-gradient{display:none!important}.controller-overlay .xmb-bg-gradient:before,.controller-overlay .xmb-bg-gradient:after{display:none!important}@media (max-width: 760px){.controller-hint{max-width:calc(100vw - 16px);gap:4px;padding:6px 8px;font-size:.62rem;overflow-x:auto}}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-a)}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 30%),linear-gradient(180deg,var(--bg-b),var(--bg-a) 38%,var(--bg-c))}.login-bg-orb{display:none}.login-bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;opacity:.4}.login-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:28px;animation:fade-in .5s var(--ease);width:min(100% - 32px,560px)}.login-session-summary{width:min(100%,460px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--panel-border);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-sm)}.login-session-summary-meta{display:grid;min-width:0}.login-session-summary-meta strong,.login-session-summary-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-session-summary-meta strong{font-size:.84rem;color:var(--ink)}.login-session-summary-meta span{font-size:.74rem;color:var(--ink-muted)}.login-session-summary-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.login-session-action{border:1px solid var(--panel-border);background:var(--chip);color:var(--ink-soft);border-radius:var(--r-sm);padding:8px 10px;font:inherit;font-size:.76rem;font-weight:600;cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast);text-decoration:none}.login-session-action:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-surface)}.login-brand{display:flex;align-items:center;gap:10px}.login-brand-mark{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-press));display:flex;align-items:center;justify-content:center;color:var(--accent-on);box-shadow:0 4px 20px var(--accent-glow)}.login-brand-image{display:block;height:28px;width:auto;max-width:min(74vw,360px)}.login-card{width:100%;max-width:380px;padding:28px;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--r-md);box-shadow:var(--shadow-lg)}.login-card-header{text-align:center;margin-bottom:28px}.login-card-header h1{font-size:1.35rem;font-weight:700;color:var(--ink);margin:0 0 6px}.login-card-header p{font-size:.85rem;color:var(--ink-muted);margin:0}.login-error{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:20px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--r-sm);color:var(--error);font-size:.8rem;font-weight:500}.login-error-dot{width:6px;height:6px;background:var(--error);border-radius:50%;flex-shrink:0}.login-status{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:20px;background:var(--accent-surface);border:1px solid var(--accent-surface-strong);border-radius:var(--r-sm);color:var(--accent-hover);font-size:.8rem;font-weight:500}.login-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--info);animation:pulse-glow 1.7s ease-in-out infinite}.login-field{position:relative;margin-bottom:20px}.login-text-input{width:100%;border:none;background:transparent;color:var(--ink);font-size:.88rem;font-family:inherit;padding:11px 0;outline:none}.login-text-input::placeholder{color:var(--ink-muted)}.app-lock-screen-simple{min-height:100vh;width:100%;background:var(--bg-a);color:var(--ink);display:flex;align-items:center;justify-content:center;padding:24px}.app-lock-panel-simple{width:min(440px,100%);background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--r-md);padding:24px;box-shadow:var(--shadow-md)}.app-lock-header-simple h1{margin:0;font-size:1.15rem;color:var(--ink)}.app-lock-header-simple p{margin:8px 0 0;font-size:.85rem;line-height:1.45;color:var(--ink-muted)}.app-lock-form-simple{margin-top:18px;display:flex;flex-direction:column;gap:8px}.app-lock-label-simple{font-size:.78rem;font-weight:600;color:var(--ink-soft)}.app-lock-input-wrap-simple{border:1px solid var(--panel-border-solid);border-radius:var(--r-sm);background:var(--card)}.app-lock-input-wrap-simple:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-surface)}.app-lock-input-simple{width:100%;border:none;outline:none;background:transparent;color:var(--ink);font-size:.88rem;font-family:inherit;padding:10px 12px}.app-lock-input-simple::placeholder{color:var(--ink-muted)}.app-lock-button-simple{margin-top:10px;border:1px solid var(--accent);border-radius:var(--r-sm);background:var(--accent);color:var(--accent-on);font-size:.84rem;font-weight:700;font-family:inherit;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:opacity var(--t-fast)}.app-lock-button-simple:hover:not(:disabled){opacity:.9}.app-lock-button-simple:disabled{opacity:.55;cursor:not-allowed}.app-lock-error-simple{margin-top:14px;border:1px solid var(--error-border);border-radius:var(--r-sm);background:var(--error-bg);color:var(--error);font-size:.8rem;line-height:1.4;padding:10px 12px}.app-lock-note-simple{margin:14px 0 0;font-size:.75rem;color:var(--ink-muted)}.app-lock-spinner-simple{width:14px;height:14px;border:2px solid color-mix(in srgb,var(--accent-on) 35%,transparent);border-top-color:var(--accent-on);border-radius:50%;animation:spin .8s linear infinite}.login-label{display:block;font-size:.75rem;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.login-select{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:var(--surface-solid);border:1px solid var(--panel-border-solid);border-radius:var(--r-sm);color:var(--ink);font-size:.88rem;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color var(--t-normal),box-shadow var(--t-normal);outline:none}.login-select:hover:not(:disabled){border-color:var(--panel-border-solid)}.login-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-surface)}.login-select.open{border-color:var(--accent);border-radius:var(--r-sm) var(--r-sm) 0 0}.login-select:disabled{opacity:.5;cursor:not-allowed}.login-select-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-select-chevron{color:var(--ink-muted);flex-shrink:0;transition:transform var(--t-normal)}.login-select-chevron.rotated{transform:rotate(180deg);color:var(--accent)}.login-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--surface-solid);border:1px solid var(--panel-border-solid);border-top:none;border-radius:0 0 var(--r-sm) var(--r-sm);z-index:10;box-shadow:var(--shadow-md);animation:fade-in-down .12s var(--ease)}.login-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:transparent;border:none;color:var(--ink);font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background var(--t-fast);text-align:left}.login-dropdown-item:hover{background:var(--accent-surface)}.login-dropdown-item.selected{background:var(--accent-surface-strong);color:var(--accent)}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;background:linear-gradient(135deg,var(--accent),var(--accent-press));border:none;border-radius:var(--r-sm);color:var(--accent-on);font-size:.92rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform var(--t-normal),box-shadow var(--t-normal),opacity var(--t-normal);box-shadow:0 4px 16px var(--accent-glow)}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px color-mix(in srgb,var(--accent) 42%,transparent)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:focus{outline:none;box-shadow:0 0 0 3px var(--accent-glow),0 4px 16px var(--accent-glow)}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-button.loading{cursor:wait}.login-saved-accounts{margin-top:14px;border-top:1px solid var(--panel-border);padding-top:12px}.login-saved-accounts-header{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:9px}.login-saved-accounts-list{display:flex;flex-direction:column;gap:8px}.login-saved-account-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--r-sm);border:1px solid var(--panel-border);background:var(--card)}.login-saved-account-main{display:flex;align-items:center;gap:8px;min-width:0}.login-saved-account-avatar{width:24px;height:24px;border-radius:6px;object-fit:cover;flex-shrink:0}.login-saved-account-avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--chip);color:var(--ink-soft)}.login-saved-account-meta{min-width:0;display:flex;flex-direction:column;line-height:1.15}.login-saved-account-meta strong{font-size:.79rem;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-saved-account-meta span{font-size:.69rem;color:var(--ink-muted)}.login-account-state{font-size:.64rem;font-weight:700;border-radius:var(--r-full);padding:3px 7px;letter-spacing:.02em;white-space:nowrap}.login-account-state--playing{color:var(--accent);background:var(--accent-surface);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--panel-border))}.login-account-state--queue{color:var(--warning);background:color-mix(in srgb,var(--warning) 16%,transparent);border:1px solid color-mix(in srgb,var(--warning) 38%,var(--panel-border))}.login-saved-account-actions{display:flex;align-items:center;gap:6px}.login-account-action{width:26px;height:26px;border-radius:var(--r-sm);border:1px solid var(--panel-border);background:transparent;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast)}.login-account-action:hover:not(:disabled){border-color:var(--accent);background:var(--accent-surface);color:var(--accent)}.login-account-action--remove:hover:not(:disabled){border-color:var(--error-border);background:var(--error-bg);color:var(--error)}.login-account-action:disabled{opacity:.4;cursor:not-allowed}.login-spinner{width:16px;height:16px;border:2px solid color-mix(in srgb,var(--accent-on) 36%,transparent);border-top-color:var(--accent-on);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.login-footer{font-size:.75rem;color:var(--ink-muted);margin:0}.home-page{display:flex;flex-direction:column;height:100%;max-width:1600px;margin:0 auto;gap:16px;overflow:hidden}.home-toolbar{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:10px 12px;border:1px solid var(--panel-border);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-sm)}.home-tabs{display:flex;gap:2px;background:var(--card);border:1px solid var(--panel-border);border-radius:var(--r-sm);padding:3px}.home-tab{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--ink-muted);font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:color var(--t-fast),background var(--t-fast);outline:none;white-space:nowrap}.home-tab:hover:not(:disabled){color:var(--ink-soft);background:var(--chip)}.home-tab.active{color:var(--accent-on);background:var(--accent)}.home-tab:disabled{opacity:.5;cursor:not-allowed}.home-search{flex:1;position:relative;max-width:340px}.home-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink-muted);pointer-events:none}.home-search-input{width:100%;padding:7px 12px 7px 34px;border-radius:var(--r-sm);border:1px solid var(--panel-border);background:var(--card);color:var(--ink);font-size:.82rem;font-family:inherit;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.home-search-input::placeholder{color:var(--ink-muted)}.home-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-surface)}.home-count{font-size:.78rem;color:var(--ink-muted);font-weight:500;white-space:nowrap;margin-left:auto}.home-grid-area{flex:1;overflow-y:auto;min-height:0;padding-right:2px}.home-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:260px;gap:12px;color:var(--ink-soft);text-align:center}.home-empty-state h3{font-size:1.05rem;color:var(--ink);margin:0}.home-empty-state p{font-size:.82rem;margin:0}.home-empty-icon{color:var(--panel-border-solid);opacity:.5}.home-spinner{animation:spin 1s linear infinite;color:var(--accent)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding-bottom:16px}@media (min-width: 1600px){.game-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1280px) and (max-width: 1599px){.game-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1024px) and (max-width: 1279px){.game-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.game-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.game-grid{grid-template-columns:repeat(2,1fr)}}.game-card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--panel-border);border-radius:var(--r-md);overflow:hidden;cursor:pointer;transition:transform var(--t-normal),border-color var(--t-normal);contain:layout style;transform:translateZ(0);backface-visibility:hidden}.game-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity var(--t-normal);background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent) 0%,transparent 70%)}.game-card:hover{transform:translateY(-2px) scale(1.01);border-color:var(--panel-border-solid)}.game-card:hover:after{opacity:1}.game-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.game-card-image-wrapper{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-c);backface-visibility:hidden}.game-card-image{width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px;object-fit:cover;transition:transform var(--t-normal)}.game-card:hover .game-card-image{transform:scale(1.03)}.game-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-c),var(--panel));color:var(--ink-muted)}.game-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--t-normal)}.game-card:hover .game-card-overlay{opacity:1}.game-card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 20%,color-mix(in srgb,var(--bg-a) 78%,transparent) 100%)}.game-card-play-button{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:var(--accent);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--t-fast),background var(--t-fast);box-shadow:0 4px 16px var(--accent-glow);color:var(--accent-on)}.game-card-play-button:hover{transform:scale(1.1);background:var(--accent-press)}.game-card-info{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.game-card-title{margin:0;font-size:.8rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.game-card-platform{margin:0;font-size:.72rem;font-weight:500;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.game-card-stores{display:flex;gap:3px;flex-wrap:wrap}.game-card-store-chip{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--chip);border:none;padding:0;border-radius:4px;color:var(--ink-muted);transition:color var(--t-fast),background var(--t-fast)}button.game-card-store-chip{cursor:pointer}.game-card-store-chip:hover{color:var(--ink-soft);background:var(--panel-border-solid)}.game-card-store-chip.active{color:var(--accent-on);background:var(--accent)}button.game-card-store-chip.active:hover{background:var(--accent-press)}.game-card-store-chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.store-svg{display:block;flex-shrink:0}.library-page{display:flex;flex-direction:column;height:100%;max-width:1600px;margin:0 auto;gap:16px;overflow:hidden}.library-toolbar{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:10px 12px;border:1px solid var(--panel-border);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-sm)}.library-title{display:flex;align-items:center;gap:8px}.library-title-icon{color:var(--accent);flex-shrink:0}.library-title h1{font-size:1.1rem;font-weight:700;margin:0;white-space:nowrap}.library-search{flex:1;position:relative;max-width:340px}.library-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink-muted);pointer-events:none}.library-search-input{width:100%;padding:7px 12px 7px 34px;border-radius:var(--r-sm);border:1px solid var(--panel-border);background:var(--card);color:var(--ink);font-size:.82rem;font-family:inherit;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.library-search-input::placeholder{color:var(--ink-muted)}.library-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-surface)}.library-count{font-size:.78rem;color:var(--ink-muted);font-weight:500;white-space:nowrap;margin-left:auto}.library-grid-area{flex:1;overflow-y:auto;min-height:0;padding-right:2px}.library-game-wrapper{display:flex;flex-direction:column;gap:4px}.library-last-played{display:flex;align-items:center;gap:5px;padding:0 4px;font-size:.7rem;color:var(--ink-muted)}.library-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:260px;gap:12px;color:var(--ink-soft);text-align:center}.library-empty-state h3{font-size:1.05rem;color:var(--ink);margin:0}.library-empty-state p{font-size:.82rem;margin:0;max-width:340px}.library-empty-icon{color:var(--panel-border-solid);opacity:.5}.library-spinner{animation:spin 1s linear infinite;color:var(--accent)}.controller-selected-overlay{position:absolute;inset:auto 12px 12px 12px;height:96px;border-radius:10px;background:linear-gradient(180deg,#0000,#00000073);pointer-events:none;mix-blend-mode:multiply}.settings-page{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.settings-header{display:flex;align-items:center;gap:12px;color:var(--ink)}.settings-header svg{width:24px;height:24px}.settings-header h1{font-size:1.35rem;font-weight:700;margin:0;flex:1}.settings-saved{display:flex;align-items:center;gap:5px;padding:6px 14px;background:var(--accent-surface);border-radius:var(--r-full);font-size:.84rem;font-weight:600;color:var(--accent);opacity:0;transform:translateY(-3px);transition:opacity var(--t-normal),transform var(--t-normal);pointer-events:none}.settings-saved.visible{opacity:1;transform:translateY(0)}.settings-sections{display:flex;flex-direction:column;gap:14px}.settings-section{background:var(--card);border:1px solid var(--panel-border);border-radius:var(--r-md);padding:18px 20px;transition:border-color var(--t-normal)}.settings-section:hover{border-color:#ffffff14}.settings-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--panel-border);color:var(--accent)}.settings-section-header svg{width:20px;height:20px}.settings-section-header h2{font-size:1rem;font-weight:600;color:var(--ink);margin:0}.settings-rows{display:flex;flex-direction:column;gap:14px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.settings-row--column{flex-direction:column;align-items:stretch}.settings-row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.settings-row-top--compact{margin-bottom:4px}.settings-shortcut-actions{display:flex;align-items:center;gap:8px}.settings-shortcut-reset-btn{padding:5px 10px;border:1px solid var(--panel-border-solid);border-radius:6px;background:var(--bg-a);color:var(--ink-soft);font-size:.74rem;font-weight:600;font-family:inherit;cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.settings-shortcut-reset-btn:hover:not(:disabled){color:var(--accent);border-color:#60a5fa59;background:var(--accent-surface)}.settings-shortcut-reset-btn:disabled{opacity:.5;cursor:default}.settings-label{font-size:.92rem;color:var(--ink-soft);font-weight:500;flex-shrink:0;cursor:default}.settings-label--wrap{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.settings-label-title{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.settings-inline-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:2px 8px;border-radius:999px;border:1px solid transparent;font-size:.64rem;font-weight:800;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.settings-inline-badge--beta{color:var(--accent);background:var(--accent-surface);border-color:#60a5fa3d}.settings-hint{display:block;margin-top:2px;font-size:.78rem;color:var(--ink-muted);font-weight:500}.settings-controller-subsettings{display:flex;flex-direction:column;gap:14px;padding-left:18px;margin-left:4px;border-left:1px solid var(--panel-border)}.settings-controller-subsettings .settings-row{gap:12px}.settings-text-input{padding:7px 12px;background:var(--bg-a);border:1px solid var(--panel-border-solid);border-radius:6px;color:var(--ink);font-size:.82rem;font-family:inherit;outline:none;min-width:120px;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.settings-text-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-surface)}.settings-text-input.error{border-color:var(--error);box-shadow:0 0 0 2px var(--error-bg)}.settings-text-input--narrow{min-width:70px;max-width:90px}.settings-input-group{display:flex;align-items:center;gap:8px}.settings-input-hint{font-size:.82rem;color:var(--error);font-weight:500}.settings-subtle-hint{font-size:.8rem;color:var(--ink-muted);font-weight:500}.settings-shortcut-hint{font-size:.72rem;color:var(--ink-muted)}.settings-shortcut-grid{display:grid;gap:8px}.settings-shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-shortcut-label{font-size:.77rem;color:var(--ink-soft)}.settings-shortcut-input{min-width:185px;text-align:right}.settings-shortcut-input--static{background:var(--bg-e);color:var(--ink);border-color:var(--panel-border);cursor:default}.settings-shortcut-input--static:focus{border-color:var(--panel-border);box-shadow:none}.settings-chip-row{display:flex;flex-wrap:wrap;gap:4px}.settings-chip{display:flex;align-items:center;gap:4px;padding:7px 12px;border-radius:6px;border:1px solid var(--panel-border);background:var(--chip);color:var(--ink-muted);font-size:.84rem;font-weight:600;font-family:inherit;cursor:pointer;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast);outline:none;white-space:nowrap}.settings-chip:hover{background:var(--panel-border-solid);color:var(--ink-soft);border-color:var(--panel-border-solid)}.settings-chip.active{background:var(--accent-surface-strong);color:var(--accent);border-color:#60a5fa40}.settings-chip-tier{font-size:.62rem;font-weight:800;padding:2px 4px;border-radius:3px;line-height:1;text-transform:uppercase;letter-spacing:.04em}.settings-chip-tier.free{color:var(--ink-muted);background:#ffffff0d}.settings-chip-tier.priority{color:#cdaf95;background:#cdaf951a}.settings-chip-tier.ultimate{color:gold;background:#ffd7001a}.settings-chip.active .settings-chip-tier{opacity:.8}.settings-preset-groups{display:flex;flex-direction:column;gap:10px}.settings-preset-group{display:flex;flex-direction:column;gap:5px}.settings-preset-group-label{font-size:.74rem;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}.settings-loading-icon{display:inline-block;margin-left:6px;vertical-align:middle;color:var(--ink-muted);animation:spin 1s linear infinite}.settings-value-badge{padding:4px 12px;background:var(--chip);border-radius:5px;font-size:.86rem;font-weight:700;color:var(--accent);white-space:nowrap}.settings-slider{width:100%;height:6px;background:var(--chip);border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform var(--t-fast)}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-toggle{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--chip);border-radius:10px;transition:background var(--t-normal)}.settings-toggle-track:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform var(--t-normal)}.settings-toggle input:checked+.settings-toggle-track{background:var(--accent)}.settings-toggle input:checked+.settings-toggle-track:before{transform:translate(20px)}.settings-placeholder{padding:14px;text-align:center;font-size:.92rem;color:var(--ink-muted);font-style:italic}.settings-dropdown{position:relative;width:100%}.settings-dropdown-selected{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;background:var(--bg-a);border:1px solid var(--panel-border-solid);border-radius:var(--r-sm);color:var(--ink);font-size:.92rem;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color var(--t-fast),box-shadow var(--t-fast),opacity var(--t-fast);outline:none}.settings-dropdown-selected:hover{border-color:#444}.settings-dropdown-selected.open{border-color:var(--accent);border-radius:var(--r-sm) var(--r-sm) 0 0}.settings-dropdown-selected:disabled{opacity:.55;cursor:not-allowed}.settings-dropdown-selected-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-dropdown-chevron{color:var(--ink-muted);transition:transform var(--t-fast),color var(--t-fast);flex-shrink:0}.settings-dropdown-chevron.flipped{transform:rotate(180deg);color:var(--accent)}.settings-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-a);border:1px solid var(--accent);border-top:none;border-radius:0 0 var(--r-sm) var(--r-sm);z-index:22;box-shadow:0 12px 36px #00000080;max-height:220px;overflow-y:auto;animation:fade-in-down .12s var(--ease)}.settings-dropdown-menu--tall{max-height:260px}.settings-dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;border:none;color:var(--ink);font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:background var(--t-fast),color var(--t-fast)}.settings-dropdown-item:hover{background:var(--accent-surface)}.settings-dropdown-item.active{background:var(--accent-surface-strong);color:var(--accent)}.settings-dropdown-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-dropdown-check{color:var(--accent);flex-shrink:0}.settings-mic-device-wrap{display:flex;flex-direction:column;gap:6px;width:100%}.region-selector{position:relative}.region-selected{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:var(--bg-a);border:1px solid var(--panel-border-solid);border-radius:var(--r-sm);color:var(--ink);font-size:.92rem;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color var(--t-fast),box-shadow var(--t-fast);outline:none}.region-selected:hover{border-color:#444}.region-selected.open{border-color:var(--accent);border-radius:var(--r-sm) var(--r-sm) 0 0}.region-selected-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.region-chevron{color:var(--ink-muted);transition:transform var(--t-fast);flex-shrink:0}.region-chevron.flipped{transform:rotate(180deg);color:var(--accent)}.region-selected-ping{font-size:.8rem;font-weight:600;font-family:monospace;padding:2px 6px;border-radius:4px;margin-left:auto;margin-right:8px;color:var(--ink-muted)}.region-selected-ping.good{color:#22c55e;background:#22c55e26}.region-selected-ping.medium{color:#eab308;background:#eab30826}.region-selected-ping.poor{color:#ef4444;background:#ef444426}.region-selected-ping-unavailable{font-size:.8rem;color:var(--ink-muted);margin-left:auto;margin-right:8px;font-style:italic}.region-selected-best-info{font-size:.85rem;color:var(--ink-muted);margin-left:auto;margin-right:8px;display:flex;align-items:center;gap:6px}.region-selected-ping-inline{font-weight:600;font-family:monospace}.region-selected-ping-inline.good{color:#22c55e}.region-selected-ping-inline.medium{color:#eab308}.region-selected-ping-inline.poor{color:#ef4444}.region-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-a);border:1px solid var(--accent);border-top:none;border-radius:0 0 var(--r-sm) var(--r-sm);z-index:20;box-shadow:0 12px 36px #00000080;animation:fade-in-down .12s var(--ease)}.region-dropdown-search{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--panel-border);position:relative}.region-dropdown-search-icon{color:var(--ink-muted);flex-shrink:0}.region-dropdown-search-input{flex:1;padding:5px 0;background:transparent;border:none;color:var(--ink);font-size:.9rem;font-family:inherit;outline:none}.region-dropdown-search-input::placeholder{color:var(--ink-muted)}.region-dropdown-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:none;background:var(--chip);color:var(--ink-muted);cursor:pointer;transition:color var(--t-fast),background var(--t-fast)}.region-dropdown-clear:hover{background:var(--panel-border-solid);color:var(--ink)}.region-dropdown-list{max-height:200px;overflow-y:auto}.region-dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;border:none;color:var(--ink);font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:background var(--t-fast)}.region-dropdown-item:hover{background:var(--accent-surface)}.region-dropdown-item.active{background:var(--accent-surface-strong);color:var(--accent)}.region-dropdown-item .region-name-with-badge{flex:1}.region-check{color:var(--accent);flex-shrink:0}.region-dropdown-empty{padding:14px;text-align:center;font-size:.9rem;color:var(--ink-muted)}.region-dropdown-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--panel-border)}.region-dropdown-header .region-dropdown-search{flex:1;padding:0;border-bottom:none}.region-ping-refresh{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--panel-border);background:var(--chip);color:var(--ink-muted);cursor:pointer;transition:all var(--t-fast);flex-shrink:0}.region-ping-refresh:hover:not(:disabled){background:var(--accent-surface);color:var(--accent);border-color:var(--accent)}.region-ping-refresh:disabled{opacity:.5;cursor:not-allowed}.region-ping-refresh .spin{animation:spin 1s linear infinite}.region-ping{display:flex;align-items:center;justify-content:flex-end;min-width:50px;font-size:.85rem;font-weight:600;font-family:monospace;margin-right:8px}.region-ping-value{padding:2px 6px;border-radius:4px;font-size:.8rem}.region-ping-value.good{color:#22c55e;background:#22c55e26}.region-ping-value.medium{color:#eab308;background:#eab30826}.region-ping-value.poor{color:#ef4444;background:#ef444426}.region-ping-loading{color:var(--ink-muted);font-style:italic}.region-ping-unavailable{color:var(--ink-muted)}.region-ping-error{color:#ef4444;font-size:.75rem;font-weight:500}.region-name-with-badge{flex:1;display:flex;align-items:center;gap:6px;overflow:hidden}.region-name-with-badge span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.region-best-badge{display:inline-flex;align-items:center;padding:1px 5px;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:3px;flex-shrink:0;white-space:nowrap}.region-auto-best-info{display:flex;flex-direction:column;flex:1;gap:2px}.region-auto-best-info span:first-child{font-weight:600}.region-auto-best-details{font-size:.75rem;color:var(--ink-muted);font-weight:400}.region-dropdown-item.active .region-auto-best-details{color:var(--accent);opacity:.8}.settings-footer{display:flex;justify-content:flex-end}.settings-save-btn{display:flex;align-items:center;gap:7px;padding:11px 20px;background:linear-gradient(135deg,var(--accent),var(--accent-press));border:none;border-radius:var(--r-sm);color:var(--accent-on);font-size:.92rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform var(--t-normal),box-shadow var(--t-normal);box-shadow:0 4px 16px var(--accent-glow)}.settings-save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow)}.settings-save-btn:active{transform:translateY(0)}.settings-export-logs-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-c);border:1px solid var(--panel-border-solid);border-radius:var(--r-sm);color:var(--ink-soft);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast),transform var(--t-fast);white-space:nowrap}.settings-export-logs-btn:hover{color:var(--ink);background:var(--card-hover);border-color:#ffffff1f;transform:translateY(-1px)}.settings-export-logs-btn:active{transform:translateY(0)}.settings-delete-cache-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-c);border:1px solid rgba(248,113,113,.3);border-radius:var(--r-sm);color:#f87171cc;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast),transform var(--t-fast);white-space:nowrap}.settings-delete-cache-btn:hover{color:#f87171;background:#f8717114;border-color:#f8717180;transform:translateY(-1px)}.settings-delete-cache-btn:active{transform:translateY(0)}.codec-test-btn{display:flex;align-items:center;gap:8px;padding:9px 18px;background:var(--bg-c);border:1px solid var(--panel-border-solid);border-radius:6px;color:var(--ink-soft);font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast);white-space:nowrap;flex-shrink:0}.codec-test-btn:hover{background:var(--panel-border-solid);color:var(--ink);border-color:var(--accent)}.codec-test-btn:disabled{opacity:.6;cursor:not-allowed}.codec-test-description{font-size:.9rem;line-height:1.4;color:var(--ink-soft);flex:1 1 320px;min-width:0;flex-shrink:1;white-space:normal}.codec-test-row{align-items:flex-start;flex-wrap:wrap}.codec-test-row .codec-test-btn{margin-left:auto}@media (max-width: 820px){.codec-test-row .codec-test-btn{margin-left:0;width:100%;justify-content:center}}.codec-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.codec-result-card{background:var(--bg-a);border:1px solid var(--panel-border);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;transition:border-color var(--t-fast)}.codec-result-card:hover{border-color:#ffffff1a}.codec-result-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.codec-result-name{font-size:1.1rem;font-weight:700;color:var(--ink);letter-spacing:.02em}.codec-result-badge{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:5px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.codec-result-badge.supported{color:var(--success);background:#4ade801a;border:1px solid rgba(74,222,128,.2)}.codec-result-badge.unsupported{color:var(--ink-muted);background:#ffffff0a;border:1px solid var(--panel-border)}.codec-result-rows{display:flex;flex-direction:column;gap:8px}.codec-result-row{display:flex;align-items:center;gap:10px;font-size:.88rem}.codec-result-direction{color:var(--ink-muted);font-weight:600;min-width:54px;text-transform:uppercase;font-size:.78rem;letter-spacing:.04em}.codec-result-status{font-weight:700;font-size:.82rem;padding:2px 8px;border-radius:5px;min-width:38px;text-align:center}.codec-result-status.hw{color:var(--accent);background:var(--accent-surface)}.codec-result-status.sw{color:var(--warning);background:#fbbf241a}.codec-result-status.none{color:var(--error);background:var(--error-bg)}.codec-result-via{color:var(--ink-muted);font-size:.84rem;flex:1}.codec-result-profiles{border-top:1px solid var(--panel-border);padding-top:10px;display:flex;flex-direction:column;gap:6px}.codec-result-profiles-label{font-size:.72rem;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em}.codec-result-profiles-list{display:flex;flex-wrap:wrap;gap:5px}.codec-result-profile{font-size:.74rem;padding:2px 7px;border-radius:4px;background:#ffffff0a;color:var(--ink-muted);font-family:SF Mono,Fira Code,Cascadia Code,monospace;word-break:break-all}.sv{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:1000;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:opacity .3s ease}.sv--switching{opacity:0;pointer-events:none}.sv-video{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:1;outline:none}.sv-video:focus,.sv-video:focus-visible{outline:none;box-shadow:none}.sv-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.sv-empty-grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a0a0c,#19191e,#0a0a0c)}.switching-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;pointer-events:auto;transition:opacity .2s ease}.switching-card{text-align:center;max-width:680px;padding:28px 36px;border-radius:10px}.switching-spinner{margin:0 auto 12px;color:var(--ink-muted, rgba(255,255,255,.8))}.switching-title{font-size:18px;font-weight:600;margin:6px 0 4px}.switching-sub{margin:0;color:#ffffffb8}.sv-connect{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10}.sv-connect-inner{display:flex;flex-direction:column;align-items:center;gap:14px;animation:fade-in .3s var(--ease)}.sv-connect-spin{color:var(--accent);animation:spin 1s linear infinite}.sv-connect-title{font-size:1.05rem;font-weight:600;color:var(--ink);margin:0}.sv-connect-platform{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;max-width:min(84vw,360px);border-radius:999px;background:#18181cdb;border:1px solid var(--panel-border-solid);color:var(--ink-soft);font-size:.76rem;font-weight:600}.sv-connect-platform>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-connect-platform-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--accent)}.sv-connect-sub{font-size:.82rem;color:var(--ink-soft);margin:0}.sv-session-clock{position:fixed;top:14px;left:50%;transform:translate(-50%,-8px);z-index:1001;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--r-md);border:1px solid var(--panel-border);background:#0a0a0ce6;color:var(--ink);font-size:.74rem;font-weight:700;letter-spacing:.01em;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .42s var(--ease),transform .42s var(--ease);pointer-events:none}.sv-session-clock.is-visible{opacity:1;transform:translate(-50%)}.sv-session-clock svg{color:var(--accent)}.sv-time-warning{position:fixed;top:54px;left:50%;transform:translate(-50%);z-index:1002;display:inline-flex;align-items:center;gap:7px;max-width:min(86vw,540px);padding:8px 12px;border-radius:var(--r-md);border:1px solid var(--panel-border);background:#0a0a0ced;color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.01em;animation:fade-in .14s var(--ease);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sv-time-warning--warn{border-color:color-mix(in srgb,var(--warning) 55%,var(--panel-border));color:#f8e5b0}.sv-time-warning--warn svg{color:var(--warning)}.sv-time-warning--critical{border-color:color-mix(in srgb,var(--error) 65%,var(--panel-border));color:#ffd0d0}.sv-time-warning--critical svg{color:var(--error)}.sv-stats{position:fixed;top:14px;right:14px;z-index:1001;display:flex;flex-direction:column;gap:5px;padding:8px 10px;background:#0a0a0ce6;border:1px solid var(--panel-border);border-radius:var(--r-md);font-size:.7rem;min-width:240px;max-width:320px;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sv-stats-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;color:var(--ink);font-size:.75rem;line-height:1.1}.sv-stats-primary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-stats-wait{color:var(--ink-muted);font-style:italic;font-weight:500}.sv-stats-live{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:1px 7px;border-radius:999px;font-size:.62rem;letter-spacing:.03em;border:1px solid var(--panel-border);color:var(--ink-soft);background:#ffffff08}.sv-stats-live.is-live{color:var(--success);border-color:color-mix(in srgb,var(--success) 45%,var(--panel-border));background:color-mix(in srgb,var(--success) 12%,transparent)}.sv-stats-live.is-pending{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 40%,var(--panel-border));background:color-mix(in srgb,var(--warning) 10%,transparent)}.sv-stats-sub{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:1px}.sv-stats-sub-left{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft)}.sv-stats-sub-right{color:var(--ink);font-weight:600}.sv-stats-hdr{padding:1px 5px;background:var(--accent-surface);border-radius:3px;font-size:.6rem;font-weight:700;color:var(--accent);text-transform:uppercase}.sv-stats-metrics{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sv-stats-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 5px;background:#ffffff08;border:1px solid var(--panel-border);border-radius:4px;font-size:.64rem;color:var(--ink-muted)}.sv-stats-chip-val{font-weight:700;color:var(--ink-soft)}.sv-stats-foot{font-size:.64rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-ctrl{position:fixed;top:14px;left:14px;display:flex;align-items:center;gap:6px;padding:7px 11px;background:#0a0a0ceb;border:1px solid var(--panel-border);border-radius:var(--r-md);z-index:1001;color:var(--accent)}.sv-ctrl-n{font-size:.75rem;font-weight:700;color:var(--ink)}.sv-afk{position:fixed;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;background:#0a0a0ceb;border:1px solid var(--panel-border);border-radius:var(--r-md);z-index:1001;color:var(--success)}.sv-afk--stacked{top:56px}.sv-afk-dot{width:8px;height:8px;border-radius:999px;background:var(--success);box-shadow:0 0 8px #60a5facc}.sv-afk-label{font-size:.72rem;font-weight:700;color:var(--ink);letter-spacing:.03em}.sv-rec{position:fixed;left:14px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;background:#0a0a0ceb;border:1px solid var(--panel-border);border-radius:var(--r-md);z-index:1001}.sv-rec-dot{width:8px;height:8px;border-radius:999px;background:var(--error);animation:rec-pulse 1.2s ease-in-out infinite}.sv-rec-label{font-size:.72rem;font-weight:700;color:var(--error);letter-spacing:.06em}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.sv-mic{position:fixed;top:14px;left:14px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#0a0a0ceb;border:1px solid var(--panel-border);border-radius:var(--r-md);z-index:1001;color:var(--error);cursor:pointer;transition:all .15s ease}.sv-mic:hover{background:#141418f2;border-color:#ffffff1f}.sv-mic:active{transform:scale(.96)}.sv-mic svg{color:var(--error);transition:color .15s ease}.sv-mic[data-enabled=true] svg{color:var(--accent)}.sv-mic[data-enabled=true]{border-color:#60a5fa4d;box-shadow:0 0 12px #60a5fa26}.sv-mic--stacked{top:56px}.sv-ctrl+.sv-afk+.sv-mic,.sv-afk+.sv-mic:not(.sv-mic--stacked){top:98px}.sv-ctrl+.sv-mic:not(.sv-mic--stacked){top:56px}.sv-ctrl+.sv-afk--stacked+.sv-mic{top:98px}.sv-esc-hold-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;pointer-events:none;background:#08090a3d;-webkit-backdrop-filter:blur(7px) saturate(110%);backdrop-filter:blur(7px) saturate(110%);animation:fade-in .14s var(--ease)}.sv-esc-hold{position:fixed;top:20%;left:50%;transform:translate(-50%);z-index:1201;width:min(520px,calc(100vw - 40px));padding:16px 18px;background:#0a0a0ceb;border:1px solid var(--panel-border);border-radius:calc(var(--r-md) + 2px);box-shadow:0 18px 60px #00000073;animation:fade-in .18s var(--ease),float-a 8s ease-in-out infinite}.sv-esc-hold-title{font-size:1.02rem;font-weight:800;letter-spacing:.01em;color:var(--ink)}.sv-esc-hold-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:.82rem;color:var(--ink-soft);font-weight:700}.sv-esc-hold-track{margin-top:10px;height:10px;border-radius:999px;overflow:hidden;background:#ffffff1f;border:1px solid rgba(255,255,255,.08)}.sv-esc-hold-fill{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);transition:transform 50ms linear;background:linear-gradient(90deg,#e6b64c,#f07b3f 55%,#f05050)}.sv-exit{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:24px}.sv-exit-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:radial-gradient(circle at 20% 20%,rgba(96,165,250,.08),transparent 42%),radial-gradient(circle at 82% 78%,rgba(239,68,68,.12),transparent 45%),#05060794;-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);cursor:pointer}.sv-exit-card{position:relative;z-index:1;width:min(520px,calc(100vw - 40px));border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0e1012d9;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);box-shadow:0 24px 64px #0000008c,0 0 0 1px #60a5fa29 inset;padding:20px 20px 16px;animation:fade-in .17s var(--ease)}.sv-exit-kicker{display:inline-flex;align-items:center;gap:6px;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.sv-exit-title{margin:6px 0 0;font-size:1.34rem;font-weight:800;color:var(--ink);letter-spacing:.01em}.sv-exit-text{margin:11px 0 0;font-size:.96rem;color:var(--ink-soft);line-height:1.45}.sv-exit-text strong{color:var(--ink)}.sv-exit-subtext{margin:6px 0 0;font-size:.82rem;color:var(--ink-muted)}.sv-exit-actions{margin-top:15px;display:flex;gap:10px}.sv-exit-btn{flex:1;border-radius:10px;padding:10px 12px;border:1px solid var(--panel-border);background:#ffffff08;color:var(--ink);font-size:.83rem;font-weight:700;font-family:inherit;letter-spacing:.01em;cursor:pointer;transition:transform var(--t-fast),border-color var(--t-fast),background var(--t-fast),color var(--t-fast)}.sv-exit-btn:hover{transform:translateY(-1px)}.sv-exit-btn:active{transform:translateY(0)}.sv-exit-btn-cancel:hover{border-color:var(--panel-border-solid);background:#ffffff12}.sv-exit-btn-confirm{background:linear-gradient(140deg,#ef444442,#ef444461);border-color:#ef444480;color:#ffeaea}.sv-exit-btn-confirm:hover{border-color:#ef4444b3;background:linear-gradient(140deg,#ef444459,#ef444485)}.sv-exit-hint{margin-top:12px;font-size:.73rem;color:var(--ink-muted)}.sv-exit-hint kbd{display:inline-block;margin:0 2px;padding:2px 6px;border-radius:5px;border:1px solid var(--panel-border-solid);background:#ffffff0a;color:var(--ink-soft);font-size:.69rem}.sv-fs{position:fixed;bottom:18px;right:18px;z-index:1001;width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--panel-border);background:#0a0a0ce6;color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--t-fast),background var(--t-fast),border-color var(--t-fast),color var(--t-fast);opacity:.5}.sv-fs:hover{opacity:1;background:#0a0a0cf2;border-color:var(--accent);color:var(--accent)}.sv-end{position:fixed;bottom:18px;right:64px;z-index:1001;width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--panel-border);background:#0a0a0ce6;color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--t-fast),background var(--t-fast),border-color var(--t-fast),color var(--t-fast);opacity:.5}.sv-end:hover{opacity:1;background:#b41e1ee6;border-color:var(--error);color:#fff}.sv-hints{position:fixed;bottom:18px;left:18px;z-index:1001;display:flex;flex-direction:column;gap:4px;padding:8px 11px;background:#0a0a0ce6;border:1px solid var(--panel-border);border-radius:var(--r-md);animation:fade-in .3s var(--ease);opacity:.65}.sv-hint{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--ink-muted)}.sv-hint kbd{padding:2px 5px;background:var(--chip);border:1px solid var(--panel-border-solid);border-radius:3px;font-size:.65rem;font-family:inherit;color:var(--ink-soft)}.sv-title-bar{position:fixed;bottom:68px;left:50%;transform:translate(-50%);z-index:1001;display:inline-flex;align-items:center;gap:10px;max-width:min(92vw,720px);padding:7px 14px;background:#0a0a0ce6;border:1px solid var(--panel-border);border-radius:var(--r-sm);font-size:.88rem;font-weight:600;color:var(--ink);white-space:nowrap;animation:fade-in .4s var(--ease)}.sv-title-game{color:var(--ink);overflow:hidden;text-overflow:ellipsis}.sv-title-platform{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:var(--ink-soft);font-size:.76rem;font-weight:600}.sv-title-platform>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-title-platform-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--accent)}@media (max-width: 640px){.sv-session-clock{top:10px;padding:6px 10px;font-size:.7rem}.sv-time-warning{top:46px;max-width:calc(100vw - 24px);padding:7px 10px;font-size:.68rem}.sv-title-bar{max-width:calc(100vw - 24px);gap:8px;padding:6px 10px}.sv-title-game{max-width:52vw;font-size:.8rem}.sv-title-platform{font-size:.7rem}.sv-exit{align-items:flex-end;padding:14px}.sv-exit-card{width:100%;border-radius:14px;padding:16px 16px 14px}.sv-exit-title{font-size:1.12rem}.sv-exit-actions{flex-direction:column}}.sload{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.sload-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-a) 92%,#000 8%),color-mix(in srgb,var(--bg-b) 94%,#000 6%),color-mix(in srgb,var(--bg-c) 94%,#000 6%))}.sload-glow{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(96,165,250,.06) 0%,transparent 70%);pointer-events:none;animation:float-a 16s ease-in-out infinite}.sload.sload--error .sload-glow{background:radial-gradient(circle,rgba(248,113,113,.14) 0%,transparent 72%)}.sload-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:32px;max-width:440px;width:100%;animation:fade-in .35s var(--ease)}.sload-game{display:flex;align-items:center;gap:16px;text-align:left}.sload-cover{width:68px;height:68px;border-radius:var(--r-md);overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-md);position:relative}.sload-cover-img{width:100%;height:100%;object-fit:cover;display:block}.sload-cover-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-c),var(--panel));color:var(--ink-soft)}.sload-cover-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%);pointer-events:none}.sload-game-meta{display:flex;flex-direction:column;gap:3px}.sload-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.sload-title{font-size:1.3rem;font-weight:700;color:var(--ink);line-height:1.25;margin:0;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sload-platform{display:inline-flex;align-items:center;gap:7px;max-width:min(84vw,340px);color:var(--ink-soft);font-size:.74rem;font-weight:600}.sload-platform>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sload-platform-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--accent)}.sload-steps{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.sload-step{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;position:relative}.sload-step-dot{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-c);border:2px solid var(--panel-border-solid);color:var(--ink-muted);transition:background var(--t-slow),border-color var(--t-slow),color var(--t-slow),transform var(--t-slow)}.sload-step.active .sload-step-dot{background:linear-gradient(135deg,var(--accent),var(--accent-press));border-color:var(--accent);color:var(--accent-on);animation:pulse-glow 2s ease-in-out infinite}.sload-step.completed .sload-step-dot{background:#60a5fa1a;border-color:var(--accent);color:var(--accent)}.sload-step.pending .sload-step-dot{opacity:.35}.sload-step.failed .sload-step-dot{background:linear-gradient(135deg,#f8717147,#ef444452);border-color:var(--error);color:color-mix(in srgb,var(--error) 28%,#fff 72%);animation:pulse-glow 2s ease-in-out infinite}.sload-step-name{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);transition:color var(--t-slow)}.sload-step.active .sload-step-name{color:var(--ink)}.sload-step.completed .sload-step-name{color:var(--accent)}.sload-step.failed .sload-step-name{color:var(--error)}.sload-step-line{position:absolute;top:19px;left:calc(50% + 23px);width:calc(100% - 38px);height:2px;background:var(--panel-border-solid);overflow:hidden}.sload-step-line-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-press));transition:width .5s var(--ease)}.sload-step-line.failed .sload-step-line-fill{width:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--error) 74%,#fff 26%),var(--error))}.sload-step.completed .sload-step-line-fill{width:100%}.sload-step.active .sload-step-line-fill{width:50%}.sload-status{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.sload-spin{color:var(--accent);animation:spin 1s linear infinite}.sload-error-icon{color:var(--error)}.sload-status-text{display:flex;flex-direction:column;gap:5px}.sload-message{margin:0;font-size:.95rem;font-weight:500;color:var(--ink)}.sload-queue{margin:0;font-size:.82rem;color:var(--ink-soft)}.sload-queue-num{color:var(--accent);font-weight:700;font-size:1rem}.sload-wait{color:var(--ink-muted)}.sload-status--error .sload-message{color:color-mix(in srgb,var(--error) 74%,var(--ink) 26%)}.sload-error-title{margin:0;font-size:.9rem;font-weight:700;color:color-mix(in srgb,var(--error) 80%,var(--ink) 20%)}.sload-error-desc{margin:0;font-size:.8rem;color:color-mix(in srgb,var(--error) 68%,var(--ink-soft) 32%);max-width:360px;line-height:1.4}.sload-error-code{margin:0;font-size:.72rem;color:color-mix(in srgb,var(--error) 78%,var(--ink-soft) 22%);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;letter-spacing:.01em}.sload.sload--error .sload-queue,.sload.sload--error .sload-queue-num,.sload.sload--error .sload-wait{color:color-mix(in srgb,var(--error) 66%,var(--ink-soft) 34%)}.sload-cancel{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-sm);border:1px solid var(--panel-border-solid);background:var(--bg-c);color:var(--ink-muted);font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:transform var(--t-normal),background var(--t-normal),border-color var(--t-normal),color var(--t-normal)}.sload-cancel:hover{background:var(--card-hover);border-color:var(--ink-muted);color:var(--ink);transform:translateY(-1px)}.sload-cancel:active{transform:translateY(0)}.sovl{position:fixed;top:14px;right:14px;z-index:1001}.sovl-body{display:flex;flex-wrap:wrap;gap:5px;padding:8px;background:#0a0a0cf0;border:1px solid var(--panel-border);border-radius:var(--r-md);max-width:260px}.sovl-pill{display:flex;align-items:center;gap:4px;padding:4px 7px;background:var(--card);border-radius:6px;font-size:.7rem;color:var(--ink-soft)}.sovl-icon{width:13px;height:13px;opacity:.65;flex-shrink:0}.sovl-icon--ok{color:var(--accent);opacity:1}.sovl-val{font-weight:600;color:var(--ink)}.sovl-badge{padding:1px 5px;background:var(--accent-surface);border-radius:3px;font-size:.62rem;font-weight:700;color:var(--accent)}.sovl-badge--hdr{background:#fbbf241a;color:var(--warning)}.sovl-connecting{padding:6px 10px;font-size:.75rem;color:var(--ink-muted)}.sovl-pill--warn{background:#fbbf2414;color:var(--warning)}.sovl-pill--warn .sovl-val{color:var(--warning)}.sovl-region{width:100%;margin-top:3px;padding-top:5px;border-top:1px solid var(--panel-border);font-size:.65rem;color:var(--ink-muted);text-align:center}.sidebar{position:fixed;top:14px;left:14px;z-index:1002;width:min(340px,92vw);padding:14px;background:#0a0a0cf5;border-radius:var(--r-xl);border:1px solid var(--panel-border);box-shadow:0 24px 48px #0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sidebar-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--ink)}.sidebar-close{background:transparent;border:none;color:var(--ink-muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:6px;border-radius:6px;transition:background var(--t-normal),color var(--t-normal)}.sidebar-close:hover{background:var(--card-hover);color:var(--ink)}.sidebar-body{display:flex;flex-direction:column;gap:12px}.sidebar-body>*{min-width:0}.sidebar-stat-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-stat-label{font-size:.82rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.sidebar-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sidebar-tab{border-radius:8px;border:1px solid var(--panel-border);background:var(--card);color:var(--ink-soft);font-size:.78rem;font-weight:600;padding:7px 10px;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast)}.sidebar-tab:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--panel-border));color:var(--ink)}.sidebar-tab--active{border-color:var(--accent);color:var(--accent);background:var(--accent-surface)}.sidebar-separator{height:1px;background:var(--panel-border);width:100%}.sidebar-section{display:flex;flex-direction:column;gap:10px}.sidebar-section-header{display:flex;flex-direction:column;gap:2px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}.sidebar-section-sub{font-size:.74rem;letter-spacing:normal;overflow-wrap:anywhere}.sidebar-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-row--column{flex-direction:column;align-items:stretch}.sidebar-row--aligned{justify-content:space-between}.sidebar-row-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.sidebar-label{font-size:.86rem;font-weight:600;color:var(--ink-muted)}.sidebar-hint{font-size:.72rem;color:var(--ink-muted);overflow-wrap:anywhere}.sidebar-hint--error{color:#fda4af}.sidebar-hint--codec{font-family:monospace;font-size:.67rem;color:var(--ink-muted);word-break:break-all;display:block}.sidebar-shortcut-input{width:100%;min-width:0}.sidebar-button{border-radius:4px;border:1px solid var(--panel-border);background:var(--card);color:var(--ink);font-size:.82rem;font-weight:600;padding:6px 12px;cursor:pointer;transition:transform var(--t-normal),background var(--t-normal)}.sidebar-button:hover{transform:translateY(-1px);background:var(--card-hover)}.sidebar-button:active{transform:translateY(0)}.sidebar-screenshot-button{display:inline-flex;align-items:center;gap:6px}.sidebar-chip-row{display:flex;flex-wrap:wrap;gap:8px}.sidebar-chip{border-radius:999px;border:1px solid var(--panel-border);background:var(--card);color:var(--ink);font-size:.82rem;font-weight:600;padding:6px 12px;cursor:pointer;transition:transform var(--t-normal),background var(--t-normal),border-color var(--t-normal),color var(--t-normal)}.sidebar-chip:hover{transform:translateY(-1px);background:var(--card-hover)}.sidebar-chip--active{border-color:var(--accent);background:#60a5fa1f;color:var(--accent)}.sidebar-gallery-row{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;gap:8px;align-items:center}.sidebar-gallery-arrow{width:24px;height:24px;border-radius:6px;border:1px solid var(--panel-border);background:var(--card);color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.sidebar-gallery-arrow:hover{border-color:var(--accent);color:var(--accent);background:var(--card-hover)}.sidebar-gallery-strip{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-behavior:smooth}.sidebar-gallery-item{width:88px;height:50px;flex:0 0 auto;border-radius:6px;overflow:hidden;border:1px solid var(--panel-border);background:#08090b;padding:0;cursor:pointer;transition:transform var(--t-fast),border-color var(--t-fast)}.sidebar-gallery-item:hover{transform:translateY(-1px);border-color:var(--accent)}.sidebar-gallery-item img{display:block;width:100%;height:100%;object-fit:cover}.sidebar-gallery-item-delete{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;margin-left:auto;background:transparent;border:1px solid transparent;color:var(--ink-dim);cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.sidebar-gallery-item-delete:hover{color:var(--error);border-color:#ff505059;background:#ff505014}.sidebar-rec-strip{display:flex;align-items:flex-start;gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-behavior:smooth}.sidebar-rec-card{flex:0 0 auto;width:110px;display:flex;flex-direction:column;border-radius:6px;border:1px solid var(--panel-border);background:#08090b;overflow:hidden;transition:border-color var(--t-fast)}.sidebar-rec-card:hover{border-color:#ffffff1f}.sidebar-rec-card-thumb{width:110px;height:62px;display:block;object-fit:contain;background:#08090b}.sidebar-rec-card-thumb--placeholder{width:110px;height:62px;display:flex;align-items:center;justify-content:center;color:var(--ink-dim)}.sidebar-rec-card-meta{padding:5px 6px 3px;display:flex;flex-direction:column;gap:2px;flex:1 1 auto}.sidebar-rec-card-title{font-size:.72rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-rec-card-detail{font-size:.65rem;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-rec-card-actions{display:flex;align-items:center;gap:4px;padding:0 6px 5px}.sidebar-rec-card-action{flex:1 1 0;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--panel-border);background:transparent;color:var(--ink-dim);cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.sidebar-rec-card-action:hover{color:var(--ink);border-color:#ffffff26;background:#ffffff0f}.sidebar-rec-card-action--danger:hover{color:var(--error);border-color:#ff505059;background:#ff505014}:root[data-theme=light] .auth-refresh-notice,:root[data-theme=light] .navbar,:root[data-theme=light] .sv-session-clock,:root[data-theme=light] .sv-time-warning,:root[data-theme=light] .sv-stats,:root[data-theme=light] .sv-ctrl,:root[data-theme=light] .sv-afk,:root[data-theme=light] .sv-rec,:root[data-theme=light] .sv-mic,:root[data-theme=light] .sv-fs,:root[data-theme=light] .sv-end,:root[data-theme=light] .sv-hints,:root[data-theme=light] .sv-title-bar,:root[data-theme=light] .sovl-body,:root[data-theme=light] .sidebar,:root[data-theme=light] .sv-exit-card,:root[data-theme=light] .sv-shot-modal-card{background:var(--panel)!important;border-color:var(--panel-border)!important}:root[data-theme=light] .auth-refresh-notice--success{background:color-mix(in srgb,var(--accent) 14%,var(--panel))!important}:root[data-theme=light] .auth-refresh-notice--warn{background:color-mix(in srgb,var(--warning) 14%,var(--panel))!important}:root[data-theme=light] .sidebar-gallery-item,:root[data-theme=light] .sidebar-rec-card,:root[data-theme=light] .sidebar-rec-card-thumb,:root[data-theme=light] .sv-shot-modal-image{background:var(--bg-a)!important;border-color:var(--panel-border)!important}:root[data-theme=light] .sv-mic:hover,:root[data-theme=light] .sv-fs:hover{background:var(--accent-surface)!important}:root[data-theme=light] .sv-end:hover{background:var(--error-bg)!important}@media (prefers-color-scheme: light){:root:not([data-theme]) .auth-refresh-notice,:root:not([data-theme]) .navbar,:root:not([data-theme]) .sv-session-clock,:root:not([data-theme]) .sv-time-warning,:root:not([data-theme]) .sv-stats,:root:not([data-theme]) .sv-ctrl,:root:not([data-theme]) .sv-afk,:root:not([data-theme]) .sv-rec,:root:not([data-theme]) .sv-mic,:root:not([data-theme]) .sv-fs,:root:not([data-theme]) .sv-end,:root:not([data-theme]) .sv-hints,:root:not([data-theme]) .sv-title-bar,:root:not([data-theme]) .sovl-body,:root:not([data-theme]) .sidebar,:root:not([data-theme]) .sv-exit-card,:root:not([data-theme]) .sv-shot-modal-card{background:var(--panel)!important;border-color:var(--panel-border)!important}:root:not([data-theme]) .auth-refresh-notice--success{background:color-mix(in srgb,var(--accent) 14%,var(--panel))!important}:root:not([data-theme]) .auth-refresh-notice--warn{background:color-mix(in srgb,var(--warning) 14%,var(--panel))!important}:root:not([data-theme]) .sidebar-gallery-item,:root:not([data-theme]) .sidebar-rec-card,:root:not([data-theme]) .sidebar-rec-card-thumb,:root:not([data-theme]) .sv-shot-modal-image{background:var(--bg-a)!important;border-color:var(--panel-border)!important}}.sv-sidebar{width:min(360px,92vw)}.sv-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030305a6;z-index:1000;cursor:pointer}.mic-meter-canvas{display:block;width:100%;height:14px;border-radius:3px}.sv-shot-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:18px}.sv-shot-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#050608b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sv-shot-modal-card{position:relative;z-index:1;width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 36px);padding:14px;border-radius:14px;border:1px solid var(--panel-border);background:#0a0a0cf5;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:10px}.sv-shot-modal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sv-shot-modal-head h4{margin:0;font-size:.86rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.sv-shot-modal-close{width:26px;height:26px;border:1px solid var(--panel-border);border-radius:6px;background:var(--card);color:var(--ink-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sv-shot-modal-close:hover{color:var(--ink);border-color:var(--panel-border-solid)}.sv-shot-modal-image{width:100%;max-height:calc(100vh - 180px);object-fit:contain;border-radius:10px;border:1px solid var(--panel-border);background:#050607}.sv-shot-modal-actions{display:flex;justify-content:flex-end;gap:8px}.sv-shot-modal-btn{border:1px solid var(--panel-border);background:var(--card);color:var(--ink);border-radius:8px;padding:7px 10px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.sv-shot-modal-btn:hover{border-color:var(--accent)}.sv-shot-modal-btn--danger:hover{border-color:#f871718c;color:#ffd4d4}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sload-spin{animation-name:spin!important;animation-duration:1s!important;animation-iteration-count:infinite!important}}.xmb-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-a);color:var(--ink);font-family:inherit;overflow:hidden;z-index:2000;display:flex;flex-direction:column}.xmb-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 90% at 50% 50%,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--bg-a) 86%,#000 14%) 72%);opacity:0;pointer-events:none;z-index:0}.xmb-wrapper>*{position:relative}.xmb-wrapper.xmb-entering:after{animation:xmb-enter-flash .64s cubic-bezier(.22,1,.36,1) forwards}.xmb-wrapper.xmb-entering .xmb-bg-layer{animation:xmb-enter-bg .68s cubic-bezier(.2,.9,.25,1) both}.xmb-wrapper.xmb-entering .xmb-top-left,.xmb-wrapper.xmb-entering .xmb-top-right,.xmb-wrapper.xmb-entering .xmb-categories-container,.xmb-wrapper.xmb-entering .xmb-items-container,.xmb-wrapper.xmb-entering .xmb-detail-layer,.xmb-wrapper.xmb-entering .xmb-footer,.xmb-wrapper.xmb-entering .xmb-selection-focus{animation:xmb-enter-content .68s cubic-bezier(.22,1,.36,1) both}.xmb-wrapper.xmb-entering .xmb-top-left,.xmb-wrapper.xmb-entering .xmb-top-right{animation-delay:50ms}.xmb-wrapper.xmb-entering .xmb-categories-container,.xmb-wrapper.xmb-entering .xmb-selection-focus{animation-delay:.1s}.xmb-wrapper.xmb-entering .xmb-items-container,.xmb-wrapper.xmb-entering .xmb-detail-layer{animation-delay:.15s}.xmb-wrapper.xmb-entering .xmb-footer{animation-delay:.22s}.xmb-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(118% 72% at 50% -10%,#bcffdf38,#7cf1b114,#07111e00 56%),linear-gradient(180deg,color-mix(in srgb,var(--bg-a) 82%,var(--accent) 18%),color-mix(in srgb,var(--bg-b) 88%,var(--accent) 12%) 32%,color-mix(in srgb,var(--bg-c) 92%,var(--accent) 8%) 68%,color-mix(in srgb,var(--bg-a) 96%,#000 4%))}.xmb-bg-gradient{position:absolute;top:-16%;right:-16%;bottom:-16%;left:-16%;background:linear-gradient(118deg,transparent 21%,rgba(215,255,232,.08) 28%,rgba(215,255,232,.22) 31%,rgba(112,231,167,.18) 34%,rgba(215,255,232,.06) 38%,transparent 44%),linear-gradient(128deg,transparent 30%,rgba(162,255,206,.06) 37%,rgba(242,255,248,.2) 40%,rgba(112,231,167,.16) 44%,rgba(242,255,248,.05) 48%,transparent 54%),radial-gradient(circle at 52% 48%,rgba(199,255,225,.06),transparent 34%);background-size:140% 140%,155% 155%,100% 100%;background-repeat:no-repeat;mix-blend-mode:screen;opacity:.88;transform-origin:center center;animation:none}.xmb-bg-gradient:before,.xmb-bg-gradient:after{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;background-repeat:no-repeat;pointer-events:none}.xmb-bg-gradient:before{background:radial-gradient(76% 12% at 30% 54%,#f1fff857,#f1fff833 18%,#f1fff800 58%),radial-gradient(84% 14% at 67% 60%,#85f7bb38,#85f7bb1f 16%,#85f7bb00 60%);mix-blend-mode:screen;opacity:.82;transform:rotate(-8deg) scale(1.06);animation:none}.xmb-bg-gradient:after{background:radial-gradient(78% 12% at 58% 40%,#a9ffd433,#a9ffd41c 18%,#a9ffd400 58%),radial-gradient(70% 10% at 41% 70%,#ffffff29,#ffffff14 16%,#fff0 52%);opacity:.52;transform:rotate(6deg) scale(1.12);animation:none}.xmb-wrapper.xmb-animate .xmb-bg-gradient{animation:xmb-ribbon-pan 30s linear infinite}.xmb-wrapper.xmb-animate .xmb-bg-gradient:before{animation:xmb-ribbon-float 26s ease-in-out infinite}.xmb-wrapper.xmb-animate .xmb-bg-gradient:after{animation:xmb-ribbon-swell 22s ease-in-out infinite}@keyframes xmb-enter-bg{0%{opacity:0;transform:scale(1.05);filter:blur(18px) saturate(1.12)}to{opacity:1;transform:scale(1);filter:blur(0) saturate(1)}}@keyframes xmb-enter-content{0%{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes xmb-enter-flash{0%{opacity:0}24%{opacity:.9}to{opacity:0}}.xmb-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-a) 62%,transparent),color-mix(in srgb,var(--bg-a) 22%,transparent) 22%,color-mix(in srgb,var(--bg-a) 14%,transparent) 74%,color-mix(in srgb,var(--bg-a) 72%,#000 28%)),linear-gradient(90deg,color-mix(in srgb,var(--bg-a) 34%,transparent) 0%,transparent 24%,transparent 76%,color-mix(in srgb,var(--bg-a) 46%,transparent) 100%)}.xmb-categories-container{position:absolute;top:25%;left:50%;height:100px;width:max-content;display:flex;align-items:center;padding-left:0;transition:transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}.xmb-category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;margin-right:40px;opacity:.42;transform:scale(.65);transition:all .5s cubic-bezier(.22,1,.36,1);color:var(--ink-soft);flex-shrink:0}.xmb-category-item.active{opacity:1;transform:scale(1.2);color:var(--ink)}.xmb-category-item.active .xmb-category-icon{filter:drop-shadow(0 0 15px rgba(255,255,255,.5))}.xmb-category-label{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em;white-space:nowrap;opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.22,1,.36,1);text-shadow:0 3px 10px rgba(0,0,0,.36)}.xmb-items-container{position:absolute;top:40%;left:50%;display:fixed;flex-direction:column;transition:transform .6s cubic-bezier(.22,1,.36,1);z-index:5}.xmb-game-item{position:relative;display:flex;align-items:center;width:540px;padding:16px 28px;margin-bottom:25px;border-radius:24px;opacity:.34;transform:translate(0) scale(.75);background:color-mix(in srgb,var(--surface) 74%,transparent);border:1px solid color-mix(in srgb,var(--panel-border) 78%,var(--accent) 22%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:all .45s cubic-bezier(.22,1,.36,1)}.xmb-game-item.active{opacity:1;transform:translate(50px) scale(1.12);background:linear-gradient(90deg,#67ec9f57,#f5fff91f);border-color:#e7fff05c;box-shadow:0 24px 48px #00000085,0 0 28px #74ffb138;z-index:10}.xmb-game-poster-container{width:56px;height:80px;border-radius:8px;overflow:hidden;margin-right:24px;box-shadow:0 8px 16px #00000080;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.xmb-game-favorite-icon{position:absolute;top:8px;right:8px;width:20px;height:20px;color:gold;opacity:.9;z-index:20}.xmb-game-poster{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.xmb-game-item.active .xmb-game-poster{transform:scale(1.05)}.xmb-game-info{display:flex;flex-direction:column;min-width:0}.xmb-game-title{font-size:1.2rem;font-weight:800;color:var(--ink);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.xmb-game-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:4px}.xmb-game-meta--expanded{margin-top:6px}.xmb-game-meta-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#ffffff17;border:1px solid rgba(255,255,255,.14);color:#f6fffab3;white-space:nowrap;transition:color .3s ease,background .3s ease}.xmb-game-item.active .xmb-game-meta-chip{background:#f3fff724;border-color:#f3fff73d;color:#fffffff5}.xmb-game-meta-chip--store{background:#ffffff12;border-color:#ffffff29}.xmb-game-meta-chip--playtime{background:#6effb317;border-color:#6effb33d}.xmb-game-item.active .xmb-game-meta-chip--playtime{color:#b9ffd0;border-color:#6effb36b}.xmb-game-meta-chip--last-played{background:#ffffff14;border-color:#fff3}.xmb-game-item.active .xmb-game-meta-chip--last-played{color:#fff;border-color:#ffffff4d}.xmb-game-meta-chip--sessions{background:#60a5fa14;border-color:#60a5fa33}.xmb-game-item.active .xmb-game-meta-chip--sessions{color:#6ee7b7;border-color:#60a5fa66}.xmb-game-meta-chip--genre{background:#a855f714;border-color:#a855f733}.xmb-game-item.active .xmb-game-meta-chip--genre{color:#c4b5fd;border-color:#a855f766}.xmb-game-meta-chip--tier{background:#fbbf241a;border-color:#fbbf2440}.xmb-game-item.active .xmb-game-meta-chip--tier{color:#fcd34d;border-color:#fbbf2480}.xmb-meta-icon{flex-shrink:0;opacity:.75}.xmb-detail-layer{position:absolute;bottom:200px;right:5%;width:35%;opacity:0;transform:translate(40px);transition:all .6s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:100;display:flex;flex-direction:column;align-items:flex-end;text-align:right}.xmb-detail-layer.visible{opacity:1;transform:translate(0)}.xmb-footer{position:absolute;bottom:0;left:0;right:0;height:84px;display:flex;align-items:center;justify-content:center;gap:60px;background:linear-gradient(transparent,#03080557 48%,#00000038);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2100;border-top:1px solid rgba(221,255,233,.05)}.xmb-btn-hint{display:flex;align-items:center;gap:14px;font-size:.75rem;font-weight:800;color:#f5fff9b3;text-transform:uppercase;letter-spacing:.15em;transition:all .3s ease}.xmb-btn-hint:hover{color:#fff;transform:translateY(-2px)}.xmb-btn-icon{filter:drop-shadow(0 0 8px rgba(203,255,221,.2));transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.xmb-btn-hint:hover .xmb-btn-icon{transform:scale(1.3)}.xmb-top-right{position:absolute;top:40px;right:60px;display:flex;align-items:center;gap:25px;z-index:2050}.xmb-top-left{position:absolute;top:40px;left:60px;display:flex;align-items:center;gap:12px;z-index:2050}.xmb-logo img{height:100px;width:auto;display:block}.xmb-clock{font-size:1.4rem;font-weight:300;color:#fff;letter-spacing:.05em}.xmb-clock-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.xmb-remaining-playtime{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb8}.xmb-user-badge{display:flex;align-items:center;gap:12px;padding:6px 16px;background:#ffffff1a;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.xmb-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);object-fit:cover;display:block}.xmb-user-avatar[src]{background:none}.xmb-user-name{font-size:.9rem;font-weight:700;color:#fff}.xmb-game-item[data-subcategory-id=network],.xmb-game-item[data-subcategory-id=audio],.xmb-game-item[data-subcategory-id=system],.xmb-game-item[data-subcategory-id=videos],.xmb-game-item[data-subcategory-id=screenshots]{position:relative}.xmb-game-item[data-subcategory-id=network]:after,.xmb-game-item[data-subcategory-id=audio]:after,.xmb-game-item[data-subcategory-id=system]:after,.xmb-game-item[data-subcategory-id=videos]:after,.xmb-game-item[data-subcategory-id=screenshots]:after{content:"▶";position:absolute;right:24px;font-size:.7rem;color:#60a5fa99;opacity:0;transition:all .3s cubic-bezier(.22,1,.36,1)}.xmb-game-item[data-subcategory-id=network].active:after,.xmb-game-item[data-subcategory-id=audio].active:after,.xmb-game-item[data-subcategory-id=system].active:after,.xmb-game-item[data-subcategory-id=videos].active:after,.xmb-game-item[data-subcategory-id=screenshots].active:after{opacity:1;color:var(--accent)}@keyframes csl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes csl-fade-out{0%{opacity:1}to{opacity:0}}@keyframes csl-content-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes csl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes csl-pulse{0%,to{opacity:.6}50%{opacity:1}}.controller-stream-loading{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.csl-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;animation:csl-fade-in .6s cubic-bezier(.22,1,.36,1) forwards}.controller-stream-loading .xmb-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.controller-stream-loading .xmb-bg-layer{z-index:0}.controller-stream-loading .csl-backdrop{z-index:1}.csl-content-wrapper{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:60px;animation:csl-fade-in .8s cubic-bezier(.22,1,.36,1) .2s both}.csl-content{display:grid;grid-template-columns:500px 1fr;gap:80px;max-width:1400px;width:100%;height:auto;align-items:center}.csl-poster-section{display:flex;align-items:center;justify-content:center;perspective:1200px}.csl-poster{width:100%;aspect-ratio:9 / 16;object-fit:cover;border-radius:16px;box-shadow:0 20px 60px #000000b3,0 0 60px #60a5fa26;animation:csl-content-slide-up .8s cubic-bezier(.22,1,.36,1) .4s both;border:1px solid rgba(96,165,250,.2)}.csl-poster-placeholder{width:100%;aspect-ratio:9 / 16;background:linear-gradient(135deg,#60a5fa1a,#60a5fa0d);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#60a5fa4d;border:2px solid rgba(96,165,250,.1)}.csl-info-section{display:flex;flex-direction:column;gap:32px;color:var(--ink);animation:csl-content-slide-up .8s cubic-bezier(.22,1,.36,1) .3s both}.csl-title-container{display:flex;flex-direction:column;gap:4px}.csl-title{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;color:var(--ink);text-shadow:0 2px 8px color-mix(in srgb,var(--bg-a) 62%,#000 38%)}.csl-description-container{display:flex;flex-direction:column;gap:8px;max-height:120px;overflow:hidden}.csl-description{font-size:1rem;font-weight:400;line-height:1.5;color:var(--ink-soft);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.csl-playtime-container{display:flex;gap:12px;align-items:baseline;font-size:1rem}.csl-playtime-label{color:var(--ink-soft);font-weight:500}.csl-playtime-value{color:var(--accent);font-weight:700;font-size:1.2rem}.csl-status-container{display:flex;flex-direction:column;gap:24px;margin-top:16px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--accent) 24%,var(--panel-border) 76%)}.csl-status-message{font-size:1.25rem;font-weight:600;color:var(--accent);animation:csl-pulse 2s ease-in-out infinite}.csl-progress-indicator{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:12px;align-items:center;width:100%}.csl-progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s cubic-bezier(.22,1,.36,1)}.csl-progress-dot{width:12px;height:12px;border-radius:50%;background:#60a5fa33;border:2px solid rgba(96,165,250,.3);transition:all .3s cubic-bezier(.22,1,.36,1)}.csl-progress-step.active .csl-progress-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #60a5fa80}.csl-progress-step.completed .csl-progress-dot{background:var(--accent);border-color:var(--accent)}.csl-progress-step.inactive .csl-progress-dot{background:#60a5fa1a;border-color:#60a5fa26}.csl-progress-label{font-size:.8rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:all .3s cubic-bezier(.22,1,.36,1)}.csl-progress-step.active .csl-progress-label{color:var(--accent)}.csl-progress-step.completed .csl-progress-label{color:var(--accent);opacity:.7}.csl-progress-step.inactive .csl-progress-label{color:var(--ink-muted)}.csl-progress-connector{height:2px;background:linear-gradient(90deg,#60a5fa4d,#60a5fa33);transition:all .3s cubic-bezier(.22,1,.36,1)}.csl-progress-connector.inactive{background:#60a5fa1a}.csl-spinner-container{display:flex;align-items:center;justify-content:center;height:60px}.csl-spinner{animation:csl-spin 2s linear infinite;color:var(--accent);filter:drop-shadow(0 0 8px rgba(96,165,250,.4))}@media (max-width: 1200px){.csl-content{grid-template-columns:1fr;gap:48px}.csl-poster-section{max-width:350px;margin:0 auto}.csl-poster{max-width:100%}.csl-title{font-size:2.5rem}}@media (max-width: 768px){.csl-content-wrapper{padding:40px 24px}.csl-content{gap:32px}.csl-info-section{gap:24px}.csl-title{font-size:2rem}.csl-description{font-size:.95rem}.csl-status-message{font-size:1.1rem}}