:root{--sky: #87cefa;--gold: #e8c030;--ink: #000000;--paper: #ffffff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--sky);color:var(--ink);font-family:"Press Start 2P",ui-monospace,monospace;font-size:16px;line-height:1.5;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;font-smooth:never;-webkit-font-smoothing:none}#app{min-height:100dvh;min-height:100svh;display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#frame{position:relative;width:min(100vw,62.5dvh);height:min(100dvh,160vw);overflow:hidden;background:#000}#stage{position:absolute;top:0;left:0;width:500px;height:800px;transform-origin:0 0;overflow:hidden;background:var(--sky)}#game{position:absolute;inset:0;width:500px;height:800px;image-rendering:pixelated;image-rendering:crisp-edges}.card canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#play-hit{position:absolute;inset:0;z-index:2}#hud{position:absolute;inset:0;z-index:3;pointer-events:none}#hud-bar{position:absolute;top:0;left:0;right:0;height:42px;display:flex;align-items:center;gap:10px;padding:0 8px 0 12px;background:transparent}#hud-score,#hud-coins,#hud-fx{margin:0;font-size:16px;line-height:1}#hud-coins,#hud-fx{font-size:8px}#btn-pause{pointer-events:auto;margin-left:auto;width:32px;height:28px;padding:0;border:4px solid #000;background:var(--paper);color:#000;font:8px "Press Start 2P",ui-monospace,monospace;font-smooth:never;-webkit-font-smoothing:none;cursor:pointer}#bag{pointer-events:none;display:flex;flex-direction:row;gap:6px;margin-left:8px}.bag-btn{pointer-events:auto;width:32px;height:28px;padding:0;border:4px solid #000;background:var(--paper);color:#000;font:8px "Press Start 2P",ui-monospace,monospace;font-smooth:never;-webkit-font-smoothing:none;cursor:pointer}.bag-btn:disabled{opacity:.35;cursor:default}.overlay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 16px 56px;text-align:center;background:transparent}.overlay.hidden,.hidden{display:none!important}#screen-shop{justify-content:flex-start}.shop-screen{gap:12px;padding:24px 20px 20px;background:#7ec8f5}.shop-head{width:100%;display:flex;justify-content:space-between;align-items:center}.shop-title{margin:0;font-size:24px}#shop-bank{margin:0;font-size:16px;color:#5a3d00;background:var(--gold);border:4px solid #000;padding:8px 12px}.shop-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.shop-tab{border:4px solid #000;background:#c8ecff;color:#000;font:8px "Press Start 2P",ui-monospace,monospace;font-smooth:never;-webkit-font-smoothing:none;padding:12px 4px;min-height:44px;cursor:pointer}.shop-tab.on{background:var(--gold)}.shop-tab:active{transform:translate(2px,2px)}.shop-pane{flex:1;min-height:0;width:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}.shop-hint{margin:0 0 12px;font-size:8px;line-height:1.6;text-align:left;color:#16324a}.panel{width:420px;max-height:540px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;background:var(--paper);border:8px solid #000;box-shadow:8px 8px #000;padding:16px}.title{margin:0 0 12px;font-size:32px;font-weight:400;color:#000;line-height:1.25}#screen-over .panel,#screen-pause .panel,#screen-how .panel,#screen-boot .panel{width:auto;min-width:360px;max-width:420px;overflow:visible}.score{margin:0 0 12px;font-size:40px;font-weight:400;line-height:1.15;color:#000}.stat,.how-txt,.hint,.chip{margin:0;font-size:16px;font-weight:400;color:#000}.gold{color:#b8860b}.chip{background:var(--paper);border:8px solid #000;box-shadow:8px 8px #000;padding:12px 16px}.row .bl{font-size:8px;margin-top:6px;line-height:1.5;color:#16324a}.text-btn:active,.go-btn:active,#btn-pause:active,.bag-btn:active:not(:disabled),.card:active,.row:active{transform:translate(4px,4px);box-shadow:4px 4px #000}.menu-row{display:flex;gap:16px;justify-content:center}.text-btn{border:8px solid #000;background:var(--paper);box-shadow:8px 8px #000;color:#000;font:16px "Press Start 2P",ui-monospace,monospace;font-smooth:never;-webkit-font-smoothing:none;cursor:pointer;padding:16px;min-height:56px}.go-btn{background:var(--gold);min-width:220px;padding:20px 24px}.name-input{font:16px "Press Start 2P",ui-monospace,monospace;font-smooth:never;-webkit-font-smoothing:none;text-align:center;text-transform:uppercase;color:#000;background:var(--paper);border:8px solid #000;box-shadow:8px 8px #000;border-radius:0;width:288px;padding:16px 8px;outline:none}.grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.list{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.card,.row{font:inherit;color:#000;background:#fff;border:4px solid #000;border-radius:0;cursor:pointer;padding:12px 8px}.card{display:flex;flex-direction:column;align-items:center;gap:8px}.card canvas{width:64px;height:74px;background:#7ec8f5}.card.on{background:var(--gold)}.card .nm,.row .nm,.card .pr,.row .pr{font-size:8px}.row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:16px 12px;text-align:left}.row.on{background:var(--gold)}.row:disabled{opacity:.45;cursor:default}.row.poor{opacity:.4}.how-txt{text-align:left;line-height:1.6}#rotate{display:none;position:fixed;inset:0;z-index:20;background:var(--sky);place-items:center;font-size:16px}@media(orientation:landscape)and (max-height:520px){#frame{display:none}#rotate{display:grid}}