:root{--gold: #ffce2e;--gold-d: #e9a500;--gem: #46d3ff;--panel: rgba(28, 24, 46, .82);--panel-2: rgba(46, 40, 74, .9);--buy: #3fc24f;--buy-d: #2a9438;--locked: #b0413a;--txt: #fff;--shadow: 0 6px 0 rgba(0,0,0,.28), 0 10px 18px rgba(0,0,0,.32);--font: "Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}#ui-root{font-family:var(--font);color:var(--txt)}#ui-root *{font-family:inherit}.hud-top{position:absolute;top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}.hud-col{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.hud-col.right{align-items:flex-end}.pill{display:inline-flex;align-items:center;gap:7px;background:var(--panel);border-radius:999px;padding:7px 15px 7px 11px;font-weight:800;font-size:19px;box-shadow:var(--shadow);border:2px solid rgba(255,255,255,.12);pointer-events:auto;user-select:none;line-height:1;white-space:nowrap}.pill .ic{font-size:20px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.pill.cash .val{color:var(--gold);text-shadow:0 1px 0 var(--gold-d);min-width:26px}.pill.gem .val{color:var(--gem)}.rate{font-size:13px;font-weight:800;color:#b6f7c2;background:var(--panel);border-radius:999px;padding:3px 11px;box-shadow:0 3px #00000038}.icon-btn{width:44px;height:44px;border-radius:14px;background:var(--panel);border:2px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:var(--shadow);pointer-events:auto;cursor:pointer}.icon-btn:active{transform:translateY(2px)}.dock{position:absolute;left:0;right:0;bottom:0;padding:8px calc(var(--safe-right) + 8px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 8px);display:flex;flex-direction:column;gap:8px;pointer-events:none}.tabs{display:flex;gap:7px;justify-content:center;pointer-events:auto}.tab{flex:1 1 0;max-width:150px;background:var(--panel);border-radius:14px 14px 6px 6px;padding:7px 6px;text-align:center;font-weight:800;font-size:13px;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px #00000040;cursor:pointer;opacity:.72;user-select:none}.tab .tname{font-size:13px}.tab .tsub{font-size:11px;opacity:.85;font-weight:700}.tab.active{opacity:1;background:var(--panel-2);border-color:var(--gold);transform:translateY(-2px)}.tab.locked{color:#ffd}.tab.locked .tsub{color:var(--gold)}.shop{display:flex;gap:7px;overflow-x:auto;padding:2px;pointer-events:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.shop::-webkit-scrollbar{display:none}.card{flex:1 1 96px;min-width:0;scroll-snap-align:start;background:var(--panel);border-radius:16px;padding:9px 8px 8px;display:flex;flex-direction:column;align-items:stretch;gap:5px;border:2px solid rgba(255,255,255,.1);box-shadow:var(--shadow);user-select:none;position:relative;overflow:hidden}.card .crow{display:flex;align-items:center;gap:6px}.card .cic{font-size:22px}.card .cname{font-size:12.5px;font-weight:800;line-height:1.05}.card .clvl{font-size:11px;font-weight:800;color:#ffd86b;margin-left:auto}.card .ceff{font-size:11px;font-weight:700;color:#cfe8ff;min-height:14px}.card .progress{height:4px;background:#ffffff24;border-radius:3px;overflow:hidden}.card .progress>i{display:block;height:100%;background:var(--gold);width:0%}.buy{margin-top:2px;border:none;border-radius:11px;background:var(--buy);color:#08230d;font-weight:900;font-size:13.5px;padding:8px 4px;box-shadow:0 4px 0 var(--buy-d);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;pointer-events:auto;transition:transform .04s}.buy .bcost{display:inline-flex;align-items:center;gap:3px}.buy:active{transform:translateY(3px);box-shadow:0 1px 0 var(--buy-d)}.card.disabled .buy{background:#6c6f86;color:#2a2c3a;box-shadow:0 4px #4a4c5f;cursor:default}.card.maxed .buy{background:var(--gold);color:#4a3500;box-shadow:0 4px 0 var(--gold-d)}.card.flash{animation:cardflash .4s ease}@keyframes cardflash{0%{filter:brightness(1.8)}to{filter:brightness(1)}}.toolbar{display:flex;gap:7px;align-items:center;justify-content:center;pointer-events:auto}.mult{display:flex;gap:0;border-radius:11px;overflow:hidden;box-shadow:0 4px #00000040}.mult button{border:none;background:var(--panel);color:#fff;font-weight:800;font-size:13px;padding:7px 13px;cursor:pointer}.mult button.on{background:var(--gold);color:#4a3500}.pbtn{border:none;border-radius:11px;background:#b46bf0;color:#1c0a2c;font-weight:900;font-size:13px;padding:8px 14px;box-shadow:0 4px #8d44c9;cursor:pointer;pointer-events:auto}.pbtn:active{transform:translateY(3px);box-shadow:0 1px #8d44c9}.pbtn:disabled{background:#6c6f86;color:#2a2c3a;box-shadow:0 4px #4a4c5f}.fx-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pop{position:absolute;font-weight:900;font-size:18px;color:var(--gold);text-shadow:0 2px 0 var(--gold-d),0 0 5px rgba(0,0,0,.5);transform:translate(-50%,-50%);will-change:transform,opacity}.coinfly{position:absolute;left:0;top:0;font-size:19px;pointer-events:none;will-change:transform,opacity;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.pill.cash.bump{animation:cashbump .26s ease}@keyframes cashbump{0%{transform:scale(1)}40%{transform:scale(1.16)}to{transform:scale(1)}}.toast{position:absolute;left:50%;top:calc(var(--safe-top) + 86px);transform:translate(-50%);background:var(--panel-2);border:2px solid var(--gold);border-radius:14px;padding:9px 16px;font-weight:800;font-size:14px;box-shadow:var(--shadow);opacity:0;transition:opacity .25s,transform .25s;text-align:center;max-width:80vw}.toast.show{opacity:1}.hint{position:absolute;transform:translate(-50%,-50%);background:#0000008c;color:#fff;font-weight:800;font-size:13px;padding:6px 12px;border-radius:999px;pointer-events:none;animation:hintpulse 1.1s ease-in-out infinite}@keyframes hintpulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.12)}}.save-tag{position:absolute;top:calc(var(--safe-top) + 54px);left:50%;transform:translate(-50%);background:#141222d9;color:#8ef0a0;font-weight:800;font-size:12.5px;padding:5px 13px;border-radius:999px;pointer-events:none;box-shadow:0 3px #00000040;white-space:nowrap;border:1.5px solid rgba(142,240,160,.5);z-index:20;display:none}.hand{position:absolute;font-size:34px;pointer-events:none;transform:translate(-30%,-10%);animation:handtap 1.1s ease-in-out infinite;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}@keyframes handtap{0%,to{transform:translate(-30%,-10%) scale(1)}50%{transform:translate(-30%,4px) scale(.9)}}.modal-bg{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:50}.modal{background:var(--panel-2);border:2px solid var(--gold);border-radius:22px;padding:22px 22px 18px;max-width:80vw;text-align:center;box-shadow:var(--shadow)}.modal h2{font-size:20px;margin-bottom:6px}.modal .big{font-size:26px;font-weight:900;color:var(--gold);margin:8px 0 14px}.modal .mbody{font-size:14px;line-height:1.4;opacity:.95;margin-bottom:6px}.modal .mbtns{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}.modal .mbtn{border:none;border-radius:14px;background:var(--buy);color:#08230d;font-weight:900;font-size:15px;padding:11px 22px;box-shadow:0 5px 0 var(--buy-d);cursor:pointer}.modal .mbtn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--buy-d)}.modal .mbtn.danger{background:#e0533f;box-shadow:0 5px #a73626;color:#2a0a04}.modal .mbtn.ghost{background:#5a5f7a;box-shadow:0 5px #3c3f56;color:#fff}