:root{color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background:#f3f6f8;--text-main: #1f2937;--text-muted: #334155;--text-strong: #111827;--border-soft: #c9d6df;--border-mid: #9fb7c8;--surface-main: #ffffff;--surface-muted: #eef4f8;--surface-panel: #f8fbfd;--surface-elevated: rgba(248, 252, 255, .92);--surface-app-gradient: radial-gradient(circle at top left, #ffffff 0%, #eaf1f5 55%, #d9e5ed 100%);--button-accent: #1f5f85;--button-accent-text: #ffffff;--button-neutral-border: #8da4b4;--button-neutral-bg: #eef4f8;--button-neutral-text: #1f2937;--button-danger: #dc2626;--badge-border: #b9c6d1;--badge-bg: rgba(248, 252, 255, .92);--dialog-shadow: 0 18px 45px rgba(2, 6, 23, .14)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;color:#e2e8f0;background:#0f172a;--text-main: #e2e8f0;--text-muted: #cbd5e1;--text-strong: #f8fafc;--border-soft: #334155;--border-mid: #475569;--surface-main: #1e293b;--surface-muted: #334155;--surface-panel: #1b2436;--surface-elevated: rgba(15, 23, 42, .82);--surface-app-gradient: radial-gradient(circle at top left, #1f2937 0%, #111827 55%, #0b1220 100%);--button-accent: #38bdf8;--button-accent-text: #0f172a;--button-neutral-border: #64748b;--button-neutral-bg: #334155;--button-neutral-text: #e2e8f0;--button-danger: #ef4444;--badge-border: #475569;--badge-bg: rgba(15, 23, 42, .9);--dialog-shadow: 0 20px 50px rgba(2, 6, 23, .35)}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-main);background:var(--surface-main)}a{color:inherit}button,input,textarea,select{font:inherit}#root{min-height:100vh}.page-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.page-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.eyebrow{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;color:var(--text-muted)}.page-title{margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;color:var(--text-strong)}.page-copy{margin:0;max-width:60ch;color:var(--text-muted)}.status-panel{min-height:180px;display:grid;place-items:center;text-align:center;gap:.6rem;padding:1.5rem;border:1px solid var(--border-soft);border-radius:20px;background:var(--surface-elevated);box-shadow:var(--dialog-shadow)}.status-panel h1,.status-panel h2,.status-panel p{margin:0}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.character-card{display:grid;grid-template-rows:minmax(220px,1fr) auto;text-decoration:none;border:1px solid var(--border-soft);border-radius:22px;overflow:hidden;background:var(--surface-main);box-shadow:0 14px 35px #0206171a;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.character-card:hover,.character-card:focus-visible{transform:translateY(-3px);border-color:var(--button-accent);box-shadow:0 18px 42px #02061729;outline:none}.card-image-shell{display:grid;place-items:center;min-height:220px;background:linear-gradient(180deg,var(--surface-panel),var(--surface-muted));padding:1rem}.card-image,.detail-preview-image,.projectile-image{display:block;max-width:100%;height:auto}.card-copy{padding:1rem 1.1rem 1.2rem}.card-title{margin:0;font-size:1.1rem}.card-subtitle{margin:.35rem 0 0;color:var(--text-muted)}.detail-layout{display:grid;gap:2rem}.detail-topbar{display:flex;justify-content:flex-start;padding:0 1rem}.detail-topbar-leading{margin-bottom:2rem}.text-link{color:var(--button-accent);text-decoration-thickness:2px;text-underline-offset:3px}.detail-hero{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:1.5rem;align-items:start}.detail-preview-shell,.projectile-list,.animation-panel{border:1px solid var(--border-soft);border-radius:24px;background:var(--surface-main);box-shadow:0 14px 35px #0206171a}.detail-preview-shell{min-height:360px;display:grid;place-items:center;padding:1.5rem}.section-stack{display:grid;gap:1rem}.section-heading{margin:0;font-size:1.55rem}.projectile-list{padding:1rem;min-height:160px}.projectile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.projectile-card{border:1px solid var(--border-soft);border-radius:16px;padding:.9rem;background:var(--surface-panel);min-height:150px;display:grid;gap:.7rem}.projectile-figure{margin:0;min-height:88px;display:grid;place-items:center}.projectile-name{margin:0;font-weight:700}.animations-list{display:grid;gap:1rem}.animation-panel{padding:1rem}.animation-heading{margin:0 0 .75rem;font-size:1.15rem}.animation-player-shell{min-height:240px;border:1px solid var(--border-mid);border-radius:18px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(180deg,var(--surface-panel),var(--surface-muted))}.animation-stage{width:100%;min-height:240px;display:grid;place-items:center;padding:1rem}.animation-stage canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated}.loading-state,.error-state,.empty-state{width:100%;min-height:inherit;display:grid;place-items:center;text-align:center;padding:1rem;color:var(--text-muted)}.error-state{color:var(--button-danger)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:820px){.detail-hero{grid-template-columns:1fr}.page-shell{width:min(100% - 1.2rem,1180px);padding-top:1.25rem}}