@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#110d22;--cream:#f4edf9;--pink:#ff4dab;--cyan:#54f3ed;--yellow:#ffde77;--muted:#a69ab9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#321345 0,transparent 60%),#090711;color:var(--cream);font:14px/1.8 'Space Mono',monospace;padding:40px 20px 0}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#ff4dab05 1px,transparent 1px),linear-gradient(#54f3ed05 1px,transparent 1px);background-size:55px 55px;z-index:-1}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.cabinet{max-width:1240px;margin:auto;background:linear-gradient(90deg,#21162f,#372044 4%,#191222 8%,#191222 92%,#372044 96%,#21162f);border:3px solid #4b315c;border-radius:28px 28px 6px 6px;padding:20px 22px 0;box-shadow:0 0 80px #d537a51a,15px 0 0 #050409,-15px 0 0 #050409}.marquee{display:flex;justify-content:center;align-items:center;gap:55px;text-align:center;padding:30px 15px 32px;background:repeating-linear-gradient(135deg,#ffffff03 0 2px,transparent 2px 7px),#21132c;border:5px solid #09070f;outline:2px solid #79518b;border-radius:12px;box-shadow:inset 0 0 35px #ff4dab20,0 0 24px #ff4dab18;margin:0 0 25px}.marquee a{font:10px 'Press Start 2P',monospace;letter-spacing:4px;color:var(--cyan);text-shadow:0 0 10px #54f3ed80}.marquee a span{display:block;font-size:clamp(32px,6vw,68px);letter-spacing:8px;line-height:1.4;margin-top:14px;color:var(--pink);text-shadow:3px 3px 0 #811b6b,0 0 26px #ff4dab88}.marquee-star{color:var(--yellow);font-size:45px;text-shadow:0 0 15px #ffde7790}.screen-bezel{background:#050409;border:2px solid #4d365c;border-radius:35px;padding:28px;box-shadow:inset 0 0 15px #000}.screen{position:relative;isolation:isolate;overflow:hidden;border:2px solid #3d4153;border-radius:20px;background:radial-gradient(ellipse at 50% 0,#24152f,#0c101d 70%);box-shadow:inset 0 0 60px #000,0 0 14px #54f3ed12}.screen:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(transparent 0 3px,#00000019 3px 4px);border-radius:inherit}.wrap{width:88%;margin:auto}header{height:80px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #54f3ed30}.brand{font:18px 'Press Start 2P',monospace;color:var(--cyan)}.brand span{font:9px 'Space Mono',monospace;color:var(--muted);margin-left:10px;letter-spacing:1px}nav{display:flex;gap:25px;font-size:10px;text-transform:uppercase}nav a:hover,.text-link:hover{color:var(--pink)}.hero{position:relative;padding:55px 0 50px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--cyan)}.dot{display:inline-block;width:7px;height:7px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);margin-right:8px}h1{font:clamp(25px,4.5vw,52px)/1.6 'Press Start 2P',monospace;letter-spacing:-1px;margin:22px 0;color:var(--cream);text-shadow:3px 3px 0 #6b3479}h1 em{font-style:normal;color:var(--yellow);text-shadow:3px 3px 0 #9a4b42}.hero-bottom{display:flex;gap:30px;align-items:center}.hero p{font-size:12px;color:#b5adc9}.round-link{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--pink);color:var(--pink);box-shadow:3px 3px 0 #732351;font-size:22px}.orbit{position:absolute;right:0;bottom:65px;border:2px dashed var(--pink);color:var(--pink);padding:12px;transform:rotate(8deg);font:10px/1.6 'Press Start 2P',monospace;text-align:center}.orbit span{display:block;font-size:25px;margin-top:8px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:22px 0;border-top:1px solid #54f3ed40}.section-heading h2{font:10px/1.7 'Press Start 2P',monospace;color:var(--cyan)}.section-heading>span{font-size:9px;color:var(--muted)}.featured{display:grid;grid-template-columns:1.1fr 1fr;border:2px solid #8c428a;box-shadow:5px 5px 0 #291638;background:#1c162b;overflow:hidden}.game-art{position:relative;min-height:350px}.game-art>img{width:100%;height:100%;object-fit:cover}.art-tag{position:absolute;bottom:15px;left:15px;background:#110d22e8;border:1px solid var(--yellow);color:var(--yellow);padding:7px 10px;font-size:7px;letter-spacing:1px}.game-copy{padding:30px 25px}.game-copy>.eyebrow{font-size:8px;letter-spacing:1px}.game-copy h2{font:22px/1.6 'Press Start 2P',monospace;color:var(--yellow);margin:18px 0}.game-copy h2 span{display:block;font:11px 'Space Mono',monospace;color:var(--pink);margin-top:8px;text-transform:uppercase;letter-spacing:2px}.game-copy p{font-size:11px;color:#c5bbd5;line-height:1.9}.buttons{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:22px}.button{display:inline-block;border:2px solid #ff88c7;background:var(--pink);color:#190c25;padding:15px 18px;box-shadow:0 5px 0 #921954,0 8px 0 #090711;font:700 11px 'Space Mono',monospace;text-transform:uppercase;cursor:pointer;touch-action:none;border-radius:4px}.button:hover{filter:brightness(1.15)}.button:active{transform:translateY(3px);box-shadow:0 2px 0 #921954}.button:disabled{opacity:.65;cursor:default}.button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.cream{background:var(--cyan);border-color:#a4fffa;box-shadow:0 5px 0 #1b777e,0 8px 0 #090711}.text-link{font-size:10px;color:var(--pink)}.game-copy p.fine{font-size:8px;margin-top:22px;color:var(--muted)}.screens{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 45px}.screens figure{margin:0}.screens img{width:100%;display:block;border:2px solid #46334f}.screens figcaption{font-size:9px;color:var(--muted);margin-top:9px}.play-section{background:#090f1b;border-top:2px solid #34233e;border-bottom:2px solid #34233e;padding:20px 0 35px}.play-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 25px}.play-intro h3{font:17px/1.8 'Press Start 2P',monospace;color:var(--yellow)}.play-intro p{font-size:9px;color:var(--muted)}.game-shell{border:3px solid #443454;background:#14101f;box-shadow:0 0 20px #54f3ed0d}.game-top{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;font-size:10px;color:var(--cyan)}.game-top small{font-size:8px;color:var(--muted)}canvas{display:block;width:100%;aspect-ratio:1100/450;background:#e5eddb;border-top:2px solid #443454;border-bottom:2px solid #443454}.game-controls{display:flex;align-items:center;gap:22px;padding:22px 20px}.game-controls label,.power{flex:1;font-size:9px;letter-spacing:1px;color:var(--cyan)}.game-controls output{float:right;color:var(--yellow)}.game-controls input{display:block;width:100%;margin-top:13px;accent-color:var(--pink)}.power>span{display:block}.meter{height:10px;border:1px solid #584665;background:#090711;margin-top:14px;overflow:hidden}.meter i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--yellow) 0 6px,#000 6px 8px)}#gameStatus{padding:0 20px 18px;font-size:10px;color:#b5adc9}.about{padding:40px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px 35px}.about>.eyebrow{grid-column:1/-1;color:var(--pink)}.about h2{font:19px/1.8 'Press Start 2P',monospace;color:var(--cream)}.about p{font-size:11px;color:var(--muted)}.about>a{grid-column:2;font-size:10px;color:var(--cyan)}footer{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:var(--muted);padding:20px 0;border-top:1px solid #54f3ed30}.control-deck{height:155px;display:flex;align-items:center;justify-content:space-around;gap:15px;background:linear-gradient(#30263d,#1c1429);border:2px solid #694a7b;border-top:8px solid #090711;box-shadow:inset 0 3px 0 #ab83bb40;transform:perspective(500px) rotateX(5deg);position:relative;margin:8px -13px 0;border-radius:8px 8px 18px 18px}.deck-label{font:13px 'Press Start 2P',monospace;color:var(--cyan);text-align:center;text-shadow:0 0 12px #54f3ed77}.deck-label span{display:block;font:8px 'Space Mono',monospace;color:#ae94bd;margin-top:14px;letter-spacing:2px}.joystick{width:90px;height:75px;position:relative;background:radial-gradient(ellipse at 50% 85%,#090711 0 30%,transparent 33%)}.joystick i{position:absolute;left:40px;top:22px;width:13px;height:50px;background:linear-gradient(90deg,#454052,#bdb8cb,#34323c);transform:rotate(-13deg);border-radius:5px}.joystick span{position:absolute;left:18px;top:-8px;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#ff9bbf,#ed3269 40%,#8a1243 80%);box-shadow:3px 5px 0 #08060d,0 0 20px #ff4dab20}.arcade-buttons{display:flex;gap:15px;transform:rotate(-12deg)}.arcade-buttons i{height:43px;width:43px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#a4fffa,var(--cyan) 50%,#22797e);border:4px solid #100b1c;box-shadow:0 6px 0 #08060d,0 0 0 2px #625171}.arcade-buttons i:nth-child(2){background:radial-gradient(circle at 35% 25%,#ffb4df,var(--pink) 50%,#962d68)}.arcade-buttons i:nth-child(3){background:radial-gradient(circle at 35% 25%,#fff0b9,var(--yellow) 50%,#967126)}.cabinet-base{height:150px;display:flex;align-items:center;justify-content:center;gap:60px;background:linear-gradient(90deg,#160f20,#21162c,#160f20)}.speaker{height:55px;width:120px;background:repeating-linear-gradient(0deg,#08060e 0 4px,transparent 4px 9px);transform:skewY(-5deg);opacity:.8}.speaker:last-child{transform:skewY(5deg)}.coin-slot{border:3px solid #3f344b;background:#08060f;border-radius:8px;padding:10px 16px;display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;align-items:center;color:var(--pink);box-shadow:inset 0 0 12px #000}.coin-slot>span{font-size:20px}.coin-slot i{height:25px;width:6px;background:#030205;border:1px solid #74627d;margin:auto}.coin-slot small{grid-column:1/-1;font-size:7px;letter-spacing:2px;color:var(--muted)}@media(min-width:1400px){body{padding-top:55px}}@media(max-width:850px){.orbit{display:none}.featured{grid-template-columns:1fr}.game-art{min-height:0;aspect-ratio:2.17}.game-copy{padding:25px}.play-intro{display:block}.play-intro p{margin-top:13px}.marquee{gap:25px}.game-controls{flex-wrap:wrap}.game-controls label,.power{flex-basis:35%}.game-controls button{width:100%}.deck-label{font-size:10px}.deck-label span{font-size:6px;letter-spacing:1px}}@media(max-width:540px){body{padding:12px 6px 0}.cabinet{padding:10px 7px 0;border-radius:15px 15px 0 0;border-width:2px;box-shadow:none}.marquee{padding:23px 6px;margin-bottom:15px;border-width:3px;gap:12px}.marquee a{font-size:7px;letter-spacing:1px}.marquee a span{font-size:32px;letter-spacing:3px;margin-top:10px}.marquee-star{font-size:22px}.screen-bezel{padding:10px;border-radius:20px}.screen{border-radius:12px}.wrap{width:88%}header{height:65px;gap:8px}.brand{font-size:13px}.brand span{display:none}nav{font-size:8px;gap:13px}.hero{padding:35px 0}h1{font-size:clamp(18px,5.4vw,29px);letter-spacing:-.7px}.eyebrow{font-size:7px;letter-spacing:1px}.hero p{font-size:9px}.hero-bottom{gap:14px}.round-link{flex-shrink:0;width:32px;height:32px;font-size:18px}.section-heading h2{font-size:8px}.section-heading>span{font-size:6px}.game-copy{padding:20px}.game-copy h2{font-size:19px}.game-copy p{font-size:10px}.button{padding:13px 12px;font-size:10px}.art-tag{font-size:5px;bottom:10px;left:10px}.screens{gap:10px;margin-bottom:30px}.screens figcaption{font-size:7px}.play-intro h3{font-size:12px}.play-intro p{font-size:8px}.game-top{font-size:8px;padding:10px;flex-wrap:wrap}.game-top small{font-size:6px}.game-controls{padding:16px 12px;gap:16px}.game-controls label,.power{font-size:8px}#gameStatus{font-size:8px;padding:0 12px 15px}.about{display:block;padding:30px 0}.about h2{font-size:15px;margin:15px 0}.about p{font-size:10px;margin-bottom:20px}footer{font-size:6px;gap:12px}.control-deck{height:115px;margin:6px -3px 0;gap:8px}.joystick{transform:scale(.7);width:65px}.arcade-buttons{gap:6px}.arcade-buttons i{width:28px;height:28px;border-width:3px}.deck-label{font-size:8px;line-height:1.7}.deck-label span{font-size:5px;max-width:110px;margin-top:6px}.cabinet-base{height:110px;gap:20px}.speaker{width:55px;height:40px}.coin-slot{padding:6px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.browser-feature{margin-bottom:45px}.browser-art{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:360px;background:radial-gradient(ellipse at 50% 50%,#805032,#2a1a2a 65%,#151424);overflow:hidden;padding:25px}.browser-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px);pointer-events:none}.browser-art img{width:210px;height:150px;object-fit:contain;filter:drop-shadow(0 8px 12px #0008);transform:rotate(-12deg)}.browser-art>span{font:27px/1.5 'Press Start 2P',monospace;color:#ffe6a1;text-align:center;text-shadow:3px 4px #762d40;margin-top:10px}.browser-art>small{color:var(--cyan);font-size:10px;letter-spacing:3px;margin-top:20px}.web-badge{position:absolute;left:17px;top:17px;border:1px solid var(--cyan);color:var(--cyan);padding:5px 10px;font-size:8px;letter-spacing:2px}.browser-art:hover img{transform:rotate(-6deg)}@media(max-width:540px){.browser-art{min-height:290px}.browser-art img{width:170px;height:120px}.browser-art>span{font-size:24px}.browser-feature{margin-bottom:30px}}