@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&family=Noto+Sans:wght@400;700&family=Noto+Sans+JP:wght@700&family=Noto+Sans+KR:wght@700&family=Noto+Sans+SC:wght@700&family=Noto+Sans+TC:wght@700&family=Noto+Sans+Thai:wght@700&display=swap";:root{--ink: #14110d;--paper: #f4ead4;--gold: #c9a227;--gold-deep: #8a6a14;--wine: #7a1f32;--mist: #d8cbb0;--line: #2a241c;--muted: #5c5346;--panel: #1c1813;--bg: #14110d;--fg: #f4ead4;--accent: #c9a227;--radius: 2px;--toc-width: 240px;--font-display: "Archivo Black", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", "Noto Sans", sans-serif;--font-body: "Source Sans 3", "Noto Sans", sans-serif;color-scheme:dark}html[data-theme=light]{--bg: #f4ead4;--fg: #14110d;--panel: #efe3c8;--line: #2a241c;--muted: #5c5346;--paper: #fff8ea;color-scheme:light}html,body{overflow-x:hidden}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}body{margin:0;min-height:100dvh;background:linear-gradient(180deg,#14110deb,#14110df5),repeating-linear-gradient(-18deg,transparent,transparent 11px,rgb(201 162 39 / .04) 11px,rgb(201 162 39 / .04) 12px);color:var(--fg);font-family:var(--font-body);font-size:17px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit}button,select,input{font:inherit;color:inherit}.skip-link{position:absolute;left:12px;top:-40px;background:var(--gold);color:var(--ink);padding:8px 12px;z-index:40}.skip-link:focus{top:12px}.shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:2px solid var(--gold);backdrop-filter:blur(10px)}.header-inner,.nav-row{display:flex;align-items:center;gap:16px;min-height:64px}.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}.brand-mark{width:36px;height:36px}.brand-name{font-family:var(--font-display);font-size:13px;letter-spacing:.04em;max-width:18ch;line-height:1.15}.nav-links{display:flex;gap:18px;flex:1 1 auto;min-width:0;overflow:hidden}.nav-links a{text-decoration:none;font-weight:700;font-size:14px;white-space:nowrap;border-bottom:2px solid transparent;padding:6px 0}.nav-links a[aria-current=page]{border-bottom-color:var(--gold);color:var(--gold)}.header-actions{margin-left:auto;display:flex;gap:8px;position:relative}.icon-button{min-width:40px;min-height:40px;border:1px solid var(--gold);background:transparent;color:var(--gold);cursor:pointer}.icon-button:active{transform:scale(.98)}.language-menu,.mobile-navigation{position:absolute;right:0;top:calc(100% + 8px);background:var(--panel);border:1px solid var(--gold);padding:10px;display:none;gap:6px;min-width:180px;z-index:21}.language-menu:not([hidden]),.mobile-navigation:not([hidden]){display:grid}[hidden]{display:none!important}.language-menu a,.mobile-navigation a{text-decoration:none;display:block;padding:4px 0}.mobile-button{display:none}body.nav-collapsed .nav-links{visibility:hidden}body.nav-collapsed .mobile-button{display:inline-flex;align-items:center;justify-content:center}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,42%);gap:28px;align-items:end;padding:28px 0 36px;min-height:auto}.hero-copy h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;margin:0 0 12px;max-width:16ch}.hero-copy p{max-width:58ch;margin:0 0 18px;color:var(--mist)}html[data-theme=light] .hero-copy p{color:var(--muted)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;text-decoration:none;border:2px solid var(--gold);background:var(--gold);color:var(--ink);font-weight:700}.btn.ghost{background:transparent;color:var(--gold)}.btn:active{transform:translateY(1px)}.manga-stack{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:180px 160px;gap:8px}.manga-stack figure{margin:0;border:3px solid var(--fg);overflow:hidden;background:var(--panel);box-shadow:6px 6px 0 var(--gold)}.manga-stack img{width:100%;height:100%;object-fit:cover}.manga-stack figure:first-child{grid-row:1 / span 2}.part-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:8px 0 32px}.part-rail a{text-decoration:none;padding:10px 8px;border-left:6px solid var(--part);background:var(--panel);min-height:72px}.part-rail strong{display:block;font-size:12px}.part-rail span{font-size:13px;color:var(--mist)}.section{padding:28px 0}.section h2,.prose h2{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);line-height:1.15;margin:0 0 12px}.prose{max-width:65ch}.prose p,.prose li{margin:0 0 12px}.layout-with-toc{display:grid;grid-template-columns:var(--toc-width) minmax(0,1fr);gap:32px;align-items:start}.toc{position:sticky;top:88px;width:var(--toc-width);flex:0 0 var(--toc-width)}.toc-toggle{width:100%;min-height:40px;border:1px solid var(--gold);background:var(--panel);color:var(--gold)}.toc nav{width:var(--toc-width);border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);background:var(--panel);padding:10px;display:grid;gap:6px}.toc a{display:block;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.article-col{max-width:65ch;min-width:0}.stand-plate{display:inline-flex;flex-direction:column;border:2px solid var(--gold);padding:6px 10px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 18%,transparent),transparent 48%),var(--panel);min-width:12ch}.stand-plate small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.stand-plate strong{font-family:var(--font-display);font-size:18px;line-height:1.1}.weather-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--gold);border:2px solid var(--gold)}.weather-board article{background:var(--panel);padding:14px}.weather-board h3{margin:0 0 6px;font-size:16px}.roster-tools{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}.roster-tools input,.roster-tools select,.team-grid select{width:100%;min-height:44px;border:1px solid var(--gold);background:var(--panel);padding:0 10px}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.character-card{text-decoration:none;border:2px solid var(--line);background:var(--panel);overflow:hidden}.character-card img{aspect-ratio:1;width:100%;object-fit:cover;background:#1a1611}.character-card .meta{padding:8px 10px 12px}.character-card .rarity{color:var(--gold);font-size:12px;font-weight:700}.stat-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--gold);margin:16px 0}.stat-mosaic div{background:var(--panel);padding:12px}.stat-mosaic strong{display:block;font-size:20px}.code-table,.data-table{width:100%;border-collapse:collapse}.code-table th,.code-table td,.data-table th,.data-table td{text-align:left;padding:10px 8px;border-bottom:1px solid color-mix(in srgb,var(--gold) 35%,transparent)}.table-wrap{overflow-x:auto}.ad-slot{margin:20px 0;min-height:90px}.site-footer{margin-top:48px;padding:28px 0 40px;border-top:2px solid var(--gold);color:var(--mist)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.site-footer a{color:var(--gold)}.back-top{position:fixed;right:16px;bottom:16px;z-index:15;background:var(--gold);color:var(--ink);text-decoration:none;padding:8px 12px;font-weight:700}.media-figure{margin:18px 0}.media-figure figcaption{font-size:14px;color:var(--muted);margin-top:6px}.tier-lane{margin:0 0 18px;border-left:8px solid var(--gold);padding-left:12px}.tier-lane ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.tier-lane a{text-decoration:none;border:1px solid var(--gold);padding:4px 8px}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.faq details{border-bottom:1px solid color-mix(in srgb,var(--gold) 35%,transparent);padding:10px 0}.faq summary{cursor:pointer;font-weight:700}@media(max-width:1023px){.layout-with-toc{grid-template-columns:1fr}.toc{position:fixed;inset:auto auto 72px 16px;z-index:16}.toc nav{max-height:50vh;overflow:auto}}@media(max-width:767px){.hero,.manga-stack,.part-rail,.roster-tools,.footer-grid,.weather-board,.team-grid,.stat-mosaic{grid-template-columns:1fr}.manga-stack{grid-template-rows:200px 140px 140px}.manga-stack figure:first-child{grid-row:auto}.hero-copy h1{max-width:none}.shell{width:min(1180px,calc(100% - 32px))}}
