@layer components{.splash-root{position:relative}.hero-root{--o:0s;--k:.35;min-height:max(100svh,700px);margin-top:calc(-1 * var(--header-h));background:#05061a;position:relative;overflow:hidden}.splash-root[data-mode=intro] .hero-root{--o:1.25s;--k:1}.splash-root[data-mode=skip] .hero-root{--o:0s;--k:.12}.sa{animation-fill-mode:both;animation-duration:var(--dur,.8s);animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-delay:calc(var(--o) + var(--d,0s) * var(--k))}.sa-fade{animation-name:a-fade}.sa-rise{animation-name:a-rise}@keyframes a-fade{0%{opacity:0}to{opacity:1}}@keyframes a-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero-scene{animation:scene-in calc(1.1s * var(--k)) ease-out calc(var(--o) + 50ms) both, scene-settle calc(3.2s * var(--k)) cubic-bezier(.2,.7,.2,1) var(--o) both;transform-origin:50% 70%;position:absolute;inset:0;overflow:hidden;container-type:size}@keyframes scene-in{0%{opacity:0}to{opacity:1}}@keyframes scene-settle{0%{transform:scale(1.06)}to{transform:none}}.scene-sky{background:linear-gradient(#03041a 0%,#0c1240 22%,#1b2a70 46%,#3b4b96 58%,#8c729c 72%,#e9a55b 85%,#ffd58a 100%);position:absolute;inset:0}.plx{will-change:transform;position:absolute;inset:-2% -3%}.lyr{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cloud{height:var(--ch);width:calc(var(--ch) * 4.5714 * 4);left:0;top:var(--top);background:var(--img) repeat-x 0 0 / auto 100%;opacity:var(--op,1);animation:cloud-drift var(--dur) linear infinite;will-change:transform;position:absolute}.cloud-far{--img:url(/art/clouds-far.webp);--ch:38cqh;--top:0cqh;--dur:340s;--op:.85}.cloud-mid{--img:url(/art/clouds-mid.webp);--ch:36cqh;--top:34cqh;--dur:220s;--op:.55;mix-blend-mode:screen}.cloud-near{--img:url(/art/clouds-near.webp);--ch:42cqh;--top:70cqh;--dur:150s;--op:.7}@keyframes cloud-drift{to{transform:translate(-25%)}}.mist{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(65% 26% at 50% 80%,#ffbe646b,#0000 72%),radial-gradient(100% 18% at 50% 92%,#ffaa5038,#0000 80%);position:absolute;inset:0}.rays{pointer-events:none;mix-blend-mode:screen;opacity:.5;background:repeating-conic-gradient(#ffde8c38 0deg 3deg,#0000 3deg 11deg);width:190cqmax;height:190cqmax;margin:-95cqmax 0 0 -95cqmax;animation:240s linear infinite rays-spin;position:absolute;top:33%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 4%,#0000 62%);mask-image:radial-gradient(closest-side,#000 4%,#0000 62%)}@keyframes rays-spin{to{transform:rotate(360deg)}}.scene-fog{pointer-events:none;background:linear-gradient(180deg, transparent, #060812a6 60%, var(--bg) 100%);height:22%;position:absolute;bottom:0;left:0;right:0}.twinkle{animation:4.5s ease-in-out infinite twinkle}@keyframes twinkle{50%{opacity:.15}}.flick{transform-box:fill-box;transform-origin:50%;animation:1.7s ease-in-out infinite flick}.flick.f2{animation-duration:2.1s;animation-delay:-.8s}@keyframes flick{0%,to{opacity:.95;transform:scale(1)}40%{opacity:.55;transform:scale(.8)}70%{opacity:1;transform:scale(1.15)}}.bloom{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite bloom}@keyframes bloom{50%{opacity:1;transform:scale(1.06)}}.banner{transform-box:fill-box;transform-origin:0 0;animation:3.4s ease-in-out infinite banner-wave}@keyframes banner-wave{0%,to{transform:skewY(0)scaleX(1)}50%{transform:skewY(-4deg)scaleX(.93)}}.rim-strike{opacity:0}.temple-glow{fill:url(#cella);opacity:.85;stroke:none}.ascent{animation:40s linear infinite ascent-dash}@keyframes ascent-dash{to{stroke-dashoffset:-220px}}.hero-fx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-flash{pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(80% 60% at 50% 30%,#d6e4ff8c,#7896ff29 55%,#0000 80%);position:absolute;inset:0}.hero-vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 45%,#0203088c 100%),linear-gradient(#03040a8c,#0000 22%);position:absolute;inset:0}.hero-scrim{pointer-events:none;background:radial-gradient(60% 48% at 50% 62%,#04050c9e,#0000 100%);position:absolute;inset:0}.hero-grain{pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.hero-content{z-index:5;min-height:max(100svh,700px);padding:calc(var(--header-h) + 1.6vh) 16px 72px;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.crest-wrap{width:var(--cw);height:calc(var(--cw) * 1.1667);--cw:clamp(84px, 16.5svh, 176px);position:relative}.crest-hero{z-index:2;width:100%;height:100%;position:relative;overflow:visible}.crest-glow{z-index:0;aspect-ratio:1;pointer-events:none;mix-blend-mode:screen;width:340%;animation:glow-in calc(1.6s * var(--k)) ease-out calc(var(--o) + 1.3s * var(--k)) both, glow-breathe 6s ease-in-out calc(var(--o) + 3s) infinite;background:radial-gradient(closest-side,#ffe28c8c,#f2c94c29 45%,#0000 72%);border-radius:50%;position:absolute;top:46%;left:50%;translate:-50% -50%}@keyframes glow-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes glow-breathe{50%{opacity:.78}}.crest-outline path{fill:none;stroke:#ffe9a6;stroke-width:2.4px;stroke-dasharray:1;stroke-dashoffset:0;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 4px #ffe28ce6);animation:crest-draw calc(1.4s * var(--k)) cubic-bezier(.5,0,.2,1) calc(var(--o) + .55s * var(--k)) both, crest-outline-out calc(.8s * var(--k)) ease-in calc(var(--o) + 2.2s * var(--k)) forwards}@keyframes crest-draw{0%{stroke-dashoffset:1px;opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes crest-outline-out{to{opacity:0}}.crest-filled{animation:crest-fill calc(1s * var(--k)) ease-out calc(var(--o) + 1.7s * var(--k)) both, ignite calc(1.3s * var(--k)) ease-out calc(var(--o) + 1.7s * var(--k)) both;filter:brightness()drop-shadow(0 0 14px #f2c94c8c)drop-shadow(0 6px 10px #0009)}@keyframes crest-fill{0%{opacity:0}to{opacity:1}}@keyframes ignite{0%{filter:brightness(2.4)drop-shadow(0 0 30px #ffe28cf2)drop-shadow(0 6px 10px #0009)}to{filter:brightness()drop-shadow(0 0 14px #f2c94c8c)drop-shadow(0 6px 10px #0009)}}.hero-title{font-family:var(--font-display);letter-spacing:.06em;color:#0000;filter:drop-shadow(0 2px #3a2a08)drop-shadow(0 4px 18px #000000a6)drop-shadow(0 0 26px #f2c94c47);margin:clamp(10px,5.2svh,60px) 0 0;font-size:clamp(2.7rem,min(8.6vw,15svh),7.5rem);font-weight:800;line-height:.95}.tw{white-space:nowrap;display:inline-block}.tw+.tw{margin-left:.28em}.tl{letter-spacing:inherit;color:#0000;background:linear-gradient(115deg, transparent 38%, #fffffff2 50%, transparent 62%) no-repeat 160% 0 / 260% 100%, var(--gold-metal);animation:letter-lock calc(.9s * var(--k)) cubic-bezier(.2,.9,.2,1) calc(var(--o) + (1.45s + var(--i) * 65ms) * var(--k)) both, sheen calc(1.1s * var(--k)) ease-in-out calc(var(--o) + (2.5s + var(--i) * 80ms) * var(--k)) both;-webkit-background-clip:text;background-clip:text;display:inline-block}.tw.num .tl{background:linear-gradient(115deg,#0000 38%,#fffffff2 50%,#0000 62%) 160% 0/260% 100% no-repeat,linear-gradient(#fff 0%,#d7e6ff 40%,#9fbcff 72%,#e8f1ff 100%);-webkit-background-clip:text;background-clip:text}@keyframes letter-lock{0%{opacity:0;transform:translateY(.32em)scale(1.08)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes sheen{0%{background-position:160% 0,0 0}to{background-position:-60% 0,0 0}}.hero-tagline{font:400 clamp(1.05rem, 2.3vw, 1.6rem)/1.3 var(--font-heading);letter-spacing:.34em;text-transform:uppercase;color:var(--gold-100);text-shadow:0 2px 12px #000000d9;--d:2.1s;margin:clamp(6px,1.4svh,14px) 0 0}.hero-sub{color:#d9d2bd;text-shadow:0 1px 10px #000000e6;--d:2.3s;max-width:34rem;margin:6px 0 0;font-size:clamp(.95rem,1.6vw,1.1rem)}.hud{--d:2.5s;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(640px,100%);margin-top:clamp(14px,3.2svh,32px);display:grid}.hud-stat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#1416209e,#08090eb8);border:1px solid #c9962b8c;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px 9px;display:flex;box-shadow:inset 0 1px #fff2c21a,0 8px 24px #0006}.hud-val{min-height:1.15em;font:700 clamp(1.3rem, 3.4vw, 1.9rem)/1.15 var(--font-display);color:var(--gold-100);font-variant-numeric:tabular-nums;letter-spacing:.02em}.hud-label{font:400 clamp(.72rem, 1.5vw, .82rem)/1.2 var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.hud-label svg{color:var(--gold-500)}.ctas{--d:2.7s;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;margin-top:clamp(14px,3svh,28px);display:flex}.cta-primary{position:relative;overflow:hidden}.cta-primary:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffff8c 50%,#0000 65%);animation:5.5s ease-in-out 4s infinite cta-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes cta-shine{0%,70%,to{transform:translate(-120%)}85%{transform:translate(120%)}}.cta-micro{width:100%;color:var(--text-dim);text-shadow:0 1px 8px #000;margin:2px 0 0;font-size:.85rem;font-style:italic}.recruit{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:400 .92rem/1.2 var(--font-heading);letter-spacing:.06em;color:var(--gold-100);--d:2.9s;background:#08090ea8;border:1px solid #f2c94c80;border-radius:999px;align-items:center;gap:10px;margin-top:clamp(12px,2.4svh,22px);padding:7px 16px;text-decoration:none;display:inline-flex}.recruit:hover{border-color:var(--gold-300);color:#fff;box-shadow:var(--glow-gold);text-decoration:none}.recruit i{background:#45d36b;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 10px #45d36b}.recruit.closed i{box-shadow:none;background:#b3402a;animation:none}@keyframes pulse{50%{opacity:.35}}@media (max-height:799px){.scroll-cue span{display:none}.scroll-cue{bottom:6px}}.scroll-cue{z-index:6;color:var(--text-dim);font:400 .72rem/1 var(--font-heading);letter-spacing:.28em;text-transform:uppercase;--d:3.4s;flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex;position:absolute;bottom:18px;left:50%;translate:-50%}.scroll-cue:hover{color:var(--gold-300);text-decoration:none}.scroll-cue i{background:linear-gradient(180deg, var(--gold-300), transparent);transform-origin:top;width:1px;height:30px;animation:2.2s ease-in-out infinite cue}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.intro{z-index:120;color:var(--text);background:radial-gradient(90% 70% at 50% 45%,#0a0c1c 0%,#020308 75%);justify-content:center;align-items:flex-end;padding:0 16px 9vh;display:none;position:fixed;inset:0}.splash-root[data-mode=intro] .intro{animation:.45s ease-in 1.2s forwards intro-out;display:flex}@keyframes intro-out{to{opacity:0;visibility:hidden}}.intro-crest{opacity:.16;animation:1.4s ease-out both intro-crest;position:absolute;top:42%;left:50%;translate:-50% -50%}@keyframes intro-crest{0%{opacity:0;transform:scale(.94)}to{opacity:.16;transform:none}}.intro-frame{border:2px solid var(--gold-700);background:linear-gradient(#1c1e28,#0c0d13);border-radius:6px;width:min(560px,100%);padding:14px 18px 12px;position:relative;box-shadow:0 0 0 1px #000,0 0 0 3px #c9962b59,0 20px 60px #000c}.intro-label{font:400 .95rem var(--font-heading);letter-spacing:.1em;color:var(--gold-300);justify-content:space-between;margin-bottom:8px;display:flex}.intro-tip{text-align:center;min-height:3.2em;font:italic 500 .98rem/1.45 var(--font-body);color:var(--gold-300);text-wrap:balance;margin-top:12px}.intro-tip b{text-transform:uppercase;letter-spacing:.1em;color:var(--gold-500);margin-right:.5em;font-size:.78em;font-style:normal}.intro-skip{border:1px solid var(--gold-700);min-height:44px;color:var(--text-dim);font:400 .9rem var(--font-heading);letter-spacing:.06em;cursor:pointer;background:#0a0b10b3;border-radius:6px;padding:0 16px;position:absolute;top:16px;right:16px}.intro-skip:hover{color:var(--gold-300);border-color:var(--gold-300)}.intro-hint{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-top:6px;font-size:.72rem}.sec{padding:clamp(48px,7vw,92px) 0;position:relative}.sec-tint{background:linear-gradient(#14161e00,#10121ad9 12% 88%,#14161e00)}.sec-title{font:700 clamp(1.6rem, 4.2vw, 2.6rem)/1.15 var(--font-display);text-align:center;color:var(--gold-300);letter-spacing:.05em;text-shadow:0 2px #3a2a08,0 0 24px #f2c94c33}.sec-kicker{text-align:center;font:400 .82rem/1 var(--font-heading);letter-spacing:.32em;text-transform:uppercase;color:var(--gold-500);margin-bottom:6px}.sec-lead{text-align:center;max-width:40rem;color:var(--text-dim);margin:12px auto 0;font-size:1.05rem}.pillar-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin-top:40px;display:grid}.pillar{border:1px solid var(--gold-700);height:100%;box-shadow:var(--shadow-panel), inset 0 0 0 1px #0009, inset 0 0 0 2px #c9962b24;background:linear-gradient(160deg,#1b1e2a,#10121a 70%);border-radius:8px;gap:16px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.pillar:hover,.pillar:focus-visible{border-color:var(--gold-300);box-shadow:var(--shadow-panel), 0 0 26px #f2c94c2e, inset 0 0 0 1px #0009;transform:translateY(-3px)}.socket{width:64px;height:64px;color:var(--qc);border:2px solid var(--qc);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--qc) 22%, #0a0b10), #07080d 75%);box-shadow:inset 0 0 12px #000c, 0 0 14px color-mix(in srgb, var(--qc) 35%, transparent);border-radius:10px;flex:none;place-items:center;display:grid}.pillar h3{color:var(--qc);font-size:1.25rem;line-height:1.2}.pillar p{color:var(--text-dim);margin-top:6px;font-size:.98rem}.slot-block{margin-top:36px}.slot-empty{display:none}.slot:empty+.slot-empty{display:block}.slot-section:has(>.slot-hideable>.slot:empty){display:none}.empty-card{text-align:center;color:var(--text-dim);background:#0a0b108c;border:1px dashed #c9962b80;border-radius:8px;padding:22px;font-style:italic}.empty-card b{font:400 1.15rem var(--font-heading);color:var(--gold-100);margin-bottom:4px;font-style:normal;display:block}.two-col{grid-template-columns:1fr;gap:28px;display:grid}@media (min-width:900px){.two-col{grid-template-columns:1.3fr 1fr}}.col-title{font:400 1.35rem var(--font-heading);color:var(--gold-100);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.col-title a{font:400 .9rem var(--font-heading)}.toast-static{border:2px solid var(--gold-500);background:linear-gradient(#1a1710,#0b0a08);border-radius:10px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex;position:relative;box-shadow:0 8px 24px #0009,0 0 18px #f2c94c26}.toast-static.locked{border-color:var(--stone-500);filter:saturate(.3);opacity:.82;background:linear-gradient(#171820,#0c0d12);box-shadow:0 8px 20px #00000080}.toast-static.locked .toast-title{color:var(--text-dim)}.toast-static.locked .toast-icon{border-color:var(--stone-500)}.hof-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;margin-top:36px;display:grid}.gal-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;margin-top:36px;display:grid}.gal-card{aspect-ratio:16/10;border:1px solid var(--gold-700);background:radial-gradient(at 30% 20%,#4c6fff47,#0000 60%),linear-gradient(160deg,#1d2140,#0b0c14);border-radius:8px;flex-direction:column;justify-content:flex-end;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.gal-card:before{content:"";background:repeating-linear-gradient(135deg,#ffffff08 0 10px,#0000 10px 20px);position:absolute;inset:0}.gal-card b{font:400 1.05rem var(--font-heading);color:var(--gold-100);position:relative}.gal-card span{color:var(--text-dim);font-size:.85rem;position:relative}.ph-tag{border:1px solid var(--ember);font:700 .68rem/1.5 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ember);background:#0000008c;border-radius:4px;padding:2px 8px;position:absolute;top:10px;left:10px}.tablet{background:radial-gradient(at 50% 0,#3a3d4a,#1e2029 60%,#14161d);border:1px solid #55503f;border-radius:10px;margin-top:36px;padding:clamp(20px,4vw,44px);position:relative;box-shadow:inset 0 0 0 2px #0009,inset 0 2px #ffffff14,inset 0 0 60px #00000073,0 20px 60px #0009}.tablet:before,.tablet:after{content:"";background:radial-gradient(circle at 35% 30%,#d9b45a,#6d4c10);border-radius:50%;width:10px;height:10px;position:absolute;top:12px;box-shadow:0 1px 2px #000}.tablet:before{left:12px}.tablet:after{right:12px}.tablet ol{grid-template-columns:1fr;gap:18px 40px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:820px){.tablet ol{grid-template-columns:1fr 1fr}}.tablet li{align-items:baseline;gap:14px;display:flex}.tablet .num{width:2.4rem;font:700 1.4rem/1 var(--font-display);color:var(--gold-500);text-shadow:0 1px #ffffff40,0 -1px #000;flex:none}.tablet h3{color:var(--gold-100);text-shadow:0 -1px #000,0 1px #ffffff1f;font-size:1.15rem}.tablet p{color:#b9b5a4;margin-top:2px;font-size:.96rem}.login-stage{background:radial-gradient(80% 50% at 50% 0,#4c6fff38,#0000 70%),radial-gradient(70% 40% at 50% 100%,#f2c94c1f,#0000 70%);position:relative;overflow:hidden}.login-rays{pointer-events:none;opacity:.4;mix-blend-mode:screen;background:repeating-conic-gradient(#ffde8c1f 0deg 3deg,#0000 3deg 11deg);width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;animation:300s linear infinite rays-spin;position:absolute;top:30%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 2%,#0000 60%);mask-image:radial-gradient(closest-side,#000 2%,#0000 60%)}.login-panel{padding-top:12px}.login-pedestal{border:2px solid var(--gold-500);background:radial-gradient(circle,#1c1f2c 55%,#0b0c10 100%);border-radius:50%;place-items:center;width:150px;height:150px;margin:-76px auto 0;display:grid;box-shadow:0 0 40px #f2c94c59,inset 0 0 20px #000c}.final{text-align:center}.final-glow{pointer-events:none;background:radial-gradient(60% 70% at 50% 100%,#f2c94c29,#0000 70%);position:absolute;inset:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal-in;animation-timeline:view();animation-range:entry 4% entry 38%}}}@keyframes reveal-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.overload .hero-root{filter:saturate(1.25)brightness(1.06)}.hero-root.is-offscreen *,.hero-root.is-offscreen{animation-play-state:paused!important}.hero-root.fx-lite .rays{mix-blend-mode:normal;opacity:.3;animation:none}.hero-root.fx-lite .cloud-mid{mix-blend-mode:normal}.hero-root.fx-lite .hero-grain{display:none}@media (prefers-reduced-motion:reduce){.splash-root .intro{display:none!important}.hero-root *,.hero-root,.hero-scene{animation:none!important}.crest-outline{display:none}.mist{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(65% 26% at 50% 80%,#ffbe646b,#0000 72%),radial-gradient(100% 18% at 50% 92%,#ffaa5038,#0000 80%);position:absolute;inset:0}.rays{display:none}.cloud{animation:none!important}.hero-fx,.hero-flash,.cta-primary:after{display:none}}@media (min-width:2400px){.hero-content{zoom:1.45}}@media (max-width:560px){.hero-content{--cw:clamp(76px, 12.5svh, 110px)}.hud-label{letter-spacing:.06em;font-size:.68rem}.hud{gap:6px}.hud-stat{padding:8px 4px}.hero-tagline{letter-spacing:.22em}.hero-title{margin-top:10svh;line-height:1}.tw+.tw{margin-left:0;display:block}}