*{box-sizing:border-box}body{margin:0;background:#090707;color:#f7ede7;font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #684331;background:#221510;min-height:44px;padding:9px 14px}button:hover{border-color:#fa8546}button:focus-visible,a:focus-visible{outline:3px solid #44daec;outline-offset:3px}button:disabled{opacity:.35;cursor:default}a{color:#f79154;text-decoration:none}.arcade{max-width:1020px;margin:auto;padding:16px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #583123;padding-bottom:12px;font-size:12px}header span b{display:block;color:#f87d40;letter-spacing:.16em}header>div{display:flex;gap:8px}.hud{display:flex;justify-content:space-between;align-items:center;padding:14px 0;color:#ff965b;letter-spacing:.1em}#health{color:#f36548;font-size:18px}.screen{position:relative;border:1px solid #8b4026;box-shadow:0 0 50px #aa3e101c;background:#100b09;overflow:hidden;aspect-ratio:16/9}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.screen-grain{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px)}.panel{position:absolute;inset:0;display:grid;place-items:center;background:#090707de;text-align:center;padding:20px;overflow:auto}.panel[hidden]{display:none}.panel-inner{max-width:600px}#kicker{color:#fa8546;letter-spacing:.14em;font-size:12px;margin:0}h1{font-size:clamp(26px,5vw,60px);line-height:1.1;margin:10px 0 15px;font-weight:900;letter-spacing:-.045em}#description{color:#ddcdc4;font-size:16px;max-width:550px;margin:0 auto 16px}.instruction{color:#ffad6d;font-size:13px}.start{background:#d64d25;border:1px solid #ff9855;font-weight:bold;letter-spacing:.12em;min-width:180px;margin:6px 0}.small{font-size:12px;color:#ac9990}.stage-tip{text-align:center;color:#dcbbaa;min-height:21px;font-size:13px;margin:12px 0}.controls{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:700px;margin:auto;user-select:none;-webkit-user-select:none;touch-action:none}.dpad,.action-pad{display:flex;align-items:center;gap:8px}.dpad>div{display:grid;gap:5px}.controls button{width:64px;min-height:52px;border-radius:5px}.controls button.pressed{background:#ad3d1e;border-color:#ffae72}.action-pad button{width:80px;height:70px;background:#642b1c;border-color:#c96d3f}.action-pad button:last-child{background:#153842;border-color:#3e8f9e}.action-pad small{display:block;font-size:10px;color:#c8b5a8}.footer-note{text-align:center;color:#8c7b74;font-size:12px;margin:14px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){.arcade{padding:8px 10px}header{gap:8px;font-size:10px}header>span{display:none}header button{font-size:11px;padding:6px 9px}.hud{font-size:11px;padding:10px 0}#health{font-size:14px}.panel{padding:10px}.panel h1{font-size:25px;margin:5px 0}#description{font-size:12px;line-height:1.35;margin-bottom:5px}.instruction,.small{font-size:10px;margin:5px 0}.start{min-height:38px;padding:5px 14px;margin:2px}#kicker{font-size:9px}.stage-tip{font-size:12px}.controls{gap:12px}.controls button{width:46px;min-height:48px;padding:5px}.action-pad button{width:64px;height:68px}.dpad,.action-pad{gap:5px}.action-pad small{font-size:9px}}@media(orientation:landscape) and (max-height:600px){.arcade{max-width:800px;padding-top:4px}.screen{max-height:65vh;width:auto;aspect-ratio:16/9;margin:auto}.hud{padding:3px 0}header{padding-bottom:4px}.controls{position:fixed;bottom:12px;left:12px;right:12px;max-width:none;pointer-events:none}.controls button{pointer-events:auto;opacity:.8}.stage-tip,.footer-note{display:none}.panel h1{font-size:30px}#description{font-size:13px}.small{font-size:10px}.instruction{font-size:11px}}