@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=VT323&display=swap');
:root{color-scheme:dark;font-family:'Space Grotesk',sans-serif;color:#dce7ef;background:#111623}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 42%,#27344455,transparent 65%),#111623}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #baf574;outline-offset:4px}main{max-width:990px;margin:auto;padding:26px 26px 15px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.brand{color:#f4f5e9;text-decoration:none;font-weight:700;letter-spacing:1px;font-size:19px}.brand>span:last-child{color:#aee773;margin-left:5px}.brand-icon{color:#b8f784;font-size:28px;margin-right:9px}.edition{font-size:12px;letter-spacing:2px;color:#8a96a8}.edition span{color:#b3e97d;padding:0 10px}.icon{border:1px solid #354053;background:#1d2534;border-radius:9px;padding:8px 12px;font-size:20px}.icon span{font-size:11px;color:#a9b6c7}.machine{border:1px solid #41495b;background:#232c3c;border-radius:20px;box-shadow:0 22px 70px #0005,inset 0 1px #ffffff14;padding:19px 24px 23px}.topline{display:flex;justify-content:space-between;color:#9aa8bc;letter-spacing:2px;font-size:11px;margin-bottom:17px}.topline b{color:#b8ed86;font-size:9px;margin-left:8px}i{display:inline-block;width:6px;height:6px;background:#b7ef84;border-radius:50%;margin-right:7px}.scoreboard{display:flex;justify-content:space-between;gap:12px;padding:0 17px 17px;font-size:11px;letter-spacing:2px;color:#9cabbb}.scoreboard strong{display:block;font:29px 'VT323',monospace;letter-spacing:2px;color:#eef4df;margin-top:3px}.record strong{color:#bbeb84}.lives strong{color:#ec8ca5;font-size:23px;line-height:29px}.screen{position:relative;border:8px solid #101724;border-radius:9px;overflow:hidden;box-shadow:0 0 0 1px #45516a;background:#071b25;aspect-ratio:1.5}canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0px,transparent 3px,#0000000d 4px);z-index:2}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#061822a8;z-index:3;padding:20px}.overlay.hidden{display:none}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#add2c0}h1{font-family:'VT323',monospace;font-size:clamp(52px,7vw,85px);line-height:.82;letter-spacing:5px;margin:24px 0 12px;color:#c9f99f;text-shadow:4px 4px #38654c,7px 7px #081b20}h1 em{font-style:normal;color:#f9df87;text-shadow:4px 4px #8b7139,7px 7px #081b20}.overlay p{font-size:14px;color:#c7d2d1;margin:12px 0 22px}#start{border:1px solid #d3ffab;border-radius:7px;background:#bced88;color:#223526;padding:13px 40px;box-shadow:0 4px #63824b;font-size:15px;font-weight:700;letter-spacing:2px}#start span{margin-left:20px}.overlay small{font-size:12px;color:#a4baba;margin-top:23px}.screen-label{position:absolute;bottom:8px;left:0;right:0;text-align:center;font:10px monospace;letter-spacing:2px;color:#90b5a155;pointer-events:none}.controlbar{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #3b4352;color:#98a8b9;font-size:10px;letter-spacing:1.3px}.controlbar button{border:0;background:transparent;font-size:19px;color:#bac6d3}.controlbar button span{font-size:10px;vertical-align:middle;margin-left:6px}.controls{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 0;user-select:none;touch-action:none}.dpad{display:grid;grid-template:repeat(3,36px)/repeat(3,39px);filter:drop-shadow(0 5px 0 #101622)}.dpad button,.center{background:#3d485b;border:0;display:grid;place-items:center;color:#b9c5d3;font-size:15px}.dpad button.pressed{background:#687d8f}.up{grid-area:1/2;border-radius:7px 7px 0 0}.left{grid-area:2/1;border-radius:7px 0 0 7px}.center{grid-area:2/2;color:#66768b}.right{grid-area:2/3;border-radius:0 7px 7px 0}.down{grid-area:3/2;border-radius:0 0 7px 7px}.control-note{text-align:center;color:#9baabc;font-size:11px;letter-spacing:2px;line-height:1.7}.control-note small{display:block;font-size:11px;letter-spacing:0;margin-top:10px;color:#748398}.actions{display:flex;gap:21px;transform:rotate(-9deg)}.actions>div{display:flex;flex-direction:column;align-items:center;gap:10px}.actions button{border-radius:50%;width:66px;height:66px;font-size:22px;font-weight:700;border:5px solid #151d2b;box-shadow:0 5px #101623,inset 0 2px #ffffff55;touch-action:none}.actions button.pressed{transform:translateY(4px);box-shadow:0 1px #101623}.actions span{font-size:10px;letter-spacing:2px;color:#afbbca}.jump{background:#c695d9;color:#3e2853}.fire{background:#b1e885;color:#2f4a32}footer{display:flex;justify-content:space-between;padding:19px 3px;font-size:11px;color:#748095}footer b{color:#b2d793;margin-left:7px}@media(max-width:600px){main{padding:15px 12px max(8px,env(safe-area-inset-bottom))}header{margin-bottom:16px}.brand{font-size:15px}.brand-icon{font-size:22px}.edition{display:none}.machine{padding:13px 10px 17px;border-radius:15px}.topline{font-size:9px;letter-spacing:1px;margin-bottom:15px}.scoreboard{padding:0 5px 11px;gap:4px;font-size:9px;letter-spacing:1px}.scoreboard strong{font-size:23px}.lives strong{font-size:17px}.screen{aspect-ratio:1.12;border-width:5px}canvas{object-fit:fill}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:58px;margin:22px 0 10px}.overlay p{font-size:12px;margin:10px 0 18px}.overlay small{font-size:10px;max-width:230px;margin-top:18px}#start{padding:12px 30px}.controlbar{font-size:8px;letter-spacing:.7px}.controls{padding:22px 4px 4px}.control-note{display:none}.dpad{grid-template:repeat(3,40px)/repeat(3,42px)}.actions{gap:12px}.actions button{width:64px;height:64px}footer{font-size:10px;justify-content:center}footer>span:last-child{display:none}}@media(max-height:520px) and (orientation:landscape){main{max-width:980px;padding:8px 15px}header,footer,.topline,.control-note,.controlbar{display:none}.machine{position:relative;padding:7px 160px;border:0;background:transparent;box-shadow:none}.scoreboard{padding-bottom:4px}.screen{height:calc(100dvh - 77px);aspect-ratio:1.5;width:auto;margin:auto}.controls{position:absolute;inset:80px 0 30px;pointer-events:none;padding:0;align-items:center}.controls button{pointer-events:auto}.actions{gap:4px}.dpad{grid-template:repeat(3,40px)/repeat(3,40px)}h1{font-size:48px;margin:10px}.overlay p{margin:8px}.overlay small{margin-top:12px}.eyebrow{font-size:9px}}