@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:Manrope,Arial,sans-serif;background:#080a0c;color:#f6f8f8;color-scheme:dark;--mint:#53e9d0;--muted:#9b9fa6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,.mascot-stage:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.skip{position:fixed;z-index:20;top:-70px;left:15px;padding:15px;background:#080a0c}.skip:focus{top:15px}.nav{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d;position:absolute;inset:0 0 auto;z-index:10}.logo{display:flex;align-items:center;gap:11px}.z-mark{font-family:'Space Grotesk',sans-serif;font-size:39px;font-weight:700;font-style:italic;color:var(--mint);line-height:1}.logo-type{display:flex;flex-direction:column;font-size:10px;letter-spacing:.27em;line-height:1.5}.logo-type b{font-size:16px;letter-spacing:.12em}.nav nav{display:flex;gap:36px;font-size:14px;color:#c7c8cd}.nav nav a:hover{color:var(--mint)}#motion{display:flex;align-items:center;gap:9px;background:#ffffff06;border:1px solid #ffffff26;color:#f3f4f5;border-radius:7px;padding:11px 15px;font-size:13px;cursor:pointer}#motion:hover{background:#ffffff13}.motion-dot{width:6px;height:6px;border-radius:50%;background:var(--mint)}#motion[aria-pressed=false] .motion-dot{background:#888}.hero{height:min(1030px,112svh);min-height:830px;position:relative;overflow:hidden;isolation:isolate}.hero-copy{position:relative;z-index:3;text-align:center;padding:153px 20px 0;pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #ffffff25;border-radius:30px;padding:9px 16px;color:#c6cbd1;font-size:10px;letter-spacing:.16em;margin:0 0 24px;background:#0b1217a0}.eyebrow>span{width:5px;height:5px;background:var(--mint);border-radius:50%}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(65px,8.8vw,145px);line-height:1.02;letter-spacing:-.07em;margin:0;font-weight:600;background:linear-gradient(#fff 30%,#9ca8ab);background-clip:text;-webkit-text-fill-color:transparent}h1>span{font-weight:400}.hero-sub{font-size:17px;color:#c4c8cd;line-height:1.65;margin:24px 0}.mobile-break{display:none}.hero-glow{position:absolute;width:700px;height:400px;background:#42dec615;filter:blur(100px);left:50%;top:0;transform:translateX(-50%);z-index:-1}.hero-grid{position:absolute;inset:0;opacity:.07;background-image:linear-gradient(#5ccabb 1px,transparent 1px),linear-gradient(90deg,#5ccabb 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(ellipse at 50% 20%,#000,transparent 65%);pointer-events:none}.banner-scene{position:absolute;left:0;right:0;bottom:30px;height:65%;perspective:1200px;z-index:1}.banner-art{position:absolute;inset:0;transform-origin:50% 60%;will-change:transform;mask-image:linear-gradient(transparent,#000 18%,#000 72%,transparent)}.banner-art img{width:100%;height:100%;object-fit:cover;object-position:center 36%;opacity:.88}.banner-shade{position:absolute;inset:-1px;background:linear-gradient(90deg,#080a0c9c,transparent 25%,transparent 75%,#080a0c9c),linear-gradient(#080a0c 0%,transparent 27%,transparent 55%,#080a0c 100%)}.orb{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffbd79;box-shadow:0 0 20px #ff6748;left:13%;top:48%;animation:drift 6s infinite ease-in-out}.orb-two{left:86%;top:67%;width:4px;height:4px;animation-delay:-3s}.hero-bottom{position:absolute;z-index:4;inset:auto 5% 44px;display:flex;justify-content:space-between;align-items:center}.chapter-label,.scroll-label{font-size:10px;letter-spacing:.13em;color:#9399a2}.scroll-label>span{margin-left:14px;color:var(--mint)}.primary{display:flex;align-items:center;justify-content:center;gap:30px;padding:17px 23px;background:linear-gradient(120deg,#76f5d6,#57c6e8);color:#061310;font-size:14px;font-weight:700;border-radius:7px;box-shadow:0 0 32px #4ccbbb16;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-4px);box-shadow:0 8px 40px #4ccbbb35}.primary>span{font-size:22px;font-weight:400}.marquee{border-block:1px solid #ffffff13;overflow:hidden;padding:24px 0;background:#0b0e10}.marquee>div{font-family:'Space Grotesk',sans-serif;white-space:nowrap;width:max-content;font-size:23px;font-weight:500;letter-spacing:.025em;animation:marquee 38s linear infinite;color:#c1c6c8}.marquee span{color:var(--mint);padding:0 44px;font-size:25px}.intro{max-width:1440px;min-height:780px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:100px 6%;position:relative;isolation:isolate}.intro-glow{position:absolute;right:0;top:5%;width:65%;height:80%;background:radial-gradient(ellipse,#1348494a,transparent 65%);z-index:-1}.intro-copy{position:relative;z-index:3}.section-label{font-size:10px;letter-spacing:.18em;color:#969fa6;display:block;margin-bottom:27px}.intro h2{font-size:clamp(48px,5.2vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:0 0 32px}.gradient{background:linear-gradient(130deg,#50edce 8%,#478af8);color:var(--mint);background-clip:text;-webkit-text-fill-color:transparent}.intro-lead{font-size:21px;margin:0 0 15px;font-weight:500}.intro-description{font-size:16px;line-height:1.9;color:var(--muted);max-width:355px;margin:0}.interaction-hint{display:flex;gap:10px;font-size:12px;color:#7f9396;margin:30px 0 36px}.interaction-hint>span{color:var(--mint);font-size:17px}.text-link{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid #4b7570;padding-bottom:12px}.text-link>span{color:var(--mint);font-size:19px}.text-link:hover{color:var(--mint)}.mascot-stage{height:570px;position:relative;perspective:1000px;outline:none;touch-action:pan-y}.mascot-position{position:absolute;width:116%;left:-8%;top:0;will-change:transform;pointer-events:none}.mascot-tilt{transform-style:preserve-3d;will-change:transform;transform-origin:55% 60%}.mascot{width:100%;height:auto;display:block;filter:drop-shadow(0 22px 32px #0007);user-select:none}.mascot-shadow{position:absolute;bottom:33px;left:25%;width:60%;height:35px;border-radius:50%;background:#000a;filter:blur(13px);will-change:transform}.orbit{position:absolute;width:92%;aspect-ratio:1;left:7%;top:4%;border:1px solid #58cdba24;border-radius:50%;transform:rotateX(28deg) rotateZ(-20deg);pointer-events:none}.orbit-inner{width:72%;left:17%;top:15%;border-style:dashed;border-color:#58cdba20}.spark{position:absolute;color:var(--mint);z-index:2;font-weight:400;pointer-events:none}.spark-one{font-size:45px;left:6%;top:12%}.spark-two{font-size:22px;right:1%;top:36%;color:#adc5ee}.spark-three{font-size:28px;left:16%;bottom:18%;color:#bb944f}.mascot-tag{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.15em;white-space:nowrap;color:#e4ebe9;border:1px solid #5b897535;border-radius:30px;padding:12px 18px;background:#101b1a70;backdrop-filter:blur(12px)}.tag-dot{width:5px;height:5px;border-radius:50%;background:var(--mint)}.mascot-tag small{font-size:8px;color:#7b9993;letter-spacing:.1em;border-left:1px solid #ffffff20;padding-left:10px}.closing{text-align:center;padding:70px 20px 100px;border-top:1px solid #ffffff0c;background:radial-gradient(ellipse at 50% 130%,#153c3d70,transparent 60%)}.closing h2{font-size:clamp(35px,5vw,64px);font-weight:500;letter-spacing:-.05em;margin:0 0 30px}.closing .section-label{font-size:10px;margin-bottom:20px}.round-link{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid #477068;border-radius:50%;font-size:24px;transition:background .2s}.round-link:hover{background:#22463d}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 5%;border-top:1px solid #ffffff10;color:#717e81;font-size:10px;letter-spacing:.13em}.footer-brand{font-family:'Space Grotesk',sans-serif;font-size:15px;color:#b4c0c2;font-weight:600;letter-spacing:-.02em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}.motion-off .orb,.motion-off .marquee>div{animation-play-state:paused}@keyframes drift{50%{transform:translate(12px,-35px);opacity:.3}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1600px){.banner-art img{object-fit:contain}.hero{height:1030px}}@media(max-width:900px){.intro{padding:85px 5%;grid-template-columns:1fr 1fr}.mascot-stage{height:440px}.mascot-position{top:30px}.mascot-tag small{display:none}.mascot-shadow{bottom:40px}.intro h2{font-size:50px}}@media(max-width:650px){.nav{height:78px;padding:0 6%}.nav nav{gap:15px;font-size:11px}.nav nav a:first-child{display:none}.logo-type b{font-size:13px}.logo-type{font-size:8px}.z-mark{font-size:32px}#motion{padding:9px 10px;font-size:11px}.hero{min-height:750px;height:96svh;max-height:950px}.hero-copy{padding:132px 15px 0}.eyebrow{font-size:8px;letter-spacing:.12em;padding:8px 12px;margin-bottom:26px}h1{font-size:clamp(40px,10vw,64px);letter-spacing:-.065em}.hero-sub{font-size:15px;line-height:1.6;margin-top:22px}.mobile-break{display:block}.banner-scene{height:58%;bottom:70px}.banner-art img{object-fit:cover;object-position:center}.banner-shade{background:linear-gradient(#080a0c,transparent 25%,transparent 55%,#080a0c)}.hero-bottom{bottom:35px;flex-direction:column;gap:22px}.chapter-label{display:none}.primary{padding:13px 20px;font-size:13px}.scroll-label{font-size:8px}.marquee{padding:19px 0}.marquee>div{font-size:17px}.marquee span{padding:0 23px;font-size:19px}.intro{display:flex;flex-direction:column;padding:75px 7% 90px;overflow:hidden;min-height:0}.intro-copy{width:100%}.intro h2{font-size:53px;margin-bottom:25px}.intro-lead{font-size:19px}.intro-description{font-size:15px;max-width:340px}.section-label{font-size:9px}.interaction-hint{margin:24px 0}.mascot-stage{width:100%;height:440px;margin-top:35px}.mascot-position{width:112%;left:-6%;top:5px}.mascot-tag{bottom:-15px;font-size:11px}.mascot-shadow{bottom:15px}.mascot-tag small{display:block}.intro-glow{top:45%;width:100%;height:55%}.closing{padding:65px 20px}.closing h2{font-size:36px}footer{padding:25px 6%;font-size:8px}footer>span:nth-child(2){display:none}.footer-brand{font-size:13px}}@media(max-width:380px){.mascot-stage{height:355px}.nav nav{display:none}.mascot-tag small{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orb,.marquee>div{animation:none}.js .reveal{opacity:1;transform:none;transition:none}.primary{transition:none}}
/* Cabal Zypher player navigation and services. */
.logo img{width:132px;height:79px;object-fit:contain}.hero-copy{padding-top:117px}.hero-brand{background:none;-webkit-text-fill-color:initial;line-height:0}.hero-brand img{width:clamp(280px,35vw,510px);height:auto;max-height:285px;object-fit:contain;filter:drop-shadow(0 0 24px #009aff35)}.hero .eyebrow{margin-bottom:8px}.hero-sub{margin-top:8px}.nav nav{align-items:center;gap:25px}.nav-login,.nav-register{font:inherit;cursor:pointer}.nav-login{background:none;color:#d8dee3;border:0;padding:10px 0}.nav-register{border:1px solid #50e1cc70;background:#102522;border-radius:6px;color:#a9f9df;padding:10px 13px}.nav-register span{margin-left:12px}.hero-actions{display:flex;gap:13px;align-items:center}.primary{border:0;cursor:pointer;font-family:inherit}.secondary{display:flex;gap:25px;align-items:center;border:1px solid #a3b3c250;border-radius:7px;background:#0a111bcc;padding:19px 22px;font-size:14px;font-weight:600}.secondary:hover{border-color:var(--mint);color:var(--mint)}.player-hub,.community-section{max-width:1440px;padding:90px 6%;margin:auto;scroll-margin-top:30px}.hub-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.hub-heading h2,.community-panel h2{font-size:clamp(36px,4vw,58px);font-weight:500;letter-spacing:-.05em;margin:0}.hub-heading p:not(.section-label){color:var(--muted);font-size:15px;line-height:1.8;margin:0}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hub-card{padding:30px;border:1px solid #8bbee222;border-radius:14px;background:linear-gradient(150deg,#17202b90,#0b1015);display:flex;flex-direction:column;align-items:start;min-height:280px}.card-number{color:#679aab;font-size:12px;letter-spacing:.1em;margin-bottom:28px}.hub-card h3{font-size:23px;font-weight:500;letter-spacing:-.025em;margin:0 0 12px}.hub-card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 30px}.hub-button{font:inherit;font-size:14px;border:1px solid #527a8066;border-radius:6px;background:#1a353840;color:#b1eee1;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;margin-top:auto}.hub-button:hover{background:#244b4a70;border-color:var(--mint)}.availability{font-size:12px;color:#99a6af;display:inline-flex;border:1px solid #ffffff15;border-radius:6px;padding:12px 14px;background:#ffffff04}.download-card>div{margin-top:auto}#download-links,#voting-links{display:flex;gap:10px;flex-wrap:wrap}.community-section{padding-top:0}.community-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;background:radial-gradient(ellipse at right,#15454850,transparent 70%);padding:45px;border:1px solid #ffffff17;border-radius:14px}.community-panel p:not(.section-label),.vote-panel p:not(.section-label){color:var(--muted);font-size:15px;line-height:1.8}.vote-panel{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:45px 0 0;scroll-margin-top:40px}.vote-panel h3{font-size:28px;letter-spacing:-.03em;font-weight:500;margin:0}.vote-panel .section-label{margin-bottom:18px}.account-dialog{width:min(460px,calc(100vw - 32px));max-height:90svh;overflow:auto;background:radial-gradient(ellipse at 50% 0,#153447,#0b111a 55%);border:1px solid #7498b74d;border-radius:18px;padding:30px;color:#eef4f8;box-shadow:0 25px 100px #000b}.account-dialog::backdrop{background:#02070cbb;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:15px;top:13px;width:35px;height:35px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff06;color:#fff;font-size:25px;cursor:pointer}.dialog-logo{width:160px;height:96px;object-fit:contain;display:block;margin:0 auto 18px}.account-dialog .section-label{text-align:center;font-size:9px;margin-bottom:12px}.account-dialog h2{font-size:30px;font-weight:500;letter-spacing:-.04em;text-align:center;margin:0 0 20px}.account-notice{font-size:13px;line-height:1.7;color:#c0cbd5;background:#729ab00c;border:1px solid #a9c1dd20;border-radius:7px;padding:12px 14px}.account-dialog fieldset{padding:0;border:0;margin:20px 0 0;min-width:0}.account-dialog label{display:block;font-size:12px;margin:15px 0 7px;color:#bbc9d4}.account-dialog input{width:100%;border:1px solid #8da8c42d;border-radius:6px;background:#040a1180;padding:12px;color:#b7c6d0;font:inherit;font-size:14px}.account-dialog fieldset:disabled input{opacity:.55;cursor:not-allowed}.account-dialog .primary{margin-top:22px;width:100%;padding:14px;font-size:14px}.account-dialog .primary:disabled{background:#283d43;color:#8da3ac;box-shadow:none;cursor:not-allowed}.dialog-switch{display:block;background:none;border:0;font:inherit;font-size:12px;color:#99a8b2;cursor:pointer;margin:20px auto 0}.dialog-switch span{color:var(--mint)}.dialog-open{overflow:hidden}
@media(max-width:1000px){.nav nav{gap:16px;font-size:12px}.nav-register{padding:9px}.logo img{width:110px}.chapter-label{display:none}.hub-card{padding:24px}.hub-card h3{font-size:20px}}@media(max-width:760px){.nav{height:auto;min-height:120px;align-items:start;padding-top:10px;flex-wrap:wrap}.logo img{width:105px;height:63px}.nav #motion{margin-top:15px}.nav nav{order:3;width:100%;display:flex;justify-content:center;gap:20px;padding:0 0 13px;font-size:12px}.nav nav a:first-child{display:block}.nav-register{display:none}.hero-copy{padding-top:151px}.hero-brand img{width:300px;max-height:190px}.hero-sub{font-size:14px;margin-top:10px}.hero-actions{gap:9px}.hero-actions .primary,.secondary{font-size:12px;padding:14px 15px;gap:14px}.hero-actions .primary>span{font-size:17px}.hero-bottom{gap:18px}.player-hub,.community-section{padding:60px 7%}.community-section{padding-top:0}.hub-heading{display:block}.hub-heading>p{margin-top:22px!important}.hub-heading h2,.community-panel h2{font-size:39px}.hub-grid{grid-template-columns:1fr}.hub-card{min-height:0;padding:26px}.card-number{margin-bottom:20px}.hub-card h3{font-size:24px}.hub-card p{margin-bottom:23px}.community-panel,.vote-panel{display:block;padding:30px 25px}.community-panel h2{font-size:36px}.community-panel #discord-link{margin-top:25px}.vote-panel{padding:40px 0 0}#voting-links{margin-top:22px}.account-dialog{padding:25px}.hero .eyebrow{font-size:8px}}@media(max-width:380px){.nav nav{gap:14px}.hero-brand img{width:260px}.hero-actions .primary,.secondary{padding:13px 11px;font-size:11px}}
/* Full-bleed cinematic hero background. */
.banner-scene{inset:0;height:100%;z-index:-1}.banner-art{mask-image:none;inset:-3%}.banner-art img{object-fit:cover;object-position:50% 48%;opacity:1}.banner-shade{background:linear-gradient(180deg,#030912ad 0%,#03091224 26%,#03091230 65%,#080a0c 100%),radial-gradient(ellipse at 50% 30%,#03091275 0%,#03091220 45%,transparent 70%)}.hero-glow,.hero-grid{display:none}.hero-copy{filter:drop-shadow(0 4px 18px #0009)}.hero .eyebrow{background:#07121bcc}.hero-sub{color:#e3ebf2;text-shadow:0 2px 10px #000}.nav{background:linear-gradient(#040912a0,transparent)}.chapter-label,.scroll-label{color:#c4d0de}.orb{background:#89eaff;box-shadow:0 0 20px #268aff}@media(min-width:1600px){.banner-art img{object-fit:cover}}@media(max-width:650px){.banner-scene{inset:0;height:100%}.banner-art img{object-position:50% 45%}.banner-shade{background:linear-gradient(180deg,#03091299,#03091230 35%,#03091245 70%,#080a0c)}}
/* Keep the scenery anchored to the viewport throughout the page. */
body{isolation:isolate}.banner-scene{position:fixed;inset:0;height:100vh;height:100svh;z-index:-1;perspective:none;pointer-events:none}.banner-art{inset:0;transform:none;will-change:auto}.banner-shade{background:linear-gradient(180deg,#030912a0 0%,#03091245 35%,#03091270 75%,#080a0ce6 100%)}.intro,.player-hub,.community-section{background:#080a0cbb}.closing{background:linear-gradient(#080a0cd9,#0c2325e8)}footer{background:#080a0ce8}@media(max-width:650px){.banner-scene{position:fixed;inset:0;height:100vh;height:100svh}}