*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}
html,body{margin:0;height:100%;overflow:hidden;background:#1b1033;color:#fff;font-family:"Trebuchet MS",system-ui,sans-serif;touch-action:none}
canvas{position:fixed;inset:0;width:100%;height:100%}
#ui{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:rgba(27,16,51,.93);overflow:auto;text-align:center;touch-action:pan-y}
h1{margin:0;font-size:2.2rem;color:#ffb23e}h2{margin:0;font-size:1.5rem}
.row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}
.card{background:#2c1b52;border:2px solid #4a3585;border-radius:14px;padding:10px;width:104px;font-size:.85rem}
.card.on{border-color:#ffb23e}.card small{display:block;color:#bfb2e6;margin-top:3px}
.up{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:340px;background:#2c1b52;border-radius:12px;padding:10px 14px;text-align:left}
.up small{display:block;color:#bfb2e6}
button{font:inherit;font-weight:700;background:#ffb23e;color:#1b1033;border:0;border-radius:12px;padding:12px 22px;min-width:130px}
button.alt{background:#4a3585;color:#fff}button:disabled{opacity:.4}
.coin{color:#ffd23e;font-weight:700}
#mt{position:fixed;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:5;min-width:0;width:44px;height:44px;padding:0;border-radius:50%;background:#4a3585;font-size:1.2rem}