:root{--bg: #0f1f18;--bg-elevated: #162a22;--bg-card: #1a3328;--border: rgba(255, 255, 255, .08);--text: #eef6f0;--text-muted: #9bb8a8;--accent: #6ee07a;--accent-dim: #3a9e4a;--gold: #f5c842;--gem: #6ec5ff;--danger: #ff6b6b;--radius: 16px;--radius-sm: 10px;--shadow: 0 8px 32px rgba(0, 0, 0, .35);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:DM Sans,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(ellipse 120% 80% at 50% -20%,#254a38 0%,var(--bg) 55%)}#app{min-height:100dvh;max-width:480px;margin:0 auto}.app{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:calc(72px + var(--safe-bottom))}.top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 8px}.brand{display:flex;gap:10px;align-items:center}.brand-icon{font-size:2rem;filter:drop-shadow(0 2px 8px rgba(110,224,122,.35))}.brand-title{font-weight:700;font-size:1.05rem;letter-spacing:-.02em}.brand-sub{font-size:.75rem;color:var(--text-muted)}.balances{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.balance{display:flex;align-items:center;gap:6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-weight:600;font-size:.9rem;min-width:100px;justify-content:flex-end}.balance.coins .balance-value{color:var(--gold)}.balance.gems .balance-value{color:var(--gem)}.banner{margin:0 16px 8px;padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;background:#6ee07a1f;border:1px solid rgba(110,224,122,.25);text-align:center}.panel{flex:1;overflow:auto;padding:8px 16px 16px;-webkit-overflow-scrolling:touch}.panel-stand{display:flex;flex-direction:column}.stand-layout{flex:1;display:flex;flex-direction:column;align-items:center}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-bottom:16px}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;text-align:center}.stat-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stat-value{font-weight:700;font-size:.95rem;color:var(--accent)}.tap-zone{position:relative;flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:220px;touch-action:manipulation}.tap-ring{position:absolute;width:min(72vw,280px);height:min(72vw,280px);border-radius:50%;border:2px dashed rgba(110,224,122,.25);animation:spin 24s linear infinite}.tap-ring.rush{border-color:var(--gold);box-shadow:0 0 40px #f5c84240}@keyframes spin{to{transform:rotate(360deg)}}.tap-target{position:relative;z-index:1;width:min(56vw,220px);height:min(56vw,220px);border:none;border-radius:50%;cursor:pointer;background:linear-gradient(145deg,#2d5a3d,#1e3d2a);box-shadow:var(--shadow),inset 0 2px 12px #ffffff1f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .1s ease}.tap-target:active,.tap-target.pressed{transform:scale(.94)}.pickle-emoji{font-size:clamp(3rem,18vw,4.5rem);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.tap-hint{font-size:.8rem;color:var(--text-muted);font-weight:500}.float-text{position:absolute;pointer-events:none;font-weight:700;color:var(--gold);font-size:1rem;animation:float-up .9s ease-out forwards;text-shadow:0 2px 8px rgba(0,0,0,.5);z-index:2}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-48px) scale(1.1)}}.stand-copy{font-size:.85rem;color:var(--text-muted);text-align:center;line-height:1.5;margin:16px 0 0;max-width:340px}.boost-row{display:flex;gap:8px;padding:0 16px 8px;align-items:stretch}.boost-btn{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font:inherit;cursor:pointer}.boost-btn.ready:not(:disabled){border-color:var(--gold);background:#f5c8421f}.boost-btn.active{border-color:var(--accent);background:#6ee07a26}.boost-btn:disabled{opacity:.55;cursor:not-allowed}.boost-btn small{font-size:.7rem;color:var(--text-muted)}.golden-pill{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:var(--radius-sm);font-size:.78rem;background:#f5c8421f;border:1px solid rgba(245,200,66,.3)}.golden-pill.dim{background:var(--bg-card);border-color:var(--border);color:var(--text-muted)}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;overflow-x:auto;gap:2px;padding:8px 4px calc(8px + var(--safe-bottom));background:#0f1f18eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab{flex:1 0 52px;min-width:52px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font:inherit;font-size:.58rem;cursor:pointer}.tab-icon{position:relative;font-size:1.15rem}.badge-dot{position:absolute;top:-2px;right:-6px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--bg)}.tab.active{color:var(--accent);background:#6ee07a1a}.list-header{margin-bottom:12px}.list-header h2{margin:0 0 4px;font-size:1.25rem}.header-note{margin:0;font-size:.85rem;color:var(--text-muted)}.buy-modes{display:flex;gap:8px;margin-top:10px}.chip{padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font:inherit;font-weight:600;font-size:.8rem;cursor:pointer}.chip.active{border-color:var(--accent);color:var(--accent);background:#6ee07a1a}.card-list{display:flex;flex-direction:column;gap:10px}.card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.card.locked{opacity:.65}.card.hired{grid-template-columns:auto 1fr auto}.card-icon{font-size:1.75rem;width:44px;text-align:center}.card-body{min-width:0}.card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-top h3,.card-body h3{margin:0;font-size:1rem}.card-desc{margin:4px 0 0;font-size:.8rem;color:var(--text-muted);line-height:1.4}.card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:.75rem;color:var(--accent)}.milestone{color:var(--text-muted)}.level-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--bg-elevated);color:var(--text-muted)}.buy-btn{display:flex;flex-direction:column;align-items:center;min-width:72px;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dim) 100%);color:#0a1a10;font:inherit;font-weight:700;font-size:.8rem;cursor:pointer}.buy-btn.disabled,.buy-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.3)}.buy-cost{font-size:.7rem;font-weight:600;opacity:.85}.tag.ok{font-size:.75rem;font-weight:600;color:var(--accent);padding:8px 12px}.map-panel{display:flex;flex-direction:column;gap:20px}.map-visual{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:20px}.map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.map-pin{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:1.25rem;opacity:.5}.map-pin.owned{opacity:1;box-shadow:inset 0 0 0 2px var(--accent-dim)}.map-copy h2{margin:0 0 8px}.map-copy p{margin:0 0 12px;color:var(--text-muted);font-size:.9rem;line-height:1.5}.map-stats{margin:0 0 16px;padding-left:1.2rem;font-size:.85rem;color:var(--text-muted)}.map-stats strong{color:var(--text)}.franchise-btn{width:100%;padding:14px;border:none;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--gem) 0%,#4a9fd4 100%);color:#0a1520;font:inherit;font-weight:700;font-size:1rem;cursor:pointer;margin-bottom:12px}.franchise-btn.disabled,.franchise-btn:disabled{opacity:.45;cursor:not-allowed}.text-btn{width:100%;padding:10px;border:none;background:transparent;color:var(--text-muted);font:inherit;font-size:.85rem;cursor:pointer}.text-btn.danger{color:var(--danger)}@media (min-width: 481px){.app{border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:var(--shadow)}}.header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.header-btns{display:flex;gap:6px}.records-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.record{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.record strong{display:block;margin-top:4px;color:var(--accent)}.peak-list{margin-bottom:20px}.peak-list h3{font-size:.95rem;margin:0 0 8px}.peak-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:8px 10px;background:var(--bg-card);border-radius:8px;margin-bottom:6px;font-size:.85rem}.peak-row small{color:var(--text-muted)}.icon-btn{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;padding:4px 8px;cursor:pointer;font-size:1rem}.banner.tutorial{background:#6ee07a26;border-color:var(--accent-dim)}.banner.daily{display:flex;align-items:center;justify-content:space-between;gap:12px}.banner.daily button{border:none;background:var(--accent);color:#0a1a10;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer}.toast-juice{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:100;background:var(--bg-card);border:1px solid var(--gold);padding:10px 18px;border-radius:999px;font-weight:600;font-size:.9rem;box-shadow:var(--shadow);animation:toast-in .35s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}}.progress-bar{height:6px;background:var(--bg-elevated);border-radius:999px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .25s ease}.buy-btn.gem{background:linear-gradient(180deg,var(--gem) 0%,#4a9fd4 100%);color:#0a1520}.boost-btn.warp{flex:1}.app.coin-pulse .balance.coins{animation:coin-flash .4s ease}@keyframes coin-flash{50%{transform:scale(1.08);color:#fff}}.map-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.map-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border)}.map-row.owned{border-color:#6ee07a59}.map-row.active{box-shadow:inset 0 0 0 2px var(--accent)}.map-emoji{font-size:1.5rem}.card.compact,.card.mini{grid-template-columns:auto 1fr auto;padding:10px}.card.mini h3{font-size:.85rem}.link-btn{border:none;background:none;color:var(--gem);font:inherit;cursor:pointer;text-decoration:underline}.season-pts{color:var(--gold);font-weight:600}.tier-track{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:12px 0 20px}.tier{font-size:.62rem;text-align:center;padding:6px 4px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);color:var(--text-muted)}.tier.ready{border-color:var(--gold)}.tier.claimed{background:#6ee07a26;color:var(--accent)}.tier-num{display:block;font-weight:700;font-size:.75rem}.ach-grid{display:flex;flex-direction:column;gap:8px}.ach{display:flex;gap:10px;padding:10px;background:var(--bg-card);border-radius:var(--radius-sm);opacity:.55;font-size:.85rem}.ach.done{opacity:1;border:1px solid rgba(245,200,66,.35)}.ach span:first-child{font-size:1.4rem}