.card-deck{isolation:isolate}
.card-deck::before{content:'';position:absolute;left:8%;right:8%;top:8%;height:84%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 16% 55%,#cfe8d926,transparent 38%),radial-gradient(ellipse at 40% 35%,#f6ddcb26,transparent 34%),radial-gradient(ellipse at 65% 35%,#d5e5f526,transparent 35%),radial-gradient(ellipse at 90% 55%,#f1d6e226,transparent 36%);filter:blur(26px)}
.directory-card-1{--glass-color:182,218,199;--glass-ink:#3e6253}
.directory-card-2{--glass-color:243,207,180;--glass-ink:#795941}
.directory-card-3{--glass-color:193,213,237;--glass-ink:#45617e}
.directory-card-4{--glass-color:237,199,216;--glass-ink:#795267}
.directory-card,.is-dealt .directory-card{border-radius:34px;border:1px solid #ffffffc9;color:var(--glass-ink);background:radial-gradient(ellipse at var(--light-x,22%) var(--light-y,8%),#ffffffa8 0%,#ffffff36 25%,transparent 63%),linear-gradient(145deg,rgba(var(--glass-color),.5),rgba(var(--glass-color),.82) 65%,rgba(var(--glass-color),.65));backdrop-filter:blur(22px) saturate(110%);-webkit-backdrop-filter:blur(22px) saturate(110%);box-shadow:0 16px 30px #313d5010,0 3px 8px #2c364209,inset 0 1px 2px #fffffff2,inset 1px 0 2px #ffffffc7,inset 0 -2px 4px rgba(var(--glass-color),.27);overflow:hidden}
.directory-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#fff 2%,#ffffff70 25%,rgba(var(--glass-color),.24) 51%,#ffffffce 76%,rgba(var(--glass-color),.4));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}
.directory-card::after{content:'';position:absolute;inset:5px;border-radius:29px;pointer-events:none;border:1px solid #ffffff45;box-shadow:inset 0 1px 6px #ffffff50,inset 0 -7px 12px rgba(var(--glass-color),.07);background:linear-gradient(148deg,#ffffff47 0%,transparent 36%,transparent 74%,#ffffff20 100%);z-index:-1}
.directory-card .card-corner{opacity:.64;text-shadow:0 1px 1px #fff}
.directory-card .card-title h2{font-weight:550;text-shadow:0 1px 1px #ffffffb3}
.directory-card .card-overline,.directory-card .card-title p{color:var(--glass-ink);opacity:.58}
.directory-card .card-open{color:var(--glass-ink);opacity:.7}
.directory-card:hover,.directory-card:focus-visible{border-color:#fff;box-shadow:0 20px 35px #313d5018,0 3px 10px #2c36420a,inset 0 1px 3px #fff,inset 1px 0 3px #ffffffd9,inset 0 -2px 5px rgba(var(--glass-color),.35)}
.is-selecting .directory-card[style*="z-index: 10"]{border-color:#fffffff0;box-shadow:0 27px 42px #313d5021,0 4px 12px #2c36420a,inset 0 1px 3px #fff,inset 0 -3px 6px rgba(var(--glass-color),.4)}
@supports not (backdrop-filter:blur(1px)){.directory-card{background:linear-gradient(145deg,#ffffffed,rgba(var(--glass-color),.33))}}
@media(max-width:1100px){.directory-card,.is-dealt .directory-card{border-radius:29px}.directory-card::after{border-radius:24px}}
@media(max-width:680px){.card-deck::before{left:10%;right:10%;top:0;height:90%;filter:blur(20px)}.directory-card,.is-dealt .directory-card{border-radius:23px;backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%);box-shadow:0 10px 22px #313d5010,0 2px 5px #2c364208,inset 0 1px 2px #fffffff2,inset 0 -2px 4px rgba(var(--glass-color),.27)}.directory-card::after{inset:4px;border-radius:19px}.directory-card .card-title h2{font-weight:550}}
@media(prefers-reduced-transparency:reduce){.directory-card{background:linear-gradient(145deg,#fffffff5,rgba(var(--glass-color),.65));backdrop-filter:none;-webkit-backdrop-filter:none}.card-deck::before{display:none}}