*{box-sizing:border-box}body{margin:0;background:#171b28;color:#f6ecdc;font:15px/1.5 system-ui,sans-serif}button,a{touch-action:manipulation}button{font:inherit;font-weight:650;cursor:pointer;border:1px solid #62667b;border-radius:12px;background:#2a3042;color:#fff5e4;padding:10px 16px}button:hover,button:focus-visible{background:#43445d;outline:2px solid #dfbc80}header{max-width:1450px;margin:auto;padding:22px 32px;display:flex;justify-content:space-between;align-items:center}small{font-size:10px;letter-spacing:2.5px;color:#b8c5c0}h1{font:700 34px Georgia,serif;margin:0}h1 span{color:#e5b675}nav{display:flex;gap:8px}main{max-width:1450px;margin:auto;padding:0 32px 28px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}.play{min-width:0}.readout{display:flex;justify-content:space-between;background:#252c3b;border:1px solid #49515d;border-radius:16px 16px 0 0;padding:12px 18px;font-size:13px;color:#e7d4ac}#stage{position:relative;background:#090d17;min-height:300px;display:grid;place-items:center;border:1px solid #49515d;overflow:hidden}#gameCanvas{display:block;image-rendering:pixelated;width:100%;height:auto;max-height:65vh;object-fit:contain}#welcome{position:absolute;inset:0;background:#171b28f5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px}#welcome img{width:120px;height:120px;border-radius:50%;border:2px solid #dbbe81}h2{font:600 25px Georgia,serif;margin:15px 0 8px}#welcome p{margin:0 0 14px;color:#c9d6d0}#start,.action{background:#d9b982;color:#211d29;border-color:#d9b982}.controls{display:flex;justify-content:space-between;gap:12px;padding:15px 0}.dpad{display:flex;gap:7px}.dpad button{width:48px;padding:10px 0;font-size:20px;touch-action:none}kbd{font-size:10px;opacity:.7;margin-left:8px}.hint{font-size:12px;color:#a3b2b7;margin:0}aside{background:#222a36;border:1px solid #3f4d54;border-radius:17px;padding:16px;font-size:13px;color:#c8d4d1}aside img{width:100%;height:170px;object-fit:cover;border-radius:10px;margin-bottom:16px}aside h2{color:#f5ead3;font-size:24px}#quest{padding:12px;border-radius:8px;background:#364038;color:#e9d6a9}dt{color:#f1ddb3;font-weight:700;margin-top:10px}dd{margin:0;color:#b9c9c4}a{color:#e4bd7e}[hidden]{display:none!important}@media(max-width:900px){header{padding:16px}main{padding:0 16px 24px;grid-template-columns:1fr}aside{display:none}aside.open{display:block}aside img{height:160px}header h1{font-size:28px}nav button{font-size:11px;padding:9px}nav{gap:5px}#stage{min-height:300px}.hint{font-size:11px}.action{font-size:12px;padding:10px}.controls{gap:6px}.dpad button{width:42px}kbd{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}