*{box-sizing:border-box}body{margin:0;background:#211d1d;color:#fff0d5;font-family:Arial,sans-serif}#shell{max-width:1080px;margin:auto;padding:22px 28px}header{display:flex;justify-content:space-between;font-size:14px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.intro{display:flex;align-items:center;justify-content:space-between;padding:28px 0 22px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#e7b67a}h1{font-size:clamp(30px,5vw,60px);letter-spacing:-2px;margin:6px 0;line-height:1}h1 em{color:#fa6c55;font-style:normal}.intro p{color:#c8b9a7;font-size:14px;margin:10px 0 0}.badge{border:1px solid #b07552;border-radius:50%;width:85px;height:85px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font-size:12px;font-weight:bold;line-height:1.6}.cabinet{border:6px solid #872d37;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #0007;background:#301f24}.hud{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;font-size:12px;font-weight:bold;letter-spacing:1px}.hud b{color:#ffd780;font-size:18px}#lives{color:#ff7f6f}.viewport{position:relative;background:#a6d7c6}canvas{display:block;width:100%;aspect-ratio:16/9;outline:none;touch-action:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#182324c9;padding:18px;backdrop-filter:blur(3px)}#overlay[hidden]{display:none}h2{font-size:clamp(28px,5vw,52px);margin:12px 0}#message{max-width:460px;line-height:1.5;margin:0 0 22px}button{font:inherit;font-weight:bold;cursor:pointer;color:#fff0d5;background:#63303a;border:1px solid #9c555c;border-radius:9px;min-height:44px;padding:10px 16px}button:hover{background:#8a3641}button:focus-visible,a:focus-visible{outline:3px solid #ffd780;outline-offset:3px}#start,.jump{background:#d3453c;color:white;border-color:#fa8367}#start{padding:16px 36px;box-shadow:0 5px 0 #6f232b}.toolbar{display:flex;gap:8px;align-items:center;padding:12px;flex-wrap:wrap}.toolbar button{font-size:12px}.toolbar span{margin-left:auto;font-size:10px;color:#d6b591}.toolbar b{font-size:18px;margin-left:8px}.controls{display:flex;justify-content:space-between;gap:10px;padding:0 14px 16px;touch-action:none;user-select:none;-webkit-user-select:none}.controls div{display:flex;gap:10px}.controls button{height:64px;min-width:72px;touch-action:none;box-shadow:0 4px 0 #170e12}.controls button:active,.controls button.held{background:#d65d48;transform:translateY(2px)}footer{color:#b4a49b;font-size:12px;line-height:1.7;padding:12px 4px}footer strong{color:#e8c7a0}#shell:fullscreen{background:#211d1d;max-width:none;height:100dvh;padding:8px;overflow:auto}#shell:fullscreen .intro,#shell:fullscreen header,#shell:fullscreen footer{display:none}#shell:fullscreen .cabinet{max-width:1100px;margin:auto}#shell:fullscreen canvas{max-height:72dvh;object-fit:contain}@media(max-width:600px){#shell{padding:12px 8px}.intro{padding:22px 6px 16px}.badge{display:none}.cabinet{border-width:3px;border-radius:12px}.hud{padding:12px 8px;font-size:9px;letter-spacing:0}.hud b{font-size:15px}.toolbar{gap:5px;padding:8px}.toolbar button{padding:6px 8px}.controls{padding:4px 8px 14px}.controls button{min-width:58px;padding:8px;height:64px;font-size:12px}.controls div{gap:8px}#overlay .eyebrow{display:none}#message{font-size:12px;margin-bottom:12px}h2{margin:0 0 8px}#start{min-height:40px;padding:10px 22px}footer{padding:8px}.intro p{font-size:12px}}

.scores{margin-top:24px;padding:24px;background:#30262a;border:1px solid #79504d;border-radius:12px}.scores h2{font-size:22px}.scores p,.scores a{font-size:13px;color:#e5be8f}#leaderboard{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}#leaderboard li{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid #ffffff15;font-size:14px}#leaderboard li b{flex:1}#shell:fullscreen .scores{display:none}@media(max-width:600px){#leaderboard{grid-template-columns:1fr}}

canvas{image-rendering:pixelated}
#overlay{backdrop-filter:none;background:#181327ba}
.hud,.eyebrow,#start{font-family:ui-monospace,monospace}
.hud{align-items:center;flex-wrap:wrap}
.energy{display:flex;align-items:center;gap:6px}
.energy meter{width:clamp(36px,9vw,100px);height:14px}
.cabinet,#start,.controls button{border-radius:3px}