.gate{min-height:100svh;padding:calc(var(--header-h) + 4vh) var(--gutter) 8vh;text-align:center;isolation:isolate;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:clamp(28px,5vh,56px);display:grid;position:relative;overflow:hidden}.gate:before{content:"";z-index:-1;background:radial-gradient(42% 46% at 50% 38%,#d8b46a1f,#d8b46a00 70%),radial-gradient(90% 70% at 50% 100%,#8c6b321a,#0000 70%);position:absolute;inset:0}.gate-halo{aspect-ratio:1;place-items:center;width:min(40vmin,380px);display:grid;position:relative}.gate-orbit{width:132%;height:132%;animation:38s linear infinite orbit;position:absolute;inset:-16%}@keyframes orbit{to{transform:rotate(360deg)}}.gate-logo{aspect-ratio:1;background:var(--gold-gradient);filter:drop-shadow(0 0 40px #d8b46a2e);background-size:220% 220%;width:78%;animation:9s ease-in-out infinite alternate logo-light;-webkit-mask:url(/brand/logo-mask.webp) 50%/contain no-repeat;mask:url(/brand/logo-mask.webp) 50%/contain no-repeat}@keyframes logo-light{0%{background-position:0 0}to{background-position:100% 100%}}.gate-copy{justify-items:center;gap:16px;display:grid}.gate-no,.gate-host{color:var(--gold-500)}.gate-title{font:900 var(--step-4) / 1.1 var(--font-serif-zh);letter-spacing:.14em;margin-right:-.14em}.gate-tagline{color:var(--porcelain-dim);font:600 var(--step-1) / 1.6 var(--font-serif-zh);letter-spacing:.5em;margin-right:-.5em}.gate-action{justify-items:center;gap:18px;display:grid}.gate-hint{color:var(--ash)}.archive-list{border-top:1px solid var(--line);display:grid}@media (min-width:960px){.archive-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,96px)}}.archive-list li{border-bottom:1px solid var(--line)}.archive-link{grid-template-columns:3.6ch minmax(0,1fr) auto auto;align-items:center;gap:clamp(14px,2vw,28px);padding:clamp(20px,3.6vh,36px) 0;display:grid;position:relative}.archive-link:after{content:"";background:var(--gold-400);transform-origin:0;height:1px;transition:transform 1s var(--ease-out);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.archive-link:hover:after,.archive-link:focus-visible:after{transform:scaleX(1)}.archive-no{color:var(--gold-500)}.archive-title{font:600 clamp(1.3rem, 1rem + 1.3vw, 2.2rem) / 1.25 var(--font-serif-zh);letter-spacing:.1em;transition:color .5s, transform .9s var(--ease-out)}.archive-link:hover .archive-title{color:var(--gold-200);transform:translate(10px)}.archive-path{color:var(--ash)}.archive-go{color:var(--gold-400)}.archive-go svg{width:18px;height:18px;transition:transform .8s var(--ease-out)}.archive-link:hover .archive-go svg{transform:translate(3px,-3px)}@media (max-width:640px){.archive-path{display:none}.archive-link{grid-template-columns:3.2ch minmax(0,1fr) auto}}.faction-list{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}@media (min-width:960px){.faction-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.faction{background:var(--ink-900);isolation:isolate;min-height:clamp(220px,34vh,380px);transition:background-color .8s var(--ease-out);align-content:space-between;gap:40px;padding:clamp(20px,2.4vw,36px);display:grid;position:relative;overflow:hidden}.faction:before{content:"";z-index:-1;opacity:0;transition:opacity 1s var(--ease-out);background:radial-gradient(90% 70% at 50% 110%,#d8b46a38,#d8b46a00 70%);position:absolute;inset:0}.faction:hover:before,.faction:focus-visible:before{opacity:1}.faction-no{color:var(--gold-500)}.faction-title{font:600 clamp(1.4rem, 1rem + 1.6vw, 2.4rem) / 1.3 var(--font-serif-zh);letter-spacing:.12em;writing-mode:vertical-rl;transition:color .6s, transform 1s var(--ease-out);justify-self:end}.faction:hover .faction-title{color:var(--gold-200);transform:translateY(-8px)}.faction-path{color:var(--ash)}