:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#e4e8cc;background:#141c1a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#30443a 0,transparent 65%);min-height:100vh}main{max-width:960px;margin:0 auto;padding:32px 24px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.badge{font-size:10px;letter-spacing:2px;color:#b2bc8d}h1{font-size:52px;letter-spacing:-4px;margin:8px 0;font-weight:950;color:#dce6ac;text-transform:uppercase;line-height:1}h1 span{color:#a9ba75}header p{margin:10px 0;font-size:13px;color:#c1c6b4}.edition{text-align:right;font-size:10px;line-height:1.8;letter-spacing:1px;color:#8eaa93}.edition strong{color:#d8e0b7}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}button{font:inherit;border:1px solid #59674a;border-radius:7px;padding:10px 14px;background:#28372b;color:#e7ebd2;cursor:pointer;box-shadow:0 3px 0 #0e1511;touch-action:none;user-select:none}button:hover{background:#3a4c32}button:active,button.held{background:#b9cc86;color:#152519;transform:translateY(2px);box-shadow:0 1px 0 #0e1511}button:focus-visible,summary:focus-visible{outline:3px solid #e9d37b;outline-offset:3px}button:disabled{opacity:.4;cursor:wait}#start{background:#c5d692;color:#172b20;font-weight:bold}#sound{margin-left:auto}.cabinet{position:relative;border:1px solid #536348;border-radius:12px;background:#0c120f;padding:10px;box-shadow:0 14px 40px #0006}.screen-label{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.6px;padding:2px 4px 10px;color:#8ba580}#status{color:#d5ddb0}#game{width:100%;aspect-ratio:3/2;background:#4d533c;overflow:hidden;outline:none}canvas{display:block;image-rendering:pixelated;max-width:100%}#paused{position:absolute;inset:36px 10px 10px;background:#15281de8;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:32px;letter-spacing:4px}#paused[hidden]{display:none}#paused span{font-size:12px;letter-spacing:0;margin-top:16px}.touch{display:flex;justify-content:space-between;gap:10px;padding:18px 4px}.dpad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:40px 40px;gap:6px}.dpad button{padding:6px;font-size:22px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.attacks{display:flex;align-items:center;gap:12px}.attacks button{height:64px;width:92px;border-radius:50%;border-color:#7d915d;font-weight:bold;background:#35452d}.attacks small{display:block;opacity:.5;font-size:10px;margin-top:4px}.guide{border-top:1px solid #3b4a36;padding-top:10px;font-family:system-ui,sans-serif;font-size:13px;color:#b6c2ad;line-height:1.6}.guide p{margin:8px 0}.guide b{color:#e2e8c7}.guide i{font-style:normal;margin:0 8px}summary{cursor:pointer;color:#d1ddaa;margin-top:14px}footer{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1px;color:#748671;margin-top:26px}@media(min-width:850px){#game{max-width:720px;margin:auto}.cabinet{max-width:742px;margin:0 auto}}@media(max-width:600px){main{padding:20px 12px}h1{font-size:38px;letter-spacing:-3px}.edition{font-size:8px}.badge{font-size:8px}.toolbar{gap:6px}button{padding:9px 10px;font-size:11px}#sound{margin-left:0}.cabinet{padding:6px}.screen-label{font-size:8px;letter-spacing:0}.dpad{grid-template-columns:repeat(3,40px);grid-template-rows:36px 36px}.attacks button{width:72px;height:60px;font-size:12px}.attacks{gap:8px}footer{font-size:7px}#paused{font-size:24px;inset:32px 6px 6px}#paused span{font-size:10px}}