:root{--ink: #1f3324;--panel: rgba(255, 255, 255, .86);--panel-border: rgba(31, 77, 43, .18);--accent: #e8a321;--accent-dark: #a86a00;--green: #3f8f3a;--shadow: 0 6px 20px rgba(20, 50, 30, .18);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#bfe6ff;color:var(--ink);-webkit-tap-highlight-color:transparent}#app{position:relative;width:100%;height:100dvh}#game-container{position:absolute;top:0;right:0;bottom:0;left:0}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui .topbar,#ui .bottombar>*,#ui .toast{pointer-events:auto}.topbar{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:8px;font-family:Georgia,serif;font-size:20px;font-weight:600}.stat{display:flex;align-items:baseline;gap:8px;margin-left:auto;margin-right:auto}.stat .value{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.stat .rate{font-size:14px;color:var(--green);font-weight:600}.drop{display:inline-block;width:18px;height:22px;align-self:center;background:radial-gradient(circle at 35% 35%,#fff3b0,var(--accent) 55%,var(--accent-dark));border-radius:50%/60% 60% 40% 40%;transform:rotate(0);clip-path:path("M9 0 C9 0 18 10 18 15 A9 7 0 0 1 0 15 C0 10 9 0 9 0 Z")}.drop.small{width:13px;height:16px;clip-path:path("M6.5 0 C6.5 0 13 7 13 11 A6.5 5 0 0 1 0 11 C0 7 6.5 0 6.5 0 Z")}.save{font-size:12px;color:#4b5d50;white-space:nowrap;max-width:34vw;overflow:hidden;text-overflow:ellipsis}.save[data-kind=error]{color:#b4471f}.bottombar{position:absolute;left:10px;right:10px;bottom:12px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.tiers{list-style:none;margin:0;padding:8px;display:flex;gap:6px;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;box-shadow:var(--shadow);overflow-x:auto;max-width:100%}.tiers li{position:relative;width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#3f8f3a14}.tiers li img{width:46px;height:40px;object-fit:contain}.tiers li.locked img{filter:brightness(0);opacity:.25}.tiers li:not(.owned) img{opacity:.45}.tiers li.locked img{opacity:.2}.tiers .count{position:absolute;right:4px;bottom:2px;font-size:12px;font-weight:700}.tiers .lvl{position:absolute;left:5px;top:2px;font-size:10px;color:#5a6b5e}.buy{flex:0 0 auto;min-width:190px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;border-radius:16px;cursor:pointer;font:inherit;color:#3b2600;background:linear-gradient(180deg,#ffd66b,var(--accent));box-shadow:0 4px 0 var(--accent-dark),var(--shadow);transition:transform .08s,filter .2s}.buy:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--accent-dark),var(--shadow)}.buy:disabled{cursor:not-allowed;filter:grayscale(.7) brightness(.95);opacity:.8}.buy:focus-visible{outline:3px solid #1f4d2b;outline-offset:3px}.buy-title{font-size:17px;font-weight:700}.buy-price{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.toasts{position:absolute;top:76px;left:50%;transform:translate(-50%);display:grid;gap:8px;width:min(92vw,420px)}.toast{padding:10px 14px;border-radius:12px;background:var(--panel);box-shadow:var(--shadow);border-left:5px solid var(--green);font-size:15px;transition:opacity .4s,transform .4s}.toast.discovery{border-left-color:var(--accent)}.toast.hide{opacity:0;transform:translateY(-8px)}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#bfe6ff;font-family:Georgia,serif;font-size:22px;color:var(--ink);z-index:10;transition:opacity .5s}.loading.done{opacity:0;pointer-events:none}@media(max-width:640px){.brand span{display:none}.stat .value{font-size:22px}.save{max-width:30vw}.bottombar{flex-direction:column;align-items:stretch}.tiers li{width:46px;height:46px}.tiers li img{width:36px;height:32px}.buy{min-height:58px}}@media(prefers-reduced-motion:reduce){.toast,.buy,.loading{transition:none}}