:root{
  color-scheme:light;
  --paper:#f4f7fc;--ink:#23334d;--muted:#667d9c;--soft:#7c94b6;--line:#d3deee;
  --accent:#5778a8;--blue:#233d66;--surface:#ffffff;--surface-soft:#eaf0f9;
  --primary:#2c61dd;--primary-hover:#2455c7;--on-primary:#ffffff;--primary-soft:#e4edff;
  --hero-glow:#ffffff;--viewer-glow:#ffffff;--viewer-edge:#eaf0f8;
  --callout:#ffffffed;--callout-shadow:#27497712;--footer:#eaf0f8;
  --wordmark-filter:brightness(0);--wordmark-opacity:.86;
}
:root[data-theme=dark]{
  color-scheme:dark;
  --paper:#091424;--ink:#edf3fc;--muted:#b0bfd3;--soft:#90a6c4;--line:#293a51;
  --accent:#a8c2e6;--blue:#c2d4ef;--surface:#17263c;--surface-soft:#132137;
  --primary:#2c61dd;--primary-hover:#3b70ed;--on-primary:#ffffff;--primary-soft:#233c5e;
  --hero-glow:#11233a;--viewer-glow:#1b2d46;--viewer-edge:#101d30;
  --callout:#17263cf2;--callout-shadow:#00000026;--footer:#0d1b2d;
  --wordmark-filter:none;--wordmark-opacity:.98;
}
html,body{background:var(--paper);color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-header{width:calc(100% - 48px);max-width:1120px;height:96px;margin:0 auto;border:0;gap:24px}
.brand{gap:10px;flex-shrink:0;line-height:1}.brand-symbol{width:40px;height:40px;filter:drop-shadow(0 1px 2px #10234220)}.brand-wordmark{width:120px;height:auto;filter:var(--wordmark-filter);opacity:var(--wordmark-opacity)}
.brand-label{display:flex;align-items:center;align-self:center;border-left:1px solid var(--line);padding-left:14px;margin-left:3px;height:17px;color:var(--accent);font:9px Arial,sans-serif;letter-spacing:.21em}
.header-actions{display:flex;align-items:center;gap:24px}nav{gap:24px;font-size:11px;color:var(--blue);letter-spacing:.02em}nav a:hover{color:var(--primary)}
.theme-switch{display:flex;align-items:center;gap:2px;margin:0;padding:4px;border:1px solid var(--line);border-radius:30px;background:transparent;flex-shrink:0}
.theme-switch button{display:grid;place-items:center;width:29px;height:29px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:color .2s,background .2s}
.theme-switch button svg{width:15px;height:15px}.theme-switch button:hover{background:var(--surface-soft);color:var(--ink)}.theme-switch button[aria-pressed=true]{background:var(--primary-soft);color:var(--blue)}
.hero{height:calc(100svh - 96px);background:radial-gradient(ellipse at 50% 59%,var(--hero-glow),var(--paper) 68%)}
.hero-topline,.hero-bottomline,.small-label{color:var(--soft)}.hero-caption>p:not(.character-name){color:var(--muted)}
.text-link{border-color:var(--line);color:var(--blue)}.text-link:hover{color:var(--accent)}
#bubble{background:var(--callout);border-color:var(--line);box-shadow:0 8px 35px var(--callout-shadow);color:var(--ink)}
#replay{background:var(--primary);border-color:var(--primary);border-radius:999px;color:var(--on-primary);box-shadow:0 7px 20px #2459bb13}
#replay:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.progress{color:var(--soft)}.progress>span.active{color:var(--ink)}
.profile dd{color:var(--muted)}.collection-image{background:var(--surface-soft)}.site-footer{background:var(--footer);color:var(--ink)}.footer-main p,.footer-bottom{color:var(--muted)}.footer-bottom{border-color:var(--line)}.footer-back:hover{color:var(--accent)}
.detail-viewer{background:radial-gradient(ellipse at 50% 36%,var(--viewer-glow),var(--viewer-edge) 75%);border-color:var(--line)}
.detail-viewer-top>span,.detail-viewer-bottom>p,.detail-angle>span{color:var(--soft)}.detail-viewer-top>button{color:var(--ink);border-color:var(--line)}
.detail-leaders line{stroke:var(--accent);stroke-opacity:.6}.hotspot-plus{border-color:var(--accent);background:var(--callout);color:var(--blue);box-shadow:0 1px 9px var(--callout-shadow)}
.detail-hotspot:hover .hotspot-plus,.detail-hotspot:focus-visible .hotspot-plus,.detail-hotspot[aria-pressed=true] .hotspot-plus{background:var(--primary);color:var(--on-primary)}
.hotspot-label{background:var(--callout);border-color:var(--line);color:var(--ink)}.detail-angle>button{border-color:var(--line);color:var(--blue)}.detail-angle>button:hover{background:var(--surface)}
.detail-menu>button{border-color:var(--line);color:var(--muted)}.detail-menu>button>span:first-child,.detail-menu>button>span:last-child{color:var(--soft)}
.detail-menu>button:hover{border-color:var(--accent);background:var(--surface-soft)}.detail-menu>button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.detail-menu>button[aria-pressed=true]>span{color:#e8f0ff}
.detail-description>p:last-child,.detail-reference>figcaption{color:var(--muted)}.detail-reference figcaption>a{color:var(--blue);border-color:var(--line)}.detail-reference figcaption>a:hover{color:var(--accent)}
.detail-reference>svg{background:var(--surface-soft)}
@media(max-width:1000px){.header-actions{gap:17px}nav{gap:17px}.brand-label{padding-left:11px;letter-spacing:.16em}}
@media(max-width:860px){.site-header{gap:16px}.brand-label{display:none}.header-actions{gap:15px}nav{gap:15px;font-size:10px}}
@media(max-width:760px){.site-header{height:76px;width:calc(100% - 40px);gap:12px}.brand{gap:8px}.brand-symbol{width:32px;height:32px}.brand-wordmark{width:104px}.header-actions{gap:11px}nav a{display:none!important}nav a[href="#details"]{display:block!important}nav{font-size:10px;gap:0}.theme-switch{padding:3px;gap:1px}.theme-switch button{width:26px;height:26px}.theme-switch button svg{width:14px;height:14px}.hero{height:calc(100svh - 76px)}.footer-brand .brand-label{display:flex}}
@media(max-width:370px){.site-header{width:calc(100% - 32px)}.brand-symbol{width:29px;height:29px}.brand-wordmark{width:92px}.brand{gap:7px}.header-actions{gap:9px}.theme-switch{padding:2px}.theme-switch button{width:24px;height:26px}.footer-brand .brand-label{font-size:8px}}