:root{--ink:#02051a;--cream:#eefaff;--red:#ff4fa3;--orange:#ffd45b;--cyan:#37efff;--blue:#3152c9;--purple:#7447d7}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--cream);background:#02040f;font-family:Courier New,monospace}button,a{font:inherit}button{color:inherit}.music-player{opacity:0;pointer-events:none;border:0;width:1px;height:1px;position:fixed;bottom:-20px;left:-20px}.arcade-room{background:radial-gradient(circle at 50% 5%,#172a67 0,#080d2a 34%,#02040f 82%);place-items:center;min-height:100vh;padding:22px;display:grid}.cabinet{width:min(980px,96vw);box-shadow:0 0 0 4px var(--blue),0 0 0 7px #111a3e,0 20px 60px #000,inset 0 0 30px #000;background:#111b50;border:8px solid #03040a;border-radius:18px 18px 8px 8px;overflow:hidden}.marquee{min-height:76px;color:var(--cream);text-shadow:3px 3px #4b2b99,0 0 12px #37efff7a;box-shadow:inset 0 -3px 0 var(--cyan);background:radial-gradient(circle at 15% 30%,#ffffffe6 0 1px,#0000 2px) 0 0/93px 61px,radial-gradient(circle at 71% 23%,#37efffcc 0 1px,#0000 2px) 0 0/131px 73px,radial-gradient(circle at 88% 67%,#ffffffb3 0 1px,#0000 2px) 0 0/167px 91px,linear-gradient(#172d78,#080d31) 0 0/100% 100%;border-bottom:7px solid #03040a;justify-content:center;align-items:center;gap:22px;display:flex;position:relative;overflow:hidden}.marquee h1{letter-spacing:.08em;margin:0;font-size:clamp(28px,5vw,58px)}.marquee span{color:var(--cyan);text-shadow:0 0 10px var(--cyan);font-size:24px}.screen-shell{background:linear-gradient(#0d153f,#080b26);padding:22px 28px 18px}.screen{aspect-ratio:4/3;background:var(--ink);border:12px solid #050508;border-radius:24px/18px;min-height:520px;position:relative;overflow:hidden;box-shadow:inset 0 0 55px #35f2ff29,0 0 0 3px #5a4b64}.scanlines{z-index:20;pointer-events:none;opacity:.18;background:repeating-linear-gradient(#0000 0 3px,#000 3px 5px);position:absolute;inset:0}.screen:after{content:"";pointer-events:none;z-index:21;border-radius:13px;position:absolute;inset:0;box-shadow:inset 0 0 75px #000}.hud{z-index:5;height:58px;color:var(--cyan);text-align:center;border-bottom:2px dashed #35f2ff47;justify-content:space-around;align-items:center;display:flex;position:relative}.hud div{gap:3px;display:grid}.hud small{color:#fff;font-size:11px}.hud b{letter-spacing:.11em}.audio-toggle{min-width:82px;color:var(--cream);letter-spacing:.05em;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.audio-toggle:hover,.audio-toggle:focus-visible{color:var(--orange);outline:1px dashed var(--cyan);outline-offset:3px}.start-screen{z-index:6;text-align:center;background:radial-gradient(circle at 50% 44%,#182867,#07102f 45%,#02051a 78%);flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:58px 0 0}.start-screen:before{content:"";pointer-events:none;opacity:.72;background:radial-gradient(circle at 10% 18%,#fff 0 1px,transparent 2px),radial-gradient(circle at 31% 29%,var(--cyan) 0 1px,transparent 2px),radial-gradient(circle at 78% 15%,#fff 0 1px,transparent 2px),radial-gradient(circle at 90% 38%,#fff 0 1px,transparent 2px),radial-gradient(circle at 54% 71%,#fff 0 1.5px,transparent 2.5px);transform-origin:50% 46%;background-size:113px 79px,149px 101px,181px 123px,211px 137px,257px 173px;animation:4.8s linear infinite star-flight;position:absolute;inset:-24%}.start-screen>*{z-index:1;position:relative}.start-screen h2{color:var(--cream);text-shadow:4px 4px 0 var(--purple),0 0 16px #37efff5c;margin:20px 0 12px;font-size:clamp(32px,6vw,68px);line-height:.95}.start-screen p{color:var(--cyan)}.start-screen button{color:var(--cream);cursor:pointer;background:0 0;border:0;margin-top:24px;font-size:19px;font-weight:700;animation:1s step-end infinite blink}.start-screen>small{color:#777;margin-top:8px}@keyframes blink{50%{opacity:.2}}@keyframes star-flight{0%{opacity:.18;transform:scale(.62)}72%{opacity:.72}to{opacity:0;transform:scale(1.34)}}.pixel-cw{width:50px;height:67px;image-rendering:pixelated;position:relative}.pixel-cw i{background:#d6a36c;width:34px;height:29px;position:absolute;top:0;left:8px;box-shadow:0 -7px #eee,8px -7px #eee,-8px 7px #d6a36c,8px 7px #d6a36c}.pixel-cw b{background:var(--blue);width:42px;height:28px;box-shadow:-8px 8px 0 var(--blue),8px 8px 0 var(--blue);position:absolute;top:31px;left:4px}.pixel-cw span{background:#eee;width:14px;height:9px;position:absolute;bottom:0;left:8px;box-shadow:21px 0 #eee}.pixel-cw.mini{transform-origin:0 100%;height:48px;transform:scale(.62)}.game-board{z-index:5;background:radial-gradient(circle at 16% 19%,#fff 0 1px,transparent 2px),radial-gradient(circle at 75% 12%,var(--cyan) 0 1px,transparent 2px),radial-gradient(circle at 91% 37%,#fff 0 1px,transparent 2px),linear-gradient(180deg,#030722,#080f3a 72%,#18255e 100%);background-size:107px 83px,173px 121px,227px 157px,100% 100%;position:absolute;inset:58px 0 0;overflow:hidden}.game-board:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 8% 24%,#fff 0 1px,transparent 2px),radial-gradient(circle at 28% 76%,var(--cyan) 0 1px,transparent 2px),radial-gradient(circle at 53% 18%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 72% 61%,#a9b8ff 0 1px,transparent 2px),radial-gradient(circle at 91% 34%,#fff 0 1px,transparent 2px);transform-origin:50% 45%;background-size:97px 71px,137px 103px,181px 131px,223px 163px,269px 197px;animation:4.8s linear infinite star-flight;position:absolute;inset:-26%}.game-board:after{content:"";z-index:0;pointer-events:none;clip-path:polygon(0 34%,8% 18%,18% 40%,27% 13%,39% 35%,49% 17%,61% 39%,72% 11%,83% 35%,91% 21%,100% 40%,100% 100%,0 100%);background:radial-gradient(at 16% 32%,#111a4b 0 7%,#0000 8%),radial-gradient(at 64% 38%,#101947 0 9%,#0000 10%),linear-gradient(#5264b5,#202b71);border-top:5px solid #8aa5ff;height:94px;position:absolute;bottom:-38px;left:-8%;right:-8%}.board-title{z-index:1;text-align:center;color:var(--cyan);letter-spacing:.13em;text-shadow:0 0 10px #37efffa6;padding-top:15px;font-weight:700;position:relative}.platform{z-index:1;width:84%;height:13px;position:absolute;left:8%}.platform.level-4{top:21%;transform:rotate(1deg)}.platform.level-3{top:42%;transform:rotate(-1deg)}.platform.level-2{top:63%;transform:rotate(1deg)}.platform.level-1{top:84%;transform:rotate(-1deg)}.girder{background:repeating-linear-gradient(120deg,#3152c91f 0 12px,var(--blue) 13px 17px,#3152c91f 18px 28px);border:3px solid #8aa5ff;height:100%;display:block;box-shadow:0 4px #19255f,0 0 7px #37efff47}.ladder{border-left:5px solid var(--cyan);border-right:5px solid var(--cyan);background:repeating-linear-gradient(to bottom,transparent 0 12px,var(--cyan) 13px 17px);width:36px;height:104px;position:absolute}.ladder-1{top:5px;right:16%}.ladder-2{top:5px;left:23%}.ladder-3{top:5px;right:27%}.ladder-4{height:75px;top:5px;left:18%}.level-button{z-index:4;color:var(--cream);cursor:pointer;letter-spacing:.06em;background:#0b0713;border:3px solid;padding:8px 11px;font-size:clamp(11px,1.6vw,15px);font-weight:700;position:absolute;transform:translateY(-100%);box-shadow:3px 3px}.level-button:hover,.level-button:focus-visible{color:var(--ink);background:var(--cyan);outline:none;transform:translateY(-100%)scale(1.06)}.level-button.left{left:14%}.level-button.right{right:14%}.level-button.level-4{color:var(--cyan);top:21%}.level-button.level-3{color:#a9b8ff;top:42%}.level-button.level-2{color:#f07bff;top:63%}.level-button.level-1{color:var(--orange);top:84%}.player{color:var(--cyan);align-items:end;font-size:10px;display:flex;position:absolute;bottom:2%;left:10%}.bonus{color:var(--orange);text-align:center;font-size:10px;position:absolute;bottom:2%;right:8%}.bonus b{font-size:16px}.game-dialog{z-index:15;border:5px solid var(--cyan);box-shadow:7px 7px 0 var(--purple),0 0 35px #37efff4d;background:#03071e;position:absolute;inset:78px 8% 8%}.dialog-bar{background:var(--blue);border-bottom:4px solid var(--cyan);justify-content:space-between;align-items:center;min-height:40px;padding-left:13px;font-weight:700;display:flex}.dialog-bar button{border:0;border-left:4px solid var(--cyan);background:var(--red);cursor:pointer;align-self:stretch;width:45px;font-size:28px}.dialog-content{height:calc(100% - 68px);padding:clamp(18px,4vw,36px);line-height:1.55;overflow:auto}.dialog-content p{max-width:720px}.big-copy{color:var(--orange);font-size:clamp(18px,3vw,29px);font-weight:700;line-height:1.15!important}.dim{color:#8798c7;font-size:12px}.escape-hint{color:#777;position:absolute;bottom:7px;right:12px}.arcade-link,.contact-links a{width:fit-content;color:var(--cyan);padding:9px 0;text-decoration:none;display:block}.arcade-link:hover,.contact-links a:hover{color:var(--orange)}.tech-list,.media-list,.now-grid{gap:9px;display:grid}.tech-list>div,.media-list>div,.media-list>a,.now-grid>div{color:inherit;background:#07102e;border:2px solid #33488c;grid-template-columns:65px 1fr;gap:12px;padding:11px;text-decoration:none;display:grid}.tech-list b,.media-list i,.now-grid b{color:var(--cyan);font-style:normal}.tech-list span,.media-list span,.media-list b,.media-list small,.now-grid span{display:block}.media-list small{color:#91a4d3;margin-top:3px}.media-list a:hover{border-color:var(--cyan)}.terminal{color:#8fff70}.terminal p{margin:0 0 10px}.terminal-link{width:fit-content;color:var(--cyan);margin:-5px 0 14px;text-decoration:none;display:block}.terminal-link:hover{color:var(--orange)}.now-grid{grid-template-columns:repeat(2,1fr)}.now-grid>div{grid-template-columns:1fr}.now-grid b{color:var(--orange)}.control-panel{background:linear-gradient(#293b89,#101844 72%);border-top:6px solid #03040a;grid-template-columns:110px 1fr 130px;align-items:center;min-height:108px;padding:10px 30px 15px;display:grid;box-shadow:inset 0 3px #5977dd}.joystick{height:80px;position:relative}.joystick i{background:#111;width:18px;height:60px;position:absolute;top:0;left:42px;transform:rotate(-12deg)}.joystick b{background:var(--red);border-radius:50%;width:42px;height:42px;position:absolute;top:-3px;left:22px;box-shadow:inset -7px -7px #972764,0 0 10px #ff4fa36b}.joystick:after{content:"";background:#0b0710;border-radius:50%;width:86px;height:17px;position:absolute;bottom:0;left:5px}.cabinet-copy{text-align:center;color:var(--cream);gap:7px;display:grid}.cabinet-copy span{color:#9eb5ff;font-size:10px}.cabinet-copy a{width:fit-content;color:var(--cyan);margin:auto;font-size:9px;text-decoration:none}.cabinet-copy a:hover{color:var(--orange)}.arcade-buttons{gap:15px;display:flex}.arcade-buttons i{background:var(--orange);border-radius:50%;width:43px;height:43px;box-shadow:0 5px #883c0a}.arcade-buttons i+i{background:var(--cyan);box-shadow:0 5px #147985}.prototype-note{color:#53659d;letter-spacing:.1em;margin:0;font-size:9px;position:fixed;bottom:3px}@media (width<=700px){.arcade-room{padding:8px}.cabinet{border-width:5px;width:100%}.marquee{min-height:58px}.marquee h1{font-size:27px}.screen-shell{padding:10px}.screen{aspect-ratio:auto;border-width:7px;min-height:680px}.hud{font-size:11px}.game-board{grid-template-columns:1fr 1fr;align-content:center;gap:11px;padding:55px 17px 30px;display:grid}.platform,.player,.bonus{display:none}.level-button,.level-button.left,.level-button.right,.level-button.level-1,.level-button.level-2,.level-button.level-3,.level-button.level-4{color:var(--cyan);min-height:57px;position:relative;inset:auto;transform:none}.level-button:hover{transform:none}.game-dialog{inset:68px 3% 3%}.dialog-content{padding:17px}.control-panel{grid-template-columns:65px 1fr 72px;padding:8px}.joystick{transform-origin:0;transform:scale(.7)}.arcade-buttons{gap:7px}.arcade-buttons i{width:30px;height:30px}.now-grid{grid-template-columns:1fr}.tech-list>div,.media-list>div,.media-list>a{grid-template-columns:44px 1fr}}@media (prefers-reduced-motion:reduce){.start-screen button,.start-screen:before,.game-board:before{animation:none}}