.d-hero{position:relative;text-align:center;padding:88px var(--space-7) 0;max-width:1120px;margin:0 auto}.d-hero-fan{position:relative;height:178px;margin:0 auto var(--space-6);width:300px}.d-hero-fan .card-art{position:absolute;left:50%;bottom:0;width:92px;height:auto;aspect-ratio:.57;margin-left:-46px;border-radius:7px;transform-origin:50% 160%;transform:translate(calc(var(--i) * 34px)) rotate(calc(var(--i) * 12deg));animation:d-rise 1.1s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc((var(--i) + 1) * 90ms)}.d-hero-fan .card-art:nth-child(2){z-index:1;outline:1px solid var(--gold);outline-offset:4px}@keyframes d-rise{0%{opacity:0;transform:translateY(24px) rotate(0)}}.d-draw{min-height:48px;padding:12px 24px}.d-controls{position:sticky;top:73px;z-index:4;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);max-width:1120px;margin:96px auto 0;padding:var(--space-4) var(--space-7);background:var(--night);border-bottom:1px solid var(--line)}.d-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1;min-width:0}.d-filter{font-size:var(--text-ui);padding:5px 14px 5px 5px;min-height:34px}.d-filter:not(:has(.sigil)){padding-left:14px}.d-filter[aria-pressed=true]{background:var(--surface-chip-chosen);border-color:var(--gold-edge);color:var(--ink-gilt)}.d-search{position:relative;display:block;width:280px;max-width:100%}.d-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-muted);pointer-events:none}.d-search input{padding:10px 14px 10px 40px;border-radius:var(--radius-pill);font-size:var(--text-ui)}.d-groups{max-width:1120px;margin:0 auto;padding:0 var(--space-7)}.d-group{padding-top:72px}.d-group-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:var(--space-4);align-items:center;padding-bottom:var(--space-5);border-bottom:1px solid var(--line)}.d-group-head .sigil{grid-row:1/3;width:40px;height:40px}.d-group-head .sigil svg{width:18px;height:18px}.d-group-head h2{font:400 var(--text-panel-title)/var(--leading-panel-title) var(--font-serif)}.d-group-head p{grid-column:2;font:italic var(--text-connection-body)/1.45 var(--font-serif);color:var(--ink-soft)}.d-count{grid-column:3;grid-row:1/3;font:var(--text-caption) var(--font-sans);letter-spacing:2.4px;color:var(--gold-numeral)}.d-grid{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-7) var(--space-5)}.d-tile{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:0;text-align:center}.landing .d-tile:hover{filter:none}.d-tile-art{aspect-ratio:.57;height:auto;margin-bottom:var(--space-3);transition:transform .35s,outline-color .35s;outline:1px solid transparent;outline-offset:4px}.d-tile:hover .d-tile-art,.d-tile:focus-visible .d-tile-art{transform:translateY(-5px);outline-color:var(--gold)}.d-tile:focus-visible{outline:none}.d-tile-keys{font:italic var(--text-connection-body)/1.3 var(--font-serif);color:var(--ink-soft);text-wrap:balance}.d-tile-keys span+span:before{content:" · "}.d-tile:hover .d-tile-keys{color:var(--ink)}.d-empty{padding:96px 0 0}.d-empty .text-btn{font-style:normal}.d-closing{padding-top:144px}.d-closing-lede{margin:var(--space-5) auto 0;text-align:center}.d-dialog{width:min(1000px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line-raised);border-radius:var(--radius-modal);background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-modal);overflow:auto;overscroll-behavior:contain}.d-dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.d-dialog[open]{animation:d-open .35s cubic-bezier(.2,.7,.2,1)}@keyframes d-open{0%{opacity:0;transform:translateY(12px)}}.d-sheet{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-7);padding:var(--space-7)}.d-close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:1}.d-figure{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.d-figure-art{width:100%;max-width:360px;height:auto;aspect-ratio:.57;border-radius:12px}.d-stepper{display:flex;align-items:center;gap:var(--space-3);font:var(--text-caption) var(--font-sans);letter-spacing:1px;color:var(--ink-muted)}.d-stepper .icon-btn{border:1px solid var(--line);border-radius:50%;padding:9px}.d-stepper .icon-btn svg{width:16px;height:16px}.d-detail{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-top:var(--space-3)}.d-name{font:400 var(--text-display)/1.05 var(--font-serif);margin-top:var(--space-2)}.d-essence{font:italic var(--text-subtitle)/var(--leading-subtitle) var(--font-serif);color:var(--ink-soft);margin-top:var(--space-4);text-wrap:pretty}.d-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.d-orientation{margin-top:var(--space-6)}.d-side{width:100%;margin-top:var(--space-5)}.d-keywords{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.d-keywords li{font:var(--text-reading-body)/1.2 var(--font-serif);padding:6px 14px;border:1px solid var(--gold-hairline);border-radius:var(--radius-pill);color:var(--ink-warm)}.d-advice-label{font:var(--text-caption) var(--font-sans);letter-spacing:2.4px;color:var(--gold);margin-top:var(--space-5)}.d-advice{font:var(--text-reading-body)/var(--leading-reading-body) var(--font-serif);margin-top:var(--space-2)}.d-reflection{width:100%;text-align:center;margin-top:var(--space-6);padding-top:var(--space-2);border-top:1px solid var(--line)}.d-reflection .ornament{margin:var(--space-4) 0 var(--space-3)}.d-reflection-q{font:var(--text-reflection)/var(--leading-reflection) var(--font-serif);text-wrap:balance}.d-footnote{font:italic var(--text-quiet)/var(--leading-quiet) var(--font-serif);color:var(--ink-faint);margin-top:var(--space-6)}.d-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.d-cta{gap:var(--space-3);padding:14px 30px}.d-more{min-height:48px;padding:12px 22px}@media(max-width:860px){.d-sheet{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-7) var(--space-5) var(--space-6)}.d-figure-art{max-width:240px}.d-name{font-size:40px}}@media(max-width:760px){.d-hero{padding:48px var(--space-4) 0}.d-hero-fan{height:136px;margin-bottom:var(--space-5)}.d-hero-fan .card-art{width:70px;margin-left:-35px;transform:translate(calc(var(--i) * 24px)) rotate(calc(var(--i) * 12deg))}.d-controls{top:57px;margin-top:64px;padding:var(--space-3) var(--space-4);gap:var(--space-3)}.d-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4);flex-basis:100%}.d-filters::-webkit-scrollbar{display:none}.d-filter{flex-shrink:0}.d-search{width:100%}.d-groups{padding:0 var(--space-4)}.d-group{padding-top:56px}.d-group-head .sigil{width:32px;height:32px}.d-group-head h2{font-size:30px}.d-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6) var(--space-3)}.d-tile-art{border-radius:7px;margin-bottom:var(--space-2)}.d-tile-keys{font-size:15px}.d-tile-keys span:nth-child(3){display:none}.d-closing{padding-top:112px}}@media(prefers-reduced-motion:reduce){.d-hero-fan .card-art,.d-dialog[open]{animation:none}}.d-index{max-width:1120px;margin:144px auto 0;padding:0 var(--space-7);text-align:center}.d-index-title{font:400 40px/1.15 var(--font-serif);margin-top:var(--space-4);text-wrap:balance}.d-index-lede{font:italic 21px/1.5 var(--font-serif);color:var(--ink-soft);max-width:620px;margin:var(--space-4) auto 0}.d-index-cols{columns:3 300px;column-gap:56px;margin-top:64px;text-align:left}.d-index-group{break-inside:avoid;margin-bottom:var(--space-7)}.d-index-group h3{font:var(--text-eyebrow)/var(--leading-eyebrow) var(--font-sans);letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);padding-bottom:var(--space-3);border-bottom:1px solid var(--gold-hairline)}.d-index-group ol{list-style:none;margin:var(--space-3) 0 0;padding:0}.d-index-group li{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid var(--line)}.d-index-group a{font:400 20px/1.25 var(--font-serif);color:var(--ink)}.d-index-group a:hover{color:var(--ink-gilt)}.d-index-group span{font:italic 15px/1.4 var(--font-serif);color:var(--ink-muted)}@media(max-width:760px){.d-index{margin-top:96px;padding:0 var(--space-4)}.d-index-title{font-size:30px}}
