@font-face{font-family:Transducer;src:local(Transducer),local(TransducerTest-Regular);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Transducer;src:local(Transducer Bold),local(TransducerTest-Bold);font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Transducer Condensed;src:local(Transducer Condensed),local(TransducerCondensed-Regular);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Transducer Condensed;src:local(Transducer Condensed Bold),local(TransducerCondensed-Bold);font-weight:600;font-style:normal;font-display:swap}:root,[data-theme=dark]{--font-body:"Transducer", "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-label:"Transducer Condensed", "Transducer", "DM Sans", sans-serif;--font-mono:"Space Mono", "SF Mono", "Fira Code", monospace;--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;--link:#e8894a;--link-hover:#f0a06a;--secondary:#00bcc1;--secondary-text:#00bcc1;--success:#22c55e;--success-muted:#22c55e1f;--warning:#f59e0b;--warning-muted:#f59e0b1f;--error:#ef4444;--error-muted:#ef44441f;--info:#3b82f6;--info-muted:#3b82f61f;--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;--link:#b45c2a;--link-hover:#9a4a1e;--secondary-text:#0e8e92;--success:#16a34a;--success-muted:#16a34a14;--warning:#b45309;--warning-muted:#b453091a;--error:#dc2626;--error-muted:#dc26261a;--info:#2563eb;--info-muted:#2563eb1a;--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{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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{font-family:var(--font-body);color:var(--accent-text);letter-spacing:1.12px;text-transform:uppercase;white-space:nowrap;align-items:center;gap:12px;font-size:14px;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);font-size:11px;font-family:var(--font-mono);pointer-events:none;border-radius:4px;padding:1px 6px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.status-pill{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.03em;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{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:16px 16px 6px;font-size:11px;font-weight:500}.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{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);padding:3px 10px;font-size:11px;display:inline-block}.era-badge{font-family:var(--font-label);text-transform:uppercase;background:var(--accent-muted);color:var(--accent-text);letter-spacing:.03em;white-space:nowrap;border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.damage-type-list,.status-effect-list{flex-wrap:wrap;gap:4px;display:inline-flex}.damage-badge{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.damage-energy{color:#3b82f6;background:#3b82f61f}.damage-chemical{color:var(--success);background:#22c55e1f}.damage-physical{color:var(--error);background:#ef44441f}[data-theme=light] .damage-energy{color:#2563eb;background:#2563eb1a}[data-theme=light] .damage-chemical{color:#16a34a;background:#16a34a1a}[data-theme=light] .damage-physical{color:#dc2626;background:#dc26261a}.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(--link)}.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(--link);font-size:13px;font-weight:500;text-decoration:none}.ability-card-effect-link:hover{color:var(--link-hover);text-decoration:underline}.tag.accent{background:var(--accent-muted);color:var(--accent-text);border-color:#0000}.canon-badge{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.03em;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.canon-locked{background:var(--success-muted);color:var(--success)}.canon-working{background:var(--warning-muted);color:var(--warning)}.canon-draft{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.section{margin-bottom:32px}.section-title{font-family:var(--font-label);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}.set-bonuses{flex-direction:column;gap:12px;display:flex}.set-bonus-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.set-bonus-header{background:var(--bg-alt);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;display:flex}.set-bonus-pieces{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.04em;color:var(--accent-text);white-space:nowrap;font-size:12px;font-weight:600}.set-bonus-name{color:var(--text);font-size:14px;font-weight:600}.set-bonus-effect{color:var(--text-secondary);padding:12px 16px;font-size:13px;line-height:1.6}.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{font-family:var(--font-label);text-align:left;background:var(--surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:10px 16px;font-size:11px;font-weight:500}.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(--link);font-weight:500;text-decoration:none;transition:color .12s}.data-table .cell-link:hover{color:var(--link-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);align-items:center;gap:6px;display:flex}.status-inactive:before{content:"";background:var(--text-muted);opacity:.5;border-radius:50%;flex-shrink:0;width:6px;height:6px}.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(--link);font-weight:500;text-decoration:none;transition:color .12s}.prose a:hover{color:var(--link-hover);text-decoration:underline}.prose hr{border:none;border-top:1px solid var(--border);margin:32px 0}.prose table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;margin-bottom:16px;font-size:13px;overflow-x:auto}.prose th{font-family:var(--font-label);text-align:left;background:var(--surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:10px 16px;font-size:11px;font-weight:500}.prose td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:10px 16px}.prose tbody tr:last-child td{border-bottom:none}.prose tbody tr{transition:background .1s}.prose tbody tr:hover{background:var(--surface-hover)}.prose td a{color:var(--link);font-weight:500;text-decoration:none}.prose td a:hover{color:var(--link-hover)}.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{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;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:12px;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{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.04em;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{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.04em;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{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:500}.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;font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;text-align:left;color:var(--text-muted);background:0 0;border:none;align-items:center;gap:6px;padding:3px 6px;font-size:11px;font-weight:400;transition:color .15s;display:flex}.filter-checkbox:hover{color:var(--text)}.filter-checkbox.checked{color:var(--accent)}.filter-checkbox.disabled{opacity:.4}.filter-checkbox-mark{color:var(--border);flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.filter-checkbox-x{text-align:center;visibility:hidden;width:.75em;display:inline-block}.filter-checkbox.checked .filter-checkbox-mark{color:var(--accent)}.filter-checkbox.checked .filter-checkbox-x{visibility:visible}.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{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-text);flex-shrink:0;font-size:11px;font-weight:500}.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{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06em;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{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);vertical-align:top;width:40%;padding:8px 12px;font-size:11px;font-weight:500}.infobox-value{color:var(--text);text-transform:capitalize;padding:8px 12px 8px 0;font-size:13px}.infobox-value .cell-link{color:var(--link);text-transform:capitalize;font-weight:500;text-decoration:none}.infobox-value .cell-link:hover{color:var(--link-hover)}.infobox-empty{color:var(--text-muted);opacity:.5;font-style:italic}.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(--link);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(--link-hover)}.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}}.page-header{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.page-header .page-title{margin-bottom:0}.page-header-right{display:contents}.page-header .page-meta{flex-basis:100%;order:2}.page-header .edit-btn{order:1;margin-left:auto}.edit-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:12px 14px;transition:all .15s;display:inline-flex}.edit-btn:hover{color:var(--text);border-color:var(--border);background:var(--surface-hover)}.edit-actions{flex-shrink:0;gap:8px;display:flex}.save-btn{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px 20px;font-size:14px;font-weight:600;transition:all .15s}.save-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.save-btn--dirty{background:var(--accent);color:#fff;border-color:var(--accent)}.save-btn--dirty:hover:not(:disabled){background:var(--accent-hover)}.save-btn--saving,.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px 16px;font-size:14px;transition:all .15s}.cancel-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.edit-form{grid-template-columns:1fr 320px;gap:24px;margin-top:16px;display:grid}.edit-prose-textarea{width:100%;min-height:400px;font-family:var(--font-mono);background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);resize:vertical;field-sizing:content;padding:12px;font-size:14px;line-height:1.5}.edit-prose-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted);outline:none}.edit-metadata{flex-direction:column;gap:16px;display:flex}.edit-field{flex-direction:column;gap:4px;display:flex}.edit-label{font-family:var(--font-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.edit-input{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px 12px;font-size:14px;transition:border-color .15s}.edit-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted);outline:none}.edit-input::placeholder{color:var(--text-muted)}select.edit-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.edit-input--error{border-color:#ef4444}.edit-input--error:focus{box-shadow:0 0 0 2px #ef444433}.edit-field-error{color:#ef4444;font-size:12px}.edit-yaml-textarea{width:100%;min-height:100px;max-height:400px;font-family:var(--font-mono);background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);resize:vertical;padding:10px 12px;font-size:13px;line-height:1.5}.edit-yaml-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted);outline:none}.collapsible summary{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0;font-size:12px;font-weight:600;list-style:none}.collapsible summary:before{content:"▸ "}.collapsible[open] summary:before{content:"▾ "}.collapsible-content{flex-direction:column;gap:16px;padding-top:8px;display:flex}.toast{z-index:1000;background:var(--surface-raised);border:1px solid var(--border);border-left:3px solid var(--success);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text);padding:12px 16px;font-size:14px;animation:.2s ease-out toast-in;position:fixed;bottom:24px;right:24px}.toast-exit{animation:.15s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.banner{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.banner-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.banner-warning{color:#eab308;background:#eab3081a;border:1px solid #eab3084d}.banner-success{background:var(--success-muted);color:var(--success);border:1px solid #22c55e4d}.banner-action{color:inherit;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid;flex-shrink:0;margin-left:auto;padding:4px 12px;font-size:13px}.banner-action:hover{opacity:.8}.edit-mobile-actions{display:none}@media (max-width:1024px){.edit-form{grid-template-columns:1fr 240px}.edit-yaml-textarea{max-height:300px}}@media (max-width:768px){.edit-form{grid-template-columns:1fr}.edit-prose-textarea{min-height:250px}.edit-metadata{border-top:1px solid var(--border);padding-top:16px}.edit-actions{display:none}.edit-mobile-actions{background:var(--bg);border-top:1px solid var(--border);gap:8px;margin:16px -16px 0;padding:12px 16px;display:flex;position:sticky;bottom:0}.edit-mobile-actions .save-btn,.edit-mobile-actions .cancel-btn{flex:1}}.listing-chart{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;overflow:hidden}.listing-chart-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.listing-chart-toggle{cursor:pointer;color:var(--text-secondary);font-family:var(--font-label);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:12px;font-weight:500;transition:color .12s;display:flex}.listing-chart-toggle:hover{color:var(--text)}.listing-chart-controls{align-items:center;gap:12px;display:flex}.listing-chart-dimensions{gap:4px;display:flex}.listing-chart-dim{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .12s}.listing-chart-dim:hover{color:var(--text-secondary);border-color:var(--text-muted)}.listing-chart-dim.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent-text)}.listing-chart-view-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.listing-chart-view-btn{width:30px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:12px;transition:all .12s;display:flex}.listing-chart-view-btn:first-child{border-right:1px solid var(--border)}.listing-chart-view-btn:hover{color:var(--text-secondary)}.listing-chart-view-btn.active{background:var(--accent-muted);color:var(--accent-text)}.listing-chart-body{padding:16px}.listing-chart-donut-wrapper{align-items:center;gap:24px;display:flex}.listing-chart-legend{flex-direction:column;flex-shrink:0;gap:4px;max-height:260px;display:flex;overflow-y:auto}.listing-chart-legend-item{align-items:center;gap:8px;font-size:12px;display:flex}.listing-chart-legend-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}.listing-chart-legend-label{color:var(--text-secondary);flex:1}.listing-chart-legend-count{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.chart-tooltip{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.chart-tooltip-name{color:var(--text);font-weight:500}.chart-tooltip-count{font-family:var(--font-mono);color:var(--accent-text);font-weight:600}@media (max-width:768px){.listing-chart-header{flex-wrap:wrap;gap:8px}.listing-chart-dimensions{flex-wrap:wrap}.listing-chart-donut-wrapper{flex-direction:column}.listing-chart-legend{flex-flow:wrap;gap:8px;max-height:none}}.api-overview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.api-overview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:16px;display:flex}.api-overview-icon{color:var(--accent-text);margin-bottom:4px;font-size:18px}.api-overview-label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:500}.api-overview-value{color:var(--text);word-break:break-all;font-size:13px}.api-endpoints{flex-direction:column;gap:8px;display:flex}.api-endpoint-card{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.api-endpoint-header{background:var(--surface);cursor:pointer;text-align:left;width:100%;color:var(--text);border:none;align-items:center;gap:12px;padding:12px 16px;font-size:13px;transition:background .12s;display:flex}.api-endpoint-header:hover{background:var(--surface-hover)}.api-endpoint-left{flex-shrink:0;align-items:center;gap:10px;display:flex}.api-endpoint-right{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.api-method-badge{font-family:var(--font-mono);color:var(--bg);border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.api-path{font-family:var(--font-mono);color:var(--text);white-space:nowrap;font-size:13px}.api-auth-badge,.api-domain-badge{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.04em;border-radius:100px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:500;display:flex}.api-auth-badge{color:var(--warning);background:var(--warning-muted)}.api-domain-badge{color:var(--info);background:var(--info-muted)}.api-summary{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.api-endpoint-body{border-top:1px solid var(--border);flex-direction:column;gap:20px;padding:16px;display:flex}.api-section-title{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.api-response{margin-bottom:12px}.api-response:last-child{margin-bottom:0}.api-response-header{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.api-status-badge{font-family:var(--font-mono);font-size:12px;font-weight:700}.api-response-label{color:var(--text);font-size:13px;font-weight:600}.api-response-desc{color:var(--text-muted);font-size:12px}.api-code-block{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-secondary);-webkit-overflow-scrolling:touch;padding:12px 16px;font-size:12px;line-height:1.5;overflow-x:auto}.api-notes{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.api-notes li{color:var(--text-secondary);padding-left:16px;font-size:13px;position:relative}.api-notes li:before{content:"";background:var(--border);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.api-schema-chips{flex-wrap:wrap;gap:8px;display:flex}.api-schema-chip{background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:4px 12px;font-size:12px}@media (max-width:768px){.api-endpoint-header{flex-wrap:wrap;gap:8px}.api-endpoint-right{flex-basis:100%}.api-summary{display:none}.api-overview-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.api-overview-grid{grid-template-columns:1fr}}.sidebar-hamburger{border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:background .15s,color .15s;display:none}.sidebar-hamburger:hover{background:var(--surface);color:var(--text)}.sidebar-backdrop{display:none}@media (max-width:1024px){.app-layout{grid-template-columns:220px 1fr}.sidebar{width:220px}.content-area{padding:24px 28px 48px}.topbar-search{max-width:320px}.wiki-layout{grid-template-columns:1fr 260px;gap:24px}}@media (max-width:768px){.app-layout{grid-template-columns:1fr}.sidebar-hamburger{display:flex}.sidebar{top:var(--topbar-height);z-index:50;width:280px;box-shadow:none;transition:transform .25s;position:fixed;bottom:0;left:0;transform:translate(-100%)}body.sidebar-open .sidebar{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar-backdrop{inset:0;top:var(--topbar-height);z-index:49;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:block;position:fixed}.topbar{gap:10px;padding:0 12px}.topbar-logo{letter-spacing:.8px;gap:8px;font-size:12px}.topbar-logo-text{display:none}.topbar-search{flex:1;max-width:none}.topbar-search input{font-size:13px}.search-kbd,.status-pill{display:none}.topbar-right{gap:6px}.content-area{padding:16px 16px 48px}.content-container{max-width:100%}.page-title{margin-bottom:8px;font-size:22px}.page-header{margin-bottom:20px}.breadcrumb{flex-wrap:wrap;font-size:12px}.data-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;overflow-x:auto}.data-table{min-width:600px}.data-table th,.data-table td{padding:8px 12px;font-size:12px}.filter-bar-top{flex-wrap:wrap;gap:8px}.filter-search{flex:100%}.filter-groups{grid-template-columns:1fr 1fr;gap:12px;padding:12px}.wiki-layout{grid-template-columns:1fr;gap:16px}.wiki-infobox{order:-1;position:static}.section{margin-bottom:24px}.section-title{margin-bottom:8px;font-size:13px}.prose{font-size:14px}.prose blockquote{padding:8px 12px}.ability-card{padding:12px}.search-palette{width:95%;max-width:none;margin:10vh auto 0}.sv-page{height:auto;min-height:calc(100vh - var(--topbar-height) - 48px)}}@media (max-width:480px){.content-area{padding:12px 12px 40px}.page-title{font-size:20px}.filter-groups{grid-template-columns:1fr}.filter-toggle-btn,.filter-clear-btn,.filter-export-btn{padding:4px 8px;font-size:10px}.wiki-infobox{border-left:none;border-right:none;border-radius:0;margin:0 -12px}.data-table{min-width:500px}.topbar-logo-icon{display:none}}.art-status-stats{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.art-progress-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:28px;margin-bottom:32px;position:relative;overflow:hidden}.art-progress-fill{background:var(--accent);opacity:.25;height:100%;transition:width .3s}.art-progress-label{font-family:var(--font-mono);color:var(--foreground);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.art-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;min-width:120px;padding:16px 24px;display:flex}.art-stat-value{font-family:var(--font-mono);color:var(--foreground);font-size:28px;font-weight:700;line-height:1}.art-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:12px}.art-section{margin-bottom:48px}.art-section-title{align-items:center;gap:8px;margin-bottom:4px;font-size:20px;font-weight:700;display:flex}.art-section-title i{color:var(--muted);font-size:16px}.art-section-desc{color:var(--muted);margin-bottom:20px;font-size:13px}.art-role-group{margin-bottom:32px}.art-role-title{color:var(--foreground);margin-bottom:12px;font-size:15px;font-weight:600}.art-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);gap:1px;display:grid;overflow:hidden}.art-grid--enemy{grid-template-columns:160px repeat(4,1fr)}.art-grid--player{grid-template-columns:180px repeat(8,1fr)}.art-grid-row-contents{display:contents}.art-grid-header{background:var(--surface);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:center;padding:8px 12px;font-size:11px;font-weight:600}.art-grid-header:first-child{text-align:left}.art-grid-corp,.art-grid-char{background:var(--background);flex-direction:column;justify-content:center;gap:2px;padding:12px;display:flex}.art-corp-link{color:var(--foreground);font-size:13px;font-weight:600;text-decoration:none}.art-corp-link:hover{color:var(--accent)}.art-unit-name{color:var(--muted);font-size:11px}.art-unit-name a{color:var(--muted);text-decoration:none}.art-unit-name a:hover{color:var(--accent)}.art-grid-char a{color:var(--foreground);font-size:13px;font-weight:600;text-decoration:none}.art-grid-char a:hover{color:var(--accent)}.art-variant-count{font-family:var(--font-mono);color:var(--muted);font-size:11px}.art-grid-cell{background:var(--background);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:80px;padding:8px;display:flex}.art-thumb--placeholder{border:2px dashed var(--border);background:var(--surface);justify-content:center;align-items:center;display:flex}.art-placeholder-logo{opacity:.15;width:32px;height:32px}.art-thumb--sm.art-thumb--placeholder .art-placeholder-logo{width:24px;height:24px}.art-thumb{border-radius:var(--radius-sm);background:var(--surface);width:120px;height:120px;overflow:hidden}.art-thumb--sm{width:80px;height:80px}.art-thumb-img{object-fit:cover;width:100%;height:100%}.art-grid-cell--has-art{background:var(--background)}.lightbox-trigger{all:unset;cursor:pointer;display:inline-flex}.lightbox-trigger:hover .art-thumb{opacity:.85;outline:2px solid var(--accent);outline-offset:-2px}.lightbox-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;animation:.15s lightbox-fade-in;display:flex;position:fixed;inset:0}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-close{all:unset;width:40px;height:40px;color:var(--foreground);cursor:pointer;border-radius:var(--radius);background:#ffffff1a;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#fff3}.lightbox-content{flex-direction:column;align-items:center;gap:12px;max-width:90vw;max-height:90vh;display:flex}.lightbox-img{object-fit:contain;border-radius:var(--radius);max-width:90vw;max-height:80vh}.lightbox-caption{color:#ffffffb3;text-align:center;font-size:14px;font-weight:500}.lightbox-arrow{all:unset;color:#fff;cursor:pointer;border-radius:var(--radius);background:#ffffff1a;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{background:#fff3}.lightbox-arrow--left{left:16px}.lightbox-arrow--right{right:16px}.unit-gallery{border-bottom:1px solid var(--border);background:var(--bg-alt)}.unit-gallery-viewport{justify-content:center;align-items:center;padding:8px;display:flex}.unit-gallery-img-btn{all:unset;cursor:pointer;width:100%;display:block}.unit-gallery-img-btn:hover{opacity:.9}.unit-gallery-img{border-radius:var(--radius-sm);width:100%;height:auto;display:block}.unit-gallery-controls{justify-content:center;align-items:center;gap:8px;padding:0 8px 4px;display:flex}.unit-gallery-arrow{all:unset;width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);justify-content:center;align-items:center;font-size:11px;display:flex}.unit-gallery-arrow:hover{color:var(--foreground);border-color:var(--foreground)}.unit-gallery-dots{align-items:center;gap:6px;display:flex}.unit-gallery-dot{all:unset;background:var(--border);cursor:pointer;border-radius:50%;width:7px;height:7px;transition:background .15s}.unit-gallery-dot--active{background:var(--accent)}.unit-gallery-dot:hover{background:var(--muted)}.unit-gallery-dot--active:hover{background:var(--accent)}.unit-gallery-label{text-align:center;font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px 8px;font-size:11px}.art-variant-label{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;font-size:10px}.art-cell-corp-link{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px;text-decoration:none}.art-cell-corp-link--tbd{opacity:.4}.art-cell-corp-link:hover{color:var(--accent);opacity:1}@media (max-width:1024px){.art-grid--player{grid-template-columns:140px repeat(8,1fr)}.art-grid--player .art-grid-header{padding:6px 4px;font-size:10px}.art-thumb{width:90px;height:90px}.art-thumb--sm{width:60px;height:60px}.art-placeholder-logo{width:24px;height:24px}.art-thumb--sm.art-thumb--placeholder .art-placeholder-logo{width:18px;height:18px}}@media (max-width:768px){.art-grid--player{grid-template-columns:120px repeat(8,48px);overflow-x:auto}.art-grid--enemy{grid-template-columns:120px repeat(4,1fr)}.art-status-stats{gap:8px}.art-stat{min-width:80px;padding:12px 16px}.art-stat-value{font-size:22px}.art-grid-cell{min-height:60px;padding:4px}.art-thumb{width:70px;height:70px}.art-thumb--sm{width:44px;height:44px}.art-placeholder-logo{width:20px;height:20px}.art-thumb--sm.art-thumb--placeholder .art-placeholder-logo{width:14px;height:14px}}