:root{
  --bg:#0a0716;--bg2:#18102f;--ink:#f8f6ff;--muted:#aaa4bb;
  --red:#e63235;--green:#2eb45a;--blue:#2b67d6;--yellow:#f1c72b;
  --purple:#6c3fb7;--panel:#d0d0d2;--panel-dark:#aaa9ad;--line:rgba(255,255,255,.14);
  --pixel:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 74% 9%,rgba(108,63,183,.28),transparent 27%),radial-gradient(circle at 15% 28%,rgba(43,103,214,.13),transparent 30%),linear-gradient(180deg,#17102d 0,#090612 42%,#100b20 100%);color:var(--ink);font-family:var(--sans);min-height:100vh;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}.crt{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.045;background:repeating-linear-gradient(0deg,rgba(255,255,255,.8) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.topbar{height:96px;display:flex;align-items:center;gap:28px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-copy{display:grid;line-height:1}.brand-copy b{font-family:var(--pixel);font-size:16px;letter-spacing:-.08em}.brand-copy small{font-family:var(--pixel);font-size:9px;letter-spacing:.34em;color:#bbb4cd;margin-top:7px}.r64-mark{position:relative;width:54px;height:54px;display:block;transform:rotate(-5deg)}.r64-mark .face{position:absolute;width:34px;height:34px;display:grid;place-items:center;font:900 21px/1 var(--sans);font-style:normal;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.25);clip-path:polygon(15% 0,100% 12%,85% 100%,0 84%)}.r64-mark .face-a{left:0;top:3px;background:var(--red);z-index:3}.r64-mark .face-b{right:0;top:0;background:var(--blue);z-index:2}.r64-mark .face-c{left:10px;bottom:0;background:var(--green);z-index:4}.r64-mark:after{content:"";position:absolute;width:17px;height:17px;right:4px;bottom:5px;background:var(--yellow);clip-path:polygon(0 10%,100% 0,85% 100%,10% 86%);z-index:5}.r64-mark.small{transform:scale(.8) rotate(-5deg);transform-origin:left center;margin-right:-8px}.topbar nav{display:flex;gap:30px;margin-left:auto}.topbar nav a{font-family:var(--pixel);font-weight:800;font-size:11px;text-decoration:none;color:#b8b0c9}.topbar nav a:hover{color:#fff}.power{font:700 9px var(--pixel);color:#8e889f;display:flex;align-items:center;gap:7px}.power i{width:8px;height:8px;border-radius:50%;background:#f13b3b;box-shadow:0 0 10px rgba(241,59,59,.8)}
.hero{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;padding:42px 0 76px}.kicker{font:800 10px/1.6 var(--pixel);letter-spacing:.12em;color:#8f87a3;margin:0}.hero h1{margin:18px 0 24px;font-family:var(--pixel);font-size:clamp(52px,8vw,92px);line-height:.91;letter-spacing:-.095em}.hero h1 span{display:block}.hero h1 .outline{-webkit-text-stroke:2px #f3efff;color:transparent;text-shadow:5px 5px 0 rgba(43,103,214,.4)}.hero h1 .solid{color:var(--yellow);text-shadow:5px 5px 0 #6f3b13,9px 9px 0 rgba(0,0,0,.22);margin-top:12px}.hero-text{max-width:650px;color:#b8b1c8;font-size:18px;line-height:1.58}.hero-text strong{color:#fff}.start-row{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.game-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 19px;text-decoration:none;font:900 11px var(--pixel);border:2px solid rgba(255,255,255,.7);box-shadow:5px 6px 0 rgba(0,0,0,.38);transition:.14s}.game-btn span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.15);font-family:var(--sans);font-size:13px}.btn-red{background:var(--red)}.btn-blue{background:var(--blue)}.game-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 8px 0 rgba(0,0,0,.38)}.ca-card{max-width:700px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));padding:14px 14px 14px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.ca-leds{display:flex;gap:4px}.ca-leds i{width:5px;height:22px;background:#3d354f}.ca-leds i:nth-child(1){background:var(--red)}.ca-leds i:nth-child(2){background:var(--green)}.ca-leds i:nth-child(3){background:var(--blue)}.ca-content{min-width:0}.ca-content span{display:block;color:#827b93;font:800 9px var(--pixel);margin-bottom:6px}.ca-content code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eee9fa;font:12px var(--pixel)}.copy{border:0;background:var(--yellow);color:#211707;padding:13px 14px;font:900 9px var(--pixel);cursor:pointer;box-shadow:3px 3px 0 #6c4f06}.copy:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #6c4f06}
.hero-stage{position:relative;min-height:500px;display:grid;place-items:center;perspective:900px}.stars{position:absolute;inset:8% 2%;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#8aa9ff 0 1px,transparent 1.5px);background-position:0 0,31px 43px;background-size:88px 88px,111px 111px;opacity:.45;mask-image:radial-gradient(circle,#000,transparent 72%)}.wire-sphere{position:absolute;width:390px;height:390px;border:1px solid rgba(117,90,197,.28);border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 25px,rgba(93,64,173,.12) 26px 27px,transparent 28px 46px);transform:rotateX(62deg) rotateZ(-12deg);box-shadow:0 0 80px rgba(95,63,183,.22)}.logo3d{position:relative;width:310px;height:310px;transform:rotateX(-7deg) rotateY(-13deg) rotateZ(-3deg);animation:floatLogo 5s ease-in-out infinite}.block{position:absolute;display:grid;place-items:center;color:#fff;font:1000 94px/1 var(--sans);text-shadow:5px 6px 0 rgba(0,0,0,.18);box-shadow:inset -10px -12px 0 rgba(0,0,0,.16),inset 7px 8px 0 rgba(255,255,255,.11),12px 14px 0 rgba(0,0,0,.18);clip-path:polygon(8% 0,100% 8%,92% 100%,0 91%)}.block-r{left:12px;top:20px;width:150px;height:185px;background:var(--red);z-index:5}.block-6{right:10px;top:0;width:147px;height:168px;background:var(--blue);z-index:4}.block-4{left:87px;top:131px;width:145px;height:162px;background:var(--green);z-index:6}.base-yellow{right:0;bottom:28px;width:90px;height:80px;background:var(--yellow);z-index:3}.base-blue{left:18px;bottom:0;width:103px;height:78px;background:#325cd1;z-index:2}.base-green{right:53px;bottom:0;width:110px;height:75px;background:#1f8b4a;z-index:1}.stage-shadow{position:absolute;width:300px;height:55px;background:rgba(0,0,0,.45);filter:blur(18px);border-radius:50%;bottom:54px;transform:rotate(-4deg)}.press-start{position:absolute;bottom:8px;font:900 11px var(--pixel);letter-spacing:.12em;color:#d9d4e6;animation:blink 1.2s steps(1) infinite}.rainbow-rail{height:10px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 5px 18px rgba(0,0,0,.2)}.rainbow-rail i:nth-child(1){background:var(--red)}.rainbow-rail i:nth-child(2){background:var(--yellow)}.rainbow-rail i:nth-child(3){background:var(--green)}.rainbow-rail i:nth-child(4){background:var(--blue)}
.console-section{padding:105px 0}.section-title{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:end;margin-bottom:30px}.section-title .kicker{grid-column:1/-1}.section-title h2{font:900 clamp(28px,4vw,52px)/1 var(--pixel);letter-spacing:-.07em;margin:0}.section-title h2 em{color:var(--yellow);font-style:normal}.section-title>p:last-child{margin:0;color:#9d96ad;line-height:1.55}.console-frame{background:linear-gradient(145deg,#d5d5d7,#aaa9ad);border-radius:34px 34px 72px 72px;padding:22px 26px 31px;box-shadow:inset 0 4px 0 rgba(255,255,255,.72),inset 0 -8px 0 rgba(72,70,76,.16),0 30px 80px rgba(0,0,0,.38);border:2px solid #8d8c90}.console-top{height:38px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#5d5c62}.vent{width:46px;height:5px;border-radius:5px;background:#96959a;box-shadow:inset 0 2px 2px rgba(0,0,0,.25)}.console-label{margin-left:auto;font:900 9px var(--pixel);letter-spacing:.1em}.power-light{width:11px;height:11px;border-radius:50%;background:#d62e32;box-shadow:inset 0 2px 2px rgba(255,255,255,.4),0 0 7px rgba(205,31,35,.35)}.screen-bezel{background:#37343c;border-radius:17px 17px 26px 26px;padding:14px 14px 17px;box-shadow:inset 0 5px 12px rgba(0,0,0,.6),0 2px 0 rgba(255,255,255,.5)}.hud{display:flex;justify-content:space-between;gap:14px;padding:8px 11px 12px;color:#a9a2b3;font:900 10px var(--pixel)}.hud b{color:#fff}.screen-wrap{position:relative;overflow:hidden;border-radius:5px;background:#05040b;box-shadow:inset 0 0 24px #000}canvas{display:block;width:100%;height:auto;aspect-ratio:960/460;image-rendering:pixelated}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,rgba(24,15,48,.7),rgba(4,3,10,.92));transition:.2s}.game-overlay.hidden{opacity:0;pointer-events:none}.overlay-inner{text-align:center;padding:20px}.overlay-logo{font:900 clamp(24px,5vw,56px)/1 var(--pixel);letter-spacing:-.08em;text-shadow:5px 5px 0 #2c2053}.overlay-logo strong{color:var(--yellow)}.overlay-inner p{font:800 9px var(--pixel);letter-spacing:.12em;color:#938ba7;margin:18px 0}.start-button{border:2px solid #fff;background:var(--red);color:#fff;padding:15px 18px;font:900 10px var(--pixel);cursor:pointer;box-shadow:5px 5px 0 #70191b}.controller-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 32px 3px}.dpad{display:flex;align-items:center;gap:5px}.dpad button,.dpad span{width:54px;height:46px;border:0;background:#4c4a50;color:#ddd;border-radius:7px;box-shadow:inset 0 3px 0 rgba(255,255,255,.12),0 4px 0 #29282b;font-size:18px}.dpad span{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}.dpad button{cursor:pointer}.dpad button:active{transform:translateY(3px);box-shadow:inset 0 3px 0 rgba(255,255,255,.08),0 1px 0 #29282b}.controller-center{text-align:center;color:#6e6b72;display:grid}.controller-center span{font:1000 19px var(--sans);letter-spacing:-.08em}.controller-center small{font:800 7px var(--pixel);letter-spacing:.12em}.ab-buttons{justify-self:end;display:flex;gap:12px;transform:rotate(-14deg)}.ab-buttons i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#315fd0;color:#fff;font:900 16px var(--sans);font-style:normal;box-shadow:inset 0 3px 0 rgba(255,255,255,.25),0 4px 0 #17367e}.ab-buttons i:last-child{background:#2da85a;box-shadow:inset 0 3px 0 rgba(255,255,255,.25),0 4px 0 #14622f}
.portal{padding:35px 0 92px}.section-title.compact{display:block}.section-title.compact h2{margin-top:12px}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portal-card{position:relative;min-height:270px;padding:26px;border:1px solid rgba(255,255,255,.14);text-decoration:none;overflow:hidden;background:rgba(255,255,255,.045);box-shadow:0 18px 45px rgba(0,0,0,.2);transition:.18s}.portal-card:before{content:"";position:absolute;width:160px;height:160px;right:-45px;top:-52px;border-radius:50%;opacity:.18}.portal-card.yellow:before{background:var(--yellow)}.portal-card.green:before{background:var(--green)}.portal-card.red:before{background:var(--red)}.portal-card.blue:before{background:var(--blue)}.portal-card.purple:before{background:var(--purple)}.portal-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.3)}.portal-card .number{font:800 9px var(--pixel);color:#7d768f}.pixel-icon{display:grid;place-items:center;width:52px;height:52px;margin:30px 0 20px;font:900 26px var(--pixel);background:#211936;border:1px solid rgba(255,255,255,.15);box-shadow:5px 5px 0 rgba(0,0,0,.24)}.portal-card h3{font:900 18px var(--pixel);margin:0 0 12px}.portal-card p{color:#9e97ae;line-height:1.5;margin:0 0 20px}.portal-card b{position:absolute;bottom:24px;font:900 9px var(--pixel);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.13);margin-bottom:35px}.stats div{padding:20px;border-right:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}.stats div:last-child{border-right:0}.stats span{display:block;font:800 8px var(--pixel);letter-spacing:.12em;color:#777184;margin-bottom:8px}.stats b{display:block;font:900 11px/1.5 var(--pixel);overflow-wrap:anywhere}.disclaimer{display:flex;gap:24px;align-items:flex-start;padding:21px 24px;margin-bottom:85px;background:rgba(241,199,43,.065);border:1px solid rgba(241,199,43,.22)}.disclaimer strong{white-space:nowrap;color:var(--yellow);font:900 9px var(--pixel);padding-top:4px}.disclaimer p{margin:0;color:#aaa4b5;font-size:13px;line-height:1.55}.footer{border-top:1px solid rgba(255,255,255,.1);padding:30px 0 50px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px 25px;color:#777184}.footer p{margin:0;text-align:right;font:700 9px var(--pixel)}.footer .legal{grid-column:1/-1;font:12px/1.5 var(--sans);text-align:left}.toast{position:fixed;right:20px;bottom:20px;z-index:200;background:var(--yellow);color:#201805;padding:14px 17px;font:900 9px var(--pixel);box-shadow:5px 5px 0 #6e510b;transform:translateY(80px);opacity:0;transition:.2s}.toast.show{transform:none;opacity:1}
@keyframes floatLogo{0%,100%{transform:translateY(0) rotateX(-7deg) rotateY(-13deg) rotateZ(-3deg)}50%{transform:translateY(-18px) rotateX(-5deg) rotateY(-6deg) rotateZ(1deg)}}@keyframes blink{50%{opacity:.25}}
@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-top:25px}.hero-stage{order:-1;min-height:395px}.logo3d{transform:scale(.84) rotateX(-7deg) rotateY(-13deg) rotateZ(-3deg)}.wire-sphere{width:320px;height:320px}.section-title{grid-template-columns:1fr}.section-title .kicker{grid-column:auto}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:230px}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}}
@media(max-width:560px){.shell{width:min(100% - 22px,1180px)}.topbar{height:82px}.power{display:none}.brand-copy b{font-size:13px}.hero h1{font-size:48px}.hero-stage{min-height:330px}.logo3d{scale:.72}.wire-sphere{width:275px;height:275px}.hero-text{font-size:16px}.start-row .game-btn{width:100%;justify-content:center}.ca-card{grid-template-columns:auto 1fr}.ca-card .copy{grid-column:1/-1;width:100%}.console-section{padding:75px 0}.console-frame{padding:12px 10px 20px;border-radius:21px 21px 38px 38px}.console-label{font-size:7px}.vent{width:25px}.hud{font-size:7px}.controller-row{padding:18px 10px 0;grid-template-columns:1fr 1fr}.controller-center{display:none}.dpad button{width:48px;height:42px}.ab-buttons i{width:38px;height:38px}.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.stats div:last-child{border-bottom:0}.disclaimer{display:block}.disclaimer p{margin-top:12px}.footer{grid-template-columns:1fr}.footer p{text-align:left}.hero-stage .press-start{font-size:9px}}