@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Noto+Serif+JP:wght@400;700&family=Noto+Sans+JP:wght@300;400;700&display=swap";:root{--bg-color:#050507;--surface:#0b0b0e;--card-bg:#ffffff06;--card-bg-hover:#ffffff0d;--accent-gold:#d4af37;--accent-gold-soft:#d4af3766;--accent-gold-glow:#d4af3733;--accent-red:#8b0000;--text-primary:#f0f0f0;--text-secondary:#9a9a9a;--text-muted:#8b8b8b;--glass-border:#ffffff14;--kamon-fill:#d4af3766;--kamon-fill-hover:#d4af378c;--kamon-line:#f2d47e;--font-serif:"Noto Serif JP", serif;--font-sans:"Noto Sans JP", sans-serif;--font-display:"Cinzel", serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 10% 10%,#d4af3708 0%,#0000 40%),radial-gradient(circle at 90% 90%,#8b000008 0%,#0000 40%);min-height:100vh;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}.container{max-width:1400px;margin:0 auto;padding:4rem 2rem 3rem;position:relative}.lang-switch{border:1px solid var(--glass-border);border-radius:999px;padding:3px;display:flex;position:absolute;top:1.25rem;right:2rem}.lang-switch__btn{color:var(--text-secondary);background:0 0;border:none;border-radius:999px;padding:.3rem .85rem;font-size:.8rem;transition:background .2s,color .2s}.lang-switch__btn:hover{color:var(--text-primary)}.lang-switch__btn.is-active{color:var(--accent-gold);background:#d4af3726}.skip-link{z-index:100;background:var(--accent-gold);color:var(--bg-color);border-radius:8px;padding:.5rem 1rem;font-weight:700;position:absolute;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:none}main:focus{outline:none}.header{text-align:center;margin-bottom:2.5rem}.header h1{color:var(--accent-gold);text-shadow:0 0 30px var(--accent-gold-glow);font-size:3.2rem;font-family:var(--font-serif);letter-spacing:.2em;margin-bottom:1rem}.header__en{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.3em;text-transform:uppercase;font-size:.9rem}.header__stats{color:var(--text-muted);letter-spacing:.1em;margin-top:1rem;font-size:.85rem}.toolbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-border);background:#050507e0;flex-direction:column;gap:.75rem;margin:0 -2rem 3rem;padding:1rem 2rem .75rem;display:flex;position:sticky;top:0}.search{position:relative}.search__icon{fill:none;width:18px;height:18px;stroke:var(--text-secondary);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search__input{background:var(--card-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font:inherit;border-radius:12px;padding:.8rem 1rem .8rem 2.8rem;font-size:1rem;transition:border-color .2s}.search__input::placeholder{color:var(--text-muted)}.search__input:focus{border-color:var(--accent-gold-soft);outline:none}.chip-row{align-items:center;gap:.75rem;min-width:0;display:flex}.chip-row__label{width:2.5rem;color:var(--text-muted);letter-spacing:.1em;flex:none;font-size:.8rem}.chip-row__chips{flex-wrap:wrap;gap:.5rem;min-width:0;display:flex}.chip{background:var(--card-bg);border:1px solid var(--glass-border);color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:.85rem;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--accent-gold-soft);color:var(--text-primary)}.chip.is-active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-color);font-weight:700}.chip.is-empty{opacity:.35}.chip__count{opacity:.7;font-size:.75rem}.toolbar__status{color:var(--text-muted);align-items:center;gap:1rem;font-size:.8rem;display:flex}.link-btn{color:var(--accent-gold);font-size:inherit;text-underline-offset:3px;background:0 0;border:none;text-decoration:underline}.kamon-section{margin-bottom:4rem}.section-header{border-bottom:1px solid var(--glass-border);flex-wrap:wrap;align-items:baseline;column-gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex;position:relative}.section-header:after{content:"";background:var(--accent-gold);width:80px;height:1px;position:absolute;bottom:-1px;left:0}.section-title{font-family:var(--font-serif);color:var(--accent-gold);letter-spacing:.15em;font-size:1.6rem;font-weight:700}.section-count{color:var(--text-muted);font-size:.9rem}.section-note{color:var(--text-secondary);flex-basis:100%;margin-top:.35rem;font-size:.85rem}.empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:6rem 0;display:flex}.kamon-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.kamon-card{background:var(--card-bg);border:1px solid var(--glass-border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;width:100%;padding:1.75rem 1rem 1.5rem;transition:transform .3s cubic-bezier(.23,1,.32,1),border-color .3s,background .3s,box-shadow .3s;display:flex;position:relative}.kamon-card:hover{border-color:var(--accent-gold-soft);background:var(--card-bg-hover);transform:translateY(-4px);box-shadow:0 14px 30px #0006}.kamon-card__count{border:1px solid var(--accent-gold-soft);color:var(--accent-gold);border-radius:999px;padding:.1rem .5rem;font-size:.7rem;position:absolute;top:.75rem;right:.75rem}.kamon-card__art{width:128px;height:128px;margin-bottom:1.25rem}.kamon-card__clan{font-family:var(--font-serif);color:#fff;font-size:1.25rem;font-weight:700}.kamon-card__crest{font-family:var(--font-serif);color:var(--accent-gold);margin-top:.3rem;font-size:.9rem}.kamon-card__usage{border:1px solid var(--accent-gold-soft);border-radius:4px;margin-left:.4rem;padding:0 .35rem;font-size:.7rem}.kamon-card__person{color:var(--text-secondary);margin-top:.6rem;font-size:.78rem}.kamon-svg{fill:none;width:100%;height:100%;stroke:var(--kamon-line);stroke-width:1.4px;overflow:visible}.kamon-path{vector-effect:non-scaling-stroke;fill:var(--kamon-fill);transition:fill .4s}.kamon-card:hover .kamon-path{fill:var(--kamon-fill-hover)}.kamon-card:hover .kamon-svg{filter:drop-shadow(0 0 6px var(--accent-gold-glow))}.kamon-path--thick{vector-effect:none}.kamon-path--no-fill,.kamon-ring,.kamon-card:hover .kamon-path--no-fill,.kamon-card:hover .kamon-ring{fill:none}.is-drawing{--draw-ease:cubic-bezier(.45, .05, .3, 1);--ink-bright:#fff4cc}.kamon-guide path{vector-effect:non-scaling-stroke;stroke-opacity:0;fill:#0000;animation:7.4s forwards guideStroke,1.8s 6.2s forwards fillIn}.kamon-guide .kamon-guide__ring,.kamon-guide .kamon-guide__no-fill{animation:7.4s forwards guideStroke}.kamon-stroke{vector-effect:non-scaling-stroke;fill:none;visibility:hidden}.is-ready .kamon-stroke{visibility:visible;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:drawStroke var(--duration) var(--draw-ease) var(--delay) both, inkColor 1.6s ease 5.8s both, inkWeight 1.6s ease 5.8s both}.kamon-guide .kamon-path--thick,.kamon-stroke.kamon-path--thick{vector-effect:none}.is-ready .kamon-stroke.kamon-path--thick{animation:drawStroke var(--duration) var(--draw-ease) var(--delay) both, inkColor 1.6s ease 5.8s both}@keyframes guideStroke{0%{stroke-opacity:0}14%,78%{stroke-opacity:.16}to{stroke-opacity:0}}@keyframes drawStroke{0%{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}99.9%{stroke-dasharray:var(--len);stroke-dashoffset:0}to{stroke-dasharray:none;stroke-dashoffset:0}}@keyframes inkColor{0%{stroke:var(--ink-bright)}to{stroke:var(--kamon-line)}}@keyframes inkWeight{0%{stroke-width:2.2px}to{stroke-width:1.6px}}@keyframes fillIn{to{fill:var(--kamon-fill)}}.modal__art-stage{width:100%;height:100%;position:relative}.modal__art-stage:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#d4af3738 0%,#d4af370f 45%,#0000 70%);border-radius:50%;animation:2.6s 6s forwards bloom;position:absolute;inset:-12%}.modal__art-stage .kamon-svg{position:relative}@keyframes bloom{0%{opacity:0;transform:scale(.85)}45%{opacity:1;transform:scale(1.04)}to{opacity:.55;transform:scale(1)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--accent-gold-soft);border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:3rem;width:100%;max-width:980px;margin:auto;padding:3.5rem;animation:.4s cubic-bezier(.23,1,.32,1) modalIn;display:grid;position:relative}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(16px)}to{opacity:1;transform:none}}.modal__close{z-index:1;border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-secondary);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:border-color .3s,color .3s,transform .3s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal__close:hover{border-color:var(--accent-gold);color:#fff;transform:rotate(90deg)}.modal__art-panel{flex-direction:column;align-items:center;gap:2rem;display:flex}.modal__art{aspect-ratio:1;width:100%;max-width:320px;filter:drop-shadow(0 0 30px var(--accent-gold-glow))}.modal__art .kamon-svg{stroke-width:1.6px}.crest-switcher{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.crest-switcher__item{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;width:96px;padding:.75rem .5rem;transition:border-color .2s,background .2s;display:flex}.crest-switcher__item .kamon-svg{stroke-width:1px;width:48px;height:48px}.crest-switcher__item:hover{border-color:var(--accent-gold-soft)}.crest-switcher__item.is-active{border-color:var(--accent-gold);background:#d4af3714}.crest-switcher__name{font-family:var(--font-serif);font-size:.8rem}.crest-switcher__usage{color:var(--text-muted);font-size:.7rem}.modal__info{flex-direction:column;min-width:0;display:flex}.modal__clan{color:var(--text-secondary);letter-spacing:.15em;font-size:.95rem}.modal__crest-name{font-family:var(--font-serif);color:#fff;margin-top:.5rem;font-size:2.4rem;font-weight:700}.modal__crest-en{font-family:var(--font-display);color:var(--accent-gold);letter-spacing:.2em;margin-top:.25rem;font-size:1rem}.share-btn{border:1px solid var(--glass-border);color:var(--text-secondary);background:0 0;border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;margin-top:1rem;padding:.35rem .9rem;font-size:.8rem;transition:border-color .2s,color .2s;display:inline-flex}.share-btn:hover{border-color:var(--accent-gold-soft);color:var(--text-primary)}.share-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}.facts{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;margin-top:2rem;padding:1.25rem 0;display:grid}.facts dt{color:var(--text-muted);letter-spacing:.1em;font-size:.75rem}.facts dd{font-family:var(--font-serif);margin-top:.25rem;font-size:.95rem}.facts__sub{color:var(--text-secondary);margin-left:.5rem;font-size:.75rem}.modal__description{color:var(--text-secondary);line-height:1.9;font-family:var(--font-serif);margin-top:1.5rem}.modal__nav{justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:2rem;display:flex}.nav-btn{border:1px solid var(--glass-border);max-width:40%;color:var(--text-secondary);background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.85rem;transition:border-color .2s,color .2s;display:inline-flex}.nav-btn:hover:not(:disabled){border-color:var(--accent-gold-soft);color:var(--text-primary)}.nav-btn:disabled{opacity:.3}.nav-btn__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal__position{color:var(--text-muted);font-size:.8rem}.footer{text-align:center;color:var(--text-muted);letter-spacing:.05em;margin-top:4rem;font-size:.8rem}.view-tabs{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.view-tab{border:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-serif);letter-spacing:.2em;background:0 0;border-radius:999px;padding:.5rem 1.5rem;font-size:1rem;transition:border-color .2s,color .2s,background .2s}.view-tab:hover{border-color:var(--accent-gold-soft);color:var(--text-primary)}.view-tab.is-active{border-color:var(--accent-gold);color:var(--accent-gold);background:#d4af371a}.detail-block{margin-top:1.5rem}.detail-block__title{color:var(--text-muted);letter-spacing:.1em;margin-bottom:.6rem;font-size:.75rem;font-weight:400}.detail-block__sub{color:var(--accent-gold);letter-spacing:0;margin-left:.5rem}.lineage{font-family:var(--font-serif);flex-wrap:wrap;align-items:center;gap:.25rem;list-style:none;display:flex}.lineage li:not(:last-child):after{content:"›";color:var(--text-muted);margin-left:.4rem}.lineage__link{color:var(--accent-gold);text-underline-offset:3px;background:0 0;border:none;text-decoration:underline}.lineage__current{color:var(--text-primary)}.lineage__note{color:var(--text-secondary);margin-top:.3rem;font-size:.8rem}.lineage__children{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.6rem;display:flex}.lineage__label{color:var(--text-muted);margin-right:.25rem;font-size:.75rem}.peers{flex-wrap:wrap;gap:.4rem;display:flex}.peer-chip{background:var(--card-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .7rem .3rem .35rem;font-size:.8rem;transition:border-color .2s;display:inline-flex}.peer-chip:hover{border-color:var(--accent-gold-soft)}.peer-chip .kamon-svg{stroke-width:1px;flex:none;width:26px;height:26px}.peer-chip__crest{color:var(--text-muted);margin-left:.35rem}.detail-block--meta{color:var(--text-muted);font-size:.75rem;line-height:1.7}.detail-block--meta p+p{margin-top:.3rem}.detail-block--meta a{color:var(--text-secondary);word-break:break-word}.detail-block__label{color:var(--text-muted);margin-right:.5rem}.map-view__hint{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem}.map-frame{border:1px solid var(--glass-border);touch-action:pan-y;background:radial-gradient(at 60% 40%,#d4af370a,#0000 70%);border-radius:20px;width:100%;min-width:min(100%,320px);max-width:min(900px,97vh - 271.6px);margin:0 auto;position:relative;overflow:hidden}.map-frame.is-zoomed{cursor:grab;touch-action:none}.map-controls{z-index:6;flex-direction:column;gap:.35rem;display:flex;position:absolute;top:.75rem;right:.75rem}.map-controls__btn{background:var(--surface);border:1px solid var(--glass-border);width:34px;height:34px;color:var(--text-secondary);border-radius:8px;font-size:1rem}.map-controls__btn:hover:not(:disabled){border-color:var(--accent-gold-soft);color:var(--text-primary)}.map-controls__btn:disabled{opacity:.3}.map-controls__btn--text{width:auto;padding:0 .4rem;font-size:.75rem}.map-frame__land{width:100%;height:100%;display:block}.map-frame__land path{fill:#ffffff0b;stroke:#d4af3759;stroke-width:1px;vector-effect:non-scaling-stroke}.map-marker{background:var(--surface);border:1px solid var(--accent-gold-soft);border-radius:50%;width:34px;height:34px;padding:4px;transition:transform .2s,border-color .2s,box-shadow .2s;position:absolute;transform:translate(-50%,-50%)}.map-marker .kamon-svg{stroke-width:1px}.map-marker:hover,.map-marker:focus-visible,.map-marker.is-open{z-index:2;border-color:var(--accent-gold);box-shadow:0 0 14px var(--accent-gold-glow);transform:translate(-50%,-50%)scale(1.25)}.map-marker.is-cluster{border-width:2px}.map-marker__count{background:var(--accent-gold);min-width:18px;color:var(--bg-color);border-radius:999px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-8px}.map-marker__label{border:1px solid var(--glass-border);color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;background:#000000d9;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.map-marker:hover .map-marker__label,.map-marker:focus-visible .map-marker__label{opacity:1}.map-popover{z-index:5;background:var(--surface);border:1px solid var(--accent-gold-soft);border-radius:12px;flex-direction:column;gap:2px;min-width:180px;max-height:320px;margin:22px 0 0 -20px;padding:.4rem;display:flex;position:absolute;overflow-y:auto;box-shadow:0 12px 30px #0009}.map-popover.is-left{margin-left:20px;transform:translate(-100%)}.map-popover.is-up{margin-top:-22px;transform:translateY(-100%)}.map-popover.is-left.is-up{transform:translate(-100%,-100%)}.map-popover__item{text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;padding:.35rem .5rem;font-size:.85rem;display:flex}.map-popover__item:hover{background:var(--card-bg-hover)}.map-popover__item .kamon-svg{stroke-width:1px;flex:none;width:28px;height:28px}.map-popover__seat{color:var(--text-muted);font-size:.7rem;display:block}.footer p+p{margin-top:.4rem}@media (width<=860px){.modal{grid-template-columns:minmax(0,1fr);gap:2rem;padding:3.5rem 1.5rem 1.5rem}.modal__art{max-width:220px}.modal__info{text-align:left}}@media (width<=640px){.container{padding:2.5rem 1rem 2rem}.lang-switch{width:fit-content;margin:-1.5rem 0 1rem auto;position:static}.header h1{letter-spacing:.1em;font-size:2.2rem}.header__en{letter-spacing:.15em;font-size:.75rem}.toolbar{margin:0 -1rem 2rem;padding:.75rem 1rem .5rem}.chip-row__chips{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.chip-row__chips::-webkit-scrollbar{display:none}.section-title{font-size:1.3rem}.kamon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.kamon-card{border-radius:14px;padding:1.25rem .5rem 1rem}.kamon-card__art{width:88px;height:88px;margin-bottom:.9rem}.kamon-card__clan{font-size:1.05rem}.kamon-card__person{font-size:.7rem}.modal-overlay{padding:1rem .5rem}.modal{border-radius:20px}.modal__crest-name{font-size:1.9rem}.modal__art{max-width:180px}.modal__art-panel{gap:1.25rem}.crest-switcher{gap:.5rem}.crest-switcher__item{width:76px;padding:.5rem .25rem}.crest-switcher__item .kamon-svg{width:36px;height:36px}.search__input{padding-top:.65rem;padding-bottom:.65rem}.modal__close{top:.75rem;right:.75rem}.view-tab{padding:.4rem 1.1rem;font-size:.9rem}.map-marker{width:28px;height:28px;padding:3px}}@media (prefers-reduced-motion:reduce){.kamon-stroke,.is-ready .kamon-stroke,.is-ready .kamon-stroke.kamon-path--thick{visibility:visible;stroke-dasharray:none;stroke-dashoffset:0;animation:none}.kamon-guide path{fill:var(--kamon-fill);animation:none}.kamon-guide .kamon-guide__ring,.kamon-guide .kamon-guide__no-fill{fill:#0000}.modal__art-stage:before{opacity:.55;animation:none}.modal,.kamon-card{transition:none;animation:none}.kamon-card:hover{transform:none}}