:root,[data-theme=dark]{--bg:#09090b;--bg-alt:#0c0c0f;--surface:#131316;--surface-hover:#1a1a1f;--surface-raised:#18181b;--text:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--border:#27272a;--border-subtle:#1e1e22;--accent:#ff5400;--accent-hover:#ff6b1a;--accent-muted:#ff54001f;--accent-text:#ff5400;--success:#22c55e;--success-muted:#22c55e1f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--sidebar-width:256px;--topbar-height:52px;--input-bg:#131316;--overlay:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#fff;--bg-alt:#fafafa;--surface:#f4f4f5;--surface-hover:#e4e4e7;--surface-raised:#fff;--text:#09090b;--text-secondary:#52525b;--text-muted:#a1a1aa;--border:#e4e4e7;--border-subtle:#f4f4f5;--accent:#ea580c;--accent-hover:#c2410c;--accent-muted:#ea580c14;--accent-text:#ea580c;--success:#16a34a;--success-muted:#16a34a14;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--input-bg:#fff;--overlay:#fff9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app-layout{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;height:100vh;display:grid;overflow:hidden}.topbar{background:var(--bg-alt);border-bottom:1px solid var(--border);z-index:10;grid-column:1/-1;align-items:center;gap:16px;padding:0 24px;display:flex}.topbar-logo{color:var(--accent-text);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.topbar-logo-icon{color:var(--accent-text);justify-content:center;align-items:center;display:inline-flex}.topbar-search{flex:1;max-width:440px}.topbar-search input{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:7px 12px 7px 34px;font-size:13px;transition:border-color .15s,box-shadow .15s}.topbar-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.topbar-search input::placeholder{color:var(--text-muted)}.search-wrapper{position:relative}.search-icon{color:var(--text-muted);pointer-events:none;font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-kbd{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);pointer-events:none;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:11px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.status-pill{border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:500;display:flex}.status-pill.healthy{color:var(--success);background:var(--success-muted)}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:16px;transition:background .15s,color .15s,border-color .15s;display:flex}.theme-toggle:hover{background:var(--surface);color:var(--text);border-color:var(--border)}.sidebar{background:var(--bg-alt);border-right:1px solid var(--border);flex-direction:column;padding:16px 0;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:0}.nav-section{margin-bottom:4px}.nav-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:16px 16px 6px;font-size:11px;font-weight:600}.nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);align-items:center;gap:10px;margin:1px 8px;padding:6px 16px;font-size:13px;font-weight:450;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:var(--accent-muted);color:var(--accent-text)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:15px;display:flex}.nav-count{color:var(--text-muted);background:var(--surface);text-align:center;border-radius:100px;min-width:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:500}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:auto;padding:12px 16px;font-size:11px}.content-area{max-width:100%;padding:32px 40px 64px;overflow-y:auto}.content-container{max-width:1100px}.breadcrumb{color:var(--text-muted);align-items:center;gap:0;margin-bottom:16px;font-size:13px;display:flex}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .12s}.breadcrumb a:hover{color:var(--text)}.breadcrumb .separator{color:var(--border);margin:0 8px;font-size:11px}.breadcrumb .current{color:var(--text-secondary);font-weight:500}.page-header{margin-bottom:32px}.page-title{color:var(--text);letter-spacing:-.02em;margin-bottom:12px;font-size:26px;font-weight:700;line-height:1.2}.page-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-subtle);letter-spacing:.02em;border-radius:100px;padding:3px 8px;font-size:11px;font-weight:500}.era-badge{background:var(--accent-muted);color:var(--accent-text);letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:100px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.damage-type-list,.status-effect-list{flex-wrap:wrap;gap:4px;display:inline-flex}.damage-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:100px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.damage-energy{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.damage-chemical{color:#4ade80;background:#22c55e26;border-color:#22c55e4d}.damage-physical{color:#f87171;background:#ef444426;border-color:#ef44444d}[data-theme=light] .damage-energy{color:#2563eb;background:#2563eb1a;border-color:#2563eb40}[data-theme=light] .damage-chemical{color:#16a34a;background:#16a34a1a;border-color:#16a34a40}[data-theme=light] .damage-physical{color:#dc2626;background:#dc26261a;border-color:#dc262640}.ability-cards{flex-direction:column;gap:10px;display:flex}.ability-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px;transition:border-color .15s}.ability-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.ability-card-slot{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:600}.ability-card-meta{gap:4px;display:flex}.ability-card-title{margin-bottom:6px;font-size:14px;font-weight:600}.ability-card-title .cell-link{color:var(--accent-text)}.ability-card-desc{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.5}.ability-card-footer{align-items:center;gap:8px;display:flex}.ability-card-effects{flex-wrap:wrap;gap:6px;display:flex}.ability-card-effects-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:600}.ability-card-effect-link{color:var(--accent-text);font-size:13px;font-weight:500;text-decoration:none}.ability-card-effect-link:hover{color:var(--accent-hover);text-decoration:underline}.tag.accent{background:var(--accent-muted);color:var(--accent-text);border-color:#0000}.canon-badge{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.section{margin-bottom:32px}.section-title{color:var(--text);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:600}.data-table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:13px;overflow:hidden}.data-table th{text-align:left;background:var(--surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:10px 16px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:10px 16px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table .cell-accent{color:var(--accent-text);font-weight:500}.data-table .cell-link{color:var(--accent-text);font-weight:500;text-decoration:none;transition:color .12s}.data-table .cell-link:hover{color:var(--accent-hover)}.data-table .cell-muted{color:var(--text-muted)}.data-table .cell-pending{color:var(--text-muted);opacity:.6;font-style:italic}.data-table .cell-success{color:var(--success);font-weight:500}.status-active{color:var(--success);align-items:center;gap:6px;font-weight:500;display:flex}.status-active:before{content:"";background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-inactive{color:var(--text-muted)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:24px;display:grid}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:20px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-count{color:var(--accent-text);letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:1}.card-title{color:var(--text);font-size:14px;font-weight:600}.card-desc{color:var(--text-muted);font-size:13px;line-height:1.4}.prose{max-width:720px}.prose h2{color:var(--text);letter-spacing:-.01em;margin:40px 0 12px;font-size:18px;font-weight:650}.prose h2:first-child{margin-top:0}.prose h3{color:var(--text);margin:28px 0 8px;font-size:15px;font-weight:600}.prose p{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.7}.prose ul,.prose ol{color:var(--text-secondary);margin:0 0 16px 20px;font-size:14px;line-height:1.7}.prose li{margin-bottom:6px}.prose li::marker{color:var(--text-muted)}.prose strong{color:var(--text);font-weight:600}.prose em{color:var(--text-secondary);font-style:italic}.prose blockquote{border-left:2px solid var(--accent);background:var(--accent-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);margin:20px 0;padding:12px 16px;font-size:14px}.prose a{color:var(--accent-text);font-weight:500;text-decoration:none;transition:color .12s}.prose a:hover{color:var(--accent-hover);text-decoration:underline}.prose hr{border:none;border-top:1px solid var(--border);margin:32px 0}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-state-icon{opacity:.5;margin-bottom:12px;font-size:32px}.listing-header{align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.listing-count{color:var(--text-muted);font-size:13px;font-weight:400}.filter-bar{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.filter-bar-top{align-items:center;gap:10px;display:flex}.filter-search{flex:1}.filter-search input{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.filter-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.filter-search input::placeholder{color:var(--text-muted)}.filter-toggle-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative}.filter-toggle-btn:hover{border-color:var(--accent);color:var(--text)}.filter-toggle-icon{font-size:10px}.filter-active-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.filter-clear-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s}.filter-clear-btn:hover{border-color:var(--danger,#e74c3c);color:var(--danger,#e74c3c)}.filter-export-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:4px;margin-left:auto;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.filter-export-btn:hover{border-color:var(--accent);color:var(--accent-text)}.filter-export-icon{font-size:13px;font-weight:700}.filter-groups{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px;display:grid}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.filter-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:600}.filter-group-clear{color:var(--accent-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:500}.filter-group-clear:hover{text-decoration:underline}.filter-group-options{flex-direction:column;gap:2px;display:flex}.filter-checkbox{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);align-items:center;gap:8px;padding:4px 6px;font-size:13px;transition:background .1s;display:flex}.filter-checkbox:hover{background:var(--hover-bg)}.filter-checkbox.checked{color:var(--text)}.filter-checkbox.disabled{opacity:.4}.filter-checkbox input[type=checkbox]{display:none}.filter-checkbox-mark{border:1.5px solid var(--border);background:var(--input-bg);border-radius:3px;flex-shrink:0;width:14px;height:14px;transition:all .15s;position:relative}.filter-checkbox.checked .filter-checkbox-mark{background:var(--accent);border-color:var(--accent)}.filter-checkbox.checked .filter-checkbox-mark:after{content:"";border:solid var(--bg);border-width:0 1.5px 1.5px 0;width:4px;height:7px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.filter-checkbox-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.filter-checkbox-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.filter-tags{flex-wrap:wrap;gap:6px;display:flex}.filter-tag{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.filter-tag:hover{border-color:var(--accent);color:var(--accent-text)}.filter-tag.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent-text)}.home-hero{margin-bottom:32px}.home-hero h1{letter-spacing:-.02em;color:var(--text);margin-bottom:6px;font-size:28px;font-weight:700}.home-hero p{color:var(--text-muted);max-width:500px;font-size:15px}.sign-in-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.sign-in-card{text-align:center;width:100%;max-width:360px}.sign-in-header{margin-bottom:24px}.sign-in-icon{margin-bottom:12px;font-size:32px;display:block}.sign-in-header h1{margin-bottom:6px;font-size:22px;font-weight:700}.sign-in-header p{color:var(--text-muted);font-size:14px}.sign-in-button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.sign-in-button:hover{background:var(--surface-hover);border-color:var(--accent)}.sign-in-link{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 10px;font-size:13px;text-decoration:none;transition:all .15s}.sign-in-link:hover{color:var(--accent-text);border-color:var(--accent)}.user-menu{align-items:center;gap:8px;display:flex}.user-avatar{border:1px solid var(--border);border-radius:50%}.sign-out-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:12px}.sign-out-button:hover{color:var(--text)}.search-overlay{background:var(--overlay);z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:flex-start;padding-top:20vh;display:flex;position:fixed;inset:0}.search-palette{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);overflow:hidden}.search-palette-input{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.search-palette-icon{color:var(--text-muted);flex-shrink:0;font-size:18px}.search-palette-input input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-palette-input input::placeholder{color:var(--text-muted)}.search-palette-esc{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px}.search-palette-results{max-height:400px;padding:6px;overflow-y:auto}.search-result{width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:flex-start;gap:10px;padding:10px 12px;transition:background-color .1s;display:flex}.search-result:hover,.search-result-selected{background:var(--surface-hover)}.search-result-icon{flex-shrink:0;margin-top:2px;font-size:16px}.search-result-content{flex:1;min-width:0}.search-result-title{color:var(--text);font-size:14px;font-weight:500}.search-result-meta{align-items:baseline;gap:8px;margin-top:2px;display:flex}.search-result-type{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-text);flex-shrink:0;font-size:11px;font-weight:600}.search-result-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.search-palette-empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:13px}.wiki-layout{grid-template-columns:1fr 300px;align-items:start;gap:32px;display:grid}@media (max-width:768px){.wiki-layout{grid-template-columns:1fr}.wiki-infobox{order:-1}}.wiki-main{min-width:0}.wiki-infobox{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);position:sticky;top:72px;overflow:hidden}.infobox-title{text-align:center;border-bottom:1px solid var(--border);color:var(--text);padding:12px 16px 8px;font-size:15px;font-weight:700}.infobox-portrait{border-bottom:1px solid var(--border);background:var(--bg-alt);justify-content:center;align-items:center;min-height:200px;display:flex}.infobox-portrait:has(.spine-embed-wiki){min-height:auto;padding:0}.infobox-portrait:has(.infobox-portrait-placeholder){padding:16px}.infobox-portrait-placeholder{text-align:center;color:var(--text-muted);opacity:.5}.portrait-icon{margin-bottom:4px;font-size:48px}.portrait-label{text-transform:uppercase;letter-spacing:.5px;font-size:11px}.infobox-portrait .spine-embed{background:0 0;border:none;border-radius:0;width:100%;margin:0}.infobox-variant-switcher{border-bottom:1px solid var(--border);justify-content:center;padding:8px 12px;display:flex}.infobox-variant-select{background:var(--bg-alt);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:6px 8px;font-family:inherit;font-size:12px}.infobox-variant-select:hover{border-color:var(--accent-text)}.infobox-table{border-collapse:collapse;width:100%}.infobox-table tr{border-bottom:1px solid var(--border)}.infobox-table tr:last-child{border-bottom:none}.infobox-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);vertical-align:top;width:40%;padding:8px 12px;font-size:11px;font-weight:600}.infobox-value{color:var(--text);text-transform:capitalize;padding:8px 12px 8px 0;font-size:13px}.infobox-value .cell-link{color:var(--accent-text);text-transform:capitalize;font-weight:500;text-decoration:none}.infobox-value .cell-link:hover{color:var(--accent-hover)}.spine-embed-wiki{width:100%}.spine-canvas-wrap{background:var(--bg-alt);position:relative}.spine-canvas-wrap .spine-player{width:100%!important;height:100%!important;position:relative!important}.spine-canvas-wrap .spine-player-canvas{width:100%!important;height:100%!important}.spine-error{text-align:center;color:var(--text-muted);padding:24px;font-size:12px}.spine-controls{border-top:1px solid var(--border);background:var(--surface);justify-content:center;gap:6px;padding:8px 12px;display:flex}.spine-select{background:var(--bg-alt);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-transform:capitalize;padding:4px 8px;font-family:inherit;font-size:11px}.spine-select:hover{border-color:var(--accent)}.infobox-portrait .spine-embed-wiki{width:100%}.infobox-portrait .spine-canvas-wrap{background:0 0}.video-embed{border-radius:var(--radius-md);background:#000;width:100%;margin:16px 0;position:relative;overflow:hidden}.video-embed iframe,.video-embed video{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.ability-matrix{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:16px 0;display:grid}.ability-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;transition:border-color .15s}.ability-card:hover{border-color:var(--accent)}.ability-card-highlight{border-color:var(--accent);background:var(--accent-muted)}.ability-slot{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:600}.ability-name{color:var(--accent-text);font-size:13px;font-weight:500;text-decoration:none}.ability-name:hover{text-decoration:underline}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-track{background:0 0}.content-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.content-area::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body,.topbar,.sidebar,.content-area,.card,.nav-item,.data-table td,.tag,.theme-toggle,.topbar-search input{transition-property:background-color,border-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease}.sv-page{max-width:100%;height:calc(100vh - var(--topbar-height) - 64px);flex-direction:column;display:flex}.sv-header{flex-shrink:0;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.sv-layout{flex:1;grid-template-columns:220px 1fr;gap:20px;min-height:0;display:grid}.sv-sidebar{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:2px;min-height:0;padding:12px 8px;display:flex;overflow-y:auto}.sv-sidebar-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:4px 10px 8px;font-size:11px;font-weight:600}.sv-unit-btn{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 10px;font-size:13px;transition:all .1s;display:block}.sv-unit-btn:hover{background:var(--hover-bg);color:var(--text)}.sv-unit-btn.active{background:var(--accent-muted);color:var(--accent-text);font-weight:500}.sv-unit-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sv-main{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:0;min-height:0;display:flex;overflow:hidden}.sv-info-bar{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sv-info-title{align-items:baseline;gap:10px;display:flex}.sv-info-title .cell-link{color:var(--accent-text);font-size:16px;font-weight:600}.sv-info-character{color:var(--text-muted);font-size:13px;text-decoration:none}.sv-info-character:hover{color:var(--accent-text)}.sv-info-hint{color:var(--text-muted);letter-spacing:.02em;font-size:11px}.sv-canvas-area{background:radial-gradient(circle at center, var(--surface) 0%, var(--bg) 100%);flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.sv-canvas{width:100%;height:100%}.sv-canvas canvas{width:100%!important;height:100%!important}.sv-canvas .spine-player{background:0 0!important;width:100%!important;height:100%!important}.sv-loading,.sv-error{color:var(--text-muted);z-index:1;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sv-error{color:var(--danger,#e74c3c)}.sv-controls{border-top:1px solid var(--border);background:var(--bg);flex-direction:column;gap:12px;padding:16px;display:flex}.sv-control-group{align-items:flex-start;gap:12px;display:flex}.sv-control-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex-shrink:0;min-width:80px;padding-top:6px;font-size:11px;font-weight:600}.sv-control-buttons{flex-wrap:wrap;gap:6px;display:flex}.sv-control-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-transform:capitalize;background:0 0;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.sv-control-btn:hover{border-color:var(--accent);color:var(--text)}.sv-control-btn.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent-text)}@media (max-width:768px){.sv-layout{grid-template-columns:1fr}.sv-sidebar{flex-flow:wrap;gap:4px;max-height:none}.sv-sidebar-label{width:100%}.sv-unit-btn{flex-shrink:0;width:auto}.sv-canvas-area{min-height:300px}.sv-canvas{height:100%}.sv-info-hint{display:none}}