*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0a151e;display:flex;align-items:flex-start;justify-content:center;color:#f3e8cc;font-family:monospace}#app{width:min(100%,520px);margin:18px auto;background:#10212e;padding:12px;border-radius:12px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}h1{margin:0;color:#ffdb7a;font-size:20px;line-height:1.2}.bank{text-align:right;font-size:12px}.game-frame{position:relative;border:3px solid #6e8389;border-radius:6px;overflow:hidden;background:#354751}#game{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none}button{font-family:monospace;font-weight:900;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #f7d876;outline-offset:2px}[hidden]{display:none!important}#hud{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;pointer-events:none;font-size:12px;font-weight:bold;text-shadow:2px 2px #162631}#hearts{color:#ff9999}.pause{position:absolute;top:38px;right:8px;background:#263e4d;border:2px solid #a0b3b7;border-radius:5px;color:white;padding:6px 10px}#speed{position:absolute;bottom:7px;left:7px;right:7px;background:#102a37ef;border:1px solid #869da3;padding:6px 8px;pointer-events:none;font-size:11px;font-weight:bold}.speed-line{display:flex;justify-content:space-between}.track{height:5px;background:#425965;margin-top:5px}#bar{height:100%;width:0;background:#ffcb64}#overlay{position:absolute;inset:0;background:#101e2cf0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow-y:auto;padding:13px}#screen-title{text-align:center;color:#ffdb79;font-size:26px;margin:0;line-height:1.2}#panel{width:100%;display:flex;flex-direction:column;align-items:center;gap:9px}.message{text-align:center;font-size:12px;line-height:1.5;color:#d5e3e0}.action{width:100%;max-width:290px;padding:11px 8px;border:3px solid #ffe2a0;border-radius:5px;color:#192b36;background:#ecae4d;font-size:14px}.action.secondary{background:#2e4858;color:white;border-color:#8aa4a8}.controls{display:flex;align-items:center;gap:12px;margin-top:11px}.controls button{flex:1;height:54px;border-radius:7px;border:3px solid #8ea6ad;background:#2f4b5d;color:#fff;font-size:27px;touch-action:manipulation}.controls span{font-size:10px;text-align:center;color:#bacbd0}.settings{display:flex;justify-content:center;gap:24px;margin-top:12px;font-size:12px}.settings label{display:flex;align-items:center;gap:5px}.settings input{accent-color:#ecae4d}.help{text-align:center;font-size:11px;line-height:1.6;color:#a9c3c7;margin:11px 0 1px}.shop-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.shop-item{min-width:0;border:2px solid #6e8990;border-radius:6px;background:#2a3e4c;color:white;padding:7px 3px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px}.shop-item.chosen{border-color:#aeffbb;background:#355a4b}.shop-item canvas{width:74px;height:74px;image-rendering:pixelated}.shop-item strong{text-align:center}