:root{--cream:#f7ece1;--peach:#ffd9c0;--mint:#cdeac0;--sky:#bfe3ff;--cocoa:#8a6a5a;--cocoa-soft:#8a6a5a24;--card:#fff8f1;--r:16px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--cream);color:var(--cocoa);letter-spacing:-.02em;overscroll-behavior:none;margin:0;font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--cocoa);outline-offset:2px}[tabindex]:focus-visible{outline:2px solid var(--cocoa);outline-offset:2px}.app{position:fixed;overflow:hidden;inset:0}.scene{position:absolute;width:100%;height:100%;inset:0}.hud{position:absolute;top:calc(8px + var(--sat));display:flex;pointer-events:none;z-index:5;flex-wrap:wrap;justify-content:center;gap:6px;left:8px;right:8px}.pill{display:inline-flex;backdrop-filter:blur(6px);border:1px solid var(--cocoa-soft);background:#fff8f1eb;border-radius:999px;align-items: center;gap:6px;padding:6px 12px;font-size:14px;box-shadow:0 2px 8px #8a6a5a1f}.pill svg{flex:none;width:16px;height:16px}.pill b{font-weight:700}.pill-coins{background:var(--peach)}.toasts{position:absolute;top:calc(56px + var(--sat));display:flex;pointer-events:none;z-index:6;flex-direction:column;align-items: center;gap:6px;left:0;right:0}.toast{background:var(--cocoa);color:#fff;animation:.18s ease-out toast-in;border-radius:999px;padding:6px 14px;font-size:14px;box-shadow:0 4px 12px #0000002e}@keyframes toast-in{0%{transform:translateY(-6px)scale(.94);opacity:0}}.dessert{position:absolute;z-index:5;background:var(--peach);cursor:pointer;display:grid;border:2px solid #ffffffb3;border-radius:50%;place-items: center;width:60px;height:60px;padding:0;transition:transform .12s;top:34%;right:12px;box-shadow:0 4px 14px #8a6a5a4d}.dessert:hover:not(:disabled){transform:scale(1.07)}.dessert:active:not(:disabled){transform:scale(.94)}.dessert:disabled{opacity:.55;cursor:default}.dessert svg{width:30px;height:30px}.dessert .cd{position:absolute;background:var(--cocoa);color:#fff;display:grid;border-radius:999px;place-items: center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-style:normal;bottom:-4px;right:-4px}.bottom{position:absolute;z-index:5;display:flex;padding:0 8px calc(8px + var(--sab));flex-direction:column;align-items: center;gap:8px;bottom:0;left:0;right:0}.cambar,.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.pill-btn{display:inline-flex;border:1px solid var(--cocoa-soft);cursor:pointer;background:#fff8f1f0;border-radius:999px;align-items: center;gap:6px;padding:8px 14px;transition:background .12s,transform .1s;font-size:13.5px}.pill-btn svg{width:15px;height:15px}.pill-btn:hover{background:#fff}.pill-btn:active{transform:scale(.96)}.pill-btn.active{background:var(--cocoa);color:#fff}.pill-btn.active svg{stroke:#fff}.cambar .pill-btn{background:#bfe3ffe6}.cambar .pill-btn.active{background:var(--cocoa);color:#fff}.sheet{backdrop-filter:blur(8px);border:1px solid var(--cocoa-soft);border-radius:var(--r);overflow-y:auto;overscroll-behavior:contain;background:#fff8f1f7;width:100%;max-width:640px;max-height:44vh;padding:6px 10px 10px;box-shadow:0 -4px 20px #8a6a5a29}.sheet-grip{background:var(--cocoa-soft);cursor:pointer;border-radius:999px;width:44px;height:5px;margin:4px auto 8px}.cards{display:flex;flex-direction:column;gap:8px}.card{display:flex;background:var(--card);border:1px solid var(--cocoa-soft);border-radius:12px;align-items: center;gap:10px;padding:8px 10px}.card-icon{background:var(--mint);display:grid;border-radius:12px;flex:none;place-items: center;width:40px;height:40px}.card-icon svg{width:22px;height:22px}.card:nth-child(odd) .card-icon{background:var(--sky)}.card:nth-child(3n) .card-icon{background:var(--peach)}.card-main{flex:1;min-width:0}.card-top{display:flex;justify-content:space-between;align-items: center;gap:8px;font-size:14px}.dots{display:inline-flex;gap:3px}.dots i{background:var(--cocoa-soft);border-radius:50%;width:7px;height:7px}.dots i.on{background:var(--cocoa)}.card-fx{opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}.card-row{display:flex;justify-content:space-between;align-items: center;margin-top:4px}.price{font-size:14px;font-weight:700}.buy{background:var(--peach);border:1px solid var(--cocoa-soft);cursor:pointer;border-radius:999px;padding:7px 18px;transition:transform .1s,opacity .12s;font-size:14px;font-weight:700}.buy:hover:not(:disabled){background:#fff}.buy:active:not(:disabled){transform:scale(.95)}.buy:disabled{opacity:.45;cursor:default}.reset{display:block;opacity:.55;cursor:pointer;text-decoration:underline;background:0 0;border:none;margin:10px auto 2px;font-size:12px}.sheet-open{box-shadow:0 2px 10px #8a6a5a33}.hint{text-align:center;opacity:.88;padding:2px 4px 6px;font-size:12.5px}@media (min-width:760px){.hud{gap:8px;font-size:15px}.sheet{max-height:40vh}.cards{display:grid;grid-template-columns:1fr 1fr}.dessert{width:72px;height:72px;right:24px}.dessert svg{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){*{animation:none;transition:none}}