.visual-chapter{clear:both;border-top:1px solid #c7d3cc44;margin:32px 0;padding-top:26px;color:#edf1ed;text-align:left;min-width:0}.visual-chapter h2,.visual-chapter h3{font-family:inherit;font-size:clamp(20px,2vw,29px);line-height:1.2;letter-spacing:.04em;margin:0 0 12px}.visual-chapter h4{font-size:16px;margin:12px 0 8px}.visual-chapter p{font:400 16px/1.6 Arial,sans-serif;color:#c7d2ce}.visual-kicker,.visual-scope{display:block;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.08em;color:#dfc99a;margin-bottom:10px}.visual-group{margin:25px 0}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.visual-grid.costumes{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-figure{margin:0;min-width:0;background:#080f17b8;border:1px solid #c7d3cc33}.visual-figure button{display:block;position:relative;width:100%;padding:0;border:0;background:#060b12;color:white;cursor:zoom-in}.visual-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.costumes .visual-figure img{aspect-ratio:2/3}.visual-figure figcaption{padding:16px}.visual-figure p{font-size:14px;margin:8px 0}.visual-figure a,.visual-relation a{font:600 14px/1.5 Arial,sans-serif;text-decoration:underline}.visual-open{position:absolute;right:10px;bottom:10px;background:#070c13db;padding:6px 9px;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.05em}.visual-figure button:focus-visible,.visual-chapter a:focus-visible,.visual-lightbox button:focus-visible{outline:3px solid #edcf8c;outline-offset:3px}.visual-relation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.visual-relation{display:grid;grid-template-columns:72px minmax(0,1fr);gap:15px;padding:14px;background:#0a121dc9;border:1px solid #c3c9cb44;border-left:3px solid #a9bfb4}.visual-relation img{width:72px;height:96px;object-fit:contain;background:#070c13}.visual-relation strong{display:block;font-size:16px}.visual-relation p{font-size:14px;margin:6px 0}.visual-relation .visual-scope{margin:8px 0 0}.visual-connections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.visual-connection{display:block;border:1px solid #ccd5ca38;background:#07111ee6;min-width:0;overflow:hidden}.visual-connection img{display:block;width:100%;height:130px;object-fit:contain;background:#060c13}.visual-connection span{display:block;padding:12px;font:600 14px/1.4 Arial,sans-serif}.visual-connection small{display:block;font-size:12px;color:#c7b999;margin-top:4px}.visual-chapter details>summary{padding:14px;border:1px solid #cad3c538;cursor:pointer;font-size:16px}.visual-chapter details[open]>summary{margin-bottom:16px}.visual-chapter .visual-note{font-size:13px;color:#adbbb7}.visual-inspect{background:#12232a;border:1px solid #b4c3bb66;color:#eee;padding:12px 18px;min-height:44px;cursor:pointer;font:600 14px/1.4 Arial,sans-serif}.visual-lightbox{width:min(1180px,calc(100vw - 24px));max-width:1180px;max-height:94svh;padding:18px;background:#080f18;color:#edf2ee;border:1px solid #c6d4c488;overflow:auto}.visual-lightbox::backdrop{background:#020609e8;backdrop-filter:blur(8px)}.visual-lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:-18px;background:#080f18fa;padding:12px 0;z-index:1}.visual-lightbox button{background:#18272b;border:1px solid #b8c9bd88;color:#fff;min-width:44px;min-height:44px;padding:8px 14px;cursor:pointer;font-size:16px}.visual-lightbox h2{font:700 24px/1.25 Arial,sans-serif;margin:0}.visual-view{max-height:65svh;overflow:auto;background:#03070c;text-align:center}.visual-view img{display:block;width:100%;height:60svh;object-fit:contain;max-width:none}.visual-view.zoomed img{width:auto;height:auto;max-width:none}.visual-lightbox p{font:400 16px/1.6 Arial,sans-serif;max-width:85ch}.visual-lightbox-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:15px 0}.visual-lightbox label{display:flex;align-items:center;gap:10px;font-size:14px}.visual-lightbox a{color:#e4ce99;text-decoration:underline}.visual-scale-table{width:100%;border-collapse:collapse;font-size:14px}.visual-scale-table th,.visual-scale-table td{text-align:left;padding:12px 8px;border-bottom:1px solid #ccd4c73b}.visual-scale-table th{color:#e2ca95}.visual-scale-table td:first-child{width:40%}.visual-scale-bar{display:block;height:6px;margin-top:9px;background:#09111a}.visual-scale-bar i{height:100%;display:block;background:linear-gradient(90deg,#648b7f,#dfc08b)}.visual-chapter select{background:#14232b;color:#fff;border:1px solid #bac8bc88;padding:10px;font-size:16px;max-width:100%}.detail-art>button.visual-event-art{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.vault-item .visual-grid,.vault-item .visual-relation-grid,#detail .visual-grid{grid-template-columns:1fr}.vault-item .visual-chapter h2,#detail .visual-chapter h2{font-size:22px}.vault-item .visual-connections,#detail .visual-connections{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-chapter .visual-empty{display:none}
@media(max-width:650px){.visual-grid,.visual-relation-grid{grid-template-columns:1fr}.visual-grid.costumes{grid-template-columns:repeat(3,minmax(140px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.costumes .visual-figure{scroll-snap-align:start}.visual-connections{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-lightbox h2{font-size:19px}.visual-lightbox{padding:12px}.visual-scale-table th,.visual-scale-table td{padding:9px 4px}.visual-lightbox-top{top:-12px}}

.visual-versions{list-style:none;padding:0;margin:22px 0;display:grid;gap:0}.visual-versions li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;position:relative;padding:0 0 28px}.visual-versions li:not(:last-child):before{content:"";position:absolute;left:24px;top:45px;bottom:0;width:1px;background:linear-gradient(#d5b477,#6b938b)}.visual-version-number{display:grid;place-items:center;align-self:start;height:48px;border:1px solid #c4b785;background:#0b1721;color:#efd399;font:700 18px Arial,sans-serif}.visual-versions h4{margin:4px 0 8px}.visual-versions p{margin:8px 0}.visual-versions a{font-size:14px;text-decoration:underline}body:has(.visual-lightbox[open]){overflow:hidden}

.visual-costume-image{position:relative;float:left;width:min(38%,260px);margin:0 22px 14px 0;padding:0;background:#030810;border:1px solid #b5c9c444;cursor:zoom-in}.visual-costume-image img{display:block;width:100%;height:260px;object-fit:contain}.visual-costume-image:focus-visible{outline:3px solid #edcf8c;outline-offset:3px}@media(max-width:550px){.visual-costume-image{float:none;width:100%;max-width:360px;margin:0 0 16px}.visual-costume-image img{height:260px}}

.visual-versions li>div{display:flow-root}

.visual-lightbox{max-height:calc(100svh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;overflow-wrap:anywhere}
.visual-lightbox-top [data-visual-close]{min-width:44px;min-height:44px;flex:none}.visual-lightbox-tools{flex-wrap:wrap}.visual-lightbox-tools button{min-height:44px;white-space:normal}.visual-view{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
