@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;font-family:'IBM Plex Mono',monospace;color:#e8e9de;background:#111411}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 40% 30%,#20271e 0,transparent 65%)}main{max-width:1136px;margin:auto;padding:25px 40px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #34392f;padding-bottom:23px}.brand{color:#f0f0df;text-decoration:none;font-weight:600;letter-spacing:2px;font-size:19px;display:flex;align-items:center;gap:12px}.brand-icon{color:#f5c94c;font-size:30px}.edition{font-size:12px;color:#929987;letter-spacing:1px;margin-left:15px}button{font:500 12px 'IBM Plex Mono',monospace;cursor:pointer;color:#d4d8c9;border:1px solid #4c5343;background:transparent;padding:12px 16px;letter-spacing:1px}button:hover{border-color:#f5c94c;color:#f5c94c}button:focus-visible{outline:2px solid #f5c94c;outline-offset:4px}.titleline{display:flex;justify-content:space-between;align-items:end;margin:29px 0 23px}.eyebrow{font-size:12px;letter-spacing:2px;color:#a8ae99}h1{font:700 48px/1 'Barlow Condensed',Impact,sans-serif;margin:9px 0 0;letter-spacing:-.4px}.tag{border:1px solid #414938;padding:9px 12px;font-size:12px;color:#acb49f;white-space:nowrap}.tag i{display:inline-block;height:3px;width:3px;background:#a6b197;margin:3px 9px}.cabinet{display:grid;grid-template-columns:minmax(0,1fr) 225px;background:#242b20;padding:16px;border:1px solid #424a37;box-shadow:0 15px 70px #0006;gap:22px}.screen-wrap{position:relative;min-width:0;background:#090c09;aspect-ratio:1}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;outline:none}#overlay{position:absolute;inset:0;background:#080d09c9;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#0002 4px)}#overlay.hidden{display:none}h2{font:800 clamp(54px,8vw,108px)/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:3px;margin:27px 0;color:#edecd6;text-shadow:4px 4px #454b36}h2 span{color:#f5c94c}#hint{color:#c0c4b2;font-size:13px;line-height:1.8;margin:0 0 27px}#start{background:#f5c94c;border:0;color:#151911;min-width:235px;font-weight:600;padding:18px}#start:hover{background:#ffe090}#start span{margin-left:35px}#subhint{font-size:11px;color:#949d85;letter-spacing:2px;margin-top:18px}aside{display:flex;flex-direction:column;padding:15px 7px 7px 0}label{display:block;font-size:12px;letter-spacing:1.4px;color:#a9b19c}.stat strong{display:block;font-size:27px;font-weight:500;letter-spacing:3px;margin-top:8px}.score{margin-top:24px}.score strong{color:#f5c94c}.divider{height:1px;background:#424a38;margin:23px 0}.stage{display:flex;justify-content:space-between;align-items:center}.stage strong{font:600 34px 'Barlow Condensed',sans-serif}.remaining{margin-top:24px}.remaining label{display:flex;justify-content:space-between}.remaining label span{color:#e8e9de}#enemy-icons{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}#enemy-icons span{font-size:21px;line-height:1;color:#a8b392}#enemy-icons span.gone{color:#3f4835}.lives{margin-top:26px}.lives strong{display:block;letter-spacing:8px;font-size:24px;color:#f5c94c;margin-top:9px}.base{display:flex;gap:9px;align-items:center;margin-top:auto;padding-top:25px;font-size:11px;color:#d3d9c3}.base>span{font-size:28px;color:#f5c94c}.base small{display:block;color:#919c81;font-size:11px;margin-top:5px}#pause{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:11px 10px;font-size:12px}button:disabled{opacity:.4;cursor:default}kbd{font:11px 'IBM Plex Mono',monospace;border:1px solid #4b5342;border-bottom:2px solid #4b5342;border-radius:3px;display:inline-block;padding:4px 6px;color:#c8cdbb}.controls{display:flex;align-items:center;gap:24px;margin-top:18px;font-size:11px;color:#aeb6a0}.controls>span{display:flex;align-items:center;gap:5px}.controls em{font-style:normal;margin:0 4px;color:#77836c}.objective{margin-left:auto;color:#7d8b70;font-size:11px}footer{display:flex;justify-content:space-between;margin-top:32px;padding-top:19px;border-top:1px solid #333c2c;font-size:10px;letter-spacing:.7px;color:#738067}.touch{display:none}@media(min-width:1400px){main{max-width:1190px}}@media(max-width:850px){main{padding:20px}.edition,.objective{display:none}.cabinet{grid-template-columns:minmax(0,1fr) 175px;gap:16px;padding:12px}aside{padding-top:5px}.stat strong{font-size:22px}.remaining{margin-top:14px}.lives{margin-top:16px}.divider{margin:14px 0}.base{padding-top:15px}.base small{font-size:10px}.controls{gap:15px}h1{font-size:40px}}@media(max-width:620px){main{padding:14px}.brand{font-size:16px;letter-spacing:1px}header{padding-bottom:13px}header button{font-size:10px;padding:9px}.titleline{margin:23px 0 19px}.tag{display:none}h1{font-size:36px}.eyebrow{font-size:10px}.cabinet{display:flex;flex-direction:column;gap:12px;padding:8px}.screen-wrap{width:100%}aside{padding:3px 6px 8px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.stat strong{font-size:18px;letter-spacing:1px}.score,.lives,.remaining{margin:0}label{font-size:10px;letter-spacing:.5px}.stage{display:block}.stage strong{font-size:24px}.divider,.base,#enemy-icons{display:none}.remaining label{display:block}.remaining label span{display:block;font-size:20px;margin-top:6px}.lives strong{font-size:18px;letter-spacing:2px}#pause{margin:0;padding:8px;font-size:10px}#pause kbd{display:none}.controls{display:none}.touch{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:0 20px;touch-action:none}.touch>div{text-align:center}.touch button{width:50px;height:43px;padding:0;font-size:20px;background:#252e20}.touch .fire{border-radius:50%;width:76px;height:76px;background:#f5c94c;color:#161d11;font-size:14px;font-weight:bold}footer{font-size:9px;gap:20px;line-height:1.7;margin-top:22px}h2{font-size:78px}}