.top-page{background:#0b0910;color:#eee8f5}
.top-page:before{background:radial-gradient(ellipse at 85% 0%,#8056ac13,transparent 43%),#0b0910}
.top-page main{min-height:65vh}
.top-directory{padding-top:38px;padding-bottom:55px}
.top-directory [hidden]{display:none!important}
.top-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:27px}
.top-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#b19ac9;margin:0 0 10px}
.top-heading h1{font:400 clamp(54px,6vw,76px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.065em;color:#f0e8f8;margin:0}
.top-heading h1>span{color:#b193d3}
.top-heading h1+p{font-size:14px;color:#a597b1;line-height:1.7;margin:14px 0 0}
.top-period{display:flex;align-items:center;gap:8px;font-size:11px;color:#9b88af;white-space:nowrap;padding-bottom:4px}
.top-period>span{width:5px;height:5px;border-radius:50%;background:#ac91cc}
.top-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #b59acb28}
.top-sections{display:flex;gap:32px}
.top-sections a{display:flex;align-items:center;gap:10px;position:relative;min-height:53px;padding:10px 0 18px;font-size:20px;letter-spacing:-.025em;color:#8c799e;text-decoration:none;transition:color .25s}
.top-sections a>span{font-size:11px;letter-spacing:0;color:#887196;font-variant-numeric:tabular-nums}
.top-sections a:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#ba9bdc;transform:scaleX(.65);opacity:0;transition:opacity .25s,transform .3s}
.top-sections a[aria-current]{color:#f0e5fa}
.top-sections a[aria-current]:after{opacity:1;transform:none}
.top-sections a[aria-current]>span{color:#baa0d2}
.top-sorts{display:flex;align-items:center;gap:4px;padding-bottom:8px}
.top-sorts a{font-size:12px;color:#94809f;padding:10px 13px;border:1px solid transparent;border-radius:9px;text-decoration:none;transition:color .25s,border-color .25s,background .25s}
.top-sorts a[aria-current]{border-color:#c5a3e72c;color:#dfc9f4;background:#c8a3ef04}
.top-sorts a:hover,.top-kinds a:hover,.top-sections a:hover{color:#e5cef5}
.top-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:57px;margin-bottom:11px}
.top-caption>p{font-size:11px;line-height:1.6;color:#8f7d9e;margin:0}
.top-kinds{display:flex;align-items:center;gap:21px;min-width:0}
.top-kinds a{display:inline-flex;align-items:center;min-height:44px;font-size:11px;white-space:nowrap;color:#8e789e;text-decoration:none;transition:color .25s}
.top-kinds a[aria-current]{color:#d8bcea}
.top-rules{position:relative;flex:none}
.top-rules summary{display:flex;align-items:center;gap:10px;list-style:none;font-size:11px;min-height:44px;cursor:pointer;color:#a78ebc;transition:color .25s}
.top-rules summary::-webkit-details-marker{display:none}
.top-rules summary>span{font-size:18px;font-weight:300;transition:transform .3s}
.top-rules[open] summary>span{transform:rotate(45deg)}
.top-rules>div{position:absolute;z-index:4;right:0;top:45px;width:min(350px,calc(100vw - 36px));padding:17px 21px;border:1px solid #baa0ce30;border-radius:13px;background:#17111eeF;backdrop-filter:blur(18px);box-shadow:0 18px 50px #0007;animation:top-rules-in .2s ease-out}
.top-rules p{font-size:12px;line-height:1.8;color:#b8a5c6;margin:0 0 10px}
.top-rules p:last-child{margin:0}
.top-leaders{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:13px 26px;margin:0 0 29px}
.top-leaders-solo{grid-template-columns:1fr;grid-template-rows:auto}
.top-leaders-pair{grid-template-rows:1fr}
.top-leaders-pair .top-leader-first{grid-row:auto}
.top-leader{position:relative;display:flex;align-items:center;gap:20px;min-width:0;min-height:139px;padding:16px 22px 16px 16px;border:1px solid #b79acc20;border-radius:15px;color:inherit;text-decoration:none;background:linear-gradient(115deg,#b59bd306,transparent 70%);transition:border-color .3s,background .3s}
.top-leader:hover{border-color:#c1a2e344;background-color:#b798db04}
.top-leader-first{grid-row:1/3;gap:28px;padding:22px 28px 22px 22px;align-items:center}
.top-leaders-solo .top-leader-first{padding:24px 34px 24px 24px;gap:40px}
.top-leader-art{flex:0 0 77px;min-width:0;perspective:1000px}
.top-leader-first .top-leader-art{flex-basis:clamp(150px,18vw,228px)}
.top-leaders-solo .top-leader-art{flex-basis:220px}
.top-art{--art-tone:#a88acb;position:relative;isolation:isolate;display:block;aspect-ratio:1/1.1;border-radius:10px;background:radial-gradient(ellipse at top,#927ab333,transparent 70%),#1b1523;border:1px solid #c5aedb30;overflow:hidden;box-shadow:0 16px 26px -19px #000d;transform:rotateX(var(--top-rx,0deg)) rotateY(var(--top-ry,0deg));transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.top-art[data-tone=gold]{--art-tone:#d9b788;background-color:#201a14}
.top-art[data-tone=silver]{--art-tone:#c7d2e3;background-color:#191c25}
.top-art>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;filter:contrast(1.025);transition:transform .6s cubic-bezier(.16,1,.3,1)}
.top-monogram{position:absolute;inset:0;display:grid;place-items:center;font:400 clamp(28px,5vw,70px)/1 Georgia,serif;color:var(--art-tone)}
.top-art-glass{position:absolute;z-index:1;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(128deg,#fff1,transparent 36%,#fff0 72%,#fff05);box-shadow:inset 0 1px 0 #fff4,inset 1px 0 0 #fff1}
.top-art-score{position:absolute;z-index:2;right:12px;bottom:11px;filter:drop-shadow(0 1px 5px #000d);text-shadow:0 1px 8px #000}
.top-art-score .top-score{font-size:32px;gap:5px}
.top-art-score .rating-value{font-weight:600}
.top-leader:not(.top-leader-first) .top-art-score{display:none}
.top-leader-copy{display:block;min-width:0;flex:1}
.top-leader-place{display:flex;align-items:center;gap:8px;line-height:1.5;margin-bottom:13px;font-variant-numeric:tabular-nums}
.top-leader-place>svg{width:21px;height:21px;color:#c6a5e6}
.top-leader-place>span:first-of-type{font:400 23px/1 Georgia,serif;color:#d9bde9;letter-spacing:-.04em}
.top-leader-place>span:last-of-type{font-size:9px;color:#9b82ab;letter-spacing:.04em}
.top-leader .top-byline{font-size:10px;color:#ae91c2}
.top-leader h2{font:400 clamp(25px,2.6vw,37px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:#f0e5f8;overflow-wrap:anywhere;margin:8px 0 0;text-wrap:pretty}
.top-leader:not(.top-leader-first) h2{font-size:24px;margin-top:5px}
.top-leader:not(.top-leader-first) .top-leader-place{margin-bottom:8px}
.top-leader:not(.top-leader-first) .top-leader-place>span:first-of-type{font-size:18px}
.top-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:12px;line-height:1.8;color:#ad9ab9;margin:12px 0 0;max-width:490px}
.top-leaders-solo h2{font-size:clamp(32px,4.2vw,51px);max-width:650px}
.top-verified{display:inline-flex;vertical-align:middle;color:#bba0de;margin-left:7px;position:relative;top:-.06em}
.top-leader h2 .top-verified svg{width:20px;height:20px}
.top-leader-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:17px 0 7px}
.top-leader:not(.top-leader-first) .top-leader-metrics{gap:13px;margin-top:10px;margin-bottom:5px}
.top-score{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:23px;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.top-score .rating-star{font-size:.77em}
.top-score strong{font-weight:500}
.top-reads{display:inline-flex;align-items:center;gap:7px;font-size:13px;line-height:1.4;color:#c0accd;font-variant-numeric:tabular-nums;white-space:nowrap}
.top-reads svg{color:#9980ae;flex:none}
.top-reads-label{font-size:10px;color:#95809f}
.top-votes{display:block;color:#8c769c;font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums}
.top-votes>span,.top-byline>span{display:inline-block;padding:0 7px;color:#6e587f}
.top-open{color:#b99bce;font-size:20px;opacity:.5;transition:opacity .2s,transform .25s}
.top-leader>.top-open{position:absolute;right:18px;top:16px}
.top-leader:hover>.top-open,.top-row:hover>.top-open{opacity:1;transform:translate(2px,-2px)}
.top-list-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #b899d026;padding:8px 0 15px}
.top-list-heading h2{font-size:13px;font-weight:500;color:#c4b0d6;margin:0}
.top-list-heading>span{font-size:10px;color:#887098}
.top-list{margin:0;padding:0;list-style:none}
.top-row{display:grid;grid-template-columns:54px 58px minmax(0,1fr) 100px 135px 18px;align-items:center;column-gap:22px;min-width:0;min-height:100px;padding:14px 7px 14px 0;border-bottom:1px solid #b497cd17;text-decoration:none;color:inherit;border-radius:0;transition:background .25s}
.top-row:hover{background:#b297d005}
.top-row-place{font:400 22px/1.2 Georgia,serif;letter-spacing:-.035em;color:#9f88af;text-align:center;font-variant-numeric:tabular-nums}
.top-row .top-art{border-radius:7px;aspect-ratio:1/1.16}
.top-row-copy{min-width:0}
.top-row h3{font:400 25px/1.25 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:#dfd0eb;margin:0 0 5px;overflow-wrap:anywhere;transition:color .25s}
.top-row:hover h3{color:#f3e4ff}
.top-byline{display:block;color:#947bA4;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.top-row-rating{text-align:right}
.top-row-rating .top-votes{margin-top:7px}
.top-row>.top-reads{justify-self:end}
.top-row .top-reads-label{display:none}
.top-row .top-score{font-size:22px}
.top-row .top-verified svg{width:16px;height:16px}
.top-start{display:flex;align-items:center;gap:21px;padding:27px 0 34px;border-bottom:1px solid #b497cd1c;margin-bottom:21px}
.top-start>svg{width:38px;height:38px;flex:none;color:#a58aba}
.top-start h2{font:400 clamp(25px,3vw,34px)/1.2 Georgia,serif;letter-spacing:-.035em;color:#d9c7e8;margin:0 0 10px}
.top-start p{font-size:12px;color:#9882a6;line-height:1.7;margin:0}
.top-discover{display:flex;align-items:center;gap:25px;width:fit-content;margin:27px 0 0;min-height:44px;color:#baa0ce;font-size:12px;text-decoration:none;transition:color .25s}
.top-discover>span{font-size:19px;transition:transform .25s}
.top-discover:hover{color:#e2c9f6}
.top-discover:hover>span{transform:translate(2px,-2px)}
.top-directory :is(a,summary):focus-visible{outline:2px solid #bf9ce4;outline-offset:5px}
@keyframes top-rules-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(min-width:1400px){.top-directory{padding-top:46px}.top-leader-first .top-leader-art{flex-basis:235px}}
@media(max-width:1099px){.top-leaders{column-gap:15px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.top-leader{gap:14px;padding:13px}.top-leader-first{gap:22px;padding:18px}.top-leader-art{flex-basis:65px}.top-leader-first .top-leader-art{flex-basis:150px}.top-leaders-solo .top-leader-art{flex-basis:200px}.top-leader h2{font-size:30px}.top-leader:not(.top-leader-first) h2{font-size:21px}.top-leader .top-reads-label{display:none}.top-row{grid-template-columns:42px 52px minmax(0,1fr) 85px 95px 16px;column-gap:17px}.top-row h3{font-size:23px}}
@media(max-width:767px){.top-page .wrap{width:calc(100% - 36px)}.top-directory{padding-top:28px;padding-bottom:36px}.top-heading{margin-bottom:20px;gap:14px}.top-heading h1{font-size:62px}.top-eyebrow{font-size:8px;margin-bottom:9px}.top-heading h1+p{font-size:12px;max-width:230px;margin-top:11px}.top-period{font-size:9px;padding-bottom:3px;gap:6px}.top-toolbar{flex-wrap:wrap;gap:0 20px}.top-sections{gap:27px}.top-sections a{font-size:20px;min-height:50px;padding-bottom:14px}.top-sections a>span{font-size:10px}.top-sorts{padding:0;gap:0}.top-sorts a{font-size:10px;padding:8px 10px}.top-caption{gap:8px;min-height:62px;margin-bottom:6px}.top-caption>p{font-size:9px;max-width:190px}.top-rules summary{font-size:9px;gap:7px;white-space:nowrap}.top-kinds{gap:15px}.top-kinds a{font-size:10px}.top-leaders{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px;margin-bottom:23px}.top-leader-first{grid-column:1/-1;grid-row:auto;gap:23px;padding:18px}.top-leader-first .top-leader-art{flex-basis:38%;max-width:175px}.top-leaders-solo .top-leader-first{padding:19px;gap:24px}.top-leaders-solo .top-leader-art{flex-basis:40%}.top-leader-first h2,.top-leaders-solo h2{font-size:clamp(26px,5vw,37px)}.top-leader-first .top-leader-place{margin-bottom:12px}.top-leader-first .top-byline{font-size:9px}.top-leader-place>span:last-of-type{font-size:8px}.top-leader-place>span:first-of-type{font-size:22px}.top-leader-place>svg{width:18px;height:18px}.top-description{font-size:10px;line-height:1.7;margin-top:10px}.top-leader-metrics{margin-top:12px;gap:13px}.top-leader .top-score{font-size:22px}.top-leader .top-reads{font-size:12px;gap:5px}.top-votes{font-size:9px}.top-leader:not(.top-leader-first){padding:13px;gap:12px;align-items:flex-start;flex-direction:column;min-height:0}.top-leader:not(.top-leader-first) .top-leader-art{width:53px;flex:auto}.top-leader:not(.top-leader-first) .top-leader-copy{width:100%}.top-leader:not(.top-leader-first) .top-leader-place{position:absolute;right:13px;top:17px;flex-direction:column;align-items:flex-end;gap:6px}.top-leader:not(.top-leader-first) .top-leader-place>span:first-of-type{font-size:23px}.top-leader:not(.top-leader-first) h2{font-size:22px}.top-leader:not(.top-leader-first) .top-byline{font-size:8px}.top-leader:not(.top-leader-first) .top-open{display:none}.top-leader:not(.top-leader-first) .top-votes{font-size:8px}.top-leader:not(.top-leader-first) .top-score{font-size:20px}.top-leader:not(.top-leader-first) .top-leader-metrics{gap:10px}.top-leader .top-verified svg{width:16px;height:16px}.top-leader>.top-open{right:11px;top:9px;font-size:17px}.top-art-score{bottom:8px;right:9px}.top-art-score .top-score{font-size:22px}.top-leader-art .top-art{border-radius:9px}.top-list-heading{padding:7px 0 13px}.top-list-heading h2{font-size:12px}.top-list-heading>span{font-size:9px}.top-row{grid-template-columns:30px 44px minmax(0,1fr) 66px;gap:0 12px;min-height:91px;padding:13px 0}.top-row-place{font-size:19px;grid-row:1/3}.top-row>.top-art{grid-row:1/3}.top-row-copy{grid-column:3;grid-row:1/3}.top-row h3{font-size:21px;margin-bottom:4px}.top-row .top-byline{font-size:9px}.top-row-rating{grid-column:4;grid-row:1;align-self:end;padding-top:1px}.top-row .top-score{font-size:20px;gap:4px}.top-row-rating .top-votes{font-size:8px;margin-top:4px}.top-row>.top-reads{grid-column:4;grid-row:2;align-self:start;font-size:10px;margin-top:7px;gap:5px}.top-row>.top-reads svg{width:12px;height:12px}.top-row>.top-open{display:none}.top-row .top-byline>span{padding:0 4px}.top-start{padding-top:17px;gap:16px}.top-start>svg{width:28px;height:28px}.top-start h2{font-size:26px}.top-start p{font-size:11px}.top-discover{font-size:11px;margin-top:20px}}
@media(max-width:420px){.top-toolbar{display:block}.top-sorts{padding:0 0 12px;gap:5px}.top-sorts a{font-size:11px;min-height:39px;padding:10px 12px}.top-sections{margin-bottom:11px}.top-sections a{flex:1}.top-caption{gap:8px}.top-kinds{gap:11px}.top-kinds a{font-size:9px}.top-leader-first,.top-leaders-solo .top-leader-first{padding:14px;gap:17px}.top-leader-first h2,.top-leaders-solo h2{font-size:27px}.top-leader-first .top-leader-place{gap:6px;flex-wrap:wrap;margin-bottom:10px}.top-leader-place>span:last-of-type{font-size:7px}.top-leader-first .top-description{display:none}.top-leader-first .top-votes{font-size:8px}.top-leader-first .top-leader-metrics{gap:9px}.top-leader-first .top-score{font-size:21px}.top-row{grid-template-columns:28px 39px minmax(0,1fr) 58px;column-gap:9px}.top-row h3{font-size:20px}.top-row .top-byline{font-size:8px}.top-row .top-verified{margin-left:4px}.top-row .top-verified svg{width:13px;height:13px}.top-row-place{font-size:17px}.top-rules summary{font-size:8px}.top-leader-first .top-reads{font-size:11px}}
@media(hover:hover) and (pointer:fine){.top-leader:hover .top-art{box-shadow:0 19px 30px -19px #000e}.top-leader:hover .top-art>img{transform:scale(1.018)}}
@media(prefers-reduced-motion:reduce){.top-directory *,.top-directory *:before,.top-directory *:after{animation:none!important;transition:none!important;scroll-behavior:auto}.top-directory .top-art{transform:none!important}.top-leader:hover .top-art>img{transform:none}}