:root{color-scheme:dark;--bg: #07101c;--bg-2: #0c1a2d;--surface: #101c2c;--surface-2: #15273e;--line: rgba(201, 222, 255, .18);--text: #edf5ff;--muted: #b7c8da;--soft: #d7e6f6;--gold: #d8aa57;--gold-2: #ffe0a2;--crimson: #cc475d;--cyan: #73d8ff;--violet: #9d86ff;--green: #75d89a;--shadow: 0 18px 48px rgba(0, 0, 0, .35);--radius: 8px;--container: 1180px;--font-display: "Cinzel", "Noto Sans JP", "Noto Sans", serif;--font-body: "Inter", "Noto Sans", "Noto Sans JP", system-ui, sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #edf2f7;--bg-2: #dde7f2;--surface: #ffffff;--surface-2: #eef5fb;--line: rgba(30, 55, 83, .18);--text: #102033;--muted: #40566f;--soft: #243b55;--gold: #9b6720;--gold-2: #6f470f;--crimson: #9c2f47;--cyan: #006c97;--violet: #5f4bc5;--green: #1f7c4b;--shadow: 0 18px 42px rgba(20, 45, 75, .16)}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:local("Inter")}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;overflow-x:hidden;color:var(--text);background:linear-gradient(180deg,rgba(13,22,38,.1),var(--bg) 520px),radial-gradient(circle at 20% 0%,rgba(115,216,255,.1),transparent 34rem),var(--bg);font-family:var(--font-body);line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--gold-2)}p{color:var(--muted)}h1,h2,h3{margin:0;color:var(--text);line-height:1.12}h1,h2{font-family:var(--font-display);font-weight:800}h1{font-size:clamp(2.4rem,5vw,5.7rem);max-width:980px}h2{font-size:clamp(1.7rem,3vw,3rem)}h3{font-size:1.08rem}table{width:100%;border-collapse:collapse}th,td{padding:1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--gold-2);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;min-height:68px;padding:.65rem clamp(1rem,3vw,2rem);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.75rem;min-width:0;font-weight:800}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--gold);background:linear-gradient(135deg,#d8aa5738,#73d8ff1a);color:var(--gold-2);font-family:var(--font-display)}.brand-text{white-space:nowrap}.site-nav{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;overflow:visible;scrollbar-width:none}.site-nav a,.nav-menu summary,.official-link,.button,.language-menu summary{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:.55rem .85rem;border:1px solid transparent;color:var(--soft);font-size:.9rem;font-weight:700;white-space:nowrap}.site-nav a.active,.site-nav a:hover,.nav-menu summary.active,.nav-menu summary:hover,.official-link:hover,.language-menu summary:hover{border-color:var(--line);background:#ffffff0f;color:var(--gold-2)}.nav-menu{position:relative}.nav-menu summary{list-style:none;cursor:pointer}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary:after{content:"▾";margin-left:.35rem;font-size:.7rem;opacity:.72}.nav-submenu{position:absolute;top:calc(100% + .55rem);left:50%;z-index:120;display:grid;width:min(720px,calc(100vw - 2rem));grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:var(--shadow);transform:translate(-50%)}.nav-menu:not([open]) .nav-submenu{display:none}.nav-submenu section{display:grid;align-content:start;gap:.1rem;padding:.85rem}.nav-submenu section+section{border-left:1px solid var(--line)}.nav-submenu h2{margin:.25rem 0 .35rem;color:var(--gold-2);font-family:var(--font-body);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.nav-submenu a{min-height:0;justify-content:start;padding:.42rem .5rem;border-color:transparent;color:var(--soft);font-size:.84rem}.nav-submenu a:hover,.nav-submenu a:focus{background:color-mix(in srgb,var(--gold) 15%,transparent);color:var(--text)}.nav-submenu .submenu-overview{margin-bottom:.3rem;border-color:var(--line);color:var(--text);font-weight:800}.header-tools{display:inline-flex;gap:.5rem;align-items:center}.icon-button{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}.language-menu{position:relative}.language-menu summary{min-width:104px;list-style:none;border-color:var(--line);background:color-mix(in srgb,var(--surface) 84%,transparent);cursor:pointer}.language-menu summary::-webkit-details-marker{display:none}.language-menu div{position:absolute;right:0;top:calc(100% + .5rem);z-index:30;display:grid;width:220px;max-height:min(520px,calc(100vh - 6rem));overflow:auto;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.language-menu a{padding:.58rem .75rem;color:var(--soft);font-size:.9rem;font-weight:800}.language-menu a.active,.language-menu a:hover{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--text)}.hero{position:relative;min-height:min(720px,calc(100dvh - 68px));display:grid;align-items:center;isolation:isolate;overflow:hidden;--text: #f5f8ff;--muted: #d9e8f8;--soft: #edf5ff}.hero-media{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050c16f5,#050c16d1 44%,#050c165c),linear-gradient(0deg,var(--bg) 0%,transparent 28%),url(/assets/official/hero-bg.jpeg) center / cover no-repeat}.hero-media:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(90deg,transparent 0 8%,rgba(216,170,87,.65) 8% 10%,transparent 10% 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 120px);opacity:.5}.hero-inner{width:min(var(--container),calc(100% - 2rem));margin:0 auto;padding:clamp(2.5rem,6vw,4.75rem) 0}.hero-logo{width:min(430px,72vw);margin:0 0 1rem;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5))}.hero-copy{max-width:620px;margin:1.25rem 0 0;color:var(--muted);font-size:clamp(1rem,1.8vw,1.16rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.button{border-color:var(--line);background:#ffffff12}.button.primary{border-color:#ffe0a2b3;background:linear-gradient(135deg,#8d3144,#d8aa57);color:#08111f}.portal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:clamp(1.5rem,4vw,3rem);align-items:center}.portal-copy h1{max-width:900px;font-size:clamp(2.45rem,5vw,4.75rem)}.portal-panel{border:1px solid rgba(255,224,162,.28);background:linear-gradient(180deg,#101c2ce6,#07101cdb),color-mix(in srgb,var(--surface) 60%,transparent);box-shadow:var(--shadow)}.portal-panel h2{padding:1rem 1rem 0;font-size:1.35rem}.fact-list{display:grid;margin-top:.8rem;border-top:1px solid var(--line)}.fact-list div{display:grid;grid-template-columns:132px 1fr;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.fact-list span{color:var(--gold-2);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.fact-list strong{color:var(--text);line-height:1.25}.panel-links{display:grid;grid-template-columns:repeat(3,1fr)}.panel-links a{padding:.8rem;border-right:1px solid var(--line);color:var(--soft);font-weight:900;text-align:center}.panel-links a:last-child{border-right:0}.panel-links a:hover{background:#ffffff12;color:var(--gold-2)}.mini-media-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.9rem}.mini-media-row img{width:100%;aspect-ratio:16 / 9;border:1px solid var(--line);object-fit:cover}.eyebrow{margin:0 0 .75rem;color:var(--gold-2);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.band{border-block:1px solid var(--line);background:color-mix(in srgb,var(--surface) 80%,transparent)}.section-inner{width:min(var(--container),calc(100% - 2rem));margin:0 auto;padding:clamp(3rem,7vw,6rem) 0}.stats-band .section-inner{padding-block:2rem}.fact-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);background:var(--surface)}.fact-cell{min-width:0;padding:1rem;border-right:1px solid var(--line)}.fact-cell:last-child{border-right:0}.fact-cell span,.mini-card span,.system-card span,.rail-item span{display:block;color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.fact-cell strong{display:block;margin-top:.35rem;line-height:1.25}.split-feature,.media-feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1fr);gap:2rem;align-items:center}.system-rail{display:grid;gap:.65rem}.feature-frame{grid-column:1 / -1;display:block;width:100%;max-height:420px;min-height:180px;aspect-ratio:16 / 5.6;border:1px solid var(--line);background:linear-gradient(135deg,#07101c29,#07101c66),url(/assets/official/intro-bg-fallback.webp) center / cover no-repeat,var(--surface-2);object-fit:cover;box-shadow:var(--shadow)}.media-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 2rem}.media-strip img{width:100%;aspect-ratio:16 / 9;border:1px solid var(--line);object-fit:cover;background:var(--surface)}.rail-item,.mini-card,.system-card,.character-card,.video-card,.glossary-grid>div{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow)}.rail-item{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:1rem}.section-heading{display:flex;gap:1rem;align-items:end;justify-content:space-between;margin-bottom:1.4rem}.section-heading a{color:var(--gold-2);font-weight:800}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card-grid.four,.roster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.character-card{position:relative;display:flex;min-height:100%;flex-direction:column;overflow:hidden}.character-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--bg-2)}.character-card h3,.character-card p{padding-inline:1rem}.character-card h3{margin-top:1rem}.character-card p{margin-top:.45rem;margin-bottom:1rem;font-size:.92rem}.character-card.compact p{min-height:2.6em}.role-chip{position:absolute;top:.75rem;left:.75rem;padding:.28rem .48rem;border:1px solid rgba(255,255,255,.28);background:#08111fc7;color:#fff;font-size:.72rem;font-weight:800}.role-chip.hot{background:#cc475dd9}.avatar-fallback{display:grid;width:100%;aspect-ratio:16 / 9;place-items:center;background:linear-gradient(135deg,#d8aa5733,#73d8ff1a),var(--surface-2);color:var(--gold-2);font-family:var(--font-display);font-size:2rem}.avatar-fallback.large{min-height:340px;font-size:4rem}.page-hero{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#07101cf0,#07101cb8),url(/assets/official/intro-bg.png) center / cover no-repeat;--text: #f5f8ff;--muted: #d9e8f8}.page-hero .section-inner{padding-top:clamp(4rem,9vw,8rem);padding-bottom:clamp(2.5rem,6vw,4rem)}.page-hero p{max-width:780px;font-size:1.08rem}.content-shell{max-width:960px}.content-shell h2{margin-top:2.5rem}.content-shell h2:first-child{margin-top:0}.content-shell h3{margin-top:1rem}.subsection{margin-top:2rem}.detail-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);gap:1.25rem;align-items:start}.portrait-panel{overflow:hidden;border:1px solid var(--line);background:var(--surface)}.portrait-panel img{width:100%;aspect-ratio:16 / 10;object-fit:cover}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 0}.spec-grid div{padding:.85rem;border:1px solid var(--line);background:var(--surface)}.spec-grid dt{color:var(--muted);font-size:.74rem;font-weight:800;text-transform:uppercase}.spec-grid dd{margin:.25rem 0 0;color:var(--text)}.check-list{display:grid;gap:.55rem;padding:0;list-style:none}.check-list li{padding:.75rem .9rem;border-left:3px solid var(--gold);background:var(--surface)}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.system-card,.mini-card{padding:1rem}.system-card.accent{border-color:#d8aa5759}.system-card h3,.mini-card strong{display:block;margin-top:.35rem}.step-list{display:grid;gap:.75rem;margin-top:1rem}.step-list div{display:grid;grid-template-columns:48px 1fr;align-items:center;border:1px solid var(--line);background:var(--surface)}.step-list strong{display:grid;min-height:58px;place-items:center;background:#d8aa572e;color:var(--gold-2)}.step-list span{padding:.75rem 1rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);background:var(--surface)}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.video-card{padding:1rem}.video-card h3{margin-top:1rem}.timeline{display:grid;gap:1rem}.timeline article{border-left:3px solid var(--gold);padding:.2rem 0 .2rem 1rem}.timeline time{color:var(--gold-2);font-weight:800}.faq-list{display:grid;gap:.75rem}.faq-list details{border:1px solid var(--line);background:var(--surface)}.faq-list summary{cursor:pointer;padding:1rem;color:var(--text);font-weight:800}.faq-list p{margin:0;padding:0 1rem 1rem}.glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.glossary-grid>div{padding:1rem}.floating-toc{position:fixed;top:96px;right:max(1rem,calc((100vw - var(--container)) / 2 - 220px));z-index:15;width:210px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow)}.floating-toc details{padding:.75rem}.floating-toc summary{cursor:pointer;color:var(--gold-2);font-weight:800}.toc-label-short{display:none}.floating-toc nav{display:grid;gap:.35rem;margin-top:.75rem}.floating-toc a{overflow:hidden;color:var(--muted);font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.floating-toc .toc-sub{padding-left:.75rem}.back-top{display:block;border-top:1px solid var(--line);padding:.65rem .75rem;color:var(--gold-2)!important;font-weight:800}.site-footer{display:flex;gap:1rem;justify-content:space-between;padding:2rem clamp(1rem,3vw,2rem);border-top:1px solid var(--line);background:#050a12;--text: #edf5ff;--muted: #b7c8da;--soft: #d7e6f6;color:var(--text)}.site-footer p{margin:.25rem 0 0;color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.site-footer a{color:var(--soft)}.ad-slot-wrap{border:1px dashed var(--line);background:#ffffff08}@media(max-width:1180px){.floating-toc{right:1rem}}@media(max-width:1023px){.site-header{grid-template-columns:1fr auto}.site-nav{grid-column:1 / -1;justify-content:start;order:3}.floating-toc{top:auto;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));width:auto;max-width:calc(100vw - 2rem)}.floating-toc details[open]{width:min(280px,calc(100vw - 2rem))}.floating-toc details:not([open]){padding:.55rem .65rem}.floating-toc details:not([open]) summary{display:inline-flex;gap:.35rem;align-items:center;min-width:3.4rem;justify-content:center;font-size:.78rem}.floating-toc details:not([open]) summary:before{content:"☰";font-size:.9rem;line-height:1}.floating-toc details:not([open]) .toc-label-full{display:none}.floating-toc details:not([open]) .toc-label-short{display:inline}.floating-toc details:not([open])+.back-top{display:none}.split-feature,.media-feature,.detail-layout,.portal-grid{grid-template-columns:1fr}.portal-panel{max-width:560px}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fact-cell{border-bottom:1px solid var(--line)}}@media(max-width:760px){.site-header{gap:.45rem;min-height:0;padding:.5rem .75rem}.brand-text{display:none}.brand-mark,.icon-button{width:36px;height:36px}.site-nav{gap:.15rem}.site-nav a,.nav-menu summary,.language-menu summary{min-height:34px;padding:.42rem .55rem;font-size:.78rem}.nav-submenu{position:fixed;top:6.8rem;left:.75rem;right:.75rem;width:auto;max-height:calc(100dvh - 7.75rem);grid-template-columns:1fr;overflow:auto;transform:none}.nav-submenu section+section{border-top:1px solid var(--line);border-left:0}.hero{min-height:auto}.hero-inner{padding-top:2.25rem;padding-bottom:3.25rem}.fact-list div{grid-template-columns:1fr}.section-inner{width:min(100% - 2rem,var(--container))}.card-grid,.card-grid.four,.roster-grid,.system-grid,.video-grid,.media-strip,.glossary-grid,.spec-grid{grid-template-columns:1fr}.section-heading,.site-footer{align-items:start;flex-direction:column}.rail-item{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.ad-slot-wrap[data-astro-cid-fgwukgf6]{margin:1.25rem 0;max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.ad-label[data-astro-cid-fgwukgf6]{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-bottom:.35rem}.ad-slot[data-astro-cid-fgwukgf6]{min-height:90px;width:100%;max-width:728px}.yt-facade[data-astro-cid-qtly7il3]{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#07101c61,#07101cb8),url(/assets/official/intro-bg.png) center / cover no-repeat,#07101c;border-radius:8px;overflow:hidden;cursor:pointer}.yt-facade[data-astro-cid-qtly7il3]:focus-visible{outline:3px solid currentColor;outline-offset:2px}.yt-thumb[data-astro-cid-qtly7il3]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.yt-facade[data-astro-cid-qtly7il3]:hover .yt-thumb[data-astro-cid-qtly7il3],.yt-facade[data-astro-cid-qtly7il3]:focus-visible .yt-thumb[data-astro-cid-qtly7il3]{transform:scale(1.03)}.yt-play[data-astro-cid-qtly7il3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:999px;background:#000000bf;color:#fff;font-size:.9rem;font-weight:600;white-space:nowrap;transition:background .2s ease}.yt-facade[data-astro-cid-qtly7il3]:hover .yt-play[data-astro-cid-qtly7il3],.yt-facade[data-astro-cid-qtly7il3]:focus-visible .yt-play[data-astro-cid-qtly7il3]{background:#c80000e6}@media(prefers-reduced-motion:reduce){.yt-thumb[data-astro-cid-qtly7il3],.yt-play[data-astro-cid-qtly7il3]{transition:none}.yt-facade[data-astro-cid-qtly7il3]:hover .yt-thumb[data-astro-cid-qtly7il3],.yt-facade[data-astro-cid-qtly7il3]:focus-visible .yt-thumb[data-astro-cid-qtly7il3]{transform:none}}