:root{--bg:#141a36;--ink:#fff6e4;--muted:#b9b6d3;--gold:#ffc76a;--gold-ink:#3b2a10;--do:#5ea35a;--do-ink:#fff;--panel:#232a4f;--card:#2d3560;--line:#ffffff1a;--pad:16px;--nav:64px;color:var(--ink);background:var(--bg);font-family:Rubik,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}body{background:var(--bg)}.app{height:100%;position:relative}.stage{inset:0 0 calc(var(--nav) + env(safe-area-inset-bottom)) 0;touch-action:manipulation;position:absolute}.muted{color:var(--muted)}.center{text-align:center;height:100%;padding:var(--pad);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.center-text{text-align:center;padding:16px}.hud{z-index:2;padding:calc(env(safe-area-inset-top) + 12px) var(--pad) 8px;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;display:grid;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.who{flex-direction:column;gap:4px;min-width:0;display:flex}.who b{white-space:nowrap;text-overflow:ellipsis;font-family:Bitter,serif;font-size:16px;overflow:hidden}.tag{color:var(--muted);background:#ffffff1f;border-radius:8px;align-self:flex-start;padding:2px 8px;font-size:12px}.purse{text-align:center}.coins{color:var(--gold);text-shadow:0 2px #3b2f45;white-space:nowrap;font:800 28px Bitter,serif}.rate{font-size:14px}.cur{background:#0000004d;border-radius:12px;justify-self:end;align-items:center;min-height:44px;padding:0 12px;font-size:16px;font-weight:700;display:flex}.boosts{z-index:2;top:calc(env(safe-area-inset-top) + 84px);padding:0 var(--pad);pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;left:0;right:0}.chip{background:#00000073;border-radius:16px;padding:4px 12px;font-size:14px;font-weight:600}.toasts{z-index:4;top:calc(env(safe-area-inset-top) + 116px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;left:0;right:0}.toast{border:1px solid var(--gold);color:var(--gold);text-align:center;background:#1e1834eb;border-radius:12px;max-width:calc(100% - 32px);padding:8px 16px;font-weight:700;animation:.25s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.8)}}.heat{z-index:2;left:0;right:0;bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 16px);pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.heat small{color:var(--muted);font-size:14px}.heat-bar{background:#0006;border-radius:6px;width:min(240px,60%);height:10px;overflow:hidden}.heat-bar i{background:linear-gradient(90deg,#f3a83b,#ff6a3c);height:100%;transition:width .15s;display:block}.nav{z-index:5;height:calc(var(--nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--panel);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.nav button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 2px;font:500 12px Rubik,sans-serif;display:flex}.nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.nav .nav-icon{font-size:22px;line-height:1}.nav button.on{color:var(--gold)}.nav button.soon{opacity:.55}.sheet{z-index:4;left:0;right:0;bottom:calc(var(--nav) + env(safe-area-inset-bottom));background:var(--panel);border-radius:16px 16px 0 0;flex-direction:column;max-height:58%;animation:.2s ease-out up;display:flex;position:absolute;box-shadow:0 -8px 24px #0006}@keyframes up{0%{opacity:0;transform:translateY(24px)}}.sheet-head{padding:8px 8px 8px var(--pad);border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex}.sheet-head h2{flex:1;margin:0;font:800 18px Bitter,serif}.sheet-body{-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;padding:8px 12px 12px;display:flex;overflow-y:auto}.icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:#ffffff14;border:0;border-radius:12px;font-size:18px}.seg{background:#0000004d;border-radius:12px;padding:2px;display:flex}.seg button{min-width:48px;min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font:600 14px Rubik,sans-serif}.seg button.on{background:var(--card);color:var(--ink)}.card{background:var(--card);border-radius:12px;align-items:center;gap:12px;padding:8px 8px 8px 12px;display:flex}.card.dim{opacity:.6}.card-icon{background:#0003;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex}.card-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.card-main b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.card-main>span{font-size:13px}.ms{align-items:center;gap:8px;display:flex}.ms small{color:var(--muted);white-space:nowrap;font-size:12px}.progress{background:#00000059;border-radius:4px;flex:1;max-width:120px;height:6px;overflow:hidden}.progress i{background:var(--gold);height:100%;display:block}.btn{cursor:pointer;white-space:nowrap;border:0;border-radius:12px;flex:none;min-width:96px;min-height:44px;padding:0 12px;font:700 15px Rubik,sans-serif;box-shadow:0 3px #00000059}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #00000059}.btn:disabled{opacity:.45;cursor:default}.btn-do{background:var(--do);color:var(--do-ink)}.btn-take{background:var(--gold);color:var(--gold-ink)}.btn-ghost{color:var(--muted);box-shadow:none;background:#ffffff14}.btn-wide{width:100%}.modal-bg{z-index:10;padding:var(--pad);background:#080a18b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{background:var(--panel);text-align:center;border-radius:16px;flex-direction:column;gap:12px;width:min(360px,100%);padding:24px 16px 16px;animation:.25s ease-out pop;display:flex}.modal h2{margin:0;font:800 20px Bitter,serif}.modal .big{color:var(--gold);font:800 32px Bitter,serif}.modal p{margin:0}.breeze-btn{z-index:3;right:var(--pad);top:calc(env(safe-area-inset-top) + 120px);border:1px solid var(--line);min-width:56px;min-height:56px;color:inherit;font:inherit;background:#1e1834d9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:4px 8px;display:flex;position:absolute}.breeze-btn.on{border-color:var(--gold)}.breeze-btn .breeze-icon{font-size:24px;line-height:1}.breeze-btn small{font-size:12px;font-weight:600}.modal .small-big{font-size:24px}.demo-ad{z-index:20}