@font-face{font-family:Oxanium;src:url('assets/oxanium-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--pink:#ff71ce;--cyan:#01cdfe;--purple:#b967ff;--green:#05ffa1;--ink:#170b29;--panel:#1a0a2e;--text:#f9eafa;--muted:#d2bddd;--heading:Oxanium,'Arial Black',sans-serif;--body:Manrope,Arial,sans-serif;--mono:'Courier New',monospace;--glow:0 0 16px #ff71ce20,0 0 18px #01cdfe12}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.7}body::before{content:'';position:absolute;top:0;left:0;right:0;height:740px;background:radial-gradient(ellipse at 78% 28%,#67226535,transparent 60%),linear-gradient(90deg,#ff71ce05 1px,transparent 1px),linear-gradient(#ff71ce05 1px,transparent 1px);background-size:auto,50px 50px,50px 50px;pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:none}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:800;line-height:1.1}p{max-width:70ch}::selection{background:var(--pink);color:var(--ink)}:focus-visible{outline:2px solid var(--cyan);outline-offset:6px;box-shadow:0 0 16px #01cdfe70,0 0 20px #ff71ce30}.container{width:min(1160px,calc(100% - 96px));margin-inline:auto}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--panel);color:var(--cyan);padding:12px 22px;transform:translateY(-180%);border-radius:12px}.skip-link:focus{transform:translateY(0)}
.site-header{position:relative;z-index:1;border-bottom:1px solid #b967ff24}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--heading);font-size:19px;font-weight:800;line-height:1.1;letter-spacing:1.5px;flex-shrink:0}.brand-mark{width:40px;height:44px;filter:drop-shadow(-2px 0 8px #ff71ce35) drop-shadow(2px 0 8px #01cdfe25)}.brand-second{display:block;font-size:13px;letter-spacing:5.5px;margin-top:4px}.brand-pixel{color:var(--cyan);margin-left:5px}nav{display:flex;gap:34px;margin-left:auto;margin-right:28px}nav a{font-size:13px;font-weight:700;padding:12px 0;transition:color .5s,text-shadow .5s}nav a:hover{color:var(--pink);text-shadow:2px 0 8px #01cdfe55,-2px 0 8px #ff71ce55}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;position:relative;border-radius:12px;padding:13px 22px;font-weight:800;font-size:13px;line-height:1.4;border:1px solid #ff71ce70;background:var(--panel);box-shadow:var(--glow);transition:transform .5s ease-out,box-shadow .5s ease-out,background-position .5s ease-out,color .5s;overflow:hidden}.button svg,.studio-link svg,.thumbnail-arrow svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none}.button::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent, #fff3,transparent);transform:translateX(-110%);transition:transform .7s;pointer-events:none}.button:hover{transform:translateY(-4px);box-shadow:0 0 24px #01cdfe40,0 0 18px #ff71ce35;background-position:right}.button:hover::after{transform:translateX(110%)}.button:active{transform:translate(6px,6px);box-shadow:none;transition-duration:0s}.header-button{font-size:12px;padding:11px 17px;gap:13px;border-color:#b967ff66}.primary-button{background:linear-gradient(110deg,#ff71ce,#ce78f4,#ff71ce);background-size:200% auto;color:#271039;border-color:#ffb3e8;box-shadow:0 0 20px #ff71ce45,0 0 18px #01cdfe18}.primary-button:hover{box-shadow:0 0 30px #01cdfe45,0 0 22px #ff71ce45}
.hero{position:relative;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.15fr 1fr;min-height:554px;align-items:center;position:relative;z-index:1}.hero-copy{padding-block:52px 66px}.hero-label{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:1.3px;color:var(--muted);display:flex;align-items:center;gap:10px;margin-bottom:28px}.status-light{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #05ffa177;flex:none}h1{font-size:clamp(46px,5.8vw,76px);letter-spacing:-2.5px;line-height:1.04;white-space:nowrap}h1 span{color:var(--pink);text-shadow:-2px 0 18px #ff71ce35,2px 2px 0 #01cdfe55}.hero-description{font-size:14px;line-height:1.9;color:var(--muted);margin-top:24px;max-width:490px}.hero .primary-button{margin-top:28px;padding:15px 25px;gap:30px}.hero-footnote{display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.6px;color:#c9acd4;margin-top:29px}.hero-footnote span{font-size:16px;color:var(--cyan)}.hero-art{position:relative;isolation:isolate;min-width:0;align-self:stretch;display:grid;align-items:center;margin:0 -25px 0 -10px}.stack-art{width:100%;max-height:444px;filter:drop-shadow(-4px 0 20px #ff71ce22) drop-shadow(4px 0 24px #01cdfe22);animation:float 7s ease-in-out infinite;transform:translateY(-7px)}.orbital-ring{position:absolute;border:1px solid #b967ff22;border-radius:50%;width:430px;height:430px;left:50%;top:48%;transform:translate(-50%,-50%);z-index:-1}.ring-two{width:340px;height:340px;border-style:dashed;opacity:.6}.art-spark{position:absolute;font-family:var(--mono);font-size:24px;color:var(--pink);text-shadow:-1px 0 10px #ff71ce66,2px 0 10px #01cdfe55}.spark-one{top:14%;left:24%;font-size:18px}.spark-two{top:47%;right:0;color:var(--cyan)}.spark-three{bottom:20%;left:1%;font-size:16px;color:var(--cyan)}.art-caption{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:20px;color:#c3a4db;font-family:var(--mono);font-size:9px;letter-spacing:1.2px}.art-caption span:first-child{color:var(--pink);font-size:10px}.horizon-grid{position:absolute;left:-50%;width:200%;bottom:-228px;height:400px;background:linear-gradient(#ff71ce24 1px,transparent 1px),linear-gradient(90deg,#01cdfe20 1px,transparent 1px);background-size:62px 62px;transform:perspective(230px) rotateX(59deg);transform-origin:center top;mask-image:linear-gradient(transparent,#000 32%,#000)}.hero-horizon{position:absolute;bottom:0;left:0;right:0;height:1px;box-shadow:0 0 10px #ff71ce55,0 0 14px #01cdfe40;background:#b967ff55}.arcade-strip{position:relative;background:#261038;border-bottom:1px solid #ff71ce20;overflow:hidden}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:47px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:1.5px;color:#d6b3e4;white-space:nowrap}.strip-star{color:var(--pink);font-size:17px}
.games-section{padding-block:77px 86px;scroll-margin-top:24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading h2{font-size:34px;letter-spacing:-.8px}.section-heading h2 span{color:var(--pink);text-shadow:-1px 0 12px #ff71ce22,1px 1px 0 #01cdfe55}.section-heading p{font-size:13px;color:var(--muted);margin-top:10px}.collection-count{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#d0acd9;padding-bottom:3px;display:flex;gap:9px;align-items:center;white-space:nowrap}.collection-count span{color:var(--cyan);font-size:17px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.game-card{border:1px solid #ff71ce55;border-bottom:2px solid #01cdfe55;border-radius:16px;background:var(--panel);box-shadow:0 0 16px #ff71ce1c,0 0 18px #01cdfe10;overflow:hidden;transition:transform .5s ease-out,box-shadow .5s ease-out}.game-card:hover{transform:translateY(-6px) rotate(.5deg);box-shadow:0 0 28px #01cdfe25,0 0 25px #ff71ce25}.game-thumbnail{height:280px;width:100%;display:block;position:relative;overflow:hidden;border-bottom:1px solid #b967ff40;background:#0d0314;text-align:initial;padding:0;border-radius:14px 14px 0 0;box-shadow:0 0 16px #ff71ce10,0 0 16px #01cdfe10;transition:box-shadow .5s}.game-thumbnail:active{transform:translate(6px,6px);transition-duration:0s}.panelix-thumbnail{background:radial-gradient(ellipse at 50% 60%,#32113e,#0e0314 85%)}.panelix-thumbnail img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;mix-blend-mode:screen;transform:scale(1.04);transition:transform .7s ease-out}.panelix-thumbnail:hover img{transform:scale(1.085)}.game-status{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:7px;border-radius:7px;padding:6px 10px;background:#160923;border:1px solid #05ffa166;color:#05ffa1;font-family:var(--mono);font-size:9px;font-weight:700;line-height:1.2;letter-spacing:.7px}.game-status span{font-size:8px}.game-status.upcoming{color:var(--pink);border-color:#ff71ce66;background:#220d32}.thumbnail-index{position:absolute;bottom:16px;left:19px;font-family:var(--mono);font-size:8px;letter-spacing:1.2px;color:#dfbfe8}.thumbnail-arrow{position:absolute;right:17px;bottom:14px;border:1px solid #b967ff50;background:#211030;color:var(--cyan);border-radius:9px;padding:7px;transition:transform .5s,box-shadow .5s}.game-thumbnail:hover .thumbnail-arrow{transform:translate(2px,-2px);box-shadow:0 0 12px #01cdfe30,0 0 12px #ff71ce20}.gridcade-thumbnail{background:radial-gradient(ellipse at 50% 60%,#66257277,transparent 75%),#1b0a30}.gridcade-thumbnail::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#10052340 3px 4px);pointer-events:none}.gridcade-sunset{position:absolute;width:164px;height:164px;border-radius:50%;left:50%;top:41px;transform:translateX(-50%);background:linear-gradient(#ff71ce55,#b967ff22);mask-image:linear-gradient(#000 0 53%,transparent 53% 56%,#000 56% 63%,transparent 63% 67%,#000 67% 75%,transparent 75% 80%,#000 80% 90%,transparent 90%);box-shadow:0 0 30px #ff71ce55}.gridcade-grid{position:absolute;left:-25%;right:-25%;height:200px;bottom:-110px;background:linear-gradient(#ff71ce66 1px,transparent 1px),linear-gradient(90deg,#01cdfe66 1px,transparent 1px);background-size:28px 28px;transform:perspective(140px) rotateX(45deg);transform-origin:center top;mask-image:linear-gradient(transparent,#000 35%)}.gridcade-wordmark{position:absolute;top:69px;left:0;right:0;text-align:center;z-index:1;font-family:var(--heading);font-size:54px;letter-spacing:8px;line-height:.88;font-weight:800;color:var(--pink);text-shadow:-2px 0 12px #ff71ce99,3px 2px 0 #6e397f;transform:skewY(-5deg);transition:transform .7s}.gridcade-wordmark>span{display:block;color:var(--cyan);text-shadow:2px 0 16px #01cdfe77,-2px 2px 0 #a94080;font-size:59px;margin-top:5px;letter-spacing:6px}.gridcade-thumbnail:hover .gridcade-wordmark{transform:skewY(-5deg) translateY(-3px)}.gridcade-art-subtitle{position:absolute;top:207px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:8px;letter-spacing:2px;color:#edcbee;z-index:1}.game-content{padding:25px 26px 26px}.game-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.game-title-row h3{font-size:29px;letter-spacing:-.6px}.platform{font-family:var(--mono);font-size:8px;letter-spacing:.6px;color:var(--cyan);line-height:1.4}.game-content p{font-size:13px;color:var(--muted);line-height:1.9;min-height:50px;max-width:48ch}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.game-tags{display:flex;align-items:center;gap:7px}.game-tags span{font-size:10px;background:#2b1642;color:#dfbfea;border-radius:6px;padding:4px 9px;line-height:1.4}.game-button{padding:11px 17px;font-size:11px;gap:20px;color:var(--pink);border-color:#ff71ce60;background:linear-gradient(110deg,#41214a,#261239,#41214a);background-size:200% auto}.game-button svg{width:17px;height:17px}.secondary-button{color:var(--cyan);border-color:#01cdfe55;background:linear-gradient(110deg,#163348,#22143b,#163348);background-size:200% auto}
.studio-section{position:relative;background:#201032;border-top:1px solid #b967ff30;border-bottom:1px solid #ff71ce20;overflow:hidden}.studio-section::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ff71ce06 1px,transparent 1px),linear-gradient(#01cdfe06 1px,transparent 1px);background-size:50px 50px}.studio-inner{display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:80px;padding-block:69px}.studio-emblem{display:flex;flex-direction:column;align-items:center;gap:25px}.studio-emblem svg{width:100px;height:112px;filter:drop-shadow(-7px 0 22px #ff71ce35) drop-shadow(7px 0 22px #01cdfe30);transform:rotate(-8deg)}.studio-emblem span{font-size:8px;font-family:var(--mono);letter-spacing:1.1px;color:#d0b2dc}.studio-copy{position:relative}.studio-copy h2{font-size:32px;letter-spacing:-.5px;line-height:1.25}.studio-copy h2 span{color:var(--pink);text-shadow:-1px 0 12px #ff71ce30,1px 1px 0 #01cdfe44}.studio-copy p{color:var(--muted);font-size:13px;line-height:1.9;margin-top:17px;max-width:59ch}.studio-link{display:inline-flex;align-items:center;gap:12px;margin-top:23px;font-weight:700;font-size:12px;color:var(--cyan);transition:gap .5s,color .5s}.studio-link:hover{gap:20px;color:var(--pink)}.studio-link svg{width:16px;height:16px}.footer-inner{min-height:113px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:14px;gap:9px;letter-spacing:1px}.footer-brand .brand-mark{width:29px;height:33px}.footer-brand .brand-second{font-size:9px;letter-spacing:4.2px}.footer-inner p{font-size:10px;color:#c5a9d4}.back-top{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#d6b7e1;display:flex;gap:13px;padding:12px 0;transition:color .5s}.back-top span{color:var(--cyan);font-size:15px}.back-top:hover{color:var(--pink)}
dialog{background:var(--panel);color:var(--text);width:min(500px,calc(100% - 40px));padding:0;border:1px solid #ff71ce99;border-bottom:2px solid #01cdfe99;border-radius:18px;box-shadow:0 0 36px #ff71ce35,0 0 40px #01cdfe25}dialog::backdrop{background:#130620d9;backdrop-filter:blur(5px)}.dialog-content{position:relative;padding:45px 37px 39px}.dialog-close{position:absolute;right:15px;top:15px;font-size:24px;font-weight:500;padding:2px 11px;color:var(--pink);line-height:1.4}.dialog-status{font-family:var(--mono);font-size:11px;color:var(--pink);letter-spacing:1.5px;margin-bottom:20px}.dialog-status span{margin-right:8px;color:var(--cyan)}.dialog-content h2{font-size:44px;color:var(--cyan);text-shadow:2px 2px 0 #ff71ce66}.dialog-content p:not(.dialog-status){font-size:14px;color:var(--muted);margin-top:19px}.dialog-content .dialog-note{font-size:12px!important;line-height:1.9}.dialog-content .primary-button{margin-top:27px;font-size:12px}
@keyframes float{0%,100%{transform:translateY(-7px)}50%{transform:translateY(4px)}}
@media(min-width:1440px){.hero-inner{min-height:590px}.hero-art{margin-left:18px}.stack-art{max-height:460px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner{gap:20px}nav{gap:24px;margin-right:0}h1{font-size:clamp(42px,6.2vw,66px)}.hero-label{font-size:9px;letter-spacing:.7px}.hero-description{font-size:13px}.hero-inner{min-height:505px}.hero-art{margin-left:-25px;margin-right:-15px}.orbital-ring{width:350px;height:350px}.ring-two{width:280px;height:280px}.game-thumbnail{height:248px}.game-title-row{align-items:baseline}.platform{font-size:7px}.game-content{padding:22px}.game-content p{font-size:12px}.game-grid{gap:22px}.gridcade-wordmark{top:57px;font-size:47px}.gridcade-wordmark>span{font-size:51px}.gridcade-art-subtitle{top:181px}.studio-inner{gap:40px}.section-heading h2{font-size:29px}.strip-inner{font-size:8px;gap:15px;letter-spacing:.8px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header-inner{min-height:86px;gap:16px}.brand{font-size:16px;gap:8px}.brand-mark{width:32px;height:38px}.brand-second{font-size:11px;letter-spacing:4.5px}.header-button{display:none}nav{font-size:12px;gap:22px}nav a{font-size:12px}.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding-block:49px 20px;text-align:center;position:relative;z-index:2}.hero-label{justify-content:center;font-size:8px;margin-bottom:22px;letter-spacing:1px}h1{font-size:clamp(36px,8.6vw,62px);letter-spacing:-1.5px}.hero-description{margin:20px auto 0;font-size:13px;max-width:42ch}.desktop-break{display:none}.hero .primary-button{margin-top:24px;padding:14px 22px}.hero-footnote{justify-content:center;font-size:8px;margin-top:23px}.hero-art{height:345px;width:min(430px,100%);margin:0 auto}.stack-art{height:320px;max-height:320px;align-self:start}.orbital-ring{height:285px;width:285px;top:46%}.ring-two{height:220px;width:220px}.art-caption{bottom:16px;font-size:8px;gap:12px}.spark-one{top:9%}.spark-three{bottom:28%}.horizon-grid{bottom:-254px}.strip-inner{justify-content:center;gap:22px;min-height:42px}.strip-inner>span:nth-child(n+5){display:none}.games-section{padding-block:49px 54px}.section-heading{align-items:start;margin-bottom:25px}.section-heading h2{font-size:24px;max-width:260px;line-height:1.2}.section-heading p{font-size:12px}.collection-count{font-size:8px;letter-spacing:0;margin-top:7px}.game-grid{grid-template-columns:1fr;gap:25px}.game-thumbnail{height:280px}.game-content{padding:23px}.game-content p{font-size:13px}.game-title-row h3{font-size:28px}.platform{font-size:8px}.card-bottom{margin-top:22px}.gridcade-wordmark{top:68px;font-size:54px}.gridcade-wordmark>span{font-size:59px}.gridcade-art-subtitle{top:209px}.studio-inner{grid-template-columns:1fr;gap:32px;padding-block:49px;text-align:center}.studio-emblem{gap:0}.studio-emblem svg{width:63px;height:70px}.studio-emblem>span{display:none}.studio-copy h2{font-size:28px}.studio-copy p{margin-inline:auto;font-size:13px}.studio-link{font-size:12px}.footer-inner{min-height:154px;flex-wrap:wrap;justify-content:space-between;gap:13px;padding-block:24px}.footer-inner p{order:3;width:100%;font-size:10px}.back-top{font-size:8px}.dialog-content{padding:45px 26px 30px}body::before{background-size:auto,30px 30px,30px 30px}}
@media(max-width:380px){h1{font-size:32px}nav{gap:15px}nav a{font-size:11px}.hero-label{font-size:7px;letter-spacing:.5px}.hero-footnote{font-size:7px}.section-heading{flex-direction:column;gap:8px}.section-heading h2{max-width:100%;font-size:23px}.collection-count{margin-top:0}.game-title-row{gap:8px}.platform{font-size:7px}.game-content{padding:20px}.game-button{padding:10px 12px;gap:10px}.game-tags span{font-size:9px;padding:4px 7px}.game-thumbnail{height:255px}.gridcade-wordmark{top:62px;font-size:48px}.gridcade-wordmark>span{font-size:53px}.gridcade-art-subtitle{top:191px}.studio-copy h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.stack-art{transform:translateY(-7px)}.button:hover,.game-card:hover{transform:none}}