:root {
  color-scheme: dark;
  --bg: #070a0f;
  --panel: #0d121a;
  --panel-soft: #111823;
  --text: #f4f7f8;
  --muted: #8d98a8;
  --line: rgba(255,255,255,.1);
  --lime: #c8ff68;
  --green: #72f1a3;
  --cyan: #60e9ff;
  --violet: #b98cff;
  --orange: #ffad5c;
  --ease: cubic-bezier(.2,.8,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 50% -20%, rgba(71,122,111,.16), transparent 42%),
    linear-gradient(180deg,#0d1117,#07090d 72%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; }
button,input { font: inherit; }
button,a { -webkit-tap-highlight-color: transparent; }
.page-grid {
  position: fixed; inset: 0; z-index: -4; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(#000,transparent 88%);
}
.ambient { position: fixed; z-index: -3; width: 560px; height: 560px; border-radius: 50%; filter: blur(130px); opacity: .1; pointer-events: none; }
.ambient-a { left: -320px; top: 10%; background: var(--cyan); }
.ambient-b { right: -330px; top: 33%; background: var(--violet); }

.site-header {
  position: relative; z-index: 50;
  width: min(1500px,calc(100% - 64px)); height: 78px; margin: auto;
  display: flex; align-items: center; gap: 28px;
  border-bottom: 1px solid var(--line);
  background: #080b10;
}
.brand { display: flex; align-items: center; gap: 13px; color: inherit; text-decoration: none; }
.brand-mark { position: relative; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 8px; overflow: hidden; }
.brand strong,.brand small { display: block; }
.brand strong { font-size: 15px; line-height: 1; letter-spacing: 4px; }
.brand small { margin-top: 5px; color: var(--muted); font-size: 8px; letter-spacing: 2.5px; }
.site-nav { display: flex; align-items: center; gap: 5px; margin-left: auto; }
.site-nav a { padding: 10px 13px; color: #8993a1; border-radius: 6px; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; transition: color .2s,background .2s; }
.site-nav a:hover,.site-nav a.active { color: #fff; background: rgba(255,255,255,.055); }
.site-nav a.active::after { content: ""; display: block; height: 2px; margin-top: 4px; background: var(--lime); box-shadow: 0 0 8px var(--lime); }
.network-state { display: inline-flex; align-items: center; gap: 8px; color: #a6afbb; font-size: 9px; font-weight: 800; letter-spacing: 1.3px; text-transform: uppercase; }
.network-state i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.network-state.offline i { background: #ff6e57; box-shadow: 0 0 12px #ff6e57; }
.nav-toggle { display: none; margin-left: auto; color: #fff; border: 1px solid var(--line); background: #111720; border-radius: 6px; width: 42px; height: 42px; cursor: pointer; }

main { width: min(1320px,calc(100% - 64px)); margin: auto; }
.hero { min-height: 710px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 80px; padding: 70px 0 55px; }
.eyebrow { margin: 0 0 13px; color: var(--lime); font-size: 9px; font-weight: 900; letter-spacing: 3.5px; }
.hero-copy { width: 100%; min-width: 0; max-width: 100%; }
.hero h1,.page-hero h1,.server-hero h1 { max-width: 100%; margin: 0; overflow-wrap: anywhere; font-size: clamp(49px,7vw,94px); line-height: .91; letter-spacing: -5px; }
h1 em,h2 em { color: var(--cyan); font-family: Georgia,serif; font-weight: 400; }
.hero-lead,.page-hero > p:last-child,.server-hero > p { max-width: 650px; margin: 27px 0 0; color: #9ba5b3; font-size: 15px; line-height: 1.8; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 34px; }
.button { min-height: 46px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; color: #eef2f3; border: 1px solid var(--line); border-radius: 4px; background: transparent; font-size: 10px; font-weight: 900; letter-spacing: 1.3px; text-decoration: none; text-transform: uppercase; cursor: pointer; transition: transform .2s var(--ease),border-color .2s,box-shadow .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #07110b; border-color: var(--lime); background: var(--lime); box-shadow: 0 0 25px rgba(200,255,104,.12); }
.button-primary:hover { box-shadow: 0 8px 32px rgba(200,255,104,.22); }
.button-ghost:hover { border-color: rgba(96,233,255,.48); }
.hero-principles { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 34px; color: #75808e; font-size: 9px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.hero-principles span { display: inline-flex; align-items: center; gap: 8px; }.hero-principles i { width: 5px; height: 5px; border-radius: 50%; }.green { background: var(--green); }.cyan { background: var(--cyan); }.violet { background: var(--violet); }

.hero-portal { position: relative; width: min(480px,42vw); aspect-ratio: 1; justify-self: center; display: grid; place-items: center; perspective: 1000px; }
.hero-portal::before { content: ""; position: absolute; inset: 8%; border-radius: 50%; background: conic-gradient(from 180deg,rgba(96,233,255,.04),rgba(185,140,255,.42),rgba(200,255,104,.08),rgba(96,233,255,.36),rgba(185,140,255,.04)); filter: blur(18px); animation: spin 18s linear infinite; }
.portal-orbit { position: absolute; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; box-shadow: inset 0 0 28px rgba(96,233,255,.1),0 0 18px rgba(96,233,255,.09); }
.orbit-one { inset: 9%; animation: spin 15s linear infinite; }.orbit-two { inset: 19%; border-style: dashed; border-color: rgba(200,255,104,.25); animation: spinReverse 11s linear infinite; }
.portal-core { position: relative; width: 52%; aspect-ratio: 1; display: grid; place-items: center; align-content: center; text-align: center; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: radial-gradient(circle at 50% 38%,rgba(103,239,255,.24),rgba(19,27,38,.93) 65%); box-shadow: 0 0 0 14px rgba(96,233,255,.04),0 0 55px rgba(96,233,255,.23),inset 0 0 38px rgba(185,140,255,.23); }
.portal-core span,.portal-core small { color: #8d9baa; font-size: 7px; letter-spacing: 3px; }.portal-core strong { margin: 8px 0; font-size: clamp(18px,3vw,32px); letter-spacing: 4px; }
.portal-shard { position: absolute; width: 22px; height: 45px; background: linear-gradient(135deg,var(--cyan),var(--violet)); clip-path: polygon(50% 0,100% 56%,50% 100%,0 56%); filter: drop-shadow(0 0 9px rgba(96,233,255,.5)); animation: float 5s ease-in-out infinite; }
.shard-a { top: 10%; right: 22%; }.shard-b { left: 8%; bottom: 26%; animation-delay: -1.4s; transform: scale(.65); }.shard-c { right: 4%; bottom: 18%; animation-delay: -3s; transform: scale(.48); }

.section { padding: 75px 0; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 34px; margin-bottom: 28px; }
.section-heading h2,.community-card h2,.legacy-banner h2,.join-banner h2 { margin: 0; font-size: clamp(30px,4vw,48px); letter-spacing: -2px; }
.section-heading > p { max-width: 460px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }
.server-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.server-card { --accent:#60e9ff; --accent-rgb:96,233,255; position: relative; min-height: 500px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 5px; background: #0d1219; isolation: isolate; transition: transform .35s var(--ease),border-color .35s; }
.server-card:hover { transform: translateY(-7px); border-color: rgba(var(--accent-rgb),.5); }
.server-card-bg { position: absolute; inset: 0; z-index: -2; background-position: center; background-size: cover; transition: transform .7s var(--ease),filter .4s; }
.server-card:hover .server-card-bg { transform: scale(1.04); filter: saturate(1.1); }
.server-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg,rgba(5,8,12,.06),rgba(5,8,12,.22) 45%,#080b10 86%),radial-gradient(circle at 50% 36%,rgba(var(--accent-rgb),.2),transparent 35%); }
.server-card-top { display: flex; justify-content: space-between; align-items: center; padding: 20px; }
.server-number { color: rgba(255,255,255,.4); font-size: 9px; letter-spacing: 2px; }
.status-chip { padding: 7px 9px; color: #a8ff84; border: 1px solid rgba(128,255,90,.35); background: rgba(17,55,22,.75); font-size: 7px; font-weight: 900; letter-spacing: 1.4px; }
.status-chip::before { content:""; display:inline-block; width:5px; height:5px; margin-right:6px; border-radius:50%; background:#9cff6c; box-shadow:0 0 8px #9cff6c; }
.status-chip.soon { color:#d2c0ff; border-color:rgba(185,140,255,.3); background:rgba(44,31,72,.72); }.status-chip.soon::before { background:var(--violet); box-shadow:0 0 8px var(--violet); }
.server-logo { position: absolute; left: 50%; top: 42%; width: 145px; aspect-ratio: 1; padding: 8px; overflow: hidden; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: radial-gradient(circle,rgba(var(--accent-rgb),.68),#101721 70%); box-shadow: 0 0 0 8px rgba(var(--accent-rgb),.08),0 0 42px rgba(var(--accent-rgb),.36); transform: translate(-50%,-50%); }
.server-logo img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }.server-logo .sigil { height:100%; display:grid; place-items:center; font-size:44px; font-weight:900; }
.server-card-body { position: absolute; left: 0; right: 0; bottom: 0; padding: 24px; }
.server-card-body h3 { margin: 0; font-size: 29px; line-height: 1; letter-spacing: -1px; }.server-card-body > p { min-height: 57px; margin: 12px 0 18px; color: #8f99a7; font-size: 10px; line-height: 1.65; }
.server-meta { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.1); color: #798492; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; }
.server-meta strong { color: var(--accent); }.server-actions { display: flex; gap: 8px; margin-top: 13px; }.server-actions a,.server-actions button { flex: 1; padding: 10px 8px; color: #cfd6dd; border: 1px solid rgba(255,255,255,.1); background: rgba(7,10,14,.7); font-size: 8px; font-weight: 800; letter-spacing: .8px; text-align: center; text-decoration: none; text-transform: uppercase; cursor:pointer; }.server-actions .enter { color:#07110b; border-color:var(--accent); background:var(--accent); }
.skeleton-card { min-height:500px; border:1px solid var(--line); background:linear-gradient(100deg,#0d1219 20%,#151d27 50%,#0d1219 80%); background-size:200% 100%; animation:skeleton 1.6s linear infinite; }

.community-split { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.community-card { position: relative; min-height: 330px; padding: 42px; overflow: hidden; border: 1px solid var(--line); border-radius: 5px; background: linear-gradient(135deg,rgba(17,24,36,.96),rgba(10,14,20,.96)); display: flex; flex-direction: column; }
.community-card::after { content:""; position:absolute; width:260px; height:260px; right:-100px; top:-100px; border-radius:50%; background:var(--card-glow); filter:blur(60px); opacity:.16; }
.discord-card { --card-glow:#738aff; }.kofi-card { --card-glow:#ff6d82; }
.community-icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 32px; color: #fff; border: 1px solid rgba(255,255,255,.22); border-radius: 14px; background: rgba(255,255,255,.06); font-size: 21px; }
.community-card p:not(.eyebrow) { max-width: 510px; color: var(--muted); font-size: 12px; line-height: 1.75; }.text-link,.quiet-link { display: inline-flex; gap: 12px; color: #dfe5ea; font-size: 10px; font-weight: 900; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; }.quiet-link { color: #9ca8b5; }

.rank-shell { overflow: visible; border: 1px solid var(--line); border-radius: 7px; background: rgba(12,17,24,.9); }
.rank-head { border-radius: 7px 7px 0 0; }
.rank-list:last-child { border-radius: 0 0 7px 7px; }
.rank-filters { display: flex; gap: 6px; padding: 13px; overflow-x: auto; border-bottom: 1px solid var(--line); }
.rank-filter { min-width: 112px; padding: 12px 14px; color: #7f8997; border: 1px solid transparent; border-radius: 5px; background: transparent; font-size: 9px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; }
.rank-filter span { margin-right: 7px; }.rank-filter:hover,.rank-filter.active { color: #fff; border-color: rgba(200,255,104,.25); background: rgba(200,255,104,.07); }
.rank-head,.rank-row { display: grid; grid-template-columns: 55px minmax(220px,1.4fr) 1fr 90px 120px; align-items: center; gap: 14px; padding: 0 22px; }
.rank-head { height: 40px; color: #687381; font-size: 8px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.rank-row { min-height: 78px; border-top: 1px solid rgba(255,255,255,.065); transition: background .2s,transform .2s; }
.rank-row:hover { background: rgba(255,255,255,.025); transform: translateX(3px); }
.rank-position { font-size: 18px; font-weight: 900; color: #6e7886; }.rank-row:nth-child(1) .rank-position { color:#ffd66e; }.rank-row:nth-child(2) .rank-position { color:#c9d5df; }.rank-row:nth-child(3) .rank-position { color:#d49b68; }
.player-cell { display: flex; align-items: center; gap: 12px; min-width: 0; }.player-avatar { position:relative; width:43px; height:48px; display:grid; place-items:center; flex:0 0 43px; overflow:hidden; color:#dce9e2; border:1px solid rgba(255,255,255,.12); border-radius:6px; background:radial-gradient(circle at 50% 35%,rgba(114,241,163,.17),#111922 72%); font-size:11px; font-weight:1000; box-shadow:inset 0 0 12px rgba(114,241,163,.06); }.player-avatar img { position:relative; z-index:2; width:100%; height:100%; display:block; object-fit:contain; image-rendering:pixelated; }.player-avatar > span { position:absolute; z-index:1; }.player-avatar.avatar-failed img { display:none; }.player-name strong,.player-name small { display:block; }.player-name strong { overflow:hidden; text-overflow:ellipsis; font-size:12px; }.player-name small { margin-top:4px; color:#788390; font-size:8px; letter-spacing:1px; text-transform:uppercase; }
.world-cell,.region-cell { color:#909ba8; font-size:10px; }.score-cell { color:var(--lime); font-size:12px; font-weight:900; text-align:right; }
.rank-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:15px; }.search-box { width:min(380px,100%); display:flex; align-items:center; gap:9px; padding:11px 14px; border:1px solid var(--line); border-radius:5px; background:#0d1219; }.search-box input { width:100%; color:#fff; border:0; outline:0; background:transparent; font-size:11px; }.updated-label { color:#707b89; font-size:9px; letter-spacing:1px; text-transform:uppercase; }

.legacy-banner,.join-banner { display: grid; grid-template-columns: 1.1fr 1fr auto; align-items: center; gap: 45px; padding: 46px; border: 1px solid var(--line); background: linear-gradient(100deg,rgba(24,37,42,.8),rgba(17,15,29,.82)); }
.legacy-banner > p,.join-banner p { color: var(--muted); font-size: 12px; line-height: 1.75; }
.site-footer { width: min(1500px,calc(100% - 64px)); min-height: 120px; margin: 60px auto 0; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: #596371; border-top: 1px solid var(--line); font-size: 9px; letter-spacing: 1px; text-transform: uppercase; }
.site-footer a { color:#aab3bd; text-decoration:none; }.footer-brand { transform:scale(.86); transform-origin:left center; }

.page-hero { min-height: 490px; padding: 110px 0 70px; border-bottom: 1px solid var(--line); }.page-hero.compact { min-height:430px; }.page-hero h1 { max-width: 1000px; }.page-hero > p:last-child { max-width: 760px; }
.story-grid { display:grid; grid-template-columns:1.4fr .75fr; gap:70px; padding:90px 0; }.story-main { position:relative; padding-left:90px; }.chapter-number { position:absolute; left:0; top:0; color:rgba(255,255,255,.14); font-size:54px; font-weight:900; }.story-main h2 { margin:0 0 26px; font-size:clamp(34px,4vw,52px); letter-spacing:-2px; }.story-main > p:not(.eyebrow) { color:#9aa4b1; font-size:14px; line-height:1.9; }
.founder-note { align-self:center; padding:38px; border:1px solid rgba(185,140,255,.25); background:rgba(48,34,70,.17); }.quote-mark { color:var(--violet); font:70px/1 Georgia; }.founder-note blockquote { margin:0 0 24px; font:italic 23px/1.55 Georgia; }.founder-note cite { color:#8e98a5; font-size:9px; font-style:normal; letter-spacing:1.3px; text-transform:uppercase; }
.value-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.value-grid article { min-height:280px; padding:28px; border:1px solid var(--line); background:#0d1219; }.value-grid b { color:rgba(200,255,104,.35); font-size:28px; }.value-grid h3 { margin:70px 0 12px; font-size:19px; }.value-grid p { color:var(--muted); font-size:11px; line-height:1.7; }

.server-page { background:#07100d; }.server-backdrop { position:fixed; inset:0; z-index:-3; background:linear-gradient(180deg,rgba(4,9,7,.1),#07100d 80%),url("/assets/all-the-mons-bg.svg") center top/cover no-repeat; opacity:.52; }.server-header { background:rgba(6,12,10,.48); backdrop-filter:blur(16px); }.back-link { margin-left:auto; color:#a4b1aa; font-size:9px; font-weight:800; letter-spacing:1.2px; text-decoration:none; text-transform:uppercase; }
.server-hero { min-height:700px; max-width:850px; padding:80px 0 70px; display:flex; flex-direction:column; justify-content:center; }.server-logo-wrap { width:120px; aspect-ratio:1; margin-bottom:30px; padding:6px; border:1px solid rgba(255,255,255,.48); border-radius:50%; background:rgba(36,112,70,.7); box-shadow:0 0 40px rgba(114,241,163,.3); }.server-logo-wrap img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.destination-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:14px; }.destination-card { position:relative; min-height:420px; display:flex; flex-direction:column; justify-content:flex-end; padding:30px; overflow:hidden; color:#fff; border:1px solid var(--line); border-radius:6px; background:rgba(10,18,15,.92); text-decoration:none; transition:transform .3s var(--ease),border-color .3s; }.destination-card:hover { transform:translateY(-5px); border-color:rgba(114,241,163,.45); }.destination-card > div:last-child { position:relative; z-index:2; }.destination-card h3 { margin:0; font-size:34px; letter-spacing:-1px; }.destination-card p:not(.eyebrow) { max-width:560px; color:#8f9d96; font-size:11px; line-height:1.7; }.destination-card strong { color:var(--green); font-size:9px; letter-spacing:1px; text-transform:uppercase; }.destination-number { position:absolute; left:25px; top:23px; z-index:3; color:rgba(255,255,255,.4); font-size:9px; letter-spacing:2px; }
.destination-art { position:absolute; inset:0; background:radial-gradient(circle at 58% 38%,rgba(114,241,163,.16),transparent 36%),linear-gradient(180deg,transparent,#07100d 88%); }.radar-ring { position:absolute; width:230px; height:230px; left:50%; top:38%; border:1px solid rgba(114,241,163,.4); border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 34px rgba(114,241,163,.04),0 0 0 70px rgba(114,241,163,.025),inset 0 0 35px rgba(114,241,163,.13); animation:radar 4s ease-out infinite; }.radar-ring::before,.radar-ring::after { content:""; position:absolute; background:rgba(114,241,163,.18); }.radar-ring::before { width:1px; top:0; bottom:0; left:50%; }.radar-ring::after { height:1px; left:0; right:0; top:50%; }.radar-dot { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 15px var(--green); }.dot-a { left:39%; top:27%; }.dot-b { left:62%; top:42%; }.dot-c { left:49%; top:51%; }.rune-art { display:grid; place-items:center; color:rgba(185,140,255,.28); font-size:160px; }.dormant { filter:saturate(.55); }
.server-facts { display:grid; grid-template-columns:repeat(4,1fr); padding:0; border:1px solid var(--line); }.server-facts article { padding:24px; border-right:1px solid var(--line); }.server-facts article:last-child { border:0; }.server-facts small,.server-facts strong { display:block; }.server-facts small { color:#657168; font-size:8px; letter-spacing:1.4px; }.server-facts strong { margin-top:8px; font-size:12px; }.status-green { color:var(--green); }

.archive-page-hero { min-height:420px; padding-bottom:45px; }.archive-state { display:inline-flex; align-items:center; gap:8px; margin-top:25px; color:#8c97a5; font-size:9px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; }.archive-state::before { content:""; width:7px; height:7px; border-radius:50%; background:#e1bd59; box-shadow:0 0 10px #e1bd59; }.archive-state.online::before { background:var(--green); box-shadow:0 0 10px var(--green); }
.archive-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.archive-card { --accent:#60e9ff;--accent-rgb:96,233,255; position:relative; min-height:480px; overflow:hidden; border:1px solid rgba(255,255,255,.11); border-radius:6px; background:#0d1219; isolation:isolate; }.archive-art { position:absolute; inset:0; z-index:-2; background-position:center; background-size:cover; filter:saturate(.78) brightness(.65); }.archive-card::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(7,10,14,.96) 12%,rgba(7,10,14,.76) 55%,rgba(7,10,14,.25)),radial-gradient(circle at 80% 28%,rgba(var(--accent-rgb),.2),transparent 35%); }.archive-top { display:flex; justify-content:space-between; padding:21px 23px; color:#77828f; font-size:8px; font-weight:900; letter-spacing:1.3px; }.archive-top b { color:var(--green); }.archive-logo { position:absolute; right:38px; top:86px; width:120px; aspect-ratio:1; padding:6px; overflow:hidden; display:grid; place-items:center; border:1px solid rgba(255,255,255,.45); border-radius:50%; background:radial-gradient(circle,rgba(var(--accent-rgb),.7),#101722 72%); box-shadow:0 0 35px rgba(var(--accent-rgb),.3); font-size:34px; font-weight:900; }.archive-logo img { width:100%; height:100%; display:block; object-fit:cover; border-radius:inherit; }.archive-body { width:64%; min-width:330px; padding:76px 25px 25px; }.archive-body h2 { margin:0; font-size:34px; letter-spacing:-1.3px; }.archive-body > p { min-height:50px; color:#8e99a7; font-size:10px; line-height:1.7; }.archive-body dl { margin:23px 0; }.archive-body dl div { display:flex; justify-content:space-between; gap:20px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.07); }.archive-body dt { color:#687381; font-size:8px; letter-spacing:1px; text-transform:uppercase; }.archive-body dd { margin:0; color:#bec6ce; font-size:9px; font-weight:800; text-align:right; }.archive-card.unavailable { filter:saturate(.5); }.archive-card.unavailable .archive-top b { color:#bd9dca; }.archive-pending { display:inline-block; padding:12px 0; color:#75808e; font-size:9px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }.archive-error { grid-column:1/-1; padding:55px; display:grid; gap:9px; color:#a3acb7; border:1px solid rgba(255,112,79,.22); background:#11141a; }.archive-error strong { color:#ff9b82; }

.toast { position:fixed; z-index:100; left:50%; bottom:28px; padding:11px 16px; color:#eaf0ec; border:1px solid rgba(114,241,163,.35); border-radius:5px; background:rgba(10,17,14,.94); box-shadow:0 12px 40px rgba(0,0,0,.4); font-size:10px; letter-spacing:.7px; transform:translate(-50%,20px); opacity:0; pointer-events:none; transition:.25s var(--ease); }.toast.visible { transform:translate(-50%,0); opacity:1; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s var(--ease),transform .7s var(--ease); }.reveal.visible { opacity:1; transform:none; }
.hero.reveal,.page-hero.reveal,.server-hero.reveal { opacity:1; transform:none; }

@keyframes spin { to { transform:rotate(360deg); } } @keyframes spinReverse { to { transform:rotate(-360deg); } }
@keyframes float { 50% { translate:0 -14px; rotate:8deg; } }
@keyframes skeleton { to { background-position:-200% 0; } }
@keyframes radar { 0% { opacity:.4; transform:translate(-50%,-50%) scale(.76); } 60%,100% { opacity:1; transform:translate(-50%,-50%) scale(1); } }

@media (max-width:1050px) {
  .site-nav { position:absolute; left:0; right:0; top:78px; display:none; padding:14px; border:1px solid var(--line); background:rgba(9,13,18,.97); box-shadow:0 20px 45px rgba(0,0,0,.4); border-radius:0 0 8px 8px; }.site-nav.open { display:flex; flex-wrap:wrap; gap:6px; }.site-nav a { flex:1; text-align:center; padding:12px 8px; font-size:11px; }.site-nav a.active::after { display:none; }
  .nav-toggle { display:block; }.network-state { margin-left:auto; }.hero { grid-template-columns:1fr; min-height:auto; }.nexus-content { padding-top:40px; }.nexus-crystal { right:50%; transform:translate(50%,-50%); width:min(380px,65vw); opacity:.6; }.portal-node { display:none; }.arcane-pages { display:none; }.nexus-candles { display:none; }
  .nexus-actions .runic-plate { padding:14px 22px; font-size:11px; }
  .server-grid { grid-template-columns:repeat(2,1fr); }.value-grid { grid-template-columns:repeat(2,1fr); }.legacy-banner,.join-banner { grid-template-columns:1fr; }.story-grid { grid-template-columns:1fr; }.destination-grid,.archive-grid { grid-template-columns:1fr; }.portal-grid .portal-card { flex-basis: calc((100% - 12px) / 2); }.carousel-shell { margin-inline: -20px; padding-inline: 20px; }
  .world-section .section-heading { flex-wrap:wrap; }
}
@media (max-width:700px) {
  .site-header,main,.site-footer { width:calc(100% - 20px); }.site-header { height:62px; gap:10px; }.site-nav { top:62px; }.brand strong { font-size:13px; letter-spacing:2px; }.brand small { font-size:7px; letter-spacing:1.5px; }.network-state { display:none; }
  .hero { width:100%; min-width:0; gap:0; padding:20px 0 40px; }.hero h1,.page-hero h1,.server-hero h1 { font-size:clamp(34px,10vw,48px); letter-spacing:-2px; line-height:.95; }.hero h1 em { font-size:.9em; display:inline; }
  .nexus-reveal { min-height:auto; padding:20px 0 40px; }
  .nexus-content { padding-top:55vw; text-align:center; }
  .nexus-eyebrow { font-size:8px; letter-spacing:3px; margin-bottom:14px; }
  .nexus-title { font-size:clamp(34px,10vw,48px) !important; letter-spacing:-2px !important; }
  .nexus-title em { font-size:clamp(30px,8.5vw,44px) !important; letter-spacing:1px !important; }
  .nexus-subtitle { font-size:14px; margin-top:16px; }
  .nexus-actions { justify-content:center; }.nexus-actions .runic-plate { flex:1 1 100%; justify-content:center; padding:14px 18px; font-size:12px; }
  .nexus-address { text-align:center; }
  .nexus-crystal { top:0; right:50%; transform:translate(50%,0); width:min(280px,80vw); opacity:.3; }
  .crystal-shape { width:42%; }
  .crystal-glow { display:none; }
  .nexus-shards { display:none; }
  .floor-rune-circle { display:none; }
  .arcane-pages { display:none; }
  .nexus-candles { display:none; }
  .portal-node { display:none; }
  .hero-actions .button { flex:1 1 100%; }
  .section { padding:40px 0; }
  .section-heading { align-items:start; flex-direction:column; gap:16px; }
  .section-heading h2 { font-size:clamp(24px,7vw,36px); }
  .legend-heading { align-items: center; text-align: center; }
  .legend-heading { min-height: 110px; background-size: 160px auto; }
  .worlds-service { padding:6px 10px; font-size:8px; gap:5px; }
  .worlds-service i { width:5px; height:5px; }
  .server-grid,.community-split,.value-grid { grid-template-columns:1fr; }
  .server-card { min-height:460px; }
  .community-card { padding:24px; min-height:280px; }
  .community-icon { margin-bottom:20px; width:44px; height:44px; }
  .bordered-link { padding:8px 14px; font-size:9px; }
  .rank-head { display:none; }
  .rank-row { grid-template-columns:36px 1fr auto; padding:10px 12px; min-height:64px; gap:10px; }
  .legend-section:not(.full-leaderboard) .rank-row { grid-template-columns:36px 1fr auto; padding:10px 12px; min-height:64px; gap:10px; }
  .rank-ribbon { width: 50px; }
  .legend-section:not(.full-leaderboard) .rank-ribbon { width: 50px; }
  .legend-section:not(.full-leaderboard) { margin-bottom: -60px; }
  .rank-ribbon.metallic-gold { box-shadow: 0 0 12px rgba(255,215,0,.25); }
  .full-leaderboard .rank-list { max-height: 55vh; }
  .full-leaderboard .rank-head { display: grid; position: static; }
  .rank-position { font-size:15px; }
  .player-avatar { width:36px; height:40px; flex:0 0 36px; }
  .player-name strong { font-size:11px; }
  .player-name small { font-size:7px; }
  .score-value { font-size:13px; }
  .score-cell { grid-column:3; grid-row:1 / span 2; }
  .rank-toolbar { align-items:flex-start; flex-direction:column; gap:12px; }
  .updated-label { padding-left:2px; }
  .rank-filters { padding:10px; gap:4px; }
  .rank-filter { min-width:80px; padding:10px; font-size:8px; }
  .legacy-banner,.join-banner { padding:24px; gap:16px; grid-template-columns:1fr; }
  .legacy-banner h2 { font-size:clamp(22px,6vw,32px); }
  .site-footer { min-height:130px; align-items:flex-start; justify-content:center; flex-direction:column; gap:10px; padding-bottom:20px; }
  .footer-brand { display:none; }
  .page-hero { min-height:auto; padding:60px 0 40px; }
  .page-hero h1 { font-size:clamp(32px,9vw,44px); }
  .story-grid { gap:24px; padding:40px 0; }
  .story-main { padding-left:0; padding-top:50px; }
  .chapter-number { top:0; font-size:36px; }
  .server-hero { min-height:500px; padding:50px 0; }
  .server-facts { grid-template-columns:1fr 1fr; }
  .server-facts article { padding:16px; }
  .server-facts article:nth-child(2) { border-right:0; }
  .server-facts article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .header-status-group { display:none; }
  .portal-section { padding-top:30px; }
  .carousel-shell { margin-inline:-4px; padding-inline:4px; }
  .carousel-arrow { top:auto; bottom:8px; width:42px; height:48px; background:rgba(8,11,15,.92); font-size:12px; }
  .carousel-arrow-left { left:8px; }
  .carousel-arrow-right { right:8px; }
  .portal-grid .portal-card { flex-basis:85%; min-height:440px; }
  .download-dialog { padding:30px 4px 14px; overflow-y:auto; }
  .arcane-book { height:auto; min-height:600px; }
  .book-pages { position:relative; inset:auto; min-height:600px; }
  .book-spread { grid-template-columns:1fr; overflow-y:auto; }
  .book-page { min-height:320px; padding:24px 20px; }
  .book-page-left,.book-page-right { padding:24px 20px; border:0; }
  .book-spine,.book-cover { display:none; }
  .page-note,.book-footnote { position:static; margin-top:20px; }
  .portal-grid { overflow-x:visible; }
  .archive-card { min-height:520px; }
  .archive-card::before { background:linear-gradient(180deg,rgba(7,10,14,.12),rgba(7,10,14,.94) 58%); }
  .archive-logo { top:60px; right:50%; transform:translateX(50%); width:100px; }
  .archive-body { position:absolute; left:0; right:0; bottom:0; width:auto; min-width:0; padding:20px; }
  .archive-body h2 { font-size:26px; }
  .search-box { width:100%; }
  .install-note { margin-bottom:40px; }
  .noise { opacity:.02; }
}
@media (max-width:420px) {
  .site-header { height:56px; gap:6px; }
  .site-nav { top:56px; }.site-nav a { font-size:10px; padding:10px 4px; }
  .brand-mark { width:34px; height:34px; }
  .brand strong { font-size:11px; letter-spacing:1px; }
  .brand small { font-size:6px; }
  .nexus-content { padding-top:65vw; }
  .nexus-crystal { width:min(220px,72vw); opacity:.25; }
  .nexus-title { font-size:clamp(28px,9vw,38px) !important; }
  .nexus-title em { font-size:clamp(24px,7.5vw,34px) !important; }
  .nexus-subtitle { font-size:13px; }
  .nexus-actions .runic-plate { font-size:10px; padding:12px 14px; }
  .portal-grid .portal-card { flex-basis:92%; min-height:400px; }
  .server-card { min-height:400px; }
  .community-card { padding:18px; min-height:240px; }
  .rank-filter { min-width:60px; padding:8px; font-size:7px; }
  .rank-row { padding:8px 10px; min-height:56px; gap:8px; }
  .legend-section:not(.full-leaderboard) .rank-row { padding:8px 10px; min-height:56px; gap:8px; }
  .player-avatar { width:30px; height:34px; flex:0 0 30px; }
  .rank-position { font-size:13px; }
  .rank-ribbon { width: 40px; }
  .legend-section:not(.full-leaderboard) .rank-ribbon { width: 40px; }
  .legend-section:not(.full-leaderboard) { margin-bottom: -40px; }
  .legend-heading { min-height: 90px; background-size: 140px auto; }
  .worlds-service { padding:5px 8px; font-size:7px; gap:4px; }
  .worlds-service i { width:4px; height:4px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }
}

.noise {
  position: fixed;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

.header-status-group { display: flex; gap: 40px; align-items: center; }
.header-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #a8b0be;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.header-status .status-light {
  position: relative;
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: #76ff65;
  border: 1px solid rgba(220,255,214,.85);
  box-shadow: 0 0 7px #76ff65, 0 0 18px rgba(118,255,101,.7);
}
.header-status .status-light::after {
  content: "";
  position: absolute;
  inset: -5px;
  border: 1px solid rgba(118,255,101,.38);
  border-radius: inherit;
  animation: server-status-pulse 2.4s ease-out infinite;
}
.header-status.is-checking .status-light {
  background: #e4c35a;
  box-shadow: 0 0 7px #e4c35a, 0 0 18px rgba(228,195,90,.55);
}
.header-status.is-offline .status-light {
  background: #ff704f;
  box-shadow: 0 0 7px #ff704f, 0 0 18px rgba(255,112,79,.55);
}
.header-status.is-offline .status-light::after { border-color: rgba(255,112,79,.38); }
.header-status.is-online .status-light { background: #76ff65; }

.portal-section { padding: 58px 0 46px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 26px; }
.section-heading h1,.section-heading h2 { margin: 0; font: 600 clamp(25px,3vw,37px) Space Grotesk; letter-spacing: -1.3px; }
.section-heading .eyebrow,.section-heading .orange { margin-bottom: 8px; }
.section-heading > p { max-width: 430px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.orange { margin: 0 0 18px; color: var(--orange); font-size: 10px; font-weight: 800; letter-spacing: 4px; }
.carousel-shell { position: relative; margin-inline: -58px; padding-inline: 58px; }
.portal-grid {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
.portal-grid::-webkit-scrollbar { display: none; }
.portal-grid .portal-card { flex: 0 0 calc((100% - 24px) / 3); scroll-snap-align: start; }
.carousel-arrow {
  position: absolute;
  z-index: 15;
  top: 50%;
  width: 45px;
  height: 74px;
  padding: 0;
  cursor: pointer;
  color: #e4e8ee;
  border: 1px solid rgba(255,255,255,.16);
  background: linear-gradient(180deg,rgba(17,22,29,.96),rgba(7,10,14,.96));
  box-shadow: 0 12px 30px rgba(0,0,0,.38), inset 0 0 18px rgba(255,255,255,.025);
  transform: translateY(-50%);
  font: 800 14px/1 monospace;
  transition: color .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease;
}
.carousel-arrow-left { left: 2px; }
.carousel-arrow-right { right: 2px; }
.carousel-arrow:hover:not(:disabled) { color: var(--lime); border-color: rgba(200,255,87,.48); transform: translateY(-50%) scale(1.04); }
.carousel-arrow:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
.carousel-arrow:disabled { opacity: .14; cursor: default; }

.portal-card {
  --accent: #57e9ff;
  --accent-rgb: 87,233,255;
  position: relative;
  min-height: 470px;
  overflow: hidden;
  border: 2px solid #050607;
  outline: 1px solid rgba(255,255,255,.11);
  background: #11151a;
  cursor: pointer;
  isolation: isolate;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s ease;
  content-visibility: auto;
  contain-intrinsic-size: auto 470px;
}
.portal-card:not(.locked):hover { transform: translateY(-8px); border-color: rgba(var(--accent-rgb),.5); }
.portal-art { position: absolute; inset: 0; overflow: hidden; background-position: center; background-size: cover; transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .4s ease; }
.portal-art::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 20%, rgba(6,8,13,.28) 53%, #080b11 88%),
    radial-gradient(ellipse at 50% 33%, rgba(var(--accent-rgb),.38), transparent 33%),
    linear-gradient(180deg, rgba(5,7,9,.02) 0%, rgba(5,7,9,.1) 38%, rgba(5,7,9,.91) 87%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0 2px, transparent 2px 8px);
  z-index: 2;
}
.portal-art::after {
  content: "";
  position: absolute;
  width: 230px;
  height: 390px;
  left: 50%;
  top: 42%;
  transform: translate(-50%,-50%);
  border: 9px solid rgba(var(--accent-rgb),.3);
  border-radius: 3px;
  box-shadow:
    inset 0 0 30px rgba(var(--accent-rgb),.45),
    0 0 28px rgba(var(--accent-rgb),.35),
    0 0 90px rgba(var(--accent-rgb),.18);
  animation: portalBreathe 5.8s ease-in-out infinite;
  opacity: .42;
}
.portal-card:hover .portal-art { transform: scale(1.035); filter: saturate(1.08) contrast(1.04); }
.portal-runes { position: absolute; z-index: 1; inset: 12% 12% 34%; border: 2px solid rgba(var(--accent-rgb),.12); transform: perspective(500px) rotateX(63deg); box-shadow: inset 0 0 50px rgba(var(--accent-rgb),.12); }
.portal-runes::before,.portal-runes::after { content: ""; position: absolute; inset: 14%; border: 1px solid rgba(var(--accent-rgb),.22); transform: rotate(45deg); }
.portal-runes::after { inset: 30%; transform: rotate(0); background: rgba(var(--accent-rgb),.08); }
.portal-particles { position: absolute; z-index: 2; inset: 8% 12% 34%; background-image: radial-gradient(circle, var(--accent) 0 1px, transparent 2px); background-size: 37px 41px; opacity: .45; mask-image: radial-gradient(ellipse, #000, transparent 70%); animation: particleDrift 9s linear infinite; }
.portal-seal {
  position: absolute;
  z-index: 4;
  top: 44%;
  left: 50%;
  width: clamp(118px, 12vw, 168px);
  aspect-ratio: 1;
  padding: 7px;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.62);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--accent-rgb),.82), rgba(6,13,20,.9) 72%);
  box-shadow: 0 0 0 7px rgba(var(--accent-rgb),.12), 0 0 38px rgba(var(--accent-rgb),.55);
  transform: translate(-50%,-50%);
  transition: transform .35s ease, box-shadow .35s ease;
}
.portal-seal::after { content: ""; position: absolute; inset: 9px; border: 1px solid rgba(255,255,255,.32); border-radius: inherit; pointer-events: none; }
.portal-seal img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: inherit; }
.portal-sigil { width: 100%; height: 100%; display: grid; place-items: center; color: #f5f7f9; border-radius: inherit; background: radial-gradient(circle, rgba(255,255,255,.13), transparent 62%); font: 700 clamp(27px,4vw,47px) Space Grotesk; letter-spacing: -3px; text-shadow: 0 2px 0 rgba(0,0,0,.5),0 0 19px rgba(var(--accent-rgb),.85); }
.portal-card:hover .portal-seal { transform: translate(-50%,-50%) scale(1.055); box-shadow: 0 0 0 9px rgba(var(--accent-rgb),.13), 0 0 54px rgba(var(--accent-rgb),.72); }
.portal-content { position: absolute; z-index: 4; left: 0; right: 0; bottom: 0; padding: 25px; }
.portal-number { position: absolute; top: 25px; left: 27px; z-index: 3; color: rgba(255,255,255,.45); font: 600 10px Space Grotesk; letter-spacing: 2px; }
.portal-state { position: absolute; top: 24px; right: 24px; z-index: 3; padding: 7px 10px; color: var(--accent); border: 1px solid rgba(var(--accent-rgb),.28); background: rgba(7,10,15,.6); font-size: 8px; font-weight: 800; letter-spacing: 1.8px; }
.portal-content h3 { margin: 0; max-width: 370px; font: 600 clamp(23px,2.6vw,34px)/1.04 Space Grotesk; letter-spacing: -1px; }
.portal-content p { min-height: 42px; margin: 13px 0 20px; color: #9099a9; font-size: 11px; line-height: 1.65; }
.portal-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.1); color: #747d8d; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; }
.portal-footer b { color: var(--accent); font-size: 18px; font-weight: 400; transition: transform .25s ease; }
.portal-card:hover .portal-footer b { transform: translateX(5px); }
.portal-card.locked { cursor: default; filter: grayscale(1); }
.portal-card.locked::after { content: ""; position: absolute; z-index: 8; inset: 0; background: rgba(7,9,13,.48); backdrop-filter: blur(1px); }
.portal-card.locked .portal-state { z-index: 9; color: #777f8b; border-color: rgba(255,255,255,.12); }
.portal-card.locked .portal-content,.portal-card.locked .portal-number { z-index: 9; opacity: .48; }
.portal-card.status-online .portal-state {
  color: #a9ff71;
  border-color: rgba(137,255,91,.5);
  background: rgba(19,49,20,.78);
  box-shadow: inset 0 0 13px rgba(126,255,85,.06), 0 0 16px rgba(126,255,85,.08);
}
.portal-card.status-online .portal-state::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: #9cff65; box-shadow: 0 0 8px #9cff65; vertical-align: 1px; }
.portal-card.status-offline .portal-state {
  color: #ffbd68;
  border-color: rgba(255,154,47,.56);
  background: rgba(68,32,9,.82);
  box-shadow: inset 0 0 13px rgba(255,143,40,.07), 0 0 16px rgba(255,143,40,.08);
}
.portal-card.status-offline .portal-state::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 1px; background: #ff9a3d; box-shadow: 0 0 8px rgba(255,154,61,.8); vertical-align: 1px; }
.portal-card.status-soon .portal-state {
  color: #c7b8ff;
  border-color: rgba(168,140,255,.38);
  background: rgba(35,25,62,.74);
}
.portal-card.status-offline .portal-art { filter: saturate(.72) brightness(.78); }

.install-note { margin: 0 0 70px; padding: 14px 16px; color: #858e9b; border: 1px solid var(--line); background: #0c0f13; font-size: 10px; }
.install-note span { margin-right: 10px; color: var(--lime); font-weight: 800; letter-spacing: 1px; }
.install-note code { color: #dce1e8; }

footer {
  width: min(1500px, calc(100% - 64px));
  margin: auto;
  padding: 0 0 35px;
  display: flex;
  justify-content: space-between;
  color: #4e5664;
  font-size: 8px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.download-dialog {
  width: min(1120px, calc(100% - 28px));
  max-height: calc(100vh - 28px);
  padding: 34px 46px 25px;
  overflow: hidden;
  color: #352719;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.download-dialog::backdrop { background: radial-gradient(circle at 50% 42%, rgba(43,31,62,.38), rgba(3,5,9,.92) 62%); backdrop-filter: blur(14px); }
.dialog-close { position: absolute; z-index: 20; top: 1px; right: 7px; width: 38px; height: 38px; cursor: pointer; color: #efe3c1; border: 1px solid rgba(239,227,193,.25); border-radius: 50%; background: rgba(14,10,18,.78); font-size: 23px; box-shadow: 0 0 20px rgba(0,0,0,.45); }
.arcane-book {
  --accent-rgb: 86,231,255;
  position: relative;
  width: 100%;
  height: min(650px, calc(100vh - 130px));
  min-height: 510px;
  perspective: 2200px;
  transform: translateY(20px) scale(.94);
  opacity: 0;
  transition: opacity .35s ease, transform .5s cubic-bezier(.2,.8,.2,1);
}
.arcane-book.open { opacity: 1; transform: none; }
.book-shadow { position: absolute; z-index: 0; left: 7%; right: 7%; bottom: -12px; height: 70px; border-radius: 50%; background: rgba(0,0,0,.72); filter: blur(25px); }
.book-cover { position: absolute; top: 2%; bottom: 2%; width: 50%; border: 3px solid #1b1011; background:
  radial-gradient(circle at 50% 42%, rgba(var(--accent-rgb),.14), transparent 28%),
  linear-gradient(135deg, #4b2029, #28121a 52%, #140b10);
  box-shadow: inset 0 0 0 8px #6f3b28, inset 0 0 0 11px #24120e, inset 0 0 38px #0a0508, 0 14px 35px rgba(0,0,0,.5);
}
.book-cover-back { left: 0; border-radius: 14px 3px 3px 14px; transform: rotateY(1deg); }
.book-cover-front {
  z-index: 12;
  right: 0;
  border-radius: 3px 14px 14px 3px;
  transform-origin: left center;
  transform: rotateY(0);
  transition: transform 1s cubic-bezier(.22,.7,.18,1), opacity .4s .55s;
  backface-visibility: hidden;
}
.arcane-book.open .book-cover-front { transform: rotateY(-178deg); opacity: .08; pointer-events: none; }
.cover-frame { position: absolute; inset: 38px; display: grid; place-items: center; align-content: center; gap: 13px; color: #e8cf8c; border: 2px solid #a76a3d; outline: 1px solid rgba(238,198,113,.25); outline-offset: 8px; text-align: center; }
.cover-frame::before,.cover-frame::after { content: "◆"; position: absolute; color: rgba(var(--accent-rgb),.75); text-shadow: 0 0 12px rgba(var(--accent-rgb),.8); }
.cover-frame::before { top: 16px; left: 18px; }.cover-frame::after { right: 18px; bottom: 16px; }
.cover-rune { font-size: 46px; color: rgb(var(--accent-rgb)); filter: drop-shadow(0 0 15px rgba(var(--accent-rgb),.8)); }
.cover-frame span,.cover-frame small { font-size: 9px; letter-spacing: 4px; }
.cover-frame strong { font: 600 37px/1.05 Space Grotesk; letter-spacing: 2px; }
.book-pages {
  position: absolute;
  z-index: 4;
  inset: 4% 2.5%;
  overflow: hidden;
  border-radius: 10px;
  background: #d8c69a;
  box-shadow: 0 0 0 4px #9c7543, 0 0 0 7px #352014, inset 0 0 45px rgba(78,45,20,.4);
}
.book-pages::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .24; background-image: repeating-linear-gradient(0deg, rgba(87,56,28,.08) 0 1px, transparent 1px 5px); mix-blend-mode: multiply; }
.book-spine { position: absolute; z-index: 8; top: 0; bottom: 0; left: 50%; width: 34px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(71,40,18,.3), rgba(255,247,210,.32), rgba(71,40,18,.3), transparent); pointer-events: none; }
.book-spread { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; visibility: hidden; opacity: 0; transform: rotateY(6deg) scale(.985); transition: opacity .34s ease, transform .5s ease, visibility 0s .5s; }
.book-spread.active { visibility: visible; opacity: 1; transform: none; transition-delay: .18s; }
.arcane-book.turning .book-spread.active { animation: pageReveal .52s ease; }
.book-page { position: relative; min-width: 0; padding: clamp(28px,4vw,54px); overflow: hidden; background:
  radial-gradient(circle at 25% 20%, rgba(255,251,221,.68), transparent 38%),
  linear-gradient(100deg, #c9b27e, #e5d6ad 12%, #e9dcb7 88%, #c8ad75); }
.book-page-left { padding-right: clamp(36px,5vw,66px); border-right: 1px solid rgba(92,57,28,.25); }
.book-page-right { padding-left: clamp(36px,5vw,66px); background:
  radial-gradient(circle at 75% 20%, rgba(255,251,221,.68), transparent 38%),
  linear-gradient(80deg, #c8ad75, #e9dcb7 12%, #e5d6ad 88%, #c9b27e); }
.book-page::after { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(100,61,27,.17); pointer-events: none; }
.book-kicker,.book-chapter { margin: 0 0 20px; color: #755125; font-size: 9px; font-weight: 800; letter-spacing: 3px; }
.book-page h2 { margin: 19px 0 14px; color: #2f2015; font: 600 clamp(27px,3vw,42px)/1 Space Grotesk; letter-spacing: -1.5px; text-align: center; }
.book-page h3 { margin: 0; color: #352416; font: 600 clamp(25px,2.6vw,36px)/1.05 Space Grotesk; letter-spacing: -1px; }
.book-description { color: #68513b; font: 500 12px/1.75 Manrope; }
.book-description code { color: #442819; font-weight: 800; }
.book-seal { --accent-rgb: 86,231,255; position: relative; width: clamp(112px,13vw,158px); aspect-ratio: 1; margin: 12px auto; padding: 7px; border: 3px double #8e6334; border-radius: 50%; background: radial-gradient(circle, rgba(var(--accent-rgb),.8), #1c2630 72%); box-shadow: 0 0 0 6px rgba(102,70,32,.18), 0 0 30px rgba(var(--accent-rgb),.32); }
.book-seal img { width: 100%; height: 100%; display: block; border-radius: inherit; object-fit: cover; }
.book-seal.sigil-only::before { content: attr(data-sigil); position: absolute; inset: 7px; display: grid; place-items: center; color: #fff; border-radius: 50%; font: 700 44px Space Grotesk; text-shadow: 0 0 18px rgba(var(--accent-rgb),.9); }
.ornament { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; color: #936629; }
.ornament i { height: 1px; background: linear-gradient(90deg, transparent, #936629); }.ornament i:last-child { transform: scaleX(-1); }
.rune-divider { margin: 24px 0; color: #936629; text-align: center; font-size: 20px; }
.book-facts { margin: 0; }
.book-facts div { display: flex; justify-content: space-between; gap: 20px; padding: 13px 0; border-bottom: 1px solid rgba(91,57,28,.18); }
.book-facts dt { color: #806443; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.book-facts dd { margin: 0; color: #382619; font-size: 11px; font-weight: 800; text-align: right; }
.page-note,.book-footnote { position: absolute; left: clamp(30px,4vw,54px); right: clamp(30px,4vw,54px); bottom: 32px; margin: 0; color: #8a6e4d; font: italic 10px/1.5 Georgia,serif; text-align: center; }
.ritual-list { margin: 27px 0 0; padding: 0; list-style: none; }
.ritual-list li { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 13px; padding: 17px 0; border-bottom: 1px solid rgba(91,57,28,.18); }
.ritual-list b { color: #90662f; font: 600 13px Space Grotesk; }
.ritual-list span { color: #58412d; font-size: 11px; line-height: 1.55; }
.arcane-glyph { margin-top: 30px; color: rgb(var(--accent-rgb)); font-size: 70px; line-height: 1; text-align: center; text-shadow: 0 0 18px rgba(var(--accent-rgb),.55); }
.book-download { display: flex; justify-content: space-between; align-items: center; margin-top: 34px; padding: 17px 18px; color: #f2dfaa; border: 2px solid #5b321d; outline: 1px solid #aa7840; outline-offset: -6px; background: linear-gradient(135deg,#52241f,#2e1518); text-decoration: none; box-shadow: 0 10px 23px rgba(70,38,19,.24), inset 0 0 20px rgba(var(--accent-rgb),.09); transition: transform .2s ease, box-shadow .2s ease; }
.book-download:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(70,38,19,.32), 0 0 18px rgba(var(--accent-rgb),.18); }
.book-download small,.book-download strong { display: block; }.book-download small { color: #bd9a64; font-size: 8px; letter-spacing: 1.5px; }.book-download strong { margin-top: 4px; font-size: 10px; }.book-download > b { font-size: 24px; }
.book-controls { display: flex; align-items: center; justify-content: center; gap: 22px; margin-top: 13px; color: #a89473; }
.book-controls button { min-width: 110px; padding: 9px 13px; cursor: pointer; color: #e6d5b5; border: 1px solid rgba(230,213,181,.18); background: rgba(14,10,18,.72); font: 700 9px Manrope; letter-spacing: 1px; text-transform: uppercase; }
.book-controls button:disabled { opacity: .3; cursor: default; }.book-controls span { min-width: 80px; font-size: 9px; text-align: center; letter-spacing: 1px; }

:root {
  --paradox-purple: #8B5CF6;
  --paradox-purple-light: #A855F7;
  --paradox-purple-bright: #C084FC;
  --paradox-glow: #6EE7F9;
  --paradox-gold: #D4B86A;
  --paradox-gold-light: #E6D08D;
  --paradox-void: #1D4ED8;
  --paradox-void-deep: #312E81;
}

body {
  background:
    radial-gradient(ellipse at 50% 30%, rgba(30,18,55,.25), transparent 55%),
    radial-gradient(ellipse at 80% 60%, rgba(18,10,40,.12), transparent 50%),
    radial-gradient(ellipse at 20% 80%, rgba(10,6,22,.08), transparent 40%),
    linear-gradient(180deg, #03040A 0%, #080714 30%, #0a0818 60%, #04050A 100%);
}

.void-fog {
  position: fixed; inset: 0; z-index: -3; pointer-events: none;
  background: radial-gradient(ellipse at 50% 0%, rgba(30,18,55,.08) 0%, transparent 50%),
              radial-gradient(ellipse at 20% 80%, rgba(18,10,40,.04) 0%, transparent 40%);
}
.void-stars {
  position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background-image:
    radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,.3) 0, transparent),
    radial-gradient(1px 1px at 25% 55%, rgba(255,255,255,.2) 0, transparent),
    radial-gradient(1.5px 1.5px at 40% 10%, rgba(255,255,255,.25) 0, transparent),
    radial-gradient(1px 1px at 55% 70%, rgba(255,255,255,.15) 0, transparent),
    radial-gradient(1px 1px at 70% 30%, rgba(255,255,255,.2) 0, transparent),
    radial-gradient(1.5px 1.5px at 85% 80%, rgba(255,255,255,.1) 0, transparent),
    radial-gradient(1px 1px at 15% 85%, rgba(255,255,255,.15) 0, transparent),
    radial-gradient(1px 1px at 90% 15%, rgba(255,255,255,.2) 0, transparent),
    radial-gradient(1px 1px at 45% 45%, rgba(255,255,255,.1) 0, transparent),
    radial-gradient(1.5px 1.5px at 65% 90%, rgba(255,255,255,.12) 0, transparent),
    radial-gradient(1px 1px at 5% 50%, rgba(255,255,255,.08) 0, transparent),
    radial-gradient(1px 1px at 95% 45%, rgba(255,255,255,.1) 0, transparent),
    radial-gradient(1px 1px at 35% 75%, rgba(110,231,249,.15) 0, transparent),
    radial-gradient(1.5px 1.5px at 75% 5%, rgba(139,92,246,.12) 0, transparent);
  opacity: .6;
}
.rune-circles {
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(circle at 20% 30%, transparent 28%, rgba(139,92,246,.03) 28.5%, transparent 29%),
    radial-gradient(circle at 80% 70%, transparent 38%, rgba(110,231,249,.02) 38.5%, transparent 39%),
    radial-gradient(circle at 50% 50%, transparent 48%, rgba(139,92,246,.015) 48.5%, transparent 49%);
}

.page-grid { opacity: 0; }

.brand-logo { width: 100%; height: 100%; display: block; object-fit: contain; filter: drop-shadow(0 0 4px rgba(139,92,246,.3)); }

.site-nav a { font-size: 10px; letter-spacing: 1.5px; padding: 8px 14px; font-family: Cinzel, serif; font-weight: 600; color: #7a8390; }
.site-nav a:hover,.site-nav a.active { background: rgba(139,92,246,.08); color: #d4c8b0; }
.site-nav a.active::after { background: var(--paradox-purple); box-shadow: 0 0 8px var(--paradox-purple); }

.hero {
  min-height: 710px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 60px;
  padding: 50px 0 55px;
}
.hero-copy { width: 100%; min-width: 0; max-width: 100%; }
.hero h1,.page-hero h1,.server-hero h1 { max-width: 100%; margin: 0; overflow-wrap: anywhere; font-size: clamp(49px,7vw,94px); line-height: .91; letter-spacing: -5px; }
h1 em { color: var(--paradox-purple-bright); font-family: Georgia,serif; font-weight: 400; }
.hero-lead,.page-hero > p:last-child,.server-hero > p { max-width: 650px; margin: 27px 0 0; color: #9ba5b3; font-size: 15px; line-height: 1.8; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 34px; }
.hero-principles { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 34px; color: #75808e; font-size: 9px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.hero-principles span { display: inline-flex; align-items: center; gap: 8px; }
.hero-principles i { width: 5px; height: 5px; border-radius: 50%; }
.paradox-purple { background: var(--paradox-purple); }
.paradox-cyan { background: var(--paradox-glow); }
.paradox-gold { background: var(--paradox-gold); }

@keyframes crystalGlow {
  0%,100% { opacity: .6; transform: scale(1); }
  50% { opacity: .9; transform: scale(1.08); }
}
@keyframes crackFlash {
  0%, 90%, 100% { opacity: 0; }
  92% { opacity: .7; }
  94% { opacity: .2; }
  96% { opacity: .6; }
}
@keyframes shardFloat {
  0%,100% { transform: translateY(0) rotate(0deg); opacity: .6; }
  50% { transform: translateY(-14px) rotate(10deg); opacity: .9; }
}
@keyframes portalBreathe {
  0%,100% { opacity: .5; transform: scale(1); }
  50% { opacity: .85; transform: scale(1.06); }
}
@keyframes pageFloat {
  0%,100% { transform: translateY(0) rotate(0deg); opacity: .35; }
  50% { transform: translateY(-18px) rotate(2deg); opacity: .5; }
}
@keyframes candleFlicker {
  0%,100% { opacity: .4; transform: scale(1); }
  25% { opacity: .55; transform: scale(1.04); }
  50% { opacity: .35; transform: scale(.96); }
  75% { opacity: .5; transform: scale(1.02); }
}

.nexus-reveal {
  min-height: 780px;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  gap: 0;
  padding: 70px 0 60px;
  position: relative;
  font-family: Cinzel, Georgia, serif;
}

.nexus-content {
  position: relative;
  z-index: 10;
  max-width: 680px;
}

.nexus-eyebrow {
  margin: 0 0 22px;
  color: rgba(139,92,246,.55);
  font: 600 10px/1 Cinzel, serif;
  letter-spacing: 5px;
  text-transform: uppercase;
  text-shadow: 0 0 20px rgba(139,92,246,.15);
}

.nexus-title {
  max-width: 100%;
  margin: 0;
  font: 700 clamp(56px,8vw,110px)/.88 Cinzel, serif;
  letter-spacing: -3px;
  color: #e4dcd0;
  text-shadow: 0 2px 0 rgba(0,0,0,.3);
}
.nexus-title em {
  display: block;
  color: var(--paradox-purple-bright);
  font: 600 clamp(48px,7vw,96px)/.9 Cinzel, serif;
  letter-spacing: 2px;
  text-shadow: 0 0 40px rgba(139,92,246,.25), 0 0 80px rgba(139,92,246,.1);
}

.nexus-subtitle {
  max-width: 600px;
  margin: 24px 0 0;
  color: #8a92a0;
  font: 400 16px/1.7 Cormorant Garamond, Georgia, serif;
  font-style: italic;
}

.nexus-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 38px; }

.nexus-address {
  margin: 16px 0 0;
  color: rgba(139,92,246,.35);
  font: 400 12px/1 Marcellus, serif;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.nexus-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.nexus-chamber {
  position: absolute;
  inset: -4%;
  background:
    radial-gradient(ellipse at 50% 30%, rgba(30,18,55,.12), transparent 55%),
    radial-gradient(ellipse at 80% 60%, rgba(18,10,40,.08), transparent 50%);
  pointer-events: none;
}

.nexus-pillars {
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(90deg,
      transparent 0, transparent 7%,
      rgba(139,92,246,.018) 7%, rgba(139,92,246,.018) 8.5%,
      transparent 8.5%, transparent 91.5%,
      rgba(139,92,246,.018) 91.5%, rgba(139,92,246,.018) 93%,
      transparent 93%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 10%, transparent 72%);
}

.nexus-floor {
  position: absolute;
  bottom: 0;
  left: -10%;
  right: -10%;
  height: 180px;
  background: linear-gradient(180deg, transparent, rgba(139,92,246,.04) 30%, rgba(110,231,249,.06) 55%, rgba(139,92,246,.02));
  mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent);
}

.nexus-crystal {
  position: absolute;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
  width: min(460px, 40vw);
  aspect-ratio: 1;
  z-index: 2;
  display: grid;
  place-items: center;
}

.crystal-glow {
  position: absolute;
  width: 75%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(139,92,246,.12), rgba(110,231,249,.04), transparent 62%);
  animation: crystalGlow 5s ease-in-out infinite;
}

.crystal-shape {
  position: relative;
  width: 56%;
  aspect-ratio: .82;
  clip-path: polygon(50% 0%, 90% 20%, 100% 55%, 92% 85%, 50% 100%, 8% 85%, 0% 55%, 10% 20%);
  background: linear-gradient(145deg, rgba(139,92,246,.1), rgba(30,58,138,.08), rgba(139,92,246,.05));
  border: 1.5px solid rgba(139,92,246,.3);
  box-shadow:
    0 0 0 5px rgba(139,92,246,.05),
    0 0 40px rgba(139,92,246,.1),
    inset 0 0 50px rgba(139,92,246,.04);
  display: grid;
  place-items: center;
  z-index: 2;
  animation: sealPulse 5s ease-in-out infinite;
}

.crystal-core {
  width: 62%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  z-index: 3;
}
.crystal-core img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 20px rgba(139,92,246,.5)) brightness(1.2);
}

.crack-line {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(110,231,249,.5), rgba(139,92,246,.3), transparent);
  height: 1.5px;
  transform-origin: 0 0;
  opacity: 0;
  animation: crackFlash 8s ease-in-out infinite;
}
.c1 { width: 55%; top: 44%; left: 48%; transform: rotate(-22deg); }
.c2 { width: 50%; top: 38%; left: 46%; transform: rotate(40deg); animation-delay: -2s; }
.c3 { width: 45%; top: 52%; left: 50%; transform: rotate(70deg); animation-delay: -4s; }
.c4 { width: 50%; top: 48%; left: 45%; transform: rotate(-50deg); animation-delay: -1.5s; }
.c5 { width: 40%; top: 42%; left: 52%; transform: rotate(15deg); animation-delay: -3.5s; }

.portal-node {
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.pn1 { top: 7%; left: 12%; }
.pn2 { top: 6%; right: 10%; }
.pn3 { bottom: 15%; left: 10%; }
.pn4 { bottom: 14%; right: 8%; }

.pn-ring {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 2px solid var(--portal-color, rgba(139,92,246,.5));
  box-shadow: 0 0 0 3px rgba(139,92,246,.06), 0 0 18px var(--portal-glow, rgba(139,92,246,.15)), inset 0 0 10px rgba(139,92,246,.04);
  display: grid;
  place-items: center;
  animation: portalBreathe 4s ease-in-out infinite;
}
.pn-ring::before {
  content: attr(data-icon);
  color: var(--portal-color);
  font-size: 14px;
  text-shadow: 0 0 8px var(--portal-glow);
  line-height: 1;
}

.pn1 { --portal-color: #60e9ff; --portal-glow: rgba(96,233,255,.25); }
.pn2 { --portal-color: #c8ff68; --portal-glow: rgba(200,255,104,.2); }
.pn3 { --portal-color: #ffad5c; --portal-glow: rgba(255,173,92,.2); }
.pn4 { --portal-color: #b98cff; --portal-glow: rgba(185,140,255,.25); }

.nexus-shards {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.nexus-shards span {
  position: absolute;
  width: 3px;
  height: 12px;
  background: linear-gradient(180deg, rgba(110,231,249,.6), rgba(139,92,246,.2));
  clip-path: polygon(50% 0, 100% 60%, 50% 100%, 0 60%);
  filter: drop-shadow(0 0 4px rgba(139,92,246,.3));
  animation: shardFloat 6s ease-in-out infinite;
}
.nexus-shards span:nth-child(1) { top: 20%; left: 35%; transform: rotate(30deg); animation-delay: 0s; }
.nexus-shards span:nth-child(2) { top: 40%; right: 28%; transform: rotate(-20deg); animation-delay: -1.2s; height: 16px; }
.nexus-shards span:nth-child(3) { bottom: 25%; left: 28%; transform: rotate(45deg); animation-delay: -2.4s; }
.nexus-shards span:nth-child(4) { bottom: 30%; right: 35%; transform: rotate(-35deg); animation-delay: -3.6s; height: 10px; }
.nexus-shards span:nth-child(5) { top: 15%; right: 38%; transform: rotate(15deg); animation-delay: -4.8s; height: 14px; }
.nexus-shards span:nth-child(6) { bottom: 38%; left: 18%; transform: rotate(-10deg); animation-delay: -5.4s; }

.floor-rune-circle {
  position: absolute;
  bottom: 2%;
  left: 50%;
  transform: translateX(-50%);
  width: min(550px, 48vw);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(139,92,246,.045);
  box-shadow:
    0 0 0 25px rgba(139,92,246,.015),
    0 0 0 55px rgba(139,92,246,.01),
    0 0 0 90px rgba(139,92,246,.006),
    inset 0 0 60px rgba(139,92,246,.015);
  pointer-events: none;
  z-index: 1;
  opacity: .5;
}
.floor-rune-circle::before {
  content: "";
  position: absolute;
  inset: 20%;
  border-radius: 50%;
  border: 1px solid rgba(139,92,246,.06);
  border-style: dashed;
}
.floor-rune-circle::after {
  content: "";
  position: absolute;
  inset: 38%;
  border-radius: 50%;
  border: 1px solid rgba(139,92,246,.04);
  background: radial-gradient(circle, rgba(110,231,249,.02), transparent 60%);
}

.arcane-pages {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.fpage {
  position: absolute;
  width: 82px;
  height: 58px;
  background: rgba(35,28,22,.18);
  border: 1px solid rgba(139,92,246,.08);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 8px 10px;
  backdrop-filter: blur(1px);
  animation: pageFloat 7s ease-in-out infinite;
}
.fpage .fline {
  height: 2px;
  background: rgba(139,92,246,.12);
  border-radius: 1px;
}
.fpage .fline.short { width: 55%; }
.fpage .fline:nth-child(2) { width: 85%; }
.fpage .fline:nth-child(3) { width: 70%; }
.fpage .fline:nth-child(4) { width: 40%; }
.fp1 { top: 22%; left: 6%; transform: rotate(-8deg); animation-delay: 0s; }
.fp2 { top: 58%; left: 4%; transform: rotate(4deg); animation-delay: -2.3s; width: 70px; height: 48px; }
.fp3 { top: 18%; right: 3%; transform: rotate(6deg); animation-delay: -4.7s; }

.nexus-candles {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.candle {
  position: absolute;
  width: 4px;
  height: 16px;
  background: linear-gradient(180deg, rgba(255,220,160,.15), rgba(139,92,246,.05));
  border-radius: 1px;
}
.candle::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,200,100,.25), rgba(255,160,50,.08), transparent);
  box-shadow: 0 0 12px rgba(255,180,80,.12), 0 0 30px rgba(255,180,80,.06);
  animation: candleFlicker 3s ease-in-out infinite;
}
.cl { bottom: 18%; left: 6%; }
.cr { bottom: 22%; right: 5%; }

.runic-plate {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 16px 28px;
  border: 1px solid rgba(139,92,246,.3);
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(10,12,20,.92), rgba(6,8,14,.96));
  color: #d8d4cc;
  font: 500 13px/1 Marcellus, serif;
  letter-spacing: 1.5px;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .3s ease;
  box-shadow: 0 4px 20px rgba(0,0,0,.35), inset 0 1px 0 rgba(139,92,246,.08), inset 0 -1px 0 rgba(139,92,246,.04);
}
.runic-plate:hover {
  border-color: rgba(139,92,246,.55);
  background: linear-gradient(135deg, rgba(14,17,28,.95), rgba(9,11,20,.98));
  box-shadow: 0 8px 40px rgba(139,92,246,.12), inset 0 1px 0 rgba(139,92,246,.12), 0 0 30px rgba(139,92,246,.05);
  transform: translateY(-2px);
  color: #ede8dc;
}
.runic-plate .plate-rune {
  font-size: 22px;
  color: var(--paradox-purple-bright);
  filter: drop-shadow(0 0 8px rgba(139,92,246,.4));
  transition: filter .3s ease;
}
.runic-plate:hover .plate-rune { filter: drop-shadow(0 0 16px rgba(139,92,246,.6)); }
.runic-plate .plate-label { flex: 1; }
.runic-plate .plate-arrow {
  font-size: 16px;
  color: var(--paradox-glow);
  opacity: .6;
  transition: transform .3s ease, opacity .3s ease;
}
.runic-plate:hover .plate-arrow { transform: translateX(5px); opacity: 1; }

.worlds-service {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border: 1px solid rgba(139,92,246,.12);
  border-radius: 20px;
  color: #a6afbb;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .25s ease;
}
.worlds-service i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 8px var(--green);
}
.worlds-service:hover {
  color: #fff;
  border-color: rgba(139,92,246,.25);
  background: rgba(139,92,246,.06);
}

.bordered-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border: 1px solid rgba(139,92,246,.25);
  border-radius: 4px;
  color: #dfe5ea;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: auto;
  align-self: flex-start;
  transition: border-color .3s ease, background .3s ease;
}
.bordered-link:hover {
  border-color: rgba(139,92,246,.5);
  background: rgba(139,92,246,.04);
  color: #f4f7f8;
}
.bordered-link span {
  font-size: 13px;
  opacity: .6;
}

.server-card { border-radius: 8px; background: #0D1017; }
.server-card:hover { border-color: rgba(139,92,246,.4); }
.server-card::before {
  background: linear-gradient(180deg,rgba(5,8,12,.06),rgba(5,8,12,.22) 45%,#05060A 86%),
    radial-gradient(circle at 50% 36%,rgba(var(--accent-rgb),.15),transparent 35%);
}

.server-logo { border-color: rgba(139,92,246,.35); box-shadow: 0 0 0 8px rgba(139,92,246,.06), 0 0 42px rgba(139,92,246,.2); }

.community-card { border-radius: 8px; }

.server-card-bg { filter: saturate(.7) brightness(.7); }
.server-card:hover .server-card-bg { filter: saturate(1) brightness(.85); }

.filter-icon-img { width: 14px; height: 14px; vertical-align: middle; margin-right: 6px; object-fit: contain; }

.legend-section {
  position: relative;
  isolation: isolate;
}
.legend-section:not(.full-leaderboard) {
  margin-bottom: -100px;
  z-index: 1;
}
.legend-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(139,92,246,.04), transparent 50%);
  pointer-events: none;
}

.legend-section .section-heading {
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 32px;
  border-bottom: 1px solid rgba(185,140,255,.15);
}
.legend-section .section-heading::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(185,140,255,.2), rgba(212,184,106,.3), rgba(185,140,255,.2), transparent);
}
.legend-heading {
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: 150px;
  gap: 10px;
  padding-top: 10px;
  background-size: 220px auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.legend-heading .quiet-link {
  align-self: center;
}

.legend-section .rank-shell {
  border: 1px solid rgba(185,140,255,.2);
  border-radius: 12px;
  background: rgba(10,8,22,.7);
  box-shadow:
    0 0 0 1px rgba(212,184,106,.06),
    0 0 60px rgba(139,92,246,.04),
    inset 0 0 60px rgba(139,92,246,.015);
  overflow: hidden;
}
.legend-section:not(.full-leaderboard) .rank-shell {
  padding: 4px 0;
  border-radius: 14px;
}

.full-leaderboard .rank-shell {
  border-color: rgba(185,140,255,.25);
  background: rgba(8,6,16,.65);
}
.full-leaderboard .rank-list {
  max-height: 70vh;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.full-leaderboard .rank-list::-webkit-scrollbar { width: 6px; }
.full-leaderboard .rank-list::-webkit-scrollbar-track { background: transparent; }
.full-leaderboard .rank-list::-webkit-scrollbar-thumb { background: rgba(139,92,246,.2); border-radius: 3px; }
.full-leaderboard .rank-list::-webkit-scrollbar-thumb:hover { background: rgba(139,92,246,.35); }
.full-leaderboard .rank-head {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(8,6,16,.95);
  backdrop-filter: blur(6px);
}
.full-leaderboard .search-box { background: rgba(10,8,22,.6); border-color: rgba(185,140,255,.15); }
.full-leaderboard .search-box input { font-size: 12px; }
.full-leaderboard .updated-label { color: rgba(185,140,255,.5); }

.legend-section .rank-filters {
  border-bottom: 1px solid rgba(185,140,255,.1);
  padding: 14px 18px;
  gap: 6px;
}
.legend-section:not(.full-leaderboard) .rank-filters { padding: 18px 22px; gap: 8px; }
.legend-section .rank-filter {
  min-width: 100px;
  padding: 10px 16px;
  color: #8a7fa0;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .25s ease;
  position: relative;
}
.legend-section .rank-filter:hover {
  color: #d4c8e8;
  border-color: rgba(185,140,255,.2);
  background: rgba(139,92,246,.06);
}
.legend-section .rank-filter.active {
  color: #f0e8c0;
  border-color: rgba(212,184,106,.3);
  background: rgba(212,184,106,.06);
  box-shadow: inset 0 1px 0 rgba(212,184,106,.08);
}

.rank-head {
  height: 44px;
  color: rgba(185,140,255,.5);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: grid;
  grid-template-columns: 80px 56px 1fr 140px;
  align-items: center;
  gap: 16px;
  padding: 0 26px;
  border-bottom: 1px solid rgba(185,140,255,.08);
  background: rgba(139,92,246,.02);
}
.rank-head span:last-child { text-align: right; color: rgba(212,184,106,.5); }

.legend-section:not(.full-leaderboard) .rank-head {
  height: 50px;
  font-size: 9px;
  letter-spacing: 2.5px;
  padding: 0 34px;
  gap: 20px;
  grid-template-columns: 100px 64px 1fr 160px;
}

.rank-row {
  display: grid;
  grid-template-columns: 80px 56px 1fr 140px;
  align-items: center;
  gap: 16px;
  padding: 0 26px;
  min-height: 84px;
  border-top: 1px solid rgba(255,255,255,.04);
  transition: background .2s, transform .2s;
  position: relative;
  overflow: visible;
  border-radius: 0;
}
.legend-section:not(.full-leaderboard) .rank-row {
  min-height: 100px;
  padding: 0 34px;
  gap: 20px;
  grid-template-columns: 100px 64px 1fr 160px;
}
.rank-row:hover { background: rgba(139,92,246,.04); transform: translateX(4px); }
.rank-row:first-child { border-top: 0; }

.rank-row .rank-position {
  position: relative;
  z-index: 3;
  font-size: 24px;
  font-weight: 900;
  font-style: italic;
  color: rgba(255,255,255,.7);
  text-align: center;
  width: 100%;
  text-shadow: 0 1px 4px rgba(0,0,0,.6);
  font-family: Georgia, serif;
}
.legend-section:not(.full-leaderboard) .rank-row .rank-position { font-size: 28px; }
.rank-row:nth-child(1) {
  background: linear-gradient(135deg, rgba(212,184,106,.06), transparent 60%);
}
.rank-row:nth-child(1) .rank-position {
  color: #ffd700;
  font-size: 28px;
  text-shadow: 0 0 24px rgba(255,215,0,.45), 0 1px 4px rgba(0,0,0,.5);
}
.legend-section:not(.full-leaderboard) .rank-row:nth-child(1) .rank-position { font-size: 34px; }
.legend-section:not(.full-leaderboard) .rank-row:nth-child(2) .rank-position,
.legend-section:not(.full-leaderboard) .rank-row:nth-child(3) .rank-position { font-size: 30px; }
.rank-row:nth-child(1) .rank-position::before { content: "♛ "; font-size: 18px; text-shadow: 0 0 12px rgba(255,215,0,.5); }
.rank-row:nth-child(2) {
  background: linear-gradient(135deg, rgba(192,192,192,.04), transparent 50%);
}
.rank-row:nth-child(2) .rank-position { color: #e0e0e0; font-size: 26px; text-shadow: 0 0 16px rgba(192,192,192,.3), 0 1px 4px rgba(0,0,0,.5); }
.rank-row:nth-child(3) {
  background: linear-gradient(135deg, rgba(205,127,50,.04), transparent 50%);
}
.rank-row:nth-child(3) .rank-position { color: #e8a55c; font-size: 26px; text-shadow: 0 0 16px rgba(205,127,50,.3), 0 1px 4px rgba(0,0,0,.5); }

.rank-ribbon {
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 110px;
  z-index: 1;
  border-radius: 12px 0 0 12px;
  clip-path: polygon(0 0, 100% 0, 86% 50%, 100% 100%, 0 100%);
}
.legend-section:not(.full-leaderboard) .rank-ribbon { width: 130px; }
.rank-ribbon.metallic-gold { background: linear-gradient(135deg, #ffd700, #ffec8b 25%, #daa520 50%, #ffd700 75%, #ffec8b); box-shadow: 0 0 20px rgba(255,215,0,.35), inset 0 0 15px rgba(255,215,0,.08); }
.rank-ribbon.metallic-silver { background: linear-gradient(135deg, #c0c0c0, #e8e8e8 25%, #a0a0a0 50%, #c0c0c0 75%, #e8e8e8); box-shadow: 0 0 20px rgba(192,192,192,.35); }
.rank-ribbon.metallic-bronze { background: linear-gradient(135deg, #cd7f32, #e8a55c 25%, #b87333 50%, #cd7f32 75%, #e8a55c); box-shadow: 0 0 20px rgba(205,127,50,.35); }
.rank-ribbon.standard { background: linear-gradient(135deg, #1a2744, #2a3a5c 50%, #1a2744); }

.rank-row .player-cell {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.legend-section:not(.full-leaderboard) .rank-row .player-cell { gap: 18px; }

.rank-row .player-avatar {
  position: relative;
  width: 48px;
  height: 54px;
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  overflow: hidden;
  margin-left: -14px;
  border: 1px solid rgba(185,140,255,.2);
  border-radius: 8px;
  background: radial-gradient(circle at 50% 35%, rgba(139,92,246,.15), #0D1017 72%);
  box-shadow: inset 0 0 16px rgba(139,92,246,.08), 0 0 0 1px rgba(212,184,106,.04);
}
.legend-section:not(.full-leaderboard) .rank-row .player-avatar { width: 58px; height: 64px; flex: 0 0 58px; }
.rank-row .player-avatar img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  image-rendering: pixelated;
}
.rank-row .player-avatar > span { position: absolute; z-index: 1; font-size: 11px; font-weight: 1000; color: #dce9e2; }
.rank-row .player-avatar.avatar-failed img { display: none; }

.rank-row .player-name {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.rank-row .player-name strong {
  font-size: 14px;
  font-weight: 700;
  color: #f0ece8;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: .3px;
}
.legend-section:not(.full-leaderboard) .rank-row .player-name strong { font-size: 17px; }
.rank-row .player-rank {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 9px;
}
.rank-row .rank-emblem { font-size: 12px; }
.rank-row .rank-label { font-size: 8px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; opacity: .8; }

.rank-row .score-cell {
  position: relative;
  z-index: 2;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}
.rank-row .score-value {
  font-size: 16px;
  font-weight: 800;
  color: #f4f0e8;
  white-space: nowrap;
  letter-spacing: -.3px;
}
.legend-section:not(.full-leaderboard) .rank-row .score-value { font-size: 20px; }
.rank-row .score-label {
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: rgba(185,140,255,.4);
  text-transform: uppercase;
}

.rank-row:last-child { border-radius: 0 0 10px 10px; }

.world-cell,.region-cell { display: none; }

.eyebrow { color: var(--paradox-purple-bright); }

.legacy-banner,.join-banner { border-radius: 8px; }

footer { border-top-color: rgba(139,92,246,.1); }

@keyframes veinPulse {
  0%,100% { opacity: .25; transform: scaleX(1); }
  50% { opacity: .5; transform: scaleX(1.15); }
}
@keyframes glassDrift {
  0%,100% { transform: translate(0, 0) rotate(0deg); opacity: .4; }
  33% { transform: translate(8px, -12px) rotate(3deg); opacity: .6; }
  66% { transform: translate(-6px, 8px) rotate(-2deg); opacity: .5; }
}
@keyframes sphereBreathe {
  0%, 100% { box-shadow: 0 0 80px rgba(139,92,246,.08), inset 0 0 60px rgba(139,92,246,.04); transform: scale(1); }
  50% { box-shadow: 0 0 120px rgba(139,92,246,.14), inset 0 0 100px rgba(139,92,246,.08); transform: scale(1.03); }
}
@keyframes ringSpin {
  to { transform: rotate(360deg); }
}
@keyframes shardFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); opacity: .6; }
  50% { transform: translateY(-12px) rotate(8deg); opacity: .9; }
}
@keyframes crackFlash {
  0%, 90%, 100% { opacity: 0; }
  92% { opacity: .7; }
  94% { opacity: .2; }
  96% { opacity: .6; }
}
@keyframes sealPulse {
  0%, 100% { box-shadow: 0 0 0 8px rgba(139,92,246,.08), 0 0 40px rgba(139,92,246,.25); }
  50% { box-shadow: 0 0 0 12px rgba(139,92,246,.12), 0 0 60px rgba(139,92,246,.35); }
}

.secondary-logo-bg {
  position: fixed;
  z-index: -1;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: .015;
  filter: blur(24px) saturate(.15);
  mix-blend-mode: screen;
}
.secondary-logo-bg img {
  width: min(100vw, 1400px);
  height: auto;
  object-fit: contain;
  transform: scale(1.4);
}

.void-blocks {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .018;
  background-image:
    repeating-linear-gradient(0deg, transparent, transparent 15px, rgba(139,92,246,.04) 15px, rgba(139,92,246,.04) 16px),
    repeating-linear-gradient(90deg, transparent, transparent 15px, rgba(139,92,246,.04) 15px, rgba(139,92,246,.04) 16px);
  mask-image: radial-gradient(ellipse at center, #000, transparent 65%);
}

.portal-grid .server-card { flex: 0 0 calc((100% - 12px) / 2); scroll-snap-align: start; min-height: 480px; }
.server-card { border: none; background: rgba(13,16,23,.55); backdrop-filter: blur(4px); }
.server-card::before {
  background: linear-gradient(180deg,rgba(5,8,12,.06),rgba(5,8,12,.22) 45%,#05060A 86%),radial-gradient(circle at 50% 36%,rgba(var(--accent-rgb),.12),transparent 35%);
}
.server-card::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.04) 0%, transparent 40%, rgba(255,255,255,.02) 60%, transparent 100%);
  border-radius: inherit;
}
.server-logo { border: 1px solid rgba(139,92,246,.25); box-shadow: 0 0 0 6px rgba(139,92,246,.06), 0 0 30px rgba(139,92,246,.18); }
.server-card:hover { background: rgba(13,16,23,.7); }

.community-icon {
  width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 32px;
  border: 1px solid rgba(255,255,255,.22); border-radius: 14px; background: rgba(255,255,255,.06);
  padding: 12px;
}
.community-icon-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.rank-row .player-cell {
  position: relative;
  z-index: 2;
}
.rank-row .player-avatar {
  cursor: pointer;
  overflow: visible;
}
.avatar-popup {
  position: fixed;
  z-index: 99999;
  transform: scale(.85);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
  width: 500px;
  min-height: 220px;
  padding: 0;
  border: 1px solid rgba(139,92,246,.5);
  border-radius: 14px;
  background: #0D1017;
  box-shadow: 0 16px 64px rgba(0,0,0,.9), 0 0 60px rgba(139,92,246,.2);
  display: flex;
  gap: 0;
  overflow: hidden;
}
.avatar-popup.visible {
  opacity: 1;
  transform: scale(1);
}
.popup-avatar {
  width: 220px;
  flex: 0 0 220px;
  display: grid;
  place-items: center;
  padding: 20px;
  border-right: 1px solid rgba(139,92,246,.15);
  background: radial-gradient(circle at 50% 35%, rgba(139,92,246,.15), #0a0c12 72%);
}
.popup-avatar img {
  width: 160px;
  height: 160px;
  display: block;
  object-fit: contain;
  image-rendering: pixelated;
  border-radius: 8px;
}
.popup-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 24px 28px;
}
.popup-name {
  font-size: 24px;
  font-weight: 900;
  color: #f4f7f8;
  line-height: 1.2;
  letter-spacing: -.5px;
}
.popup-rank {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .5px;
}
.popup-server {
  font-size: 14px;
  color: #687381;
  letter-spacing: .5px;
}
.popup-region {
  font-size: 12px;
  color: #4f5866;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.avatar-popup::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 10px solid transparent;
  border-top-color: rgba(139,92,246,.35);
}
.avatar-popup[style*="--arrow-up"]::after {
  top: auto;
  bottom: 100%;
  border-top-color: transparent;
  border-bottom-color: rgba(139,92,246,.35);
}

.profile-popup {
  position: fixed;
  z-index: 9999;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity .25s ease;
}
.profile-popup.visible { opacity: 1; }
.profile-popup-close {
  position: absolute;
  top: 14px;
  right: 18px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  color: #687381;
  border: 1px solid rgba(139,92,246,.15);
  border-radius: 50%;
  background: rgba(10,8,22,.8);
  font-size: 18px;
  line-height: 1;
  display: grid;
  place-items: center;
  transition: color .2s, border-color .2s, background .2s;
}
.profile-popup-close:hover { color: #fff; border-color: rgba(139,92,246,.4); background: rgba(139,92,246,.12); }
.profile-popup-body {
  display: flex;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(185,140,255,.25);
  border-radius: 14px;
  background: rgba(10,8,22,.92);
  box-shadow: 0 20px 80px rgba(0,0,0,.8), 0 0 60px rgba(139,92,246,.12);
  max-width: 560px;
  width: 90vw;
  transform: scale(.92);
  transition: transform .3s cubic-bezier(.2,.8,.2,1);
}
.profile-popup.visible .profile-popup-body { transform: scale(1); }
.profile-popup-avatar {
  position: relative;
  width: 200px;
  flex: 0 0 200px;
  display: grid;
  place-items: center;
  padding: 24px;
  border-right: 1px solid rgba(139,92,246,.12);
  background: radial-gradient(circle at 50% 35%, rgba(139,92,246,.12), transparent 72%);
}
.profile-popup-avatar img {
  width: 100%;
  aspect-ratio: 1;
  display: block;
  object-fit: contain;
  image-rendering: pixelated;
  border-radius: 10px;
  position: relative;
  z-index: 2;
}
.profile-popup-avatar-fallback {
  position: absolute;
  z-index: 1;
  font-size: 28px;
  font-weight: 1000;
  color: rgba(255,255,255,.1);
}
.profile-popup-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 32px 30px;
}
.profile-popup-name {
  font-size: 26px;
  font-weight: 900;
  color: #f4f7f8;
  line-height: 1.15;
  letter-spacing: -.5px;
}
.profile-popup-rank {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .5px;
}
.profile-popup-detail {
  font-size: 14px;
  color: #687381;
  letter-spacing: .3px;
}
.profile-popup-region {
  font-size: 11px;
  color: #4f5866;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.profile-popup-score-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-top: 6px;
  padding-top: 14px;
  border-top: 1px solid rgba(139,92,246,.1);
}
.profile-popup-score {
  font-size: 22px;
  font-weight: 900;
  color: #f0e8c0;
  letter-spacing: -.3px;
}
.profile-popup-category {
  font-size: 9px;
  font-weight: 800;
  color: rgba(185,140,255,.4);
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

@media (max-width: 500px) {
  .profile-popup-body { flex-direction: column; max-width: 320px; }
  .profile-popup-avatar { width: 100%; flex: none; padding: 20px; border-right: 0; border-bottom: 1px solid rgba(139,92,246,.12); }
  .profile-popup-avatar img { width: 96px; }
  .profile-popup-info { padding: 24px 20px; gap: 8px; }
  .profile-popup-name { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration: .01ms!important; animation-iteration-count: 1!important; scroll-behavior: auto!important; transition-duration: .01ms!important; }
}

/* Minecraft arcane manuscript redesign */
body[data-page="home"] {
  --parchment: #d5b779;
  --ink: #2a1b16;
  --thaum-gold: #d9aa55;
  background:
    radial-gradient(ellipse at 72% 12%,rgba(91,38,132,.09),transparent 28%),
    linear-gradient(135deg,transparent 48%,rgba(124,83,143,.045) 49% 51%,transparent 52%) 0 0/64px 64px,
    linear-gradient(45deg,transparent 48%,rgba(83,57,94,.04) 49% 51%,transparent 52%) 0 0/64px 64px,
    linear-gradient(rgba(5,4,8,.72),rgba(5,4,8,.86)),
    repeating-linear-gradient(90deg,#16131a 0 63px,#211b23 63px 64px,#0c0a0f 64px 128px),
    repeating-linear-gradient(0deg,#17131b 0 16px,#100d14 16px 32px);
  background-attachment:scroll,scroll,scroll,scroll,fixed,fixed;
}
body[data-page="home"] .secondary-logo-bg { display:none; }
body[data-page="home"] .site-header {
  width:100%;
  max-width:none;
  padding-inline:18px;
  border-color:rgba(175,132,68,.26);
  background:linear-gradient(180deg,rgba(17,12,20,.97),rgba(8,7,11,.9));
  box-shadow:0 8px 0 rgba(0,0,0,.18),inset 0 -1px rgba(213,183,121,.08);
}
body[data-page="home"] .brand-mark,
body[data-page="leaderboards"] .brand-mark {
  border-radius:2px;
  border-color:#61482d;
  background:transparent;
  image-rendering:pixelated;
}
.nexus-reveal {
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding-left:max(32px,calc((100vw - 1320px) / 2));
  padding-right:max(32px,calc((100vw - 1320px) / 2));
  min-height:830px;
  grid-template-columns:minmax(420px,.82fr) 1.18fr;
  overflow:hidden;
  isolation:isolate;
  border-bottom:0;
  box-shadow:inset 0 -90px 70px -70px #050408;
}
.nexus-reveal::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(90deg,rgba(4,3,6,.97) 0%,rgba(4,3,6,.78) 28%,rgba(4,3,6,.14) 62%,rgba(4,3,6,.54) 100%),
    radial-gradient(circle at 73% 43%,rgba(145,66,255,.28),transparent 24%),
    repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.025) 31px 32px),
    repeating-linear-gradient(90deg,#16131a 0 63px,#211b23 63px 64px,#0c0a0f 64px 128px);
  mask-image:linear-gradient(180deg,#000 0,#000 88%,transparent 100%);
}
.nexus-reveal::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.28;
  background:
    linear-gradient(135deg,transparent 48%,rgba(0,0,0,.7) 49% 51%,transparent 52%) 0 0/64px 64px,
    linear-gradient(45deg,transparent 48%,rgba(116,79,48,.22) 49% 51%,transparent 52%) 0 0/64px 64px;
  mask-image:linear-gradient(90deg,transparent 25%,#000 58%,#000);
}
.nexus-content {
  padding:38px 56px 42px 42px;
  max-width:620px;
  border:0;
  border-left:2px solid rgba(108,76,41,.78);
  border-radius:2px 20px 28px 8px;
  color:var(--ink);
  background:
    radial-gradient(circle at 14% 20%,rgba(91,52,24,.14),transparent 22%),
    radial-gradient(circle at 88% 78%,rgba(91,52,24,.13),transparent 20%),
    repeating-linear-gradient(0deg,transparent 0 27px,rgba(84,54,29,.07) 27px 28px),
    linear-gradient(90deg,rgba(201,166,106,.98),rgba(225,201,143,.96) 72%,rgba(183,139,81,.58) 92%,transparent);
  box-shadow:-8px 11px 0 rgba(0,0,0,.22),inset 18px 0 30px rgba(78,42,20,.13);
  transform:rotate(-.35deg);
  clip-path:polygon(0 1%,94% 0,97% 5%,95% 11%,100% 18%,96% 27%,99% 38%,95% 49%,100% 60%,96% 70%,99% 82%,94% 91%,95% 98%,4% 100%,0 100%);
}
.nexus-content::before {
  content:"";
  position:absolute;
  inset:9px;
  pointer-events:none;
  border:1px solid rgba(67,39,22,.34);
  border-right:0;
  clip-path:polygon(0 0,95% 0,98% 8%,96% 18%,100% 28%,96% 42%,99% 58%,96% 74%,99% 88%,94% 100%,5% 100%,0 94%);
}
.research-tab {
  display:inline-block;
  margin:-58px 0 28px;
  padding:10px 17px;
  color:#d9be83;
  border:2px solid #4f3826;
  background:#211714;
  font:700 9px/1 Cinzel,serif;
  letter-spacing:1.5px;
  text-transform:uppercase;
  box-shadow:4px 4px 0 rgba(0,0,0,.35);
}
.nexus-eyebrow { color:#65431f;text-shadow:none;letter-spacing:3px; }
.nexus-title { color:#2d1d18;font-size:clamp(48px,6.2vw,88px);text-shadow:1px 1px rgba(255,239,184,.45); }
.nexus-title > span { display:inline-block;font-size:.68em;white-space:nowrap;letter-spacing:-3px; }
.nexus-title em { color:#563078;font-size:clamp(38px,5vw,70px);text-shadow:1px 1px #e4c78e; }
.nexus-subtitle { color:#4e3829;font-size:18px;line-height:1.45; }
.research-note {
  display:flex;
  flex-wrap:wrap;
  gap:7px 18px;
  margin-top:23px;
  padding:13px 0;
  color:#5a412d;
  border-block:1px dashed rgba(66,39,23,.45);
  font:600 11px/1.3 Cormorant Garamond,serif;
}
.research-note b { color:#311f19;text-transform:uppercase;letter-spacing:.6px; }
.runic-plate {
  min-height:48px;
  border:3px solid #34241d;
  border-radius:1px;
  color:#eddbac;
  background:linear-gradient(135deg,transparent 8px,#33231d 0) top left,linear-gradient(315deg,transparent 8px,#33231d 0) bottom right;
  background-size:51% 100%;
  background-repeat:no-repeat;
  box-shadow:4px 5px 0 rgba(50,29,20,.35),inset 0 0 0 1px #76532e;
  font-family:Cinzel,serif;
}
.runic-plate:hover { color:#fff0bd;filter:brightness(1.18);transform:translateY(-2px); }
.plate-rune { color:#b879ed; }
.nexus-address { color:#67482f; }
.nexus-bg { inset:0;overflow:hidden; }
.nexus-crystal {
  right:10.5%;
  top:42%;
  width:min(500px,36vw);
  opacity:1;
  z-index:5;
}
.crystal-glow { display:none!important; }
.crystal-shape {
  width:100%;
  aspect-ratio:1;
  clip-path:none;
  border:0;
  background:none;
  box-shadow:none;
  image-rendering:pixelated;
  animation:crystalRiftDrift 7s ease-in-out infinite;
}
.crystal-core { width:82%; }
.crystal-core img {
  opacity:1;
  image-rendering:auto;
  filter:brightness(1.08) contrast(1.1) drop-shadow(0 12px 8px rgba(0,0,0,.5));
  animation:crystalFracture 8s steps(1,end) infinite;
}
.crack-line {
  z-index:5;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(247,225,255,.95),rgba(158,71,231,.8),transparent);
  filter:drop-shadow(0 0 3px rgba(223,171,255,.8));
}
.c1 { width:46%;top:47%;left:49%; }
.c2 { width:43%;top:43%;left:48%; }
.c3 { width:39%;top:51%;left:50%; }
.c4 { width:44%;top:49%;left:47%; }
.c5 { width:37%;top:45%;left:51%; }
.portal-node { display:none; }
.rift-tear {
  position:absolute;
  top:8%;
  right:9%;
  width:29%;
  height:68%;
  transform:skew(-4deg);
  filter:none;
  opacity:.78;
}
.rift-tear::before {
  content:"";
  position:absolute;
  inset:0;
  clip-path:polygon(48% 0,64% 14%,57% 25%,72% 38%,58% 50%,67% 64%,51% 78%,58% 100%,41% 84%,43% 70%,29% 55%,42% 41%,33% 25%);
  background:repeating-linear-gradient(0deg,rgba(245,205,255,.9) 0 3px,transparent 3px 13px),linear-gradient(90deg,transparent,#6d17ae 34%,#e8b7ff 50%,#4c087b 68%,transparent);
}
.rift-tear i {
  position:absolute;
  width:9px;
  height:9px;
  background:#b969ff;
  box-shadow:0 0 12px #9e43ed;
  animation:shardFloat 4s steps(4) infinite;
}
.rift-tear i:nth-child(1){left:20%;top:32%}.rift-tear i:nth-child(2){right:13%;top:55%;animation-delay:-1s}.rift-tear i:nth-child(3){left:31%;bottom:8%;animation-delay:-2s}

@keyframes crystalRiftDrift {
  0%,100% { transform:scale(1) translateY(0); }
  50% { transform:scale(1.025) translateY(-7px); }
}
@keyframes crystalFracture {
  0%,89%,100% { transform:translate(0,0) rotate(0); }
  90% { transform:translate(-2px,1px) rotate(-.35deg); }
  92% { transform:translate(2px,-1px) rotate(.3deg); }
  94% { transform:translate(-1px,0) rotate(-.15deg); }
  96% { transform:translate(0,0) rotate(0); }
}

.fp4 { top:34%;right:35%;width:64px;height:46px;transform:rotate(-12deg);animation-delay:-1.4s; }
.fp5 { top:67%;right:8%;width:72px;height:50px;transform:rotate(9deg);animation-delay:-3.8s; }
.floating-books,.arcane-symbols,.rift-particles { position:absolute;inset:0;pointer-events:none; }
.floating-books { z-index:3; }
.floating-book {
  position:absolute;
  width:82px;
  height:82px;
  object-fit:contain;
  filter:drop-shadow(5px 8px 4px rgba(0,0,0,.5)) saturate(.82) brightness(.86);
  animation:bookLevitate 8s ease-in-out infinite;
}
.book-one { right:37%;top:18%;transform:rotate(-9deg); }
.book-two { right:3%;top:27%;transform:rotate(12deg);animation-delay:-2.6s; }
.book-three { right:31%;bottom:10%;transform:rotate(5deg) scale(.86);animation-delay:-5.2s; }
@keyframes bookLevitate {
  0%,100% { translate:0 0; }
  50% { translate:0 -16px; }
}
.arcane-symbols { z-index:2; }
.arcane-symbols span {
  position:absolute;
  color:rgba(184,105,240,.42);
  font:400 24px/1 Cinzel,serif;
  text-shadow:0 0 7px rgba(146,58,213,.45);
  animation:glyphDrift 10s ease-in-out infinite;
}
.arcane-symbols span:nth-child(1){right:42%;top:14%}
.arcane-symbols span:nth-child(2){right:4%;top:48%;animation-delay:-2s}
.arcane-symbols span:nth-child(3){right:37%;top:59%;animation-delay:-4s}
.arcane-symbols span:nth-child(4){right:15%;bottom:7%;animation-delay:-6s}
.arcane-symbols span:nth-child(5){left:43%;top:26%;animation-delay:-8s}
.arcane-symbols span:nth-child(6){left:48%;bottom:12%;animation-delay:-3s}
@keyframes glyphDrift {
  0%,100% { opacity:.18;transform:translateY(0) rotate(-5deg) scale(.9); }
  50% { opacity:.6;transform:translateY(-13px) rotate(7deg) scale(1.08); }
}
.rift-particles { z-index:4; }
.rift-particles i {
  position:absolute;
  width:5px;
  height:5px;
  background:#bc6bff;
  box-shadow:0 0 7px rgba(177,82,255,.75);
  animation:particleAscend 7s linear infinite;
}
.rift-particles i:nth-child(1){right:28%;bottom:4%}.rift-particles i:nth-child(2){right:21%;bottom:11%;animation-delay:-1s}
.rift-particles i:nth-child(3){right:14%;bottom:19%;animation-delay:-2s}.rift-particles i:nth-child(4){right:34%;bottom:25%;animation-delay:-3s}
.rift-particles i:nth-child(5){right:7%;bottom:31%;animation-delay:-4s}.rift-particles i:nth-child(6){right:24%;bottom:38%;animation-delay:-5s}
.rift-particles i:nth-child(7){right:39%;bottom:46%;animation-delay:-6s}.rift-particles i:nth-child(8){right:17%;bottom:54%;animation-delay:-2.5s}
.rift-particles i:nth-child(9){right:31%;bottom:62%;animation-delay:-4.5s}.rift-particles i:nth-child(10){right:10%;bottom:69%;animation-delay:-1.7s}
.rift-particles i:nth-child(11){right:44%;bottom:8%;animation-delay:-5.5s}.rift-particles i:nth-child(12){right:3%;bottom:5%;animation-delay:-3.7s}
@keyframes particleAscend {
  0% { opacity:0;transform:translate(0,20px) scale(.5); }
  18% { opacity:.8; }
  75% { opacity:.35; }
  100% { opacity:0;transform:translate(-24px,-170px) scale(1.25); }
}
.observatory-rings {
  position:absolute;
  right:5%;
  top:7%;
  width:40%;
  aspect-ratio:1;
  opacity:.42;
  transform:rotate(-12deg);
}
.observatory-rings i { position:absolute;inset:10%;border:6px solid #79613c;border-radius:50%;box-shadow:inset 0 0 0 3px #241a15; }
.observatory-rings i:nth-child(2){inset:22%;transform:rotateX(68deg);border-color:#ac8950}
.observatory-rings i:nth-child(3){inset:35%;transform:rotateY(67deg);border-color:#7050a5}
.infusion-altar { position:absolute;right:4%;bottom:3%;width:48%;height:34%; }
.altar-core,.altar-pedestal {
  position:absolute;
  bottom:13%;
  width:62px;
  height:68px;
  border:4px solid #18131a;
  background:linear-gradient(90deg,#29232d 0 16%,#49394f 16% 82%,#211b25 82%);
  box-shadow:0 12px 0 #100d13,inset 0 5px #756379;
}
.altar-core { left:50%;bottom:20%;width:92px;height:92px;transform:translateX(-50%);background:linear-gradient(90deg,#241b2a 0 14%,#69467d 14% 86%,#211725 86%); }
.ap1{left:8%;transform:scale(.72)}.ap2{left:27%;transform:scale(.82)}.ap3{right:27%;transform:scale(.82)}.ap4{right:8%;transform:scale(.72)}
.altar-beam { position:absolute;bottom:46%;height:3px;background:linear-gradient(90deg,transparent,#c47dff,#f5dcff,transparent);transform-origin:right;filter:drop-shadow(0 0 6px #a749ff);animation:portalBreathe 2.4s steps(4) infinite; }
.ab1{left:14%;width:38%;transform:rotate(9deg)}.ab2{left:29%;width:24%;transform:rotate(3deg)}.ab3{right:29%;width:24%;transform:rotate(-3deg)}.ab4{right:14%;width:38%;transform:rotate(-9deg)}
.arcane-pages .fpage {
  border:1px solid #614728;
  border-radius:1px;
  background:linear-gradient(105deg,#9e7441,#d2ae70 18% 82%,#8b6238);
  box-shadow:4px 6px 0 rgba(0,0,0,.25),inset 0 0 10px rgba(73,38,19,.2);
  clip-path:polygon(2% 3%,94% 0,100% 10%,97% 25%,100% 42%,96% 61%,100% 80%,93% 100%,7% 97%,0 88%,3% 70%,0 51%,4% 31%,0 14%);
  image-rendering:pixelated;
}
.arcane-pages .fline { background:rgba(70,39,25,.43);height:2px; }
.worlds-section,.community-split,.legend-section,.legacy-banner { position:relative; }
.worlds-section {
  margin-top:-105px;
  padding-top:170px;
}
.worlds-section::after {
  content:"";
  position:absolute;
  z-index:-2;
  left:calc(50% - 50vw);
  right:calc(50% - 50vw);
  top:-150px;
  height:330px;
  background:
    radial-gradient(ellipse at 73% 0,rgba(102,39,146,.15),transparent 38%),
    linear-gradient(135deg,transparent 48%,rgba(124,83,143,.055) 49% 51%,transparent 52%) 0 0/64px 64px,
    linear-gradient(45deg,transparent 48%,rgba(83,57,94,.05) 49% 51%,transparent 52%) 0 0/64px 64px,
    linear-gradient(180deg,transparent 0,rgba(5,4,8,.14) 28%,rgba(5,4,8,.76) 66%,#050408 100%);
  pointer-events:none;
}
.worlds-section::before,.legend-section::before {
  content:"";
  position:absolute;
  inset:15px -28px;
  z-index:-1;
  border:1px solid rgba(166,120,61,.2);
  background:
    repeating-linear-gradient(0deg,transparent 0 31px,rgba(130,91,48,.035) 31px 32px),
    linear-gradient(180deg,rgba(18,13,18,0),rgba(18,13,18,.08) 28%,rgba(18,13,18,.76) 62%);
}
.worlds-section::before { border-top:0; }
.legend-section:not(.full-leaderboard) {
  margin-bottom:80px;
}
.legend-section:not(.full-leaderboard) + .legacy-banner {
  margin-top:0;
}
.section-heading h2 { font-family:Cinzel,serif;color:#dec896; }
.section-note { margin:8px 0 0;color:#817568;font:italic 15px Cormorant Garamond,serif; }
.portal-card { border-radius:1px;border-width:2px;box-shadow:7px 8px 0 rgba(0,0,0,.28); }
.portal-card::before { box-shadow:inset 0 0 0 5px rgba(20,15,19,.65),inset 0 0 0 6px rgba(196,151,82,.18); }
.portal-seal { border-radius:3px;transform:translate(-50%,-50%) rotate(45deg); }
.portal-seal img,.portal-sigil { border-radius:2px;transform:rotate(-45deg);image-rendering:pixelated; }
.legend-heading { min-height:110px;flex-direction:row;justify-content:flex-end;align-items:center;background:none!important; }
.legend-title-lockup {
  position:absolute;
  left:50%;
  top:50%;
  display:flex;
  align-items:center;
  gap:22px;
  width:max-content;
  max-width:calc(100% - 340px);
  text-align:center;
  transform:translate(-50%,-50%);
}
.legend-heading .quiet-link { position:relative;z-index:2; }
.legend-title-lockup h2 { margin:3px 0 4px;font:700 clamp(32px,5vw,58px)/1 Cinzel,serif;color:#dec489;text-shadow:2px 2px #382118; }
.legend-title-lockup p:last-child { margin:0;color:#857869;font:italic 15px Cormorant Garamond,serif; }
.legend-rune { color:#9e65d8;font-size:34px;text-shadow:0 0 16px #7d35bc; }
.legend-section .rank-shell { border-radius:2px;background:linear-gradient(90deg,rgba(38,25,20,.94),rgba(18,13,22,.96));box-shadow:7px 8px 0 rgba(0,0,0,.3),inset 0 0 0 4px rgba(124,84,43,.12); }
.legend-section .rank-filter { border-radius:1px;font-family:Cinzel,serif; }
.rank-row .player-avatar { border-radius:1px;image-rendering:pixelated; }
.leaderboard-hero {
  position:relative;
  padding-left:42px;
  border:2px solid #60452b;
  background:linear-gradient(100deg,rgba(180,142,80,.14),transparent 68%);
  box-shadow:inset 7px 0 #231814;
}
@media (max-width:900px) {
  body[data-page="home"] .site-header { padding-inline:20px; }
  .nexus-reveal {
    grid-template-columns:1fr;
    min-height:780px;
    padding-top:90px;
    padding-left:20px;
    padding-right:20px;
  }
  .nexus-content { width:min(620px,calc(100% - 24px));margin-inline:12px;padding:32px 42px 32px 26px; }
  .nexus-bg { opacity:.55; }
  .rift-tear { right:-8%;width:65%; }
  .infusion-altar { right:-7%;width:72%;opacity:.65; }
  .observatory-rings { right:-12%;width:70%; }
  .nexus-crystal { right:-2%;top:43%;width:58vw; }
  .floating-book,.fp4,.fp5 { opacity:.55; }
  .legend-heading { min-height:150px;align-items:flex-end;justify-content:center;gap:22px;padding-bottom:12px; }
  .legend-title-lockup { top:38%;max-width:100%;text-align:center; }
  .legend-heading .quiet-link { align-self:center; }
  .legend-rune { display:none; }
  .legend-section:not(.full-leaderboard) { margin-bottom:64px; }
}
@media (max-width:600px) {
  body[data-page="home"] .site-header { width:100%;padding-inline:10px; }
  .nexus-reveal {
    min-height:720px;
    padding-top:72px;
    padding-left:0;
    padding-right:0;
  }
  .nexus-content {
    width:calc(100% - 20px);
    max-width:none;
    min-width:0;
    transform:none;
    margin:0 10px;
    padding:29px 28px 29px 20px;
    clip-path:polygon(0 1%,94% 0,98% 5%,96% 15%,100% 25%,96% 38%,99% 52%,96% 67%,100% 81%,95% 94%,92% 99%,4% 100%,0 100%);
  }
  .research-tab { margin-top:-49px; }
  .nexus-title { font-size:clamp(33px,9.8vw,38px);letter-spacing:-2px;overflow-wrap:normal;word-break:normal; }
  .nexus-title > span { font-size:.82em;letter-spacing:-1.5px; }
  .nexus-title em { font-size:clamp(25px,7.5vw,29px);letter-spacing:-.5px;white-space:normal; }
  .nexus-subtitle { font-size:16px; }
  .research-note { display:grid; }
  .nexus-actions { display:grid; }
  .runic-plate { width:100%; }
  .legend-title-lockup h2 { font-size:34px; }
  .legend-section:not(.full-leaderboard) { margin-bottom:48px; }
  .nexus-crystal { right:-15%;top:39%;width:82vw;opacity:.48; }
  .floating-books,.arcane-symbols { opacity:.45; }
  .worlds-section { margin-top:-70px;padding-top:125px; }
}

/* Shared full-width network header */
.site-header {
  width:100%;
  max-width:none;
  padding-inline:18px;
}
.site-header .site-nav { margin-left:auto; }
.site-header .network-state,
.site-header .header-status-group { margin-left:10px; }
.discord-widget {
  width:250px;
  max-width:100%;
  height:300px;
  margin:0;
  border:1px solid rgba(139,92,246,.2);
  background:#090a10;
}
.discord-widget-fallback {
  display:flex;
  align-items:stretch;
  height:300px;
  padding:18px;
  border-color:rgba(115,138,255,.35);
  background:
    radial-gradient(circle at top right,rgba(115,138,255,.24),transparent 42%),
    linear-gradient(180deg,rgba(15,20,34,.98),rgba(8,11,18,.98));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
.discord-widget-shell {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  width:100%;
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(7,10,16,.72);
}
.discord-widget-status {
  margin:0 0 12px;
  color:#9aa8ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.8px;
  text-transform:uppercase;
}
.discord-widget-shell h3 {
  margin:0 0 12px;
  color:#eef3ff;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-1px;
}
.discord-widget-shell p {
  margin:0;
  color:#aab5c7;
  font-size:11px;
  line-height:1.7;
}
.discord-widget-points {
  margin:18px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.discord-widget-points li {
  position:relative;
  padding-left:18px;
  color:#d7deea;
  font-size:10px;
  font-weight:700;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.discord-widget-points li::before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#738aff;
  box-shadow:0 0 12px rgba(115,138,255,.65);
  transform:translateY(-50%);
}
.discord-card {
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  grid-template-rows:auto auto auto 1fr auto;
  column-gap:28px;
  align-items:start;
}
.discord-card .discord-widget {
  grid-column:1;
  grid-row:1 / 6;
  align-self:center;
}
.discord-card > :not(.discord-widget) { grid-column:2; }
.discord-card .community-icon { grid-row:1; }
.discord-card .eyebrow { grid-row:2; }
.discord-card h2 { grid-row:3; }
.discord-card p:not(.eyebrow) { grid-row:4; }
.discord-card .bordered-link { grid-row:5; }

/* Hall of Legends */
body[data-page="leaderboards"] {
  background:
    radial-gradient(circle at 78% 12%,rgba(105,44,159,.18),transparent 28%),
    linear-gradient(135deg,transparent 48%,rgba(133,89,153,.04) 49% 51%,transparent 52%) 0 0/64px 64px,
    linear-gradient(#08060d,#050408);
}
.leaderboard-hero {
  min-height:520px;
  display:grid;
  grid-template-columns:1fr .8fr;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(151,105,61,.35);
  background:
    radial-gradient(circle at 75% 50%,rgba(139,56,214,.16),transparent 33%),
    repeating-linear-gradient(0deg,transparent 0 31px,rgba(168,123,67,.04) 31px 32px),
    linear-gradient(105deg,rgba(52,31,24,.7),rgba(11,8,17,.35));
}
.leaderboard-hero-copy { position:relative;z-index:2; }
.leaderboard-hero-copy > p:last-of-type { max-width:620px;color:#9a8f82;font:italic 18px/1.55 Cormorant Garamond,serif; }
.ledger-wardrobe-link {
  display:inline-flex;
  gap:20px;
  margin-top:25px;
  padding:13px 18px;
  color:#dec58d;
  border:1px solid rgba(203,159,84,.32);
  background:rgba(29,19,23,.72);
  font:600 10px Cinzel,serif;
  letter-spacing:1.2px;
  text-decoration:none;
  text-transform:uppercase;
}
.ledger-orbit { position:relative;width:min(390px,34vw);aspect-ratio:1;justify-self:center; }
.ledger-ring { position:absolute;inset:8%;border:3px solid rgba(191,144,76,.38);border-radius:50%;box-shadow:inset 0 0 35px rgba(139,60,203,.08);animation:ringSpin 28s linear infinite; }
.ledger-ring::before,.ledger-ring::after { content:"";position:absolute;width:16px;height:16px;background:#a65ee4;box-shadow:0 0 15px #8d3bc8;transform:rotate(45deg); }
.ledger-ring::before { left:3%;top:28%; }.ledger-ring::after { right:5%;bottom:22%; }
.ledger-ring.lr2 { inset:24%;border-style:dashed;animation-direction:reverse;animation-duration:19s; }
.ledger-crystal { position:absolute;inset:36%;display:grid;place-items:center;color:#e8c1ff;border:2px solid #77518e;transform:rotate(45deg);background:#24132f;box-shadow:0 0 45px rgba(168,72,228,.42);font-size:34px; }
.ledger-crystal::first-letter { transform:rotate(-45deg); }
.ledger-orbit i { position:absolute;color:#c7a265;font:700 25px Cinzel,serif; }
.ledger-orbit i:nth-of-type(1){left:2%;bottom:18%}.ledger-orbit i:nth-of-type(2){right:0;top:30%}.ledger-orbit i:nth-of-type(3){left:47%;top:0}
.full-leaderboard { padding-top:40px; }
.full-leaderboard .rank-toolbar { padding:16px;border:1px solid rgba(177,128,72,.18);background:rgba(15,10,17,.7); }

/* Arcane Wardrobe */
body[data-page="wardrobe"] {
  background:
    linear-gradient(90deg,rgba(36,19,16,.9),rgba(10,9,13,.78) 26% 74%,rgba(33,20,16,.92)),
    repeating-linear-gradient(0deg,#0d0b0d 0 31px,#15100d 32px 33px,#0a090b 34px 68px);
}
.wardrobe-main { width:min(1540px,calc(100% - 48px)); }
.wardrobe-intro { max-width:980px;margin:0 auto;padding:62px 0 28px;text-align:center; }
.wardrobe-intro h1 { margin:0;color:#e1ca96;font:700 clamp(42px,6vw,76px)/1 Cinzel,serif;text-shadow:0 3px #2f1c20; }
.wardrobe-intro > p:last-child { color:#978a80;font:italic 18px Cormorant Garamond,serif; }
.wardrobe-chamber {
  position:relative;
  min-height:720px;
  display:grid;
  grid-template-columns:280px minmax(420px,1fr) 350px;
  overflow:hidden;
  border:1px solid rgba(167,109,61,.42);
  background:linear-gradient(90deg,rgba(34,20,16,.98),rgba(10,8,10,.58) 24% 76%,rgba(34,20,16,.98));
  box-shadow:0 25px 80px rgba(0,0,0,.45),inset 0 0 0 5px rgba(117,72,38,.1);
}
.wardrobe-chamber::before {
  content:"";
  position:absolute;
  z-index:1;
  inset:16px;
  pointer-events:none;
  border:1px solid rgba(191,145,78,.16);
  background:
    linear-gradient(90deg,rgba(202,159,94,.08),transparent 12% 88%,rgba(202,159,94,.08)),
    repeating-linear-gradient(0deg,transparent 0 17px,rgba(194,139,73,.05) 18px 19px);
  clip-path:polygon(0 2%,3% 0,7% 1%,11% 0,16% 2%,22% 0,28% 1%,34% 0,40% 2%,48% 0,56% 1%,64% 0,72% 2%,81% 0,90% 1%,100% 0,98% 8%,100% 17%,98% 27%,100% 36%,98% 45%,100% 57%,98% 68%,100% 78%,98% 88%,100% 100%,91% 98%,82% 100%,73% 98%,63% 100%,54% 98%,46% 100%,38% 98%,29% 100%,20% 98%,11% 100%,0 98%,2% 88%,0 78%,2% 67%,0 56%,2% 45%,0 34%,2% 24%,0 13%);
  opacity:.42;
}
.wardrobe-chamber::after {
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  bottom:44px;
  width:min(560px,48vw);
  aspect-ratio:1;
  pointer-events:none;
  border:1px solid rgba(169,117,208,.24);
  border-radius:50%;
  transform:translateX(-50%) perspective(620px) rotateX(66deg);
  box-shadow:0 0 0 26px rgba(169,117,208,.035),0 0 0 58px rgba(198,145,75,.025),inset 0 0 36px rgba(169,117,208,.12);
}
.wardrobe-catalog,.wardrobe-inspector { position:relative;z-index:8;padding:28px 22px;background:linear-gradient(180deg,rgba(35,22,17,.92),rgba(15,10,12,.86)); }
.wardrobe-catalog { border-right:1px solid rgba(174,126,69,.28);box-shadow:inset -10px 0 18px rgba(0,0,0,.22); }
.wardrobe-inspector { border-left:1px solid rgba(174,126,69,.24);box-shadow:inset 10px 0 18px rgba(0,0,0,.2); }
.wardrobe-label { margin:0 0 18px;color:#d0a15f;font:700 10px Cinzel,serif;letter-spacing:2px;text-transform:uppercase; }
.wardrobe-tabs { display:grid;gap:6px;padding:10px;border:1px solid rgba(150,102,58,.24);background:linear-gradient(180deg,rgba(82,51,29,.22),rgba(18,12,11,.5)); }
.wardrobe-tabs button {
  position:relative;
  display:flex;align-items:center;min-height:42px;padding:12px 12px 12px 18px;color:#b8a17f;border:1px solid transparent;background:linear-gradient(90deg,rgba(77,48,29,.28),rgba(20,13,12,.1));
  font:600 11px Cinzel,serif;letter-spacing:.8px;text-align:left;cursor:pointer;
}
.wardrobe-tabs button::before { content:"";position:absolute;left:7px;top:11px;bottom:11px;width:2px;background:rgba(184,123,61,.38); }
.wardrobe-tabs button:hover,.wardrobe-tabs button.active { color:#f0d9a8;border-color:rgba(195,144,75,.38);background:linear-gradient(90deg,rgba(116,72,35,.46),rgba(29,18,15,.08)); }
.wardrobe-tabs button.active::before { background:#e0ae67;box-shadow:0 0 12px rgba(224,174,103,.6); }
.wardrobe-public-note { position:absolute;left:22px;right:22px;bottom:25px;padding:17px;border:1px solid rgba(150,102,58,.28);background:linear-gradient(180deg,#20130f,#120d11); }
.wardrobe-public-note span,.wardrobe-public-note strong { display:block; }.wardrobe-public-note span { color:#c18d55;font:700 8px Cinzel,serif;letter-spacing:1.5px; }.wardrobe-public-note strong { margin:7px 0;color:#e2cd9d;font:700 16px Cinzel,serif; }.wardrobe-public-note p { margin:0;color:#887770;font-size:10px;line-height:1.55; }
.avatar-sanctum { position:relative;min-height:720px;display:grid;place-items:center;overflow:hidden;perspective:900px;background:
  radial-gradient(circle at 50% 40%,rgba(143,82,196,.18),transparent 28%),
  radial-gradient(circle at 50% 55%,rgba(54,30,68,.42),transparent 48%),
  linear-gradient(180deg,rgba(8,6,10,.12),rgba(15,10,18,.55));
}
.avatar-sanctum::before { content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,transparent 0 18%,rgba(191,145,78,.05) 18.5% 19%,transparent 19.5% 36%,rgba(141,98,188,.08) 36.5% 37.5%,transparent 38% 62%,rgba(191,145,78,.05) 62.5% 63.5%,transparent 64% 100%),
  radial-gradient(circle at 50% 56%,rgba(135,58,192,.18),transparent 31%),
  linear-gradient(90deg,transparent 49.8%,rgba(177,104,225,.08) 50%,transparent 50.2%);
  mix-blend-mode:screen;
}
.sanctum-rings { position:absolute;top:10%;width:min(520px,80%);aspect-ratio:1;opacity:.52; }
.sanctum-rings i { position:absolute;inset:4%;border:2px solid rgba(170,125,69,.36);border-radius:50%;animation:ringSpin 35s linear infinite; }
.sanctum-rings i:nth-child(2){inset:18%;border-style:dashed;animation-direction:reverse}.sanctum-rings i:nth-child(3){inset:31%;border-color:rgba(151,73,203,.42);animation-duration:18s}
.avatar-stage { position:absolute;z-index:3;top:6%;bottom:20%;left:10%;right:10%;display:grid;place-items:center;transform-style:preserve-3d;pointer-events:none; }
.avatar-stage::before { content:"";position:absolute;inset:8% 12% 10%;border-radius:50%;background:radial-gradient(circle,rgba(151,86,200,.32),transparent 64%);filter:blur(8px);opacity:.85;pointer-events:none; }
.avatar-stage::after { content:"";position:absolute;left:18%;right:18%;bottom:6%;height:18px;background:radial-gradient(circle,rgba(208,144,73,.34),transparent 72%);filter:blur(8px);pointer-events:none; }
.avatar-stage img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 12px rgba(0,0,0,.55));transition:opacity .3s,filter .3s;pointer-events:none; }
.avatar-stage img.materializing { opacity:.32;filter:brightness(1.8) saturate(1.5) drop-shadow(0 0 28px #a446df); }
.ritual-pedestal { position:absolute;z-index:2;bottom:10%;width:55%;height:70px;border:4px solid #18121a;background:linear-gradient(90deg,#171219,#5c3b69 20% 80%,#171219);box-shadow:0 18px 0 #08070a,0 0 45px rgba(150,70,205,.3);transform:perspective(400px) rotateX(55deg); }
.ritual-pedestal span { position:absolute;inset:-22px;border:2px solid rgba(192,116,240,.45);border-radius:50%;box-shadow:0 0 18px rgba(154,70,208,.35);animation:portalBreathe 3s ease-in-out infinite; }
.equipment-slot { position:absolute;z-index:9;width:58px;height:58px;display:grid;place-items:center;color:#d6b379;border:2px solid #60452c;background:#171018;box-shadow:0 0 22px rgba(133,57,185,.18);transform:rotate(45deg);font-size:22px;cursor:pointer;transition:border-color .25s,background .25s,box-shadow .25s; }
.slot-head{left:10%;top:22%}.slot-back{right:10%;top:35%}.slot-wing{left:12%;bottom:24%}
.equipment-slot span { transform:rotate(-45deg);font-size:20px;font-weight:700;color:#8f7483;transition:color .25s,transform .4s cubic-bezier(.2,.8,.2,1);pointer-events:none; }
.equipment-slot:hover { border-color:#a67ac4;background:#211628;box-shadow:0 0 30px rgba(166,122,196,.3); }
.equipment-slot:hover span { color:#dbb8f7;transform:rotate(-45deg) scale(1.25); }
.equipment-slot.set span { color:#e8c87a; }
.equipment-slot.set:hover span { color:#f0dca7;transform:rotate(-45deg) scale(1.25); }
.materialize-particles { position:absolute;inset:0;z-index:7;pointer-events:none; }
.materialize-particles span {
  position:absolute;
  left:var(--x);
  top:var(--y);
  display:grid;
  place-items:center;
  width:var(--size);
  height:var(--size);
  color:#ddb9ff;
  text-shadow:0 0 12px rgba(174,117,255,.8);
  font-size:calc(var(--size) * .72);
  opacity:0;
  transform:translate3d(0,0,0) scale(.6) rotate(-12deg);
  animation:wardrobeSpark var(--duration) ease-out var(--delay) forwards;
}
@keyframes wardrobeSpark {
  0% { opacity:0; transform:translate3d(0,12px,0) scale(.35) rotate(-24deg); }
  22% { opacity:1; }
  100% { opacity:0; transform:translate3d(var(--drift),-74px,0) scale(1.15) rotate(24deg); }
}
.avatar-rotation-control {
  position:absolute;
  z-index:4;
  left:50%;
  bottom:10%;
  width:min(360px,calc(100% - 110px));
  display:grid;
  gap:9px;
  padding:14px 16px 12px;
  border:1px solid rgba(180,128,74,.28);
  background:linear-gradient(180deg,rgba(18,12,20,.92),rgba(12,8,16,.82));
  box-shadow:0 16px 28px rgba(0,0,0,.28);
  transform:translateX(-50%);
}
.rotation-label { color:#e1ca96;font:700 10px Cinzel,serif;letter-spacing:1.8px;text-align:center;text-transform:uppercase; }
.rotation-slider {
  width:100%;
  margin:0;
  accent-color:#b76cff;
  cursor:pointer;
}
.rotation-scale {
  display:flex;
  justify-content:space-between;
  color:#947e99;
  font:700 8px Cinzel,serif;
  letter-spacing:1.3px;
  text-transform:uppercase;
}
.avatar-identity { position:absolute;z-index:4;bottom:2%;display:grid;text-align:center; }.avatar-identity b { color:#e5ce9a;font:700 23px Cinzel,serif; }.avatar-identity small { color:#9672aa;font:700 8px Cinzel,serif;letter-spacing:2px;text-transform:uppercase; }
.wardrobe-options { max-height:430px;display:grid;gap:7px;overflow:auto;padding-right:4px; }
.wardrobe-option { display:grid;grid-template-columns:24px 1fr;gap:9px;padding:11px;color:#9e8b78;border:1px solid rgba(199,145,79,.08);background:rgba(70,43,27,.1);text-align:left;cursor:pointer; }
.wardrobe-option:hover,.wardrobe-option.selected { border-color:rgba(204,146,75,.42);background:rgba(94,59,31,.22); }
.option-gem { color:#d19a5e;font-size:13px; }.wardrobe-option strong,.wardrobe-option small { display:block; }.wardrobe-option strong { color:#dcc69c;font:600 11px Cinzel,serif; }.wardrobe-option small { margin-top:5px;color:#83736a;font-size:9px;line-height:1.4; }
.inspector-divider { height:1px;margin:18px 0;background:linear-gradient(90deg,transparent,#694473,transparent); }
.wardrobe-controls { display:grid;gap:10px; }
.wardrobe-control-group { display:grid;gap:8px;padding:12px 12px 13px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018); }
.wardrobe-control-title { margin:0;color:#c89455;font:700 8px Cinzel,serif;letter-spacing:2px;text-transform:uppercase; }
.rune-toggle { display:flex;align-items:center;gap:10px;color:#b0a095;font:600 10px Cinzel,serif;cursor:pointer; }.rune-toggle input { position:absolute;opacity:0; }.rune-toggle span { width:32px;height:18px;border:1px solid #73502f;background:#160f0d; }.rune-toggle span::after { content:"";display:block;width:12px;height:12px;margin:2px;background:#5e4c3f;transition:.2s; }.rune-toggle input:checked + span::after { transform:translateX(14px);background:#dda35d;box-shadow:0 0 9px rgba(221,163,93,.6); }.rune-toggle input:disabled + span { opacity:.35; }
.model-select { display:grid;gap:6px;color:#a59aa4;font:600 9px Cinzel,serif;text-transform:uppercase; }.model-select select { padding:9px;color:#d9cba9;border:1px solid #4e3855;background:#100c13; }
.wardrobe-save { width:100%;margin-top:19px;padding:14px;color:#f0dca7;border:2px solid #68482c;background:#2b1a20;font:700 10px Cinzel,serif;letter-spacing:1px;cursor:pointer; }.wardrobe-save:hover { filter:brightness(1.2); }.wardrobe-save:disabled { opacity:.55; }
.wardrobe-status { min-height:28px;color:#a97bc5;font:italic 13px Cormorant Garamond,serif; }

@media (max-width:1050px) {
  .discord-card { grid-template-columns:300px minmax(0,1fr); }
  .discord-widget { width:300px; }
  .wardrobe-chamber { grid-template-columns:220px 1fr; }
  .wardrobe-inspector { grid-column:1/-1;border-left:0;border-top:1px solid rgba(174,126,69,.2); }
  .wardrobe-options { max-height:260px;grid-template-columns:repeat(2,1fr); }
  .wardrobe-control-group { padding:10px; }
}
@media (max-width:700px) {
  .site-header { padding-inline:10px; }
  .wardrobe-main { width:calc(100% - 20px); }
  .wardrobe-chamber { display:block; }
  .wardrobe-catalog { border-right:0;border-bottom:1px solid rgba(174,126,69,.2); }
  .wardrobe-public-note { position:static;margin-top:18px; }
  .avatar-sanctum { min-height:570px; }
  .avatar-stage { top:9%;bottom:26%;left:12%;right:12%; }
  .avatar-rotation-control { width:min(320px,calc(100% - 48px));bottom:11%; }
  .wardrobe-options { grid-template-columns:1fr; }
  .wardrobe-control-group { padding:10px; }
  .leaderboard-hero { grid-template-columns:1fr;min-height:560px; }
  .ledger-orbit { position:absolute;right:-18%;width:70vw;opacity:.35; }
  .discord-card { display:flex; }
  .discord-card .discord-widget { width:100%;order:4;margin:10px 0 18px; }
}

.identity-panel {
  margin-top: 28px;
  padding: 18px;
  border: 1px solid rgba(191,144,76,.22);
  background: rgba(19,12,23,.78);
}
.identity-panel-label {
  margin: 0 0 10px;
  color: #bf9a59;
  font-size: 10px;
  letter-spacing: 1.6px;
}
.identity-panel strong {
  display: block;
  margin-bottom: 10px;
  font: 700 22px Cinzel, serif;
  color: #f1e4c5;
}
.identity-panel p {
  margin: 0;
  color: #a99db1;
}
.identity-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.identity-form input {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(8,11,16,.9);
  color: #f5f7fb;
}
.identity-status {
  margin-top: 12px !important;
  min-height: 20px;
  color: #d5c087 !important;
}
.wardrobe-intro-copy {
  max-width: 700px;
  color: #9f96a1;
}
.wardrobe-connect-link {
  display: inline-flex;
  margin-top: 14px;
}
.wardrobe-connect-link[hidden] {
  display: none;
}
.ledger-wardrobe-link {
  appearance: none;
  cursor: pointer;
}
.wardrobe-gate {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 22px;
  margin: 0 auto 26px;
  padding: 24px 28px;
  border: 1px solid rgba(179,132,72,.28);
  background:
    radial-gradient(circle at 78% 35%,rgba(122,62,170,.18),transparent 28%),
    linear-gradient(135deg,rgba(31,20,18,.92),rgba(9,7,13,.94));
  box-shadow: 0 18px 50px rgba(0,0,0,.26);
}
.wardrobe-gate h2 {
  margin: 0 0 8px;
  color: #e4ce9c;
  font: 700 clamp(24px,3vw,38px)/1.05 Cinzel,serif;
}
.wardrobe-gate p:last-child {
  margin: 0;
  color: #ab9d95;
  font: italic 17px/1.5 Cormorant Garamond,serif;
}
.wardrobe-load-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 260px;
  min-height: 58px;
  padding: 0 24px;
  color: #f1dfb0;
  border: 1px solid rgba(198,145,75,.42);
  background:
    linear-gradient(135deg,rgba(84,46,34,.96),rgba(35,22,31,.98)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 14px,transparent 14px 28px);
  box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset,0 16px 30px rgba(0,0,0,.35);
  font: 700 11px Cinzel,serif;
  letter-spacing: 1.6px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.wardrobe-load-button:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset,0 20px 36px rgba(76,26,102,.35);
}
.wardrobe-load-button[disabled],
.wardrobe-load-button.is-loading {
  opacity: .6;
  cursor: wait;
}
.wardrobe-chamber-sealed {
  filter: saturate(.82);
}
.wardrobe-catalog-sealed,
.wardrobe-inspector-sealed {
  background: rgba(11,9,12,.84);
}
.wardrobe-tabs-sealed {
  pointer-events: none;
}
.wardrobe-tab-shell {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px;
  color: #918285;
  border: 1px solid rgba(255,255,255,.05);
  background: linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.01));
  font: 600 10px Cinzel,serif;
  letter-spacing: 1px;
  filter: grayscale(.55);
}
.wardrobe-tab-shell span {
  color: #b65de4;
  font-size: 17px;
}
.avatar-sanctum-sealed::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,rgba(6,6,8,.1),rgba(7,7,9,.42)),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.05),rgba(0,0,0,.36) 65%);
  mix-blend-mode: saturation;
  pointer-events: none;
}
.avatar-stage-sealed img {
  opacity: .72;
  filter: grayscale(.45) brightness(.78) drop-shadow(0 18px 12px rgba(0,0,0,.6));
}
.wardrobe-sealed-overlay {
  position: absolute;
  inset: 0;
  z-index: 7;
  display: grid;
  place-items: center;
  padding: 30px;
  background: rgba(10,10,12,.28);
}
.wardrobe-sealed-card {
  width: min(480px,100%);
  padding: 26px 24px;
  border: 1px solid rgba(155,32,32,.42);
  background:
    radial-gradient(circle at top,rgba(124,20,20,.14),transparent 42%),
    linear-gradient(180deg,rgba(24,13,16,.94),rgba(16,13,18,.96));
  box-shadow: 0 22px 48px rgba(0,0,0,.42);
  text-align: center;
}
.wardrobe-sealed-card h3 {
  margin: 0 0 10px;
  color: #e0d3c8;
  font: 700 clamp(24px,3vw,36px)/1.08 Cinzel,serif;
}
.wardrobe-sealed-card p:last-of-type {
  margin: 0;
  color: #b9a7aa;
  font-size: 12px;
  line-height: 1.75;
}
.wardrobe-seal-lock {
  position: absolute;
  top: 76px;
  right: 86px;
  z-index: 8;
  width: 96px;
  height: 96px;
  display: grid;
  place-items: center;
  color: #ffd2d2;
  border: 3px solid rgba(184,32,32,.75);
  border-radius: 18px;
  background: linear-gradient(180deg,rgba(52,14,18,.96),rgba(26,10,12,.98));
  box-shadow: 0 0 0 7px rgba(68,13,18,.25),0 0 38px rgba(170,18,28,.25);
}
.wardrobe-seal-lock::before {
  content: "";
  position: absolute;
  top: -34px;
  left: 50%;
  width: 48px;
  height: 40px;
  border: 6px solid rgba(205,88,88,.82);
  border-bottom: 0;
  border-radius: 30px 30px 0 0;
  transform: translateX(-50%);
}
.wardrobe-seal-lock span {
  font: 700 12px Cinzel,serif;
  letter-spacing: 1.6px;
}
.wardrobe-sealed-list {
  display: grid;
  gap: 12px;
}
.wardrobe-sealed-item {
  padding: 14px;
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.02);
}
.wardrobe-sealed-item strong,
.wardrobe-sealed-item small {
  display: block;
}
.wardrobe-sealed-item strong {
  color: #d8caa8;
  font: 600 11px Cinzel,serif;
}
.wardrobe-sealed-item small {
  margin-top: 6px;
  color: #867c82;
  font-size: 9px;
  line-height: 1.5;
}
.wardrobe-status-sealed {
  margin-top: 18px;
  color: #d25b79;
  text-align: center;
}
.wardrobe-loading-screen {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  background: #000;
}
.wardrobe-loader {
  width: 140px;
  height: 24px;
  border-radius: 999px;
  position: relative;
  color: #7e5cb2;
  border: 2px solid rgba(127,92,62,.95);
  background:
    linear-gradient(180deg,#21140f,#110b08),
    repeating-linear-gradient(90deg,rgba(133,94,61,.18) 0 12px,rgba(78,50,31,.12) 12px 24px);
  box-shadow:
    0 0 0 2px rgba(45,26,16,.8),
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 0 24px rgba(99,62,145,.2);
}
.wardrobe-loader::before {
  content: "";
  position: absolute;
  margin: 2px;
  inset: 0 100% 0 0;
  border-radius: inherit;
  background:
    linear-gradient(180deg,rgba(137,98,62,.95),rgba(88,55,35,.98)),
    repeating-linear-gradient(90deg,rgba(37,21,13,.32) 0 10px,rgba(255,255,255,.04) 10px 20px),
    linear-gradient(90deg,#4b275f,#7f4eb0 58%,#ae83df 82%,#5e327f);
  background-blend-mode: multiply, overlay, normal;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.07),
    0 0 18px rgba(121,81,180,.28);
}
body.wardrobe-is-loading .wardrobe-loader::before {
  animation: wardrobeLoadFill 1.05s ease-out infinite;
}
@keyframes wardrobeLoadFill {
  0% { inset: 0 100% 0 0; }
  85% { inset: 0 0 0 0; }
  100% { inset: 0 0 0 0; }
}
body.wardrobe-is-loading {
  overflow: hidden;
}
.wardrobe-wip-popup .profile-popup-body {
  max-width: 360px;
  border: 1px solid rgba(188,140,77,.22);
  background: linear-gradient(180deg,rgba(26,16,18,.98),rgba(11,10,16,.98));
}
.wardrobe-wip-popup .profile-popup-name {
  color: #f0dfb5;
}
@media (max-width: 820px) {
  .identity-form {
    grid-template-columns: 1fr;
  }
  .wardrobe-gate {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .wardrobe-load-button {
    min-width: 0;
    width: 100%;
  }
}