@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{--bg:#090b10;--panel:#11151d;--ink:#f5f7fa;--muted:#a2a9b4;--blue:#28d4f3;--line:#ffffff24;--red:#f0444e;--display:'Oswald','Arial Narrow',Impact,sans-serif;--body:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--body);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}img{max-width:100%;display:block}button{border:0}::selection{background:var(--blue);color:var(--bg)}.skip{position:fixed;top:-100px;left:20px;background:var(--blue);color:#000;padding:12px;z-index:100}.skip:focus{top:20px}.header{position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 5%;border-bottom:1px solid var(--line);gap:25px}.brand{font:800 42px/.9 var(--body);letter-spacing:-4px}.brand-dot{color:var(--blue)}nav{display:flex;gap:34px;font-size:14px;font-weight:600}nav a{transition:color .2s}nav a:hover{color:var(--blue)}.sound{display:flex;gap:12px;align-items:center;background:#0b101a8a;border:1px solid #ffffff42;border-radius:50px;padding:9px 16px;font-size:12px}.equalizer{display:flex;align-items:center;height:20px;gap:3px}.equalizer i{width:2px;height:5px;background:var(--blue)}.equalizer i:nth-child(2){height:15px}.equalizer i:nth-child(3){height:10px}.sound[aria-pressed=true] i{animation:sound .65s infinite alternate}.sound[aria-pressed=true] i:nth-child(2n){animation-delay:.3s}@keyframes sound{to{height:18px}}.hero{height:max(820px,100svh);min-height:760px;position:relative;isolation:isolate;display:flex;align-items:center;padding:120px 6% 115px;overflow:hidden}.hero-photo,.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-3;object-fit:cover;object-position:65% 40%}.hero-photo{background:url('images/character-gaming.png') 85% 42%/auto 115% no-repeat #060916}.hero-video{z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(0deg,var(--bg),transparent 22%),linear-gradient(90deg,#06090fee 0%,#06090fc2 32%,#06090f25 72%,#06090f35)}.hero-content{max-width:800px}.eyebrow{display:flex;align-items:center;gap:15px;font-size:12px;font-weight:800;letter-spacing:2px;margin:0 0 24px}.tag{background:var(--blue);color:#080c12;padding:3px 12px;border-radius:3px;letter-spacing:1px}.hero h1{font:700 clamp(88px,10.8vw,164px)/.99 var(--display);letter-spacing:-3px;margin:0 0 22px}.hero h1>span{color:var(--blue)}.title-period{color:var(--red)}.hero-caption{font-size:18px;line-height:1.6;color:#d7dbe4;margin:24px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:15px 22px;border-radius:4px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-blue{background:var(--blue);color:#081017}.button-blue:hover{background:#8bedff}.button-outline{border:1px solid #ffffff50;background:#0b101680}.button span{font-size:22px;font-weight:400}.social-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:27px;font-size:12px;color:#d5dae2}.social-links a:hover{text-decoration:underline;color:var(--blue)}.hero-bottom{position:absolute;bottom:35px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:1.7px;color:#c2c8d3}.hero-bottom>a span{margin-left:20px;font-size:21px}.hero-bottom button{background:none;font-size:12px;color:#c2c8d3}.ticker{background:var(--blue);color:#071119;padding:12px 0;overflow:hidden;transform:rotate(-1.5deg);margin:-4px -10px 0;position:relative;z-index:2;white-space:nowrap}.ticker>div{font:600 27px var(--display);word-spacing:15px;width:max-content}.ticker span{padding:0 28px}.section{padding:85px 6%}.section-top{display:flex;justify-content:space-between;gap:25px;font-size:12px;letter-spacing:1.6px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:70px}.lore-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:center}.blue{color:var(--blue)}h2{font:600 clamp(46px,5.3vw,78px)/1.12 var(--display);letter-spacing:-1px;margin:0 0 28px}h2 em{font-style:normal;color:var(--blue)}.lore-text>p:not(.eyebrow){color:var(--muted);max-width:550px;margin:20px 0}.portrait{position:relative;margin:0;transform:rotate(3deg);border:1px solid #ffffff30;padding:12px;background:#171c25;box-shadow:24px 24px 0 #28d4f30b}.portrait img{aspect-ratio:1;object-fit:cover}.portrait figcaption{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.2px;padding:16px 3px 3px}.lore-stamp{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);margin-top:35px;padding-top:22px}.lore-stamp>span{font:700 45px var(--display);color:var(--blue)}.lore-stamp small{font-size:11px;letter-spacing:2px;line-height:1.7}.fly-stage{position:relative;height:330px;display:flex;align-items:center;overflow:hidden;margin:70px -6.82% -85px}.fly-word{font:600 clamp(70px,13vw,200px)/1 var(--display);white-space:nowrap;color:#151c25;width:100%;text-align:center}.fly-stage img{position:absolute;width:230px;height:230px;object-fit:cover;left:0;border:6px solid var(--blue);border-radius:18px;transform:translateX(-110%) rotate(-12deg);box-shadow:0 12px 55px #0008;will-change:transform}.roadmap{background:#10141c}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);font-size:16px}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff29}.roadmap-grid article{padding:28px 30px 32px;position:relative;overflow:hidden}.roadmap-grid article+article{border-left:1px solid #ffffff29}.phase{display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:1px;color:var(--muted)}.phase-number{display:block;font:600 100px/1.4 var(--display);color:#ffffff13;margin:9px 0 -10px}.roadmap-grid h3{font:600 26px var(--display);margin:0 0 13px}.roadmap-grid p{font-size:14px;color:var(--muted);min-height:95px;margin:0 0 35px}.phase-platform{font-size:12px;letter-spacing:1.5px;color:var(--blue);border-top:1px solid var(--line);display:block;padding-top:20px}.roadmap-note,.chart-note{font-size:12px;color:var(--muted);margin-top:22px}.archive-label{font-size:12px;letter-spacing:1.6px;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:25px 0}.gallery-item{padding:0;background:none;text-align:left;transition:transform .3s;min-width:0}.gallery-item:nth-child(even){transform:translateY(36px)}.gallery-item:hover{transform:translateY(-8px) rotate(-2deg)}.gallery-item:nth-child(even):hover{transform:translateY(28px) rotate(2deg)}.gallery-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.gallery-item span{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.8px;margin-top:15px;color:#b5bdc9}.gallery-item b{color:var(--blue);font-size:18px}.chart-section{padding-top:110px}.text-link{font-size:14px;color:var(--blue);border-bottom:1px solid #28d4f350;padding-bottom:6px}.chart-shell{border:1px solid #ffffff30;border-radius:8px;overflow:hidden;background:#10151d}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px;border-bottom:1px solid var(--line)}.chart-toolbar strong{font-size:18px}.chart-toolbar strong span{color:var(--muted);font-weight:400}.chart-toolbar>span{font-size:12px;letter-spacing:1px;color:var(--muted)}iframe{display:block;width:100%;height:590px;border:0;color-scheme:dark}.footer{background:var(--blue);color:#061117;padding-bottom:28px}.footer .section-top{color:#173d49;border-color:#06111740;margin-bottom:65px}.footer>.eyebrow{font-size:12px}.footer h2{font-size:clamp(68px,10vw,155px);line-height:1.02;letter-spacing:-2px;margin-bottom:45px}.footer h2>span{color:transparent;-webkit-text-stroke:2px #061117}.footer-links{display:flex;flex-wrap:wrap;border-top:1px solid #06111745;border-bottom:1px solid #06111745;margin-bottom:38px}.footer-links a{flex:1;min-width:150px;padding:23px 18px;font-size:16px;font-weight:800;display:flex;justify-content:space-between;gap:25px}.footer-links a:hover{background:#061117;color:var(--blue)}.footer-links a:focus-visible{outline-color:#061117}.disclaimer{display:grid;grid-template-columns:1fr 3fr;gap:25px;color:#173d49}.disclaimer h3{margin:0;font-size:14px}.disclaimer p{margin:0;font-size:12px;line-height:1.8}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:40px;padding-top:30px;border-top:1px solid #06111740;font-size:11px;letter-spacing:1px}.footer-bottom .brand-dot{color:#f33546}dialog{padding:0;border:1px solid #ffffff40;background:#0a1018;color:#fff;border-radius:8px;max-width:min(86vw,790px);max-height:92svh;overflow:auto}dialog::backdrop{background:#03060de8;backdrop-filter:blur(12px)}dialog>img{width:100%;max-height:78svh;object-fit:contain}dialog>p{margin:0;padding:14px 22px;font-size:14px}.close-modal{position:absolute;right:12px;top:12px;background:#071018d9;width:42px;height:42px;border-radius:50%;font-size:30px;line-height:1}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;padding:13px 20px;background:#182b37;border:1px solid var(--blue);border-radius:5px;font-size:14px;color:white;text-align:center}.toast[hidden]{display:none}
@media(min-width:1700px){.section{padding-left:max(6%,calc((100% - 1550px)/2));padding-right:max(6%,calc((100% - 1550px)/2))}.hero-content{margin-left:calc((100vw - 1700px)/2)}}
@media(max-width:950px){nav{gap:18px}.hero{min-height:780px;height:100svh}.hero h1{font-size:110px}.hero-photo{background-position:62% center;background-size:auto 100%}.hero-shade{background:linear-gradient(0deg,var(--bg),transparent 30%),linear-gradient(90deg,#06090fe8,#06090f80 60%,#06090f40)}.lore-layout{gap:6%}.section{padding:65px 6%}.section-top{margin-bottom:45px}.roadmap-grid article{padding:24px 20px}.roadmap-grid p{min-height:135px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:30px}.gallery-item:nth-child(even){transform:translateY(25px)}.gallery-item:nth-child(even):hover{transform:translateY(17px)}.fly-stage{margin-bottom:-65px}.disclaimer{grid-template-columns:1fr 2fr}}
@media(max-width:600px){.header{padding:18px 6%;flex-wrap:wrap;gap:16px}.brand{font-size:35px}.header nav{order:3;width:100%;justify-content:space-between;font-size:12px;gap:10px}.sound{padding:7px 12px;font-size:11px}.hero{min-height:800px;height:100svh;padding-top:160px;padding-bottom:100px;align-items:center}.hero h1{font-size:clamp(80px,21vw,118px);letter-spacing:-1.5px}.hero-video{object-position:62% center}.hero-photo{background-position:59% center}.hero-shade{background:linear-gradient(0deg,var(--bg),transparent 30%),linear-gradient(90deg,#06090fd9,#06090f70)}.eyebrow{font-size:10px;letter-spacing:1.3px}.hero-caption{font-size:16px}.button{padding:12px 16px;font-size:12px;gap:20px}.social-links{gap:13px;font-size:11px;max-width:340px}.hero-bottom{font-size:10px;bottom:25px;flex-wrap:wrap}.hero-bottom>span{display:none}.hero-bottom button{font-size:10px}.ticker>div{font-size:22px}.section-top{font-size:10px;letter-spacing:.8px;gap:12px}.section-top>span:last-child{text-align:right}.lore-layout{grid-template-columns:1fr;gap:40px}.portrait{width:90%;justify-self:center}.lore-text>p:not(.eyebrow){font-size:15px}.fly-stage{height:270px;margin-top:40px}.fly-stage img{width:170px;height:170px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.section-heading>p{margin:0}.roadmap-grid{grid-template-columns:1fr}.roadmap-grid article+article{border-left:0;border-top:1px solid #ffffff29}.roadmap-grid article{padding:27px}.phase-number{font-size:78px;float:right;line-height:1.2;margin:20px 0 0 15px}.roadmap-grid h3{margin-top:25px}.roadmap-grid p{min-height:0;max-width:360px}.gallery-grid{gap:16px}.gallery-item span{font-size:9px;letter-spacing:0}.gallery-item b{font-size:14px}.archive-label{font-size:11px}.chart-section{padding-top:75px}iframe{height:510px}.chart-toolbar{padding:12px}.chart-toolbar>span{font-size:10px}.footer h2{font-size:20vw}.footer-links a{min-width:50%;font-size:14px;padding:17px 9px}.disclaimer{grid-template-columns:1fr;gap:12px}.footer-bottom{font-size:9px;gap:10px}.footer-bottom .brand{font-size:30px}h2{font-size:46px}dialog{max-width:94vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.fly-stage img{transform:translateX(calc(50vw - 50%))!important;will-change:auto}}