:root{--color-bg: #ffffff;--color-text: #1a1a1a;--color-muted: #676767;--color-muted-soft: rgba(103, 103, 103, .5);--color-blue: #0086b9;--color-pink: #ff55ab;--color-red: #fc021b;--color-lime: #d8f602;--color-locked: rgba(103, 103, 103, .7);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Roboto Flex,system-ui,sans-serif;font-variation-settings:"wght" 700;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit}.app{min-height:100dvh;display:flex;flex-direction:column;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));max-width:560px;margin:0 auto}.screen-fade{animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.center-loader,.center-error{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-muted);font-variation-settings:"wght" 900;padding:24px}.center-error button{display:block;margin:12px auto 0;padding:10px 20px;border-radius:14px;background:var(--color-blue);color:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.coin-badge{display:inline-flex;align-items:center;gap:8px;background:#efefef;border-radius:999px;padding:6px 14px 6px 6px;font-size:18px;font-variation-settings:"wght" 900;color:var(--color-muted);white-space:nowrap}.coin-badge .coin-icon{width:28px;height:28px;border-radius:50%;background:#3a3a3a;color:var(--color-lime);display:flex;align-items:center;justify-content:center;font-size:16px}.nav-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{flex:none;padding:8px 14px;border-radius:10px;font-size:14px;font-variation-settings:"wght" 900;background:#efefef;color:var(--color-muted);text-transform:lowercase}.nav-tab.active{background:var(--color-lime);color:#1a1a1a}.back-btn{width:40px;height:40px;border-radius:10px;background:#efefef;display:flex;align-items:center;justify-content:center;font-size:18px;font-variation-settings:"wght" 900;flex:none}.game-title{text-align:right;color:var(--color-blue);line-height:1;margin:4px 0 12px}.game-title .pet-name{display:block;font-size:clamp(28px,8vw,40px);font-variation-settings:"wght" 900;letter-spacing:-.02em;color:#0086b9;-webkit-text-stroke:6px #fce5f6;paint-order:stroke fill}.pet-stage{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:3 / 4;background:#f4f4f4;margin-bottom:16px}.pet-stage img{width:100%;height:100%;object-fit:cover;display:block}.pet-stage .sleeping-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a148c;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-variation-settings:"wght" 900;text-align:center;padding:24px}.stats-overlay{position:absolute;top:14px;left:16px;display:flex;flex-direction:column;gap:2px;color:#1a1a1a;font-size:14px;font-variation-settings:"wght" 900;text-shadow:0 1px 3px rgba(255,255,255,.6);z-index:2}.stats-overlay .stat-line .low{color:#d64545}.actions-overlay{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:14px;z-index:2}.action-btn{width:62px;display:flex;flex-direction:column;align-items:center;gap:4px}.action-btn .icon{width:46px;height:46px;border-radius:50%;background:#ffffffd9;box-shadow:0 2px 6px #00000040,inset 0 -2px 3px #00000014;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .12s ease}.action-btn span:last-child{font-size:11px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);font-variation-settings:"wght" 900}.action-btn:active .icon{transform:scale(.9)}.action-btn:disabled{opacity:.5}.action-btn:disabled .icon{transform:none}.spend-row{display:flex;justify-content:flex-end;margin:-8px 0 12px}.spend-btn{font-size:13px;color:#fff;background:#3a3a3a;padding:6px 14px;border-radius:10px;font-variation-settings:"wght" 900}.pet-list{display:flex;flex-direction:column;gap:14px}.pet-card{position:relative;display:flex;align-items:center;gap:14px;padding:14px;border-radius:24px;color:#fff;min-height:116px;overflow:hidden}.pet-card .pet-thumb{width:88px;height:88px;border-radius:18px;object-fit:cover;flex:none;background:#ffffff40}.pet-card .pet-info{flex:1;min-width:0}.pet-card .pet-info .name{font-size:clamp(18px,5vw,24px);font-variation-settings:"wght" 900;display:block;margin-bottom:4px}.pet-card .pet-info .price{display:inline-flex;align-items:center;gap:4px;font-size:14px;opacity:.9}.pet-card .status{align-self:flex-end;font-size:13px;text-transform:lowercase;font-variation-settings:"wght" 900;background:#ffffff2e;padding:6px 12px;border-radius:10px;flex:none}.pet-card button.status{color:inherit}.pet-card.locked{background:var(--color-locked)!important}.pet-card.locked .status{opacity:.85}.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translate(-50%);background:#1a1a1a;color:#fff;padding:10px 18px;border-radius:12px;font-size:14px;font-variation-settings:"wght" 700;max-width:calc(100vw - 32px);text-align:center;z-index:20;animation:toastIn .2s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}