.btn-gold{color: var(--night); background: linear-gradient(135deg, #ffc46b, var(--brand)); box-shadow: 0 12px 36px -12px rgba(255, 154, 31, .8);}
.btn-gold:hover{transform: translateY(-2px);}
.drawer a:hover{color: var(--gold);}
.topbar a:hover{color: #fff; text-decoration-thickness: 2px;}
.btn-gold::after{animation-delay: 1.6s;}
.link-arrow{display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font: 800 .8rem/1 var(--ui); letter-spacing: .14em; text-transform: uppercase; text-decoration: none; color: var(--gold);}
.rail a{position: relative; isolation: isolate; display: block; overflow: hidden; aspect-ratio: 3 / 4; border-radius: 20px; background: var(--plum); text-decoration: none; transition: transform .35s var(--ease), box-shadow .35s var(--ease);}
.rail a:hover{--lift: -6px; box-shadow: 0 24px 50px -16px rgba(255, 46, 126, .7), 0 0 0 2px var(--rose);}
.hof a{position: relative; isolation: isolate; display: block; overflow: hidden; aspect-ratio: 4 / 5; border-radius: 22px; padding: 2px; text-decoration: none;
  background: linear-gradient(160deg, #ffd08a, var(--brand) 45%, rgba(255, 154, 31, .15) 75%, var(--gold));
  box-shadow: 0 26px 50px -24px rgba(255, 154, 31, .55); transition: transform .45s var(--ease), box-shadow .35s var(--ease);}
.hof a:hover{--lift: -6px; box-shadow: 0 34px 70px -24px rgba(255, 154, 31, .8), 0 0 0 1px #ffd08a;}
.footer-logo{display: block; width: min(560px, 100%); margin: 36px auto 0; border-radius: 16px; transition: transform .4s var(--ease);}
.zb-footer-nav a{display: inline-flex; align-items: center; min-height: 44px; font: 800 .74rem/1.2 var(--ui); letter-spacing: .14em; text-transform: uppercase; text-decoration: none; color: var(--mist);}
.zb-footer-nav a:hover{color: var(--gold);}
.file-item .icon-btn{border-color: transparent; color: var(--paper-muted);}
.file-item .icon-btn:hover{color: var(--rose-deep); border-color: var(--paper-line);}
@media (max-width: 1180px){
.nav-link{padding: 0 9px; letter-spacing: .1em;}
}
@media (max-width: 960px){
.masthead .nav-left, .masthead .nav-right .nav-link, .masthead .nav-right .btn{display: none;}
.masthead .brand{justify-self: start;}
}
@media (max-width: 760px){
.hero-actions .btn{flex: 1 1 0; min-width: 0; min-height: 50px; padding: 0 14px; font-size: .9rem;}
.page-card .btn{padding: 0 16px; font-size: .88rem; white-space: nowrap;}
.footer-logo{margin-top: 26px;}
.bottom-nav a{position: relative; display: grid; justify-items: center; gap: 3px; min-height: 52px; padding-top: 7px; border-radius: 18px; text-decoration: none; font-size: .72rem; font-weight: 800; color: var(--dim);}
.bottom-nav a[aria-current="page"]{color: var(--cream); background: rgba(255, 46, 126, .2);}
}
.me-btn{position: relative; display: inline-grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 50%; padding: 2px; background: conic-gradient(from 210deg, #8800ff, #ff00cc, #00ccff, #8800ff); text-decoration: none; transition: transform .25s var(--ease);}
.me-btn[aria-current="page"]{box-shadow: 0 0 0 3px rgba(255, 79, 139, .35), 0 0 18px rgba(255, 46, 126, .6);}
.grad-gold{background: linear-gradient(100deg, #ffe08a 0%, var(--gold) 50%, var(--brand) 110%); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 0 24px rgba(255, 161, 51, .45));}
.set-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none;}
.set-grid-row{grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));}
.set-grid > li[hidden]{display: none;}
.set-card{position: relative; isolation: isolate; display: block; overflow: hidden; aspect-ratio: 4 / 5; border-radius: 20px; background: var(--plum); text-decoration: none; transition: transform .35s var(--ease), box-shadow .35s var(--ease);}
.set-card img{width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; transition: transform .8s var(--ease);}
.set-card::after{content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(0deg, rgba(12, 6, 16, .98), rgba(12, 6, 16, .96) 30%, rgba(12, 6, 16, .08) 56%, transparent);}
a.set-card:hover{--lift: -6px; box-shadow: 0 24px 50px -16px rgba(255, 46, 126, .7), 0 0 0 2px var(--rose);}
a.set-card:hover img{transform: scale(1.06);}
a.set-card:hover .card-cta, a.set-card:focus-visible .card-cta{opacity: 1; translate: 0 0;}
.set-card .card-cap{z-index: 2;}
.mini{display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(247, 236, 226, .12); color: var(--cream);}
.mini .icon{width: 12px; height: 12px; stroke-width: 2.2;}
.set-card.is-locked img{filter: saturate(1.3);}
.lock-chip{position: absolute; top: 12px; right: 12px; z-index: 2; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(12, 6, 16, .7); color: var(--gold); backdrop-filter: blur(6px);}
.lock-chip .icon{width: 16px; height: 16px;}
.letter-jump a{display: grid; place-items: center; min-width: 34px; height: 34px; border-radius: 10px; font: 800 .82rem/1 var(--ui); color: var(--mist); text-decoration: none;}
.letter-jump a:hover{background: rgba(255, 79, 139, .2); color: var(--cream);}
.perk-tiles{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none;}
.perk-tiles li{display: grid; gap: 6px; padding: 22px; border-radius: 22px; border: 1px solid rgba(255, 161, 51, .28); background: linear-gradient(160deg, rgba(255, 161, 51, .1), rgba(21, 11, 26, .7));}
.perk-tiles .icon{width: 30px; height: 30px; margin-bottom: 8px; color: var(--gold);}
.perk-tiles strong{font: 800 1.1rem/1.15 var(--display);}
.perk-tiles span{font-size: .86rem; color: var(--mist);}
.world-hero{position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; gap: 32px; max-width: 1440px; margin: 0 auto; padding: 48px var(--gutter) 56px;}
.world-hero-bg{position: absolute; inset: -60px; z-index: -2;}
.world-hero-bg img{width: 100%; height: 100%; object-fit: cover; filter: blur(50px) saturate(1.3); opacity: .35; transform: scale(1.1);}
.world-hero::before{content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(560px 520px at 74% 48%, rgba(255, 161, 51, .32), transparent 65%), linear-gradient(90deg, rgba(12, 6, 16, .95), rgba(12, 6, 16, .5) 55%, rgba(12, 6, 16, .2));}
.world-hero h1{margin-top: 16px; font-size: clamp(3rem, 6.6vw, 6rem); line-height: .92;}
.world-hero .lede{margin-top: 18px; max-width: 46ch; font-weight: 600; color: var(--mist);}
.world-hero .hero-actions{margin-top: 26px;}
.world-id{display: flex; width: max-content; max-width: 100%; align-items: center; gap: 12px; margin-bottom: 20px; padding: 6px 16px 6px 6px; border-radius: 999px; border: 1px solid var(--gold-dim); background: rgba(12, 6, 16, .6);}
.world-id img{width: 44px; height: 44px; border-radius: 50%; object-fit: cover;}
.world-id strong{display: block; font-size: .95rem;}
.world-id small{font-size: .74rem; color: var(--dim);}
.world-stack{position: relative; height: min(560px, 60vw);}
.world-stack img{position: absolute; left: 50%; top: 0; translate: -50% 0; height: 100%; width: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--arch); box-shadow: 0 0 0 3px var(--gold), 0 30px 80px -20px rgba(255, 161, 51, .7);}
.coin-pill{display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 999px; background: rgba(255, 161, 51, .14); border: 1px solid var(--gold-dim); color: var(--gold); font-weight: 700; font-size: .86rem;}
.coin-pill b{color: #ffe08a; font-size: 1rem;}
.coin-pill .icon{width: 18px; height: 18px;}
.reactions b{font-weight: 800; color: var(--cream);}
.settings-nav a{display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 0 16px; border-radius: 14px; font-weight: 700; color: var(--mist); text-decoration: none;}
.settings-nav a:hover{background: rgba(247, 236, 226, .05); color: var(--cream);}
.settings-nav a[aria-current="true"]{color: var(--cream); background: linear-gradient(90deg, rgba(255, 46, 126, .28), rgba(255, 46, 126, .04));}
@media (max-width: 1180px){
.perk-tiles, .browse-tiles{grid-template-columns: repeat(2, minmax(0, 1fr));}
.masthead .nav-right .nav-link[data-nav="community"]{display: none;}
}
@media (max-width: 960px){
.masthead .me-btn{display: inline-grid;}
.world-hero{grid-template-columns: minmax(0, 1fr);}
.world-stack{height: 380px; max-width: 460px; width: 100%; margin: 0 auto;}
}
@media (max-width: 760px){
.set-grid, .set-grid-row, .set-grid-masonry{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
.set-card{border-radius: 16px;}
.set-card .card-cap{padding: 10px;}
.set-card .card-cap strong{font-size: .88rem;}
.browse-tiles, .perk-tiles{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px;}
.browse-tiles a, .perk-tiles li{padding: 16px;}
.world-hero{padding: 26px 16px 40px;}
.world-hero h1{font-size: clamp(2.6rem, 12vw, 3.6rem);}
.world-stack{order: -1; height: 240px;}
.world-id{margin-bottom: 12px;}
.settings-nav a{flex: none; border: 1px solid var(--line); border-radius: 999px;}
.bottom-nav a{font-size: .66rem;}
}
.count-pill{display: inline-flex; align-items: center; margin-left: 8px; padding: 2px 10px; border-radius: 999px; background: rgba(255, 79, 139, .18); font: 800 .72rem/1.6 var(--ui); color: var(--rose-2); vertical-align: middle;}
.watch-list strong, .inbox-list strong{display: block;}
.watch-list small, .inbox-list small, .next-list small{color: var(--mist); font-size: .82rem;}
.inbox-list li{display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 12px; border-radius: 14px;}
.inbox-list .is-unread{background: rgba(255, 79, 139, .07);}
.zb-footer-social a{display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: var(--mist); text-decoration: none;}
.zb-footer-social a:hover{color: var(--cream);}
.masthead .guest-only{white-space: nowrap;}
@media (pointer: coarse){
.letter-jump a{min-width: 44px; height: 44px;}
.topbar a, .text-link, .page-alt, .search-suggest a{position: relative;}
}
.set-card.is-share img{transform: scale(1.42); transform-origin: 50% 0;}
.set-card.is-share:hover img{transform: scale(1.48);}