.fandom-page{display:grid;gap:clamp(34px,6vw,78px)}
.fandom-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.65fr);gap:clamp(24px,5vw,64px);align-items:end;padding:clamp(30px,6vw,76px) 0;border-bottom:1px solid rgba(255,255,255,.16)}
.fandom-hero h1{max-width:900px;font-size:clamp(3rem,8vw,7.5rem);line-height:.9;letter-spacing:-.065em;margin:.16em 0 .3em}
.fandom-hero>div>p:not(.eyebrow){max-width:790px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6;color:rgba(255,255,255,.78)}
.fandom-hero-note{display:grid;gap:10px;padding:24px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(216,167,255,.18),rgba(255,255,255,.035));box-shadow:0 20px 70px rgba(0,0,0,.32)}
.fandom-hero-note strong{font-size:1.3rem}.fandom-hero-note span{line-height:1.55;color:rgba(255,255,255,.72)}
.fandom-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:16px;padding:22px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.035);position:sticky;top:74px;z-index:8;backdrop-filter:blur(18px)}
.fandom-tools label{display:grid;gap:8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.66)}
.fandom-tools input,.fandom-tools select{width:100%;font-size:1rem;text-transform:none;letter-spacing:0}
.fandom-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fandom-world{position:relative;display:grid;gap:14px;min-height:220px;padding:24px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at top right,rgba(216,167,255,.2),transparent 46%),rgba(255,255,255,.025);overflow:hidden}
.fandom-world::after{content:"";position:absolute;right:-42px;bottom:-50px;width:150px;height:150px;border:1px solid rgba(255,255,255,.11);border-radius:50%}
.fandom-world h3{font-size:clamp(1.45rem,2.6vw,2.2rem);margin:0}.fandom-world p{margin:0;color:rgba(255,255,255,.68);line-height:1.5}
.fandom-world-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.fandom-world-meta span,.fandom-chip{display:inline-flex;padding:5px 9px;border:1px solid rgba(255,255,255,.15);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.7)}
.fandom-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fandom-card{display:grid;gap:10px;align-content:start;min-height:190px;padding:20px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.025);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.fandom-card:hover,.fandom-card:focus-within{transform:translateY(-3px);border-color:var(--accent,#fff);background:rgba(255,255,255,.055)}
.fandom-card h3{margin:0;font-size:1.25rem}.fandom-card p{margin:0;color:rgba(255,255,255,.65);line-height:1.45;font-size:.94rem}.fandom-card-type{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:var(--accent,#fff)}
.fandom-card-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto}.fandom-card-actions a{font-size:.8rem}.fandom-card-actions a:not(.button){align-self:center;color:rgba(255,255,255,.72)}
.fandom-count{color:rgba(255,255,255,.62)}
.fandom-empty{grid-column:1/-1;padding:34px;border:1px dashed rgba(255,255,255,.2);text-align:center;color:rgba(255,255,255,.66)}
.fandom-architecture{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);gap:36px;padding:clamp(28px,5vw,58px);border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(216,167,255,.12),rgba(255,255,255,.02))}
.fandom-architecture h2{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:.2em 0}.fandom-architecture-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fandom-architecture-grid article{display:grid;gap:8px;padding:20px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.1)}.fandom-architecture-grid strong{font-size:1.1rem}.fandom-architecture-grid span{color:rgba(255,255,255,.68);line-height:1.5}
.fandom-rights-note{padding:22px;border-left:3px solid var(--accent,#fff);background:rgba(255,255,255,.035)}.fandom-rights-note p{margin:.5em 0 0;color:rgba(255,255,255,.68);line-height:1.55}
.fandom-storefront .storefront-hero{background:radial-gradient(circle at 90% 10%,rgba(216,167,255,.22),transparent 35%),rgba(255,255,255,.025)}
@media(max-width:1050px){.fandom-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fandom-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.fandom-hero,.fandom-architecture{grid-template-columns:1fr}.fandom-tools{grid-template-columns:1fr;position:static}.fandom-world-grid,.fandom-card-grid,.fandom-architecture-grid{grid-template-columns:1fr}.fandom-world{min-height:180px}.fandom-card{min-height:0}.fandom-hero h1{font-size:clamp(3.1rem,16vw,5.5rem)}}