.app-shell{display:flex;flex-direction:column;min-height:100vh}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:var(--space-4);height:var(--nav-h);padding:0 var(--space-4);background:#0b0e14e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ink-border)}.nav-brand{display:flex;flex-direction:column;line-height:1.2}.nav-brand-ja{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--text-hi);letter-spacing:.08em}.nav-brand-en{font-family:var(--font-latin);font-style:italic;font-size:.65rem;color:var(--gold-400);letter-spacing:.25em}.nav-links-wrap{flex:1;min-width:0;position:relative}.nav-links{display:flex;gap:var(--space-3)}.nav-links a{font-family:var(--font-display);font-size:.95rem;color:var(--text-body);padding:4px 10px;border-radius:var(--radius-s);letter-spacing:.1em;position:relative}.nav-links a:hover{color:var(--text-hi)}.nav-links a.active{color:var(--gold-300)}.nav-links a.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-2px;height:1px;background:var(--gold-line)}.nav-actions{display:flex;align-items:center;gap:var(--space-2)}.nav-search-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid var(--ink-border);background:var(--ink-700);color:var(--text-dim);font-size:.8rem;transition:border-color .15s,color .15s}.nav-search-btn:hover{border-color:var(--gold-500);color:var(--gold-300)}.dice-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--ink-border);background:var(--ink-700);color:var(--gold-300);font-size:1rem;transition:transform .3s,border-color .15s}.dice-btn:hover{border-color:var(--gold-500);transform:rotate(180deg)}.app-main{flex:1;width:100%}.app-footer{margin-top:var(--space-6);padding:0 var(--space-4) var(--space-5);text-align:center}.app-footer p{font-size:.72rem;color:var(--text-dim);max-width:620px;margin:0 auto}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0b0e14b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;padding-top:12vh}.search-panel{width:min(560px,calc(100vw - 32px));max-height:65vh;display:flex;flex-direction:column;background:var(--ink-700);border:1px solid var(--gold-500);border-radius:var(--radius-l);box-shadow:var(--shadow-float);overflow:hidden;animation:pageEnter .2s ease-out}.search-input{width:100%;padding:16px 20px;background:transparent;border:none;border-bottom:1px solid var(--ink-border);color:var(--text-hi);font-size:1.05rem;font-family:var(--font-body);outline:none}.search-input::placeholder{color:var(--text-dim)}.search-results{overflow-y:auto;padding:var(--space-2)}.search-result{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:8px 12px;border-radius:var(--radius-m);color:var(--text-body)}.search-result:hover,.search-result.selected{background:var(--ink-500);color:var(--text-hi)}.search-result img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:top;border:1px solid var(--ink-border)}.search-result .sr-kind{margin-left:auto;font-size:.68rem;color:var(--text-dim)}.search-result .sr-epithet{font-size:.72rem;color:var(--gold-400)}.search-empty{padding:var(--space-4);text-align:center;color:var(--text-dim);font-size:.85rem}@media (max-width: 720px){.nav{padding:0 var(--space-3);gap:var(--space-2)}.nav-brand-en{display:none}.nav-brand-ja{font-size:.9rem}.nav-links{gap:2px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{font-size:.82rem;padding:4px 7px;white-space:nowrap}.nav-links a.active:after{bottom:0}.nav-links-wrap.has-more .nav-links{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent)}.nav-links-wrap.has-more:after{content:"›";position:absolute;top:50%;right:4px;pointer-events:none;color:var(--gold-300);font-family:var(--font-display);font-size:1.4rem;line-height:1;text-shadow:0 0 6px rgba(11,14,20,.9);animation:navHint 1.5s ease-in-out infinite}.nav-search-hint{display:none}.nav-search-btn{padding:8px;border-radius:50%}}@keyframes navHint{0%,to{opacity:.4;transform:translateY(-50%)}50%{opacity:.95;transform:translate(-3px,-50%)}}.hero{--px: 0;--py: 0;position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(440px,72vh,680px);padding:96px 24px 84px;text-align:center;background:radial-gradient(ellipse 70% 90% at 50% 110%,rgba(212,175,95,.12),transparent),linear-gradient(180deg,var(--ink-900),var(--ink-800));border-bottom:1px solid var(--ink-border);overflow:hidden}.hero-photo,.hero-glow,.hero-cartography,.hero-compass-svg,.hero-motes,.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-photo{z-index:0;transform:translate(calc(var(--px) * -8px),calc(var(--py) * -8px));transition:transform .5s cubic-bezier(.2,.7,.2,1);will-change:transform}.hero-photo-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transform:scale(1.08)}.hero-glow{z-index:1;inset:auto;top:-6%;right:-4%;width:52%;height:58%;background:radial-gradient(closest-side,rgba(255,214,150,.16),rgba(255,188,120,.05) 45%,transparent 72%);background-repeat:no-repeat;background-position:center;animation:heroFlicker 6s ease-in-out infinite}@keyframes heroFlicker{0%,to{opacity:.8}45%{opacity:1}70%{opacity:.68}}.hero-cartography{z-index:2;top:-40px;right:-40px;bottom:-40px;left:-40px;width:auto;height:auto;transform:translate(calc(var(--px) * 12px),calc(var(--py) * 12px));transition:transform .5s cubic-bezier(.2,.7,.2,1)}.hero-route{fill:none;stroke:var(--gold-300);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1 16;opacity:0;animation:heroRouteIn 1.4s ease .3s forwards}.hero-route-2{stroke-width:1.8;animation-delay:.7s}@keyframes heroRouteIn{to{opacity:.5}}.hero-compass-svg{z-index:2;inset:auto;right:4%;bottom:6%;width:clamp(200px,28vw,340px);height:clamp(200px,28vw,340px);color:var(--gold-300);opacity:.16;transform:translate(calc(var(--px) * 18px),calc(var(--py) * 18px));transition:transform .5s cubic-bezier(.2,.7,.2,1)}.hero-compass{display:block;width:100%;height:100%;transform-origin:center;will-change:transform;animation:heroSpin 150s linear infinite}@keyframes heroSpin{to{transform:rotate(360deg)}}.hc-ring{fill:none;stroke:currentColor;stroke-width:1.4}.hc-ring-in{stroke-width:1;stroke-dasharray:2 6}.hc-point{fill:currentColor;opacity:.85}.hc-point-d{opacity:.5}.hc-hub{fill:currentColor}.hero-motes{z-index:4;width:100%;height:100%}.hero-scrim{z-index:3;background:radial-gradient(78% 62% at 50% 50%,#080a10d9,#080a109e 62%,#080a1080),linear-gradient(180deg,#080a1099,#080a1080 42%,#080a10b3)}.hero-inner{position:relative;z-index:5;transform:translate(calc(var(--px) * 6px),calc(var(--py) * 6px));transition:transform .5s cubic-bezier(.2,.7,.2,1)}.hero-inner>*{animation:heroRise .8s cubic-bezier(.2,.7,.2,1) both}.hero-kicker{animation-delay:.1s}.hero-title{animation-delay:.25s}.hero-lead{animation-delay:.45s}.hero-actions{animation-delay:.65s}@keyframes heroRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero-kicker{font-family:var(--font-latin);font-style:italic;letter-spacing:.3em;font-size:.75rem;color:var(--gold-400);text-transform:uppercase;margin:0 0 12px}.hero-title{font-size:clamp(2.4rem,7vw,4.2rem);font-weight:800;letter-spacing:.14em;filter:drop-shadow(0 3px 16px rgba(0,0,0,.75))}.hero-title-foil{background:linear-gradient(100deg,var(--gold-500) 0%,var(--gold-300) 26%,#fff4d6 42%,var(--gold-300) 58%,var(--gold-400) 80%,var(--gold-500) 100%);background-size:220% 100%;background-position:115% 0;-webkit-background-clip:text;background-clip:text;color:var(--gold-300);-webkit-text-fill-color:transparent;animation:heroFoil 7s ease-in-out infinite}@keyframes heroFoil{0%,to{background-position:115% 0}50%{background-position:-15% 0}}.hero-lead{max-width:560px;margin:20px auto 0;color:var(--text-body);text-shadow:0 2px 8px rgba(0,0,0,.8)}.hero-actions{display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}.hero-btn{display:inline-block;padding:11px 26px;border-radius:4px;border:1px solid var(--gold-500);color:var(--gold-300);font-family:var(--font-display);letter-spacing:.12em;font-size:.92rem;background:#0b0e1480;transition:background .2s,color .2s,transform .15s}.hero-btn:hover{background:var(--gold-500);color:var(--ink-900);transform:translateY(-1px)}.hero-btn.primary{background:linear-gradient(135deg,var(--gold-500),var(--gold-400));color:var(--ink-900);font-weight:700}.hero-btn.primary:hover{filter:brightness(1.1)}.hero-btn.small{padding:7px 16px;font-size:.8rem}.hero--inactive .hero-glow,.hero--inactive .hero-compass,.hero--inactive .hero-title-foil{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.hero-photo-img,.hero-glow,.hero-compass,.hero-route,.hero-title-foil,.hero-inner>*{animation:none!important}.hero-photo,.hero-cartography,.hero-compass-svg,.hero-inner{transform:none!important;transition:none!important}.hero-photo-img{transform:scale(1.06)}.hero-route{opacity:.5}}.gate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3)}.gate{display:block;padding:26px 22px;color:var(--text-body);transition:transform .2s,border-color .2s}.gate:hover{transform:translateY(-3px);border-color:var(--gold-500);color:var(--text-body)}.gate-icon{font-size:1.8rem}.gate h3{margin:10px 0 8px;font-size:1.15rem;letter-spacing:.08em}.gate p{font-size:.84rem;margin:0;color:var(--text-dim)}.potd{display:grid;grid-template-columns:240px 1fr;gap:var(--space-4);align-items:start}.potd-side{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.potd-detail{display:flex;flex-direction:column;gap:4px;align-self:stretch}.potd-detail .person-epithet,.potd-detail .person-name-en,.potd-detail .person-catch{margin:0}.potd-detail .person-stats{margin-top:8px}.potd-name{font-family:var(--font-display);font-size:1.55rem;letter-spacing:.04em;margin:0}.potd-hint{color:var(--text-dim);font-size:.9rem;margin:0}@media (max-width: 640px){.potd{grid-template-columns:1fr}.potd-detail{display:none}}.crest-strip{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.crest-item{display:flex;flex-direction:column;align-items:center;gap:8px;width:96px;color:var(--text-dim);font-size:.7rem;text-align:center;transition:transform .2s}.crest-item:hover{transform:translateY(-3px);color:var(--gold-300)}.crest-item img{height:64px;width:auto;max-width:80px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.pcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--space-3)}.pcard{display:block;background:var(--ink-700);border:1px solid var(--ink-border);border-radius:var(--radius-m);overflow:hidden;color:var(--text-body);box-shadow:var(--shadow-card);transition:transform .2s,border-color .2s}.pcard:hover{transform:translateY(-4px);border-color:var(--gold-500);color:var(--text-body)}.pcard-img{position:relative;aspect-ratio:3 / 3.4;background:var(--ink-600);overflow:hidden}.pcard-img img{width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.88);transition:transform .4s}.pcard:hover .pcard-img img{transform:scale(1.05)}.pcard-noimg{width:100%;height:100%;min-height:120px;background:radial-gradient(circle at 50% 35%,var(--ink-500) 18%,transparent 19%),radial-gradient(ellipse at 50% 90%,var(--ink-500) 30%,transparent 31%),var(--ink-600)}.pcard-fate-badge{position:absolute;top:8px;right:8px;padding:2px 9px;font-size:.62rem;letter-spacing:.12em;font-weight:700;border-radius:3px;color:var(--ink-900);background:linear-gradient(135deg,var(--gold-300),var(--gold-500));box-shadow:0 2px 6px #00000080}.pcard-years{position:absolute;left:8px;bottom:6px;font-family:var(--font-latin);font-size:.72rem;color:var(--parchment-100);text-shadow:0 1px 4px rgba(0,0,0,.9)}.pcard-body{padding:12px 14px 14px}.pcard-epithet{font-size:.68rem;color:var(--gold-400);letter-spacing:.1em}.pcard-name{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text-hi);margin:2px 0 6px}.pcard-catch{font-size:.72rem;color:var(--text-dim);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard-s{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid var(--ink-border);background:var(--ink-700);color:var(--text-body)}.pcard-s:hover{border-color:var(--gold-500)}.pcard-s img{width:32px;height:32px;border-radius:50%;object-fit:cover;object-position:top}.pcard-s-text{display:flex;flex-direction:column;line-height:1.25}.pcard-s-name{font-size:.8rem;color:var(--text-hi)}.pcard-s-epithet{font-size:.62rem;color:var(--gold-400)}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-4)}.gallery-filters .chip{cursor:pointer;transition:border-color .15s}.gallery-filters .chip:hover{border-color:var(--gold-500)}.chip-count{margin-left:5px;font-size:.62rem;opacity:.6}.gallery-cluster-title{margin:var(--space-4) 0 var(--space-3);font-size:1.05rem;letter-spacing:.12em;color:var(--gold-300)}.page-lead{color:var(--text-dim);max-width:640px;margin-bottom:var(--space-4)}.person-page section{margin-bottom:var(--space-5)}.person-hero{display:grid;grid-template-columns:280px 1fr;gap:var(--space-4);margin:var(--space-4) 0 var(--space-5)}.person-portrait{position:relative;overflow:hidden;align-self:start}.person-portrait img{display:block;width:100%;max-height:420px;object-fit:cover;object-position:top}.person-portrait-credit{position:absolute;right:6px;bottom:4px;font-size:.6rem;color:var(--parchment-100);opacity:.75;text-shadow:0 1px 3px #000}.person-epithet{color:var(--gold-400);letter-spacing:.22em;font-family:var(--font-display);margin:0}.person-name{font-size:clamp(1.7rem,4.5vw,2.6rem);margin:4px 0 0;letter-spacing:.05em}.person-name-en{font-family:var(--font-latin);font-style:italic;color:var(--text-dim);margin:2px 0 12px}.person-catch{font-size:1.02rem;color:var(--parchment-200);border-left:2px solid var(--gold-500);padding-left:14px;margin:0 0 18px}.person-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 20px;margin:0;padding:14px 16px;background:var(--ink-700);border:1px solid var(--ink-border);border-radius:var(--radius-m)}.person-stats div{display:flex;gap:10px;align-items:baseline}.person-stats dt{font-size:.7rem;color:var(--gold-400);letter-spacing:.1em;white-space:nowrap}.person-stats dd{margin:0;font-size:.85rem}.person-map-links{margin-top:14px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.8rem;color:var(--text-dim)}.person-bio p{max-width:720px;margin:0 auto 1.2em;text-align:justify}.person-bio p:first-letter{color:var(--gold-300)}.character-section{margin-top:var(--space-5)}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.work-card{display:flex;flex-direction:column;gap:8px;background:var(--ink-700);border:1px solid var(--ink-border);border-radius:var(--radius-m);padding:16px 18px}.work-title{margin:4px 0 0;font-size:1.02rem;font-weight:700;color:var(--text-hi)}.work-author{font-size:.78rem;font-weight:400;color:var(--text-dim)}.work-meta{margin:0;font-size:.85rem;color:var(--gold-300)}.work-class{color:var(--gold-400);font-size:.8rem}.work-text{margin:0;font-size:.84rem}.work-wiki-link{font-size:.78rem;margin-top:2px}.trivia-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-3)}.trivia-card{background:var(--ink-700);border:1px solid var(--ink-border);border-radius:var(--radius-m);padding:16px 18px}.trivia-card p{margin:10px 0 0;font-size:.84rem}.relation-panel{padding:var(--space-3);overflow:hidden}.relation-graph{width:100%;height:auto;display:block}.rg-edge{stroke:var(--ink-border);stroke-width:1}.rg-edge-label-bg{fill:var(--ink-800);stroke:var(--ink-border);stroke-width:.5}.rg-edge-label{fill:var(--gold-300);font-size:11px;text-anchor:middle;font-family:var(--font-body)}.rg-node{cursor:pointer}.rg-node-ring{fill:var(--ink-600);stroke:var(--ink-border);stroke-width:1.5;transition:stroke .15s}.rg-node:hover .rg-node-ring{stroke:var(--gold-400)}.rg-node-empty{fill:var(--ink-500)}.rg-node-name{fill:var(--text-hi);font-size:12px;text-anchor:middle;font-family:var(--font-display)}.rg-node-sub{fill:var(--text-dim);font-size:9px;text-anchor:middle}.rg-center-ring{fill:var(--ink-600);stroke:var(--gold-400);stroke-width:2}.rg-center-name{fill:var(--gold-300);font-size:14px;font-weight:700;text-anchor:middle;font-family:var(--font-display)}.relation-list{display:none}.rl-row{display:flex;align-items:center;gap:var(--space-3);padding:12px var(--space-2);border-bottom:1px solid var(--ink-border);cursor:pointer}.rl-row:last-child{border-bottom:0}.rl-row:active{background:var(--ink-600)}.rl-rel{flex:0 0 auto;min-width:3.4em;text-align:center;padding:3px 10px;border:1px solid var(--gold-500);border-radius:999px;color:var(--gold-300);background:var(--ink-800);font-family:var(--font-body);font-size:.82rem;line-height:1.3}.rl-thumb{flex:0 0 auto;width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center top;border:1.5px solid var(--ink-border);background:var(--ink-600)}.rl-thumb-empty{display:inline-block}.rl-body{display:flex;flex-direction:column;gap:2px;min-width:0}.rl-name{color:var(--text-hi);font-family:var(--font-display);font-size:1.05rem;font-weight:600;line-height:1.3}.rl-sub{color:var(--text-dim);font-size:.85rem;line-height:1.35}.story-link-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.story-link-card{display:flex;flex-direction:column;gap:2px;padding:14px 18px;min-width:220px;color:var(--text-body);transition:border-color .2s,transform .2s}.story-link-card:hover{border-color:var(--gold-500);transform:translateY(-2px)}.story-link-period{font-family:var(--font-latin);font-size:.7rem;color:var(--text-dim)}.story-link-title{font-family:var(--font-display);font-weight:700;color:var(--text-hi)}.story-link-tagline{font-size:.72rem;color:var(--text-dim)}.person-footer{display:flex;gap:12px;justify-content:center;margin:var(--space-5) 0}.rich-text{max-width:720px;margin:0 auto 1.2em;text-align:justify}.rich-link{color:var(--gold-300);border-bottom:1px dotted var(--gold-500);padding-bottom:1px}.rich-link:hover{color:var(--gold-400);border-bottom-style:solid}.tip-link{display:inline;font:inherit;line-height:inherit;color:#8cd0bd;background:none;border:none;padding:0 1px;margin:0;border-bottom:1px dashed var(--verdigris-400);cursor:pointer;transition:color .15s,background .15s}.tip-link:hover{color:#b8e6d8;border-bottom-style:solid;background:#4f9e8a24}.tip-card-wrap{position:fixed;left:0;right:0;bottom:0;z-index:150;display:flex;justify-content:center;padding:0 var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom,0px));pointer-events:none}.tip-card{pointer-events:auto;position:relative;width:min(640px,100%);background:#11151ff7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--gold-500);border-radius:var(--radius-l);box-shadow:var(--shadow-float);padding:15px 46px 16px 18px;animation:tipUp .22s ease-out}@keyframes tipUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.tip-card-close{position:absolute;top:7px;right:13px;font-size:1.35rem;line-height:1;color:var(--text-dim)}.tip-card-close:hover{color:var(--text-hi)}.tip-card-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:7px}.tip-card-term{font-family:var(--font-display);font-weight:700;font-size:1.18rem;color:var(--text-hi);letter-spacing:.04em}.tip-card-reading{font-family:var(--font-latin);font-size:.72rem;color:var(--text-dim);letter-spacing:.04em}.tip-card-body{margin:0;font-size:.9rem;line-height:1.8;color:var(--parchment-200)}.tip-card-link{display:inline-block;margin-top:10px;font-size:.82rem}.article-figure{margin:var(--space-4) auto;max-width:560px;background:var(--ink-700);border:1px solid var(--ink-border);border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-card)}.article-figure-imglink{display:block}.article-figure img{display:block;width:100%;height:auto}.article-figure-cap{display:flex;flex-direction:column;gap:5px;padding:11px 16px 13px;border-top:1px solid var(--gold-500);background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(212,175,95,.06),transparent),transparent}.article-figure-why{font-size:.86rem;color:var(--gold-300);line-height:1.7}.article-figure-caption{font-size:.78rem;color:var(--text-body);line-height:1.6}.article-figure-credit{font-size:.66rem;color:var(--text-dim)}.house-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-3)}.house-card{display:flex;gap:16px;padding:18px;color:var(--text-body);border-left:3px solid var(--house-c, var(--gold-500))!important;transition:transform .2s,border-color .2s}.house-card:hover{transform:translateY(-3px)}.house-card-crest img{width:64px;height:76px;object-fit:contain}.house-card-body h3{font-size:1.05rem}.house-card-period{font-family:var(--font-latin);font-size:.72rem;color:var(--text-dim);margin:2px 0 6px}.house-card-motto{font-size:.74rem;color:var(--gold-400);margin:0}.house-hero{display:flex;gap:var(--space-4);align-items:center;margin:var(--space-4) 0 var(--space-5);padding:var(--space-4);background:var(--ink-700);border:1px solid var(--ink-border);border-left:4px solid var(--house-c, var(--gold-500));border-radius:var(--radius-m)}.house-hero-crest{width:110px;height:130px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.house-hero-name{font-size:clamp(1.6rem,4vw,2.3rem)}.house-hero-en{font-family:var(--font-latin);font-style:italic;color:var(--text-dim);margin:2px 0 8px}.house-hero-motto{color:var(--gold-300);font-family:var(--font-display);margin:0}.family-tree-scroll{overflow-x:auto;padding-bottom:12px}.family-tree{min-width:max-content;padding:10px 6px}.ft-node{display:flex;flex-direction:column;align-items:center}.ft-couple,.ft-marriage{display:flex;align-items:center;gap:6px}.ft-eq{color:var(--blood-400);font-weight:700;font-size:1.05rem}.ft-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;border:1px solid var(--ink-border);background:var(--ink-700);color:var(--text-body);white-space:nowrap}.ft-chip:hover{border-color:var(--gold-500)}.ft-chip img{width:30px;height:30px;border-radius:50%;object-fit:cover;object-position:top}.ft-chip span{display:flex;flex-direction:column;line-height:1.2}.ft-chip-name{font-size:.78rem;color:var(--text-hi)}.ft-chip-epithet{font-size:.6rem;color:var(--gold-400)}.ft-chip-x{padding:7px 12px;font-size:.74rem;color:var(--text-dim);border-style:dashed}.ft-note{font-size:.64rem;color:var(--verdigris-400);margin-top:3px}.ft-children{display:flex;gap:22px;margin-top:26px;position:relative}.ft-node>.ft-children:before{content:"";position:absolute;top:-26px;left:50%;width:1px;height:13px;background:var(--gold-500)}.ft-children:after{content:"";position:absolute;top:-13px;left:0;right:0;height:1px;background:var(--gold-500)}.ft-children:has(>.ft-branch:only-child):after{display:none}.ft-branch{position:relative}.ft-branch:before{content:"";position:absolute;top:-13px;left:50%;width:1px;height:13px;background:var(--gold-500)}.ft-children:after{left:calc(0% + 0px)}.story-list{display:flex;flex-direction:column;gap:10px}.story-row{display:flex;align-items:center;gap:18px;padding:16px 20px;color:var(--text-body);transition:border-color .2s,transform .2s}.story-row:hover{border-color:var(--gold-500);transform:translate(4px)}.story-row-no{font-family:var(--font-latin);font-size:1.4rem;color:var(--gold-500);font-style:italic}.story-row-main{flex:1;display:flex;flex-direction:column}.story-row-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text-hi)}.story-row-tagline{font-size:.76rem;color:var(--text-dim)}.story-row-period{font-family:var(--font-latin);font-size:.78rem;color:var(--gold-400);white-space:nowrap}.story-page section{margin-bottom:var(--space-5)}.story-hero{margin:var(--space-4) 0 var(--space-5);text-align:center}.story-hero-period{font-family:var(--font-latin);color:var(--gold-400);letter-spacing:.2em;margin:0}.story-hero h1{font-size:clamp(1.8rem,5vw,2.8rem);margin:6px 0 0}.story-hero-en{font-family:var(--font-latin);font-style:italic;color:var(--text-dim);margin:4px 0 10px}.story-hero-tagline{color:var(--parchment-200);margin:0 0 14px}.story-hero .person-map-links{justify-content:center}.story-chapter{max-width:760px;margin:0 auto var(--space-5)}.story-chapter-heading{display:flex;align-items:center;gap:14px;font-size:1.25rem;margin-bottom:16px}.story-chapter-no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--gold-500);color:var(--gold-300);font-family:var(--font-latin);font-size:.95rem;flex-shrink:0}.story-nav{display:flex;justify-content:space-between;margin:var(--space-5) 0;gap:10px;flex-wrap:wrap}.trivia-index-list{display:flex;flex-direction:column;gap:12px;max-width:760px;margin:0 auto}.trivia-index-page .page-lead{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}.trivia-index-page .gallery-filters{justify-content:center}.trivia-index-item{padding:16px 20px}.trivia-index-item p{margin:0 0 8px;font-size:.88rem}.trivia-source{font-size:.76rem}@media (max-width: 720px){.person-hero{grid-template-columns:1fr}.person-portrait{max-width:320px;margin:0 auto}.house-hero{flex-direction:column;text-align:center}.pcard-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.hero{padding:64px 18px 56px}.story-row{gap:12px;padding:13px 14px}.person-bio p,.rich-text{text-align:left}.relation-graph{display:none}.relation-list{display:block}}.gate-img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:1px solid var(--gold-500);box-shadow:0 0 18px #d4af5f2e}.gate{text-align:left}.family-tree{background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(212,175,95,.05),transparent),transparent}.ft-children:before,.ft-children:after,.ft-branch:before{background:linear-gradient(180deg,var(--gold-500),var(--ink-border))!important;opacity:.75}.ft-eq{color:var(--gold-300);text-shadow:0 0 8px var(--gold-glow)}.ft-chip{box-shadow:0 2px 6px #00000059}.ft-chip img{border:1px solid var(--gold-500)}.random-trivia{padding:20px 22px;max-width:720px;margin-left:auto;margin-right:auto}.random-trivia-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.random-trivia p{margin:0 0 10px;font-size:.92rem}.random-trivia .trivia-source{font-size:.78rem;color:var(--gold-400)}.map-page{max-width:1180px;margin:0 auto;padding:var(--space-3)}.map-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.map-era-head{display:flex;align-items:center;gap:18px}.map-era-year{font-family:var(--font-latin);font-size:3rem;font-style:italic;color:var(--gold-300);line-height:1;text-shadow:0 2px 12px var(--gold-glow)}.map-era-title{font-size:1.25rem;letter-spacing:.08em}.map-era-sub{font-size:.72rem;color:var(--text-dim);margin:2px 0 0}.map-mode-toggle{display:flex;border:1px solid var(--ink-border);border-radius:999px;overflow:hidden}.map-mode-toggle button{padding:8px 18px;font-size:.82rem;font-family:var(--font-display);letter-spacing:.08em;color:var(--text-dim);background:var(--ink-700);transition:background .2s,color .2s}.map-mode-toggle button.active{background:linear-gradient(135deg,var(--gold-500),var(--gold-400));color:var(--ink-900);font-weight:700}.map-stage{position:relative;overflow:hidden;border-radius:var(--radius-l)}.map-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 90px 46px #0b0e14e6;border-radius:inherit}.map2d{display:block;width:100%;height:auto}.map2d .realm{stroke:#080a10e6;stroke-width:.7;cursor:pointer;opacity:.92;transition:opacity .2s,filter .2s;animation:realmFade .5s ease-out both}@keyframes realmFade{0%{opacity:0}to{opacity:.92}}.map2d .realm.hovered{opacity:1;filter:brightness(1.25)}.map2d .realm.selected{opacity:1;filter:brightness(1.3);stroke:var(--gold-300);stroke-width:1.6}.map-hover-name-overlay{position:absolute;left:0;right:0;bottom:16px;z-index:3;pointer-events:none;text-align:center;font-family:var(--font-display);font-size:clamp(1.1rem,2.6vw,1.7rem);letter-spacing:.12em;color:var(--parchment-100);text-shadow:0 2px 10px #000,0 1px 3px #000}.map-marker{cursor:pointer}.map-marker-dot{fill:var(--gold-300);stroke:var(--ink-900);stroke-width:1.5}.map-marker-pulse{fill:none;stroke:var(--gold-400);stroke-width:1.4;opacity:.7;animation:markerPulse 2.4s ease-out infinite;transform-origin:center;transform-box:fill-box}@keyframes markerPulse{0%{transform:scale(.4);opacity:.9}70%{transform:scale(1.25);opacity:0}to{transform:scale(1.25);opacity:0}}.map-marker-label{fill:var(--parchment-100);font-size:12.5px;text-anchor:middle;font-family:var(--font-display);paint-order:stroke;stroke:#080a10d9;stroke-width:3px;pointer-events:none}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--gold-300);font-family:var(--font-display);letter-spacing:.2em;background:#0b0e1473;pointer-events:none}.realm-card{position:absolute;right:14px;top:14px;width:min(330px,calc(100% - 28px));max-height:calc(100% - 28px);overflow-y:auto;background:#11151ff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--gold-500);border-radius:var(--radius-m);padding:18px;box-shadow:var(--shadow-float);animation:pageEnter .25s ease-out}.realm-card h3{font-size:1.15rem;margin-bottom:8px}.realm-card p{font-size:.82rem;margin:0 0 12px}.realm-card-close{position:absolute;top:8px;right:12px;font-size:1.2rem;color:var(--text-dim)}.realm-card-close:hover{color:var(--text-hi)}.realm-card-people{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}.globe-mount{width:100%;height:600px;cursor:grab}.globe-mount:active{cursor:grabbing}.year-slider{position:relative;margin:26px 8px 56px;padding:0 10px}.year-slider input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:linear-gradient(90deg,var(--ink-border),var(--gold-500),var(--ink-border));border-radius:2px;outline:none}.year-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-300),var(--gold-500));border:2px solid var(--ink-900);box-shadow:0 0 12px var(--gold-glow);cursor:pointer}.year-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gold-400);border:2px solid var(--ink-900);cursor:pointer}.year-ticks{position:relative;height:34px}.year-tick{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:6px;color:var(--text-dim)}.year-tick-dot{width:5px;height:5px;border-radius:50%;background:var(--ink-border);transition:background .2s,transform .2s}.year-tick-label{font-family:var(--font-latin);font-size:.66rem;letter-spacing:.04em;transition:color .2s}.year-tick:hover .year-tick-label{color:var(--gold-300)}.year-tick.active .year-tick-dot{background:var(--gold-300);transform:scale(1.6)}.year-tick.active .year-tick-label{color:var(--gold-300);font-weight:700}.era-panel{margin-top:var(--space-3)}.era-summary{max-width:720px;color:var(--parchment-200);border-left:2px solid var(--gold-500);padding-left:16px}.era-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3);margin:var(--space-4) 0}.era-highlight{padding:16px 18px}.era-highlight h4{font-size:.95rem;margin-bottom:8px}.era-highlight p{font-size:.8rem;color:var(--text-dim);margin:0 0 8px}.era-japan{padding:16px 18px;margin:var(--space-4) 0;border-left:3px solid #c0392b;max-width:880px}.era-japan h4{font-size:.95rem;margin-bottom:8px;color:var(--gold-300)}.era-japan p{font-size:.85rem;color:var(--parchment-200);margin:0 0 10px;line-height:1.8}.era-japan-people{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 720px){.map-era-year{font-size:2.1rem}.map-era-title{font-size:1rem}.globe-mount{height:460px}.year-tick-label{display:none}.year-tick.active .year-tick-label{display:block}.year-tick:nth-child(odd) .year-tick-label{display:block}.realm-card{top:auto;bottom:10px;right:10px;left:10px;width:auto;max-height:55%}.map-marker-label{font-size:26px;stroke-width:5px}.map-stage:after{box-shadow:inset 0 0 34px 8px #0b0e1466}}@media (max-width: 440px){.map-marker-label{font-size:32px;stroke-width:6px}}:root{--ink-900: #0b0e14;--ink-800: #11151f;--ink-700: #181d2a;--ink-600: #222838;--ink-500: #2e3548;--ink-border: #3a4156;--parchment-100: #f3ead7;--parchment-200: #e7d9bc;--parchment-300: #d4c098;--parchment-ink: #2b2117;--gold-300: #e8c87a;--gold-400: #d4af5f;--gold-500: #b8923f;--gold-glow: rgba(212, 175, 95, .35);--blood-400: #a83246;--royal-400: #5b6fc0;--verdigris-400: #4f9e8a;--plum-400: #8e5a9e;--text-hi: #ede5d3;--text-body: #c5bfae;--text-dim: #8a8675;--font-display: "Shippori Mincho B1", "Cormorant Garamond", serif;--font-latin: "Cormorant Garamond", serif;--font-body: "Zen Kaku Gothic New", -apple-system, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--space-6: 64px;--radius-s: 4px;--radius-m: 8px;--radius-l: 14px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .45), 0 8px 32px rgba(0, 0, 0, .35);--shadow-float: 0 12px 48px rgba(0, 0, 0, .6);--gold-line: linear-gradient(90deg, transparent, var(--gold-400) 20%, var(--gold-300) 50%, var(--gold-400) 80%, transparent);--content-max: 1100px;--nav-h: 60px}:root{--house-habsburg: #d4af5f;--house-plantagenet: #b03a48;--house-lancaster: #a83246;--house-york: #e8e3d4;--house-tudor: #3f7e5c;--house-valois: #5b6fc0;--house-bourbon: #7588d4;--house-trastamara: #c07a3a;--house-medici: #8e2f3c;--house-borgia: #7a4a8e;--house-osman: #2e7d6e;--house-rurik: #5a4a7a}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--ink-800);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(91,111,192,.08),transparent),radial-gradient(ellipse 60% 40% at 90% 110%,rgba(212,175,95,.05),transparent);background-attachment:fixed;color:var(--text-body);font-family:var(--font-body);font-size:15px;line-height:1.85;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-hi);font-weight:700;line-height:1.4;margin:0}a{color:var(--gold-300);text-decoration:none;transition:color .15s}a:hover{color:var(--gold-400)}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%}::selection{background:var(--gold-500);color:var(--ink-900)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--ink-900)}::-webkit-scrollbar-thumb{background:var(--ink-500);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gold-500)}.container{max-width:var(--content-max);margin:0 auto;padding:0 var(--space-3)}.gold-rule{height:1px;background:var(--gold-line);border:none;margin:var(--space-4) 0}.codex-heading{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-3)}.codex-heading:before,.codex-heading:after{content:"";flex:1;height:1px;background:var(--gold-line)}.codex-heading h2{font-size:1.5rem;letter-spacing:.12em;white-space:nowrap}.codex-heading .sub{font-family:var(--font-latin);font-style:italic;color:var(--text-dim);font-size:.9rem;letter-spacing:.2em}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;border:1px solid var(--ink-border);background:var(--ink-700);font-size:.75rem;color:var(--text-body);white-space:nowrap}.chip.gold{border-color:var(--gold-500);color:var(--gold-300)}.chip.blood{border-color:var(--blood-400);color:#d98a98}.chip.royal{border-color:var(--royal-400);color:#9aa8e8}.chip.plum{border-color:var(--plum-400);color:#bf94cf}.chip.verdigris{border-color:var(--verdigris-400);color:#8cd0bd}.panel{background:var(--ink-700);border:1px solid var(--ink-border);border-radius:var(--radius-m);box-shadow:var(--shadow-card)}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-enter{animation:pageEnter .4s ease-out both}@media (max-width: 720px){html{font-size:17px}}@media (max-width: 640px){body{font-size:15px}.codex-heading h2{font-size:1.2rem}}