/* Shared dark directory pages: skins, capes, names, store and Leviathan. */
.directory-hero{background:radial-gradient(760px 420px at 76% 18%,rgba(49,108,150,.1),transparent 72%),linear-gradient(180deg,#02070b,#031019)!important}.directory-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 22px}.directory-toolbar input,.directory-toolbar select{min-height:42px;padding:0 13px;border:1px solid rgba(147,229,246,.075);border-radius:10px;background:#02090e;color:#dff7fa;font-size:10px;outline:0}.directory-toolbar input{flex:1;min-width:220px}.directory-toolbar select{min-width:150px}.directory-toolbar button{min-height:42px;padding:0 15px;border:1px solid rgba(97,223,244,.1);border-radius:10px;background:rgba(97,223,244,.025);color:#77b8c4;font-size:9px;font-weight:850;cursor:pointer}.directory-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.directory-summary span{padding:7px 10px;border:1px solid rgba(147,229,246,.055);border-radius:999px;background:rgba(255,255,255,.008);color:#5f7987;font-size:8px}.texture-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.texture-card{position:relative;min-width:0;border:1px solid rgba(147,229,246,.055);border-radius:15px;background:linear-gradient(155deg,#071721,#030b11);overflow:hidden;transition:.22s}.texture-card:hover{transform:translateY(-4px);border-color:rgba(97,223,244,.13);box-shadow:0 24px 55px rgba(0,0,0,.28)}.texture-art{height:190px;display:grid;place-items:center;padding:18px;background:radial-gradient(190px 160px at 50% 38%,rgba(55,134,160,.12),transparent 72%),#031018}.texture-art img{max-height:165px;max-width:100%;image-rendering:auto;filter:drop-shadow(0 16px 24px rgba(0,0,0,.48))}.texture-body{padding:14px}.texture-body>span{display:block;color:#5ca7b5;font-size:7px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.texture-body h3{margin:7px 0 5px;font-size:15px;letter-spacing:-.025em}.texture-body p{margin:0;color:#5d7582;font-size:8px;line-height:1.55}.texture-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.texture-meta span{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.012);color:#536d79;font-size:7px}.texture-card a.stretched{position:absolute;inset:0;z-index:4}.directory-empty{grid-column:1/-1;padding:46px;border:1px solid rgba(147,229,246,.055);border-radius:14px;background:#041018;color:#5e7784;text-align:center;font-size:10px}.directory-empty b{display:block;margin-bottom:7px;color:#bddce2;font-size:18px}

.cape-art{padding:20px!important}.directory-cape-face{position:relative;width:90px;height:144px;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:3px;background:#02070b;box-shadow:0 18px 32px rgba(0,0,0,.38)}.directory-cape-face img{position:absolute!important;top:-9px!important;left:-9px!important;width:576px!important;height:288px!important;max-width:none!important;max-height:none!important;image-rendering:pixelated!important;filter:none!important}.cape-directory-card{--rarity:#70c7d7;--rarity-rgb:112,199,215;isolation:isolate;cursor:pointer}.cape-directory-card .texture-art,.cape-directory-card .texture-body{position:relative;z-index:2}.cape-directory-card .texture-body h3{font-size:13px}.cape-directory-card .texture-body p{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cape-directory-card .cape-art{background:radial-gradient(150px 150px at 50% 47%,rgba(var(--rarity-rgb),.18),transparent 62%),radial-gradient(240px 180px at 50% 30%,rgba(var(--rarity-rgb),.07),transparent 75%),#031018}.cape-directory-card .directory-cape-face{border-color:rgba(var(--rarity-rgb),.18);box-shadow:0 18px 34px rgba(0,0,0,.44),0 0 26px rgba(var(--rarity-rgb),.12)}.cape-rarity-aura{position:absolute;z-index:0;inset:18% 12% 30%;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(var(--rarity-rgb),.18),rgba(var(--rarity-rgb),.055) 38%,transparent 72%);filter:blur(18px);opacity:.75;animation:cape-aura-breathe 3.6s ease-in-out infinite}.cape-rarity-border{position:absolute;z-index:3;inset:-1px;pointer-events:none;border-radius:inherit;padding:1px;background:conic-gradient(from 0deg,transparent 0 10%,rgba(var(--rarity-rgb),.18) 18%,var(--rarity) 27%,rgba(var(--rarity-rgb),.12) 34%,transparent 45% 68%,rgba(var(--rarity-rgb),.16) 78%,var(--rarity) 86%,transparent 96%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.55;animation:cape-border-spin 9s linear infinite}.cape-directory-card:hover{border-color:rgba(var(--rarity-rgb),.32);box-shadow:0 24px 58px rgba(0,0,0,.33),0 0 34px rgba(var(--rarity-rgb),.14)}.cape-directory-card:hover .cape-rarity-border{opacity:.9}.cape-directory-card:hover .cape-rarity-aura{opacity:1}.cape-directory-kicker,.cape-detail-labels{display:flex;align-items:center;justify-content:space-between;gap:8px}.cape-directory-kicker>span,.cape-detail-labels>span{color:#5ca7b5;font-size:7px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.cape-rarity-pill{display:inline-flex;align-items:center;min-height:19px;padding:0 7px;border:1px solid rgba(var(--rarity-rgb),.22);border-radius:999px;background:rgba(var(--rarity-rgb),.07);color:var(--rarity);font-size:6px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 0 15px rgba(var(--rarity-rgb),.07)}.rarity-uncommon{--rarity:#75d49b;--rarity-rgb:117,212,155}.rarity-rare{--rarity:#58aef1;--rarity-rgb:88,174,241}.rarity-epic{--rarity:#a476f4;--rarity-rgb:164,118,244}.rarity-legendary{--rarity:#f0aa45;--rarity-rgb:240,170,69}.rarity-mythic{--rarity:#f277b6;--rarity-rgb:242,119,182}

.cape-detail[hidden]{display:none}.cape-detail{margin-top:24px;scroll-margin-top:90px}.cape-detail-card{--rarity:#70c7d7;--rarity-rgb:112,199,215;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(var(--rarity-rgb),.16);border-radius:18px;background:radial-gradient(720px 280px at 18% 18%,rgba(var(--rarity-rgb),.1),transparent 67%),linear-gradient(155deg,#071721,#030b11);box-shadow:0 28px 80px rgba(0,0,0,.32),0 0 48px rgba(var(--rarity-rgb),.055)}.cape-detail-card::before{content:"";position:absolute;inset:-1px;z-index:0;pointer-events:none;border-radius:inherit;padding:1px;background:conic-gradient(from 20deg,transparent 0 12%,rgba(var(--rarity-rgb),.3) 23%,var(--rarity) 30%,transparent 40% 68%,rgba(var(--rarity-rgb),.24) 79%,var(--rarity) 88%,transparent 97%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:cape-border-spin 12s linear infinite}.cape-detail-card>.cape-rarity-aura{inset:4% 55% 54% 3%;opacity:.85}.cape-detail-top{position:relative;z-index:2;display:grid;grid-template-columns:210px 1fr;gap:28px;align-items:center;padding:28px}.cape-detail-close{position:absolute;top:14px;right:14px;z-index:5;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.07);border-radius:50%;background:rgba(2,8,13,.75);color:#78919b;font-size:20px;cursor:pointer}.cape-detail-art{display:grid;place-items:center;min-height:240px;border:1px solid rgba(var(--rarity-rgb),.1);border-radius:14px;background:radial-gradient(circle at 50% 46%,rgba(var(--rarity-rgb),.2),rgba(var(--rarity-rgb),.05) 42%,transparent 72%),#031018;box-shadow:inset 0 0 42px rgba(var(--rarity-rgb),.035)}.cape-detail-art .directory-cape-face{width:120px;height:192px;border-color:rgba(var(--rarity-rgb),.2);box-shadow:0 20px 42px rgba(0,0,0,.42),0 0 34px rgba(var(--rarity-rgb),.16)}.cape-detail-art .directory-cape-face img{top:-12px!important;left:-12px!important;width:768px!important;height:384px!important}.cape-detail-copy{min-width:0}.cape-detail-copy h2{margin:10px 0 8px;color:#effbfc;font-size:clamp(28px,4vw,44px);letter-spacing:-.045em}.cape-detail-copy p{max-width:620px;margin:0;color:#718894;font-size:11px;line-height:1.7}.cape-rarity-note{display:block;margin-top:10px;color:#526b76;font-size:8px;line-height:1.5}.cape-detail-copy code{display:block;margin-top:15px;overflow:hidden;color:#49636f;font:700 8px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.cape-wearer-head{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:20px;padding:20px 28px 14px;border-top:1px solid rgba(255,255,255,.045)}.cape-wearer-head small{color:#5c8792;font-size:7px;font-weight:900;letter-spacing:.12em}.cape-wearer-head h3{margin:5px 0 0;color:#d9eef1;font-size:17px}.cape-wearer-head>span{color:#607b86;font-size:8px}.cape-wearer-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 28px 28px}.cape-wearer{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.045);border-radius:10px;background:rgba(255,255,255,.008);transition:.18s}.cape-wearer:hover{transform:translateY(-2px);border-color:rgba(var(--rarity-rgb),.16);background:rgba(var(--rarity-rgb),.025)}.cape-wearer img{width:42px;height:42px;border-radius:8px;image-rendering:pixelated}.cape-wearer span{min-width:0}.cape-wearer b{display:block;color:#cfe9ed;font-size:10px}.cape-wearer small{display:block;margin-top:3px;overflow:hidden;color:#506975;font:700 7px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.cape-wearer em{color:#6caeba;font-size:8px;font-style:normal}

.name-table{border:1px solid rgba(147,229,246,.055);border-radius:15px;overflow:hidden;background:linear-gradient(155deg,#071721,#030b11)}.name-row{display:grid;grid-template-columns:64px 1.1fr 1fr 120px 100px;gap:12px;align-items:center;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.04);color:#6a8490;font-size:9px}.name-row:last-child{border-bottom:0}.name-row.head{background:rgba(97,223,244,.02);color:#4d6875;font-size:7px;font-weight:900;letter-spacing:.1em}.name-row img{width:38px;height:38px;border-radius:8px;image-rendering:pixelated}.name-row b{color:#d1e7eb;font-size:10px}.name-row a{color:#75beca}.name-current{color:#71c59f!important}.name-old{color:#a57980!important}.name-check{margin-top:20px;padding:18px;border:1px solid rgba(147,229,246,.055);border-radius:14px;background:rgba(255,255,255,.008)}.name-check-result{margin-top:10px;color:#607b88;font-size:9px}.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.store-card{display:flex;flex-direction:column;min-height:310px;border:1px solid rgba(147,229,246,.055);border-radius:16px;background:linear-gradient(155deg,#071721,#030b11);overflow:hidden}.store-art{height:155px;display:grid;place-items:center;background:radial-gradient(220px 140px at 50% 42%,rgba(63,143,167,.13),transparent 72%),#031018}.store-art span{font-size:48px;color:#5f9dab;filter:drop-shadow(0 0 22px rgba(97,223,244,.09))}.store-body{display:flex;flex:1;flex-direction:column;padding:18px}.store-body>span{color:#5fa9b8;font-size:7px;font-weight:900;letter-spacing:.12em}.store-body h3{margin:8px 0 7px;font-size:19px}.store-body p{margin:0;color:#617b88;font-size:9px;line-height:1.6}.store-price{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.store-price b{font-size:12px;color:#d7eaed}.store-state{padding:6px 8px;border:1px solid rgba(147,229,246,.06);border-radius:999px;color:#5f7986;font-size:7px}.client-showcase{display:grid;grid-template-columns:.88fr 1.12fr;gap:36px;align-items:center}.client-copy h2{margin:0;font-size:clamp(38px,5vw,68px);line-height:.96;letter-spacing:-.052em}.client-copy p{margin:16px 0 0;color:#6a8390;font-size:12px;line-height:1.75}.client-points{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.client-point{padding:13px;border:1px solid rgba(255,255,255,.045);border-radius:10px;background:rgba(255,255,255,.008)}.client-point b{display:block;color:#d8ecef;font-size:10px}.client-point small{display:block;margin-top:4px;color:#536d7a;font-size:8px;line-height:1.5}.client-ui{min-height:440px;padding:16px;border:1px solid rgba(147,229,246,.075);border-radius:20px;background:linear-gradient(145deg,#081a25,#02090e);box-shadow:0 34px 85px rgba(0,0,0,.4)}.client-ui-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 12px;border-bottom:1px solid rgba(255,255,255,.05);color:#526c78;font-size:8px}.client-ui-body{display:grid;grid-template-columns:170px 1fr;gap:11px;margin-top:12px}.client-ui-nav{display:grid;gap:7px}.client-ui-nav button{padding:11px;border:1px solid rgba(255,255,255,.035);border-radius:8px;background:rgba(255,255,255,.008);color:#56717e;text-align:left;font-size:8px}.client-ui-nav button.active{border-color:rgba(97,223,244,.08);background:rgba(97,223,244,.03);color:#bde8ef}.client-ui-panel{min-height:345px;padding:18px;border:1px solid rgba(255,255,255,.04);border-radius:12px;background:radial-gradient(280px 180px at 75% 18%,rgba(61,99,176,.12),transparent 72%),#04131b}.client-ui-panel h3{margin:0;font-size:22px}.client-ui-panel p{color:#607986;font-size:9px;line-height:1.6}.client-ui-widgets{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}.client-ui-widgets div{min-height:90px;padding:12px;border:1px solid rgba(255,255,255,.04);border-radius:9px;background:rgba(255,255,255,.008)}.client-ui-widgets b{font-size:9px;color:#cce8ec}.client-ui-widgets small{display:block;margin-top:5px;color:#4e6874;font-size:7px}.directory-note{margin-top:18px;padding:12px 14px;border:1px solid rgba(97,223,244,.055);border-radius:10px;background:rgba(97,223,244,.015);color:#5d7683;font-size:8px;line-height:1.6}
@keyframes cape-border-spin{to{transform:rotate(360deg)}}@keyframes cape-aura-breathe{0%,100%{transform:scale(.92);opacity:.48}50%{transform:scale(1.09);opacity:.9}}
@media(max-width:1100px){.texture-grid{grid-template-columns:repeat(4,1fr)}.store-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.texture-grid{grid-template-columns:repeat(3,1fr)}.name-row{grid-template-columns:50px 1fr 100px}.name-row>*:nth-child(3),.name-row>*:nth-child(5){display:none}.client-showcase{grid-template-columns:1fr}.client-ui{min-height:390px}.cape-detail-top{grid-template-columns:160px 1fr}.cape-detail-art{min-height:205px}.cape-wearer-grid{grid-template-columns:1fr}}
@media(max-width:620px){.texture-grid{grid-template-columns:repeat(2,1fr)}.store-grid{grid-template-columns:1fr}.client-points{grid-template-columns:1fr}.client-ui-body{grid-template-columns:1fr}.client-ui-nav{grid-template-columns:repeat(3,1fr)}.directory-toolbar{align-items:stretch}.directory-toolbar input,.directory-toolbar select,.directory-toolbar button{width:100%}.cape-detail-top{grid-template-columns:1fr;padding:18px}.cape-detail-art{min-height:220px}.cape-wearer-head{padding:18px 18px 12px}.cape-wearer-grid{padding:0 18px 18px}.cape-wearer{grid-template-columns:38px 1fr}.cape-wearer em{display:none}}
@media(max-width:420px){.texture-grid{grid-template-columns:1fr}.texture-art{height:220px}}
@media(prefers-reduced-motion:reduce){.texture-card,.cape-wearer{transition:none!important}.cape-rarity-border,.cape-detail-card::before,.cape-rarity-aura{animation:none!important}}