@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--bg-primary:#05070a;--bg-secondary:#0a0c10;--bg-tertiary:#0f1218;--bg-card:#0d1015;--bg-card-hover:#141820;--bg-sidebar:#0a0c10;--bg-glass:#05070aeb;--text-primary:#e8e6e3;--text-secondary:#9a9a9a;--text-muted:#556;--text-heading:#fff;--accent-gold:#d4af37;--accent-gold-bright:#eebb4d;--accent-gold-glow:#d4af374d;--accent-gold-subtle:#d4af371a;--accent-gold-border:#d4af3740;--accent-danger:#e63946;--accent-danger-subtle:#e639461f;--accent-danger-border:#e6394659;--accent-blue:#3a6ea5;--accent-blue-glow:#3a6ea540;--accent-blue-subtle:#3a6ea514;--grade-special:#e63946;--grade-1:#d4af37;--grade-2:#c78f30;--grade-3:#8a7a45;--grade-4:#5a6a50;--grade-5:#4a5060;--threat-alpha:#e63946;--threat-beta:#e6952b;--threat-gamma:#8a7a45;--threat-delta:#3a6ea5;--resonance-fear:#8b2030;--resonance-rage:#d45020;--resonance-sorrow:#2855a0;--resonance-haste:#d48820;--resonance-thirst:#7030a0;--resonance-purge:#40a070;--magic-p:#9a9a9a;--magic-ignis:#d43030;--magic-lupis:#3070c0;--magic-ivyo:#30a050;--magic-ngt:#c0a030;--magic-monyx:#b0b0c0;--magic-p-seal:#7030a0;--magic-p-heal:#c06088;--faction-haraebe:#d4af37;--faction-mercenary:#3a6ea5;--faction-unaffiliated:#7a7a8a;--corp-sotetsu:#3a5a8a;--corp-raikin:#c06020;--corp-karasuha:#3a3a4a;--font-body:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace;--font-size-xs:.7rem;--font-size-sm:.85rem;--font-size-md:.95rem;--font-size-lg:1.1rem;--font-size-xl:1.3rem;--font-size-2xl:1.6rem;--font-size-3xl:2.2rem;--font-size-hero:3.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--border-subtle:1px solid #ffffff0f;--border-section:1px solid #ffffff14;--border-gold:1px solid var(--accent-gold-border);--radius-sm:2px;--radius-md:4px;--shadow-glow-gold:0 0 12px var(--accent-gold-glow);--shadow-card:0 2px 12px #0006;--transition-fast:.15s ease;--transition-normal:.25s ease;--sidebar-width:220px;--content-max-width:900px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;line-height:1.9}body:before{content:"";pointer-events:none;z-index:9998;background:radial-gradient(at 0 0,#3a6ea514 0%,#0000 50%),radial-gradient(at 100% 0,#3a6ea50f 0%,#0000 50%),radial-gradient(at 50% 100%,#3a6ea50d 0%,#0000 40%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#00000004 0 1px,#0000 1px 3px);position:fixed;inset:0}a{color:var(--accent-gold);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-gold-bright)}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-weight:700;line-height:1.3}.site-layout{min-height:100vh;display:flex}.site-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:var(--border-subtle);z-index:100;height:100vh;padding:var(--space-xl) 0;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.site-sidebar__header{padding:0 var(--space-lg);margin-bottom:var(--space-xl)}.site-sidebar__title-sm{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.1em}.site-sidebar__title{font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--text-heading);letter-spacing:.08em;font-weight:700}.site-sidebar__subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.site-sidebar__version{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--accent-gold);letter-spacing:.1em;margin-top:var(--space-xs)}.sidebar-nav__group{margin-bottom:var(--space-lg)}.sidebar-nav__group-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.1em;padding:0 var(--space-lg);margin-bottom:var(--space-sm)}.sidebar-nav__link{align-items:center;gap:var(--space-sm);padding:8px var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary);transition:all var(--transition-fast);border-left:3px solid #0000;display:flex}.sidebar-nav__link:hover{color:var(--text-heading);background:#ffffff08}.sidebar-nav__link--active{color:var(--accent-gold);border-left-color:var(--accent-gold);background:var(--accent-gold-subtle)}.sidebar-nav__icon{text-align:center;width:16px;font-size:var(--font-size-sm);opacity:.7}.main-content{margin-left:var(--sidebar-width);min-height:100vh;padding:var(--space-2xl) var(--space-3xl);flex:1}.container{max-width:var(--content-max-width);margin:0 auto}.page-header{text-align:center;padding-bottom:var(--space-2xl);margin-bottom:var(--space-2xl);border-bottom:var(--border-section)}.page-header__badge{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.15em;border:var(--border-subtle);margin-bottom:var(--space-lg);padding:4px 16px;display:inline-block}.page-header__title{font-size:var(--font-size-3xl);letter-spacing:.15em;margin-bottom:var(--space-sm);font-weight:700}.page-header__subtitle{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.15em}.section{margin-bottom:var(--space-3xl)}.section__number{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--accent-gold);letter-spacing:.2em;margin-bottom:var(--space-sm)}.section__heading{font-size:var(--font-size-2xl);margin-bottom:var(--space-xs);align-items:baseline;gap:var(--space-md);font-weight:700;display:flex}.section__heading-en{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-weight:400}.section__desc{color:var(--text-secondary);max-width:720px;line-height:1.9}.card{background:var(--bg-card);border:var(--border-subtle);padding:var(--space-lg) var(--space-xl);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);border-color:#d4af3726}.card__icon{margin-bottom:var(--space-sm);opacity:.8;font-size:1.5rem}.card__title{font-size:var(--font-size-lg);margin-bottom:var(--space-xs);color:var(--text-heading);font-weight:700}.card__title-en{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-sm)}.card__desc{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:2}.card-grid{border:var(--border-subtle);background:#ffffff0a;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;display:grid}.card-grid>.card{border:none;flex-direction:column;height:100%;display:flex}.card-grid>.card .card__desc{flex:1}.card-grid>a{display:flex}.two-col{border:var(--border-subtle);background:#ffffff0a;grid-template-columns:1fr 1fr;gap:1px;display:grid}.two-col>*{background:var(--bg-card);padding:var(--space-xl)}.badge{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.05em;align-items:center;padding:2px 8px;font-weight:500;display:inline-flex}.badge--gold{background:var(--accent-gold-subtle);color:var(--accent-gold);border:1px solid var(--accent-gold-border)}.badge--danger{background:var(--accent-danger-subtle);color:var(--accent-danger);border:1px solid var(--accent-danger-border)}.badge--muted{color:var(--text-muted);border:var(--border-subtle);background:#ffffff0a}.badge--grade-special{--b:230, 57, 70;color:var(--grade-special)}.badge--grade-1{--b:212, 175, 55;color:var(--grade-1)}.badge--grade-2{--b:199, 143, 48;color:var(--grade-2)}.badge--grade-3{--b:138, 122, 69;color:var(--grade-3)}.badge--grade-4{--b:90, 106, 80;color:var(--grade-4)}.badge--grade-5{--b:74, 80, 96;color:var(--grade-5)}.badge--threat-alpha{--b:230, 57, 70;color:var(--threat-alpha)}.badge--threat-beta{--b:230, 149, 43;color:var(--threat-beta)}.badge--threat-gamma{--b:138, 122, 69;color:var(--threat-gamma)}.badge--threat-delta{--b:58, 110, 165;color:var(--threat-delta)}.badge--faction-haraebe{--b:212, 175, 55;color:var(--faction-haraebe)}.badge--faction-mercenary{--b:58, 110, 165;color:var(--faction-mercenary)}.badge--faction-unaffiliated{--b:122, 122, 138;color:var(--faction-unaffiliated)}.badge--resonance-fear{--b:139, 32, 48;color:var(--resonance-fear)}.badge--resonance-rage{--b:212, 80, 32;color:var(--resonance-rage)}.badge--resonance-sorrow{--b:40, 85, 160;color:var(--resonance-sorrow)}.badge--resonance-haste{--b:212, 136, 32;color:var(--resonance-haste)}.badge--resonance-thirst{--b:112, 48, 160;color:var(--resonance-thirst)}.badge--resonance-purge{--b:64, 160, 112;color:var(--resonance-purge)}.badge--magic-ignis{--b:212, 48, 48;color:var(--magic-ignis)}.badge--magic-lupis{--b:48, 112, 192;color:var(--magic-lupis)}.badge--magic-ivyo{--b:48, 160, 80;color:var(--magic-ivyo)}.badge--magic-ngt{--b:192, 160, 48;color:var(--magic-ngt)}[class*=badge--grade-],[class*=badge--threat-],[class*=badge--faction-],[class*=badge--resonance-],[class*=badge--magic-]{border:1px solid rgba(var(--b), .3);background:rgba(var(--b), .08)}.mark--common{color:var(--accent-gold);font-weight:700}.mark--uncertain{color:var(--accent-danger);font-weight:700}.text-gold{color:var(--accent-gold)}.text-danger{color:var(--accent-danger)}.callout{padding:var(--space-lg) var(--space-xl);background:var(--bg-card);border-left:3px solid var(--accent-gold);margin:var(--space-xl) 0}.callout--danger{border-left-color:var(--accent-danger)}.callout__label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--accent-gold);letter-spacing:.1em;margin-bottom:var(--space-xs)}.callout--danger .callout__label{color:var(--accent-danger)}.content-body table{border-collapse:collapse;width:100%;margin:var(--space-xl) 0;font-size:var(--font-size-sm);border:var(--border-subtle)}.content-body th{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:var(--border-subtle);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--accent-gold);text-align:left;letter-spacing:.08em;font-weight:700}.content-body td{padding:var(--space-sm) var(--space-md);border:var(--border-subtle);color:var(--text-secondary)}.content-body tr:hover td{background:#ffffff05}.content-body{max-width:800px}.content-body h2{font-size:var(--font-size-xl);margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:var(--border-section)}.content-body h3{font-size:var(--font-size-lg);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.content-body p{margin-bottom:var(--space-md);color:var(--text-secondary)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:85vh;display:flex;position:relative}.hero__label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.25em;border:var(--border-subtle);margin-bottom:var(--space-2xl);padding:6px 24px}.hero__title-sm{font-size:var(--font-size-sm);color:var(--text-muted);letter-spacing:.5em;margin-bottom:var(--space-sm)}.hero__title{font-family:var(--font-mono);font-size:var(--font-size-hero);letter-spacing:.12em;margin-bottom:var(--space-sm);color:var(--text-heading);font-weight:700;line-height:1.1}.hero__reading{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);letter-spacing:.3em;margin-bottom:var(--space-sm)}.hero__sub{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-2xl)}.hero__desc{max-width:620px;font-size:var(--font-size-md);color:var(--text-secondary);line-height:2}.hero__scroll{bottom:var(--space-2xl);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.2em;position:absolute}.hero__hex{width:80px;height:80px;margin-bottom:var(--space-xl);position:relative}.hero__hex:before{content:"◈";color:var(--accent-gold);opacity:.3;font-size:3rem}.glossary-search{margin-bottom:var(--space-xl);position:relative}.glossary-search__input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:var(--border-subtle);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-md);transition:all var(--transition-normal);padding-left:42px}.glossary-search__input:focus{border-color:var(--accent-gold-border);box-shadow:var(--shadow-glow-gold);outline:none}.glossary-search__input::placeholder{color:var(--text-muted)}.glossary-search__icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.glossary-filters{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.glossary-filter-btn{padding:4px var(--space-md);border:var(--border-subtle);color:var(--text-muted);font-family:var(--font-body);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0}.glossary-filter-btn:hover,.glossary-filter-btn--active{background:var(--accent-gold-subtle);border-color:var(--accent-gold-border);color:var(--accent-gold)}.glossary-entry{background:var(--bg-card);border:var(--border-subtle);padding:var(--space-lg) var(--space-xl);transition:all var(--transition-normal);margin-bottom:1px}.glossary-entry:hover{border-color:#d4af371f}.glossary-entry__name{font-size:var(--font-size-lg);margin-bottom:var(--space-xs);color:var(--text-heading);font-weight:700}.glossary-entry__meta{gap:var(--space-md);margin-bottom:var(--space-sm);font-size:var(--font-size-xs);display:flex}.glossary-entry__desc{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.8}.timeline{padding-left:40px;position:relative}.timeline:before{content:"";background:#d4af3733;width:1px;position:absolute;top:0;bottom:0;left:16px}.timeline-entry{margin-bottom:var(--space-xl);padding-left:var(--space-lg);position:relative}.timeline-entry:before{content:"";background:var(--accent-gold);border:2px solid var(--bg-primary);width:8px;height:8px;position:absolute;top:8px;left:-28px}.timeline-entry__year{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent-gold);margin-bottom:var(--space-xs);font-weight:700}.timeline-entry__title{font-size:var(--font-size-lg);margin-bottom:var(--space-xs);color:var(--text-heading);font-weight:700}.timeline-entry__desc{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.8}.world-layout{gap:var(--space-2xl);display:flex}.world-sidebar{top:var(--space-xl);min-width:200px;max-height:calc(100vh - var(--space-2xl));align-self:flex-start;display:none;position:sticky;overflow-y:auto}.world-sidebar__link{font-size:var(--font-size-sm);color:var(--text-muted);transition:all var(--transition-fast);border-left:1px solid #0000;margin-bottom:2px;padding:4px 12px;display:block}.world-sidebar__link:hover{color:var(--accent-gold);border-left-color:var(--accent-gold-border)}@media (min-width:1100px){.world-sidebar{display:block}}.hero__catchcopy{letter-spacing:.08em;color:var(--text-heading);margin-bottom:var(--space-lg);font-size:clamp(2.4rem,6vw,4.5rem);font-weight:900;line-height:1.15;animation:.8s both fadeInUp}.hero__catchcopy .hero__accent{color:var(--accent-gold);text-shadow:0 0 24px var(--accent-gold-glow)}.hero__tagline{font-size:var(--font-size-md);color:var(--text-secondary);max-width:540px;margin-bottom:var(--space-2xl);line-height:2;animation:.8s .2s both fadeInUp}.hero__cta-group{gap:var(--space-md);flex-wrap:wrap;justify-content:center;animation:.8s .4s both fadeInUp;display:flex}.hero__cta{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.08em;border:1px solid var(--accent-gold-border);background:var(--accent-gold-subtle);color:var(--accent-gold);cursor:pointer;transition:all var(--transition-normal);padding:12px 32px;font-weight:500;text-decoration:none;display:inline-flex}.hero__cta:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-glow-gold);color:var(--accent-gold-bright);background:#d4af3733}.hero__cta--ghost{color:var(--text-secondary);background:0 0;border-color:#ffffff1a}.hero__cta--ghost:hover{color:var(--text-primary);box-shadow:none;background:#ffffff0a;border-color:#ffffff40}.concept-grid{border:var(--border-subtle);margin-bottom:var(--space-3xl);background:#ffffff0a;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.concept-card{background:var(--bg-card);padding:var(--space-xl) var(--space-lg);text-align:center;transition:all var(--transition-normal)}.concept-card:hover{background:var(--bg-card-hover)}.concept-card__number{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--accent-gold);letter-spacing:.2em;margin-bottom:var(--space-sm)}.concept-card__title{font-size:var(--font-size-xl);margin-bottom:var(--space-xs);color:var(--text-heading);font-weight:700}.concept-card__title-en{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-md)}.concept-card__desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.8}.teaser{padding:var(--space-3xl) 0;margin-bottom:var(--space-3xl);text-align:center;border-top:var(--border-section);border-bottom:var(--border-section)}.teaser__quote{font-size:clamp(1.3rem, 3vw, var(--font-size-3xl));color:var(--text-heading);margin-bottom:var(--space-lg);letter-spacing:.04em;font-weight:700;line-height:1.6}.teaser__quote .teaser__em{color:var(--accent-gold)}.teaser__body{max-width:600px;font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 auto;line-height:2}.closing{text-align:center;padding:var(--space-3xl) 0}.closing__text{font-size:var(--font-size-lg);color:var(--text-muted);letter-spacing:.06em;font-style:italic;line-height:1.8}.closing__text .closing__em{color:var(--text-secondary);font-style:normal;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section--animate{animation:.6s both fadeInUp}.site-footer{border-top:var(--border-subtle);padding:var(--space-2xl) 0;text-align:center;color:var(--text-muted);font-size:var(--font-size-xs);letter-spacing:.05em}.site-search{padding:var(--space-sm) var(--space-md);border-bottom:var(--border-subtle);position:relative}.site-search__input{width:100%;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);transition:border-color var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff1a;outline:none;padding:8px 12px}.site-search__input::placeholder{color:var(--text-muted)}.site-search__input:focus{border-color:var(--accent-gold-border)}.site-search__results{top:100%;left:var(--space-md);right:var(--space-md);background:var(--bg-secondary);z-index:100;border:1px solid #ffffff1a;max-height:400px;position:absolute;overflow-y:auto}.site-search__item{text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #ffffff0a;padding:10px 12px;display:block}.site-search__item:hover,.site-search__item--active{background:#d4af3714}.site-search__item-title{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-heading);margin-bottom:2px;display:block}.site-search__item-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4;display:block}.site-search__empty{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);padding:12px}.site-footer__links{justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.site-footer__links a{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);transition:color var(--transition-fast);text-decoration:none}.site-footer__links a:hover{color:var(--accent-gold)}.mobile-menu-btn{color:var(--text-primary);font-size:var(--font-size-xl);cursor:pointer;padding:var(--space-sm);top:var(--space-md);left:var(--space-md);z-index:200;background:0 0;border:none;display:none;position:fixed}@media (max-width:768px){:root{--font-size-hero:2rem;--font-size-3xl:1.6rem;--font-size-2xl:1.3rem}.mobile-menu-btn{display:block}.site-sidebar{transition:transform var(--transition-normal);transform:translate(-100%)}.site-sidebar--open{transform:translate(0)}.main-content{padding:var(--space-xl) var(--space-md);padding-top:var(--space-3xl);margin-left:0}.card-grid,.two-col,.concept-grid{grid-template-columns:1fr}.hero__title{font-size:var(--font-size-3xl);letter-spacing:.06em}}.sidebar-overlay{z-index:99;background:#0009;display:none;position:fixed;inset:0}.sidebar-overlay--visible{display:block}