:root{--page-bg:#f5f7fb;--surface:#fff;--surface-muted:#f8fafc;--surface-hover:#f1f5f9;--surface-active:#eef2ff;--sidebar-bg:#fff;--header-bg:#ffffffe0;--overlay:#0f172a7a;--border:#e2e8f0;--border-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--text-on-primary:#fff;--primary:#5b5ce2;--primary-hover:#4f46d0;--primary-soft:#eef2ff;--primary-border:#c7d2fe;--success:#16a34a;--success-soft:#ecfdf3;--warning:#d97706;--warning-soft:#fffbeb;--danger:#dc2626;--danger-hover:#b91c1c;--danger-soft:#fef2f2;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 10px 30px #0f172a12;--shadow-lg:0 24px 60px #0f172a29;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}:root[data-theme=dark]{--page-bg:#0b1020;--surface:#111827;--surface-muted:#172033;--surface-hover:#1e293b;--surface-active:#232553;--sidebar-bg:#0e1526;--header-bg:#0e1526e6;--overlay:#020617b8;--border:#25314a;--border-strong:#34425f;--text-primary:#f8fafc;--text-secondary:#dbe3f0;--text-muted:#94a3b8;--text-subtle:#64748b;--text-on-primary:#fff;--primary:#818cf8;--primary-hover:#a5b4fc;--primary-soft:#6366f124;--primary-border:#818cf861;--success:#4ade80;--success-soft:#22c55e1f;--warning:#fbbf24;--warning-soft:#f59e0b1f;--danger:#fb7185;--danger-hover:#fda4af;--danger-soft:#f43f5e1f;--shadow-sm:0 1px 2px #0000002e;--shadow-md:0 16px 36px #00000038;--shadow-lg:0 28px 70px #0000006b}*{box-sizing:border-box}html{background:var(--page-bg)}body{min-width:320px;min-height:100vh;color:var(--text-primary);background:var(--page-bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;transition:color .2s,background .2s;overflow-x:hidden}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary-soft);outline-offset:2px}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}::selection{color:var(--text-on-primary);background:var(--primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.page-header{margin-bottom:22px!important}.main-content>*{width:100%;max-width:none!important}.page-title{letter-spacing:-.025em;color:var(--text-primary)!important;margin:0!important;font-size:24px!important;font-weight:700!important;line-height:1.25!important}.table-card,.form-card,.dashboard-card,.stat-card,.game-group{color:var(--text-primary)!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important}.table-card,.game-group{overflow:hidden}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.item-card{flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important}.item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important;border-color:var(--primary-border)!important}.item-card-media{background:var(--surface-hover);width:100%;position:relative;overflow:hidden}.item-card-media img{object-fit:cover;width:100%;height:100%;display:block}.item-card-body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.item-card-title{color:var(--text-primary);font-size:15px;font-weight:650;line-height:1.4}.item-card-sub{color:var(--text-muted);font-size:12.5px;line-height:1.55}.item-card-meta{color:var(--text-muted);flex-wrap:wrap;gap:6px 14px;font-size:12.5px;display:flex}.item-card-meta .meta-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);font-size:11px}.item-card-footer{border-top:1px solid var(--border);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.item-card-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.card-list-footer{text-align:center;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:16px;padding:14px 16px;font-size:13px}@media (width<=600px){.card-grid{grid-template-columns:1fr}}.data-table{color:var(--text-primary)!important}.data-table th{letter-spacing:.035em;text-transform:uppercase;color:var(--text-muted)!important;background:var(--surface-muted)!important;border-color:var(--border)!important;padding:13px 16px!important;font-size:12px!important;font-weight:650!important}.data-table td{color:var(--text-secondary)!important;border-color:var(--border)!important;padding:14px 16px!important}.data-table tbody tr{transition:background .16s}.data-table tbody tr:hover{background:var(--surface-hover)!important}.form-input,.form-select,.form-textarea{color:var(--text-primary)!important;background:var(--surface)!important;border:1px solid var(--border-strong)!important;border-radius:10px!important}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-subtle)!important}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-soft)!important}.form-label,.card-title,.section-title,.game-name,.stat-value{color:var(--text-primary)!important}.form-hint,.stat-label,.scroll-hint,.empty-state,.loading-state,.empty-cell{color:var(--text-muted)!important}.btn{box-shadow:none;font-weight:600;border-radius:10px!important}.btn-primary{color:var(--text-on-primary)!important;background:var(--primary)!important}.btn-primary:hover{transform:translateY(-1px);background:var(--primary-hover)!important}.btn-default{color:var(--text-secondary)!important;background:var(--surface)!important;border:1px solid var(--border)!important}.btn-default:hover{color:var(--primary)!important;border-color:var(--primary-border)!important;background:var(--primary-soft)!important}.btn-text,.btn-link{color:var(--primary)!important}.btn-text:hover,.btn-link:hover{color:var(--primary-hover)!important}.btn-text.danger{color:var(--danger)!important}.status-tag.enabled,.unused-tag{color:var(--success)!important}.status-tag.disabled,.used-tag{color:var(--text-muted)!important}.toolbar,.filter-bar{gap:10px!important}@media (width<=900px){.page-title{font-size:21px!important}.data-table{min-width:860px}.table-card,.game-group-body{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;overflow-x:auto!important}}@media (width<=760px){.page-header{margin-bottom:16px!important}.page-title{font-size:20px!important}.page-desc,.page-description{margin-top:6px!important;font-size:13px!important;line-height:1.55!important}.toolbar,.filter-bar,.game-toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;padding:12px!important;display:flex!important}.toolbar-left,.toolbar-actions,.filter-controls,.search-box{flex-wrap:wrap!important;align-items:stretch!important;gap:8px!important;width:100%!important;max-width:none!important;display:flex!important}.search-box .form-input,.search-field,.search-field .form-input,.filter-controls .form-input{flex:180px!important;width:auto!important;min-width:0!important;max-width:none!important}.filter-controls .form-select,.category-select,.status-select{flex:130px!important;width:auto!important;min-width:0!important}.btn{min-height:40px}.table-card,.form-card,.dashboard-card,.stat-card,.game-group{border-radius:12px!important}.data-table{min-width:720px;font-size:13px!important}.data-table th,.data-table td{padding:11px 12px!important}.table-footer,.scroll-footer{min-width:max-content}.form-row,.release-meta-row,.detail-header,.status-bar,.status-actions,.form-actions{flex-wrap:wrap!important}.form-row{flex-direction:column!important}.form-row .form-item,.form-item>.form-input,.form-item>.form-select,.form-item>.form-textarea{width:100%!important}.form-actions .btn{flex:120px;justify-content:center}.card-section,.form-section{padding:18px 16px!important}.empty-state,.loading-state,.empty-release{padding:36px 16px!important}}@media (width<=480px){.data-table{min-width:660px}.toolbar>.btn-primary,.toolbar-left>.btn-primary,.game-toolbar .create-button{justify-content:center;width:100%!important}.tab-bar{overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{flex:none;padding-inline:16px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}