:root{--bg:#0f1115;--surface:#181c23;--surface2:#222833;--text:#f5f2eb;--muted:#b8bdc8;--accent:#d9ab52;--border:#333a47;--max:1180px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(#0c0e12,#10141b);color:var(--text);line-height:1.6}a{color:inherit}
.container{width:min(calc(100% - 2rem),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:#0c0e12e8;border-bottom:1px solid #ffffff14;backdrop-filter:blur(12px)}
.header-inner,.footer-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{font:700 1.3rem Georgia,serif;text-decoration:none}.main-nav,.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.main-nav a,.footer-links a{text-decoration:none;color:var(--muted)}
.hero{text-align:center;padding:5rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:#f1d59f}.hero h1,.page-hero h1{font:700 clamp(3rem,8vw,6rem)/.96 Georgia,serif;margin:.3rem 0}.hero-copy,.page-hero p,.card p,.panel p{color:var(--muted)}
.avatar-wrap{position:relative;width:min(390px,88vw);aspect-ratio:1;margin:1.8rem auto 1.2rem;display:grid;place-items:center;perspective:1200px}.avatar-ring-text{position:absolute;inset:0;pointer-events:none;z-index:4}.avatar-ring-svg{width:100%;height:100%;overflow:visible}.ring-text{fill:#fff;font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:700}.ring-text-top{letter-spacing:.34em}.ring-text-bottom{letter-spacing:.42em}.avatar-card{position:relative;z-index:2;width:66%;height:66%;border:0;padding:0;background:none;cursor:pointer;border-radius:50%;transform-style:preserve-3d;transform-origin:center center;transition:transform .7s,box-shadow .3s,filter .3s;box-shadow:0 0 0 2px #f1d59f80,0 0 14px #d9ab5230,0 0 28px #d9ab5218,0 20px 55px #00000061}.avatar-card::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid #f1d59f30;box-shadow:0 0 18px #d9ab5226,0 0 34px #d9ab5218;opacity:.72;transform:scale(1);transform-origin:center center;animation:avatarGlowPulse 2.8s ease-in-out infinite;transition:opacity .3s,box-shadow .3s;pointer-events:none}@keyframes avatarGlowPulse{0%,100%{transform:scale(1);opacity:.62;box-shadow:0 0 16px #d9ab5220,0 0 32px #d9ab5214}50%{transform:scale(1.075);opacity:.95;box-shadow:0 0 24px #d9ab5240,0 0 48px #d9ab5229}}.avatar-card:hover,.avatar-card:focus-visible{transform:scale(1.035);box-shadow:0 0 0 2px #f1d59fb8,0 0 22px #d9ab5247,0 0 46px #d9ab5224,0 26px 60px #0000006b;filter:brightness(1.03)}.avatar-card:hover::before,.avatar-card:focus-visible::before{animation-play-state:paused;opacity:1;transform:scale(1.08);box-shadow:0 0 24px #d9ab5247,0 0 50px #d9ab522e}.avatar-card.is-flipped{transform:rotateY(180deg)}.avatar-card.is-flipped:hover,.avatar-card.is-flipped:focus-visible{transform:rotateY(180deg) scale(1.035)}
.avatar-face{position:absolute;inset:0;border-radius:50%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:3px solid #f1d59fc7;display:grid;place-items:center;background:#1a1e26}.avatar-front img{width:100%;height:100%;object-fit:cover}.avatar-back{transform:rotateY(180deg);background:radial-gradient(circle at 50% 25%,#d9ab522e,transparent 42%),#1a1e26;padding:1.3rem}.avatar-back h2{font-family:Georgia,serif;margin:.2rem 0 .45rem;font-size:1.25rem}.avatar-back p{font-size:.76rem;color:var(--muted);line-height:1.4;margin:0 0 .7rem}.avatar-links,.hero-actions,.card-actions{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.avatar-links a{font-size:.7rem;text-decoration:none;border:1px solid var(--border);padding:.32rem .55rem;border-radius:999px}
.button{display:inline-block;text-decoration:none;font-weight:700;background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:.85rem 1.2rem}.button.primary{background:var(--accent);color:#17130c;border-color:transparent}.hero-actions{margin-top:1.6rem}
.section{padding:4rem 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.section-heading h2,.panel h2,.feature-copy h2{font-family:Georgia,serif}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.card,.panel,.feature-copy{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden}.card-media{min-height:230px;display:grid;place-items:center;background:#151922;padding:1rem;color:var(--muted)}.card-body,.panel,.feature-copy{padding:1.5rem}.card h3{font:700 1.6rem Georgia,serif;margin-top:0}.tags{display:flex;gap:.4rem;flex-wrap:wrap}.tag{border:1px solid var(--border);border-radius:999px;padding:.3rem .6rem;color:var(--muted);font-size:.8rem}
.feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:1.25rem}.feature-art{min-height:360px;display:grid;place-items:center;background:#151922;border:1px solid var(--border);border-radius:18px;color:var(--muted);padding:2rem;text-align:center}.split{display:grid;grid-template-columns:1.35fr .65fr;gap:1.25rem}.update-item{padding:1rem 0;border-bottom:1px solid var(--border)}.update-item span{display:block;color:var(--muted);font-size:.92rem}
.page-hero{padding:5rem 0 3rem}.world-nav{border-bottom:1px solid var(--border);background:#ffffff08}.world-nav-inner{min-height:54px;display:flex;align-items:center;gap:1rem;overflow:auto}.world-nav a{text-decoration:none;color:var(--muted);white-space:nowrap}.placeholder{min-height:300px;display:grid;place-items:center;border:1px dashed #4b5565;border-radius:18px;color:var(--muted);padding:2rem;text-align:center}
.site-footer{margin-top:5rem;border-top:1px solid var(--border)}.small{color:var(--muted);font-size:.9rem}
@media(max-width:900px){.avatar-wrap{width:min(340px,92vw)}.ring-text{font-size:24px}.ring-text-top{letter-spacing:.28em}.ring-text-bottom{letter-spacing:.34em}.grid,.split,.feature{grid-template-columns:1fr}.header-inner,.footer-inner,.section-heading{align-items:flex-start;flex-direction:column;padding:.9rem 0}}