*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #fef3c7;--bg-alt: #fde68a;--bg-warm: #fff8e1;--bg-cool: #eef6ff;--surface: #ffffff;--surface-2: rgba(255, 255, 255, .92);--surface-3: rgba(255, 255, 255, .7);--text: #4a2e0e;--text-muted: #8a6432;--text-subtle: #b89368;--brand-50: #fff8e1;--brand-100: #ffecb3;--brand-200: #ffe082;--brand-300: #ffd54f;--brand-500: #ffb300;--brand-700: #d97706;--brand-900: #7c4807;--primary: var(--brand-500);--primary-strong: var(--brand-700);--secondary: #ec4899;--success: #22c55e;--warn: #f59e0b;--danger: #ef4444;--info: #3b82f6;--magic: #a855f7;--border: #fde68a;--border-strong: #fbbf24;--shadow-sm: 0 2px 6px rgba(120, 53, 15, .1);--shadow: 0 4px 16px rgba(146, 64, 14, .12);--shadow-md: 0 8px 24px rgba(146, 64, 14, .16);--shadow-lg: 0 16px 40px rgba(146, 64, 14, .22);--shadow-floating: 0 24px 60px rgba(146, 64, 14, .28);--btn-depth-primary: 0 4px 0 var(--brand-700), 0 8px 18px rgba(255, 179, 0, .4);--btn-depth-success: 0 4px 0 #15803d, 0 8px 18px rgba(34, 197, 94, .4);--btn-depth-danger: 0 4px 0 #b91c1c, 0 8px 18px rgba(239, 68, 68, .4);--btn-depth-info: 0 4px 0 #1d4ed8, 0 8px 18px rgba(59, 130, 246, .4);--btn-depth-magic: 0 4px 0 #7e22ce, 0 8px 18px rgba(168, 85, 247, .4);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--r-xs: 6px;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .14s;--dur-base: .24s;--dur-slow: .42s}html,body,#root{min-height:100vh;background:linear-gradient(180deg,#fef3c7,#fde68a 40%,#fcd9a8);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}a{color:var(--primary-strong);text-decoration:none}button{font-family:inherit;font-size:16px;cursor:pointer;border:none}input,select,textarea{font-family:inherit;font-size:17px;padding:14px 18px;border:2px solid var(--border);border-radius:16px;background:#fff;color:var(--text);outline:none;width:100%;font-weight:600}input:focus,select:focus,textarea:focus{border-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:14px 28px;border-radius:var(--r-md);font-weight:800;font-size:17px;letter-spacing:.01em;transition:transform .13s var(--ease-bounce),box-shadow .13s var(--ease-out),filter .18s var(--ease-out);box-shadow:var(--shadow);border:2px solid transparent;position:relative;isolation:isolate}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.32),transparent 38%);pointer-events:none;z-index:-1}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px #ffb30073,var(--shadow)}.btn:active:not(:disabled){transform:translateY(3px);filter:brightness(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#ffd54f,#ffb300 60%,#ff9500);color:#5a3500;border-color:#ffe082;box-shadow:var(--btn-depth-primary);text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--brand-700),0 4px 8px #ffb3004d}.btn-success{background:linear-gradient(180deg,#4ade80,#22c55e 60%,#15a040);color:#052e10;border-color:#86efac;box-shadow:var(--btn-depth-success);text-shadow:0 1px 0 rgba(255,255,255,.3)}.btn-success:active:not(:disabled){box-shadow:0 1px #15803d,0 4px 8px #22c55e4d}.btn-danger{background:linear-gradient(180deg,#fb7185,#ef4444 60%,#c81d1d);color:#fff;border-color:#fda4af;box-shadow:var(--btn-depth-danger);text-shadow:0 1px 0 rgba(0,0,0,.18)}.btn-danger:active:not(:disabled){box-shadow:0 1px #b91c1c,0 4px 8px #ef44444d}.btn-secondary{background:linear-gradient(180deg,#fff,#fff7e1);color:var(--text);border-color:var(--border);box-shadow:0 4px #f5d997,0 6px 14px #92400e1f}.btn-secondary:active:not(:disabled){box-shadow:0 1px #f5d997,0 3px 6px #92400e1a}.btn-ghost{background:transparent;color:var(--primary-strong);box-shadow:none}.btn-ghost:active:not(:disabled){background:#ffb3001a;transform:translateY(0)}.btn-block{width:100%}.btn-xl{min-height:64px;padding:18px 36px;font-size:19px;border-radius:24px}.card{background:var(--surface);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow);margin-bottom:var(--s-5);border:1px solid rgba(255,224,153,.55);transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.card-hoverable{cursor:pointer}.card-hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-hoverable:active{transform:translateY(0)}.empty-state{text-align:center;padding:var(--s-7) var(--s-5);background:linear-gradient(180deg,#fff,#fffaec);border-radius:var(--r-xl);box-shadow:var(--shadow);border:2px dashed rgba(255,213,79,.5)}.empty-state-illustration{font-size:80px;margin-bottom:var(--s-4);display:inline-block;filter:drop-shadow(0 8px 22px rgba(255,179,0,.35));animation:empty-bob 3.6s ease-in-out infinite}@keyframes empty-bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}.empty-state-title{font-size:20px;font-weight:900;margin-bottom:var(--s-2);color:var(--text)}.empty-state-hint{color:var(--text-muted);margin-bottom:var(--s-4);font-size:14px}.skeleton{background:linear-gradient(90deg,#f3e0b8,#fff5d8,#f3e0b8);background-size:200% 100%;border-radius:var(--r-sm);animation:skeleton-shine 1.4s linear infinite}.skeleton-text{height:14px}.skeleton-text.lg{height:24px}.skeleton-card{height:120px;border-radius:var(--r-md)}@keyframes skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse-bump{animation:pulse-bump .54s var(--ease-bounce)}@keyframes pulse-bump{0%,to{transform:scale(1)}35%{transform:scale(1.18);filter:brightness(1.08)}}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(255,179,0,.55);outline-offset:2px;border-radius:8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.muted{color:var(--text-muted);font-size:14px}.flex{display:flex;gap:12px;align-items:center}.flex-col{display:flex;flex-direction:column;gap:12px}.grid{display:grid;gap:12px}.tag{display:inline-block;padding:3px 12px;border-radius:12px;font-size:13px;font-weight:800;background:var(--border);color:var(--text)}.page{max-width:720px;margin:0 auto;padding:20px 20px 110px}.page-title{font-size:28px;font-weight:900;margin-bottom:4px}.page-subtitle{color:var(--text-muted);margin-bottom:20px}@media(min-width:1024px){.wallet-page{max-width:1180px;margin-right:24px}.wallet-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:16px;align-items:start}.wallet-main{grid-column:1;grid-row:1}.wallet-side{grid-column:2;grid-row:1}}.wallet-side{display:grid;gap:14px;align-content:start}.wallet-side .card{margin-bottom:0}.wallet-main{min-width:0}.home-chat-fab{position:fixed;z-index:90;right:18px;bottom:calc(82px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:999px;background:linear-gradient(135deg,#ffd54f,#ffb300);border:3px solid #fff5d8;box-shadow:0 8px 22px #d977065c,0 0 0 1px #92400e2e;text-decoration:none;color:#5a3500;font-weight:900;font-size:14px;transition:transform .16s var(--ease-bounce),box-shadow .16s}.home-chat-fab:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 28px #d9770680,0 0 0 1px #92400e38}.home-chat-fab-pet{font-size:24px;line-height:1}.home-chat-fab-bubble{position:absolute;top:-8px;right:-4px;font-size:18px;background:#fff;border-radius:999px;padding:2px 4px;box-shadow:0 2px 6px #00000026;animation:chat-bubble-bounce 2.4s ease-in-out infinite}.home-chat-fab-label{white-space:nowrap}.home-chat-fab-dot{position:absolute;top:-3px;left:-3px;width:14px;height:14px;border-radius:999px;background:#ef4444;border:2px solid white;box-shadow:0 0 0 2px #ef444459}.home-chat-fab.has-unread{animation:chat-fab-pulse 1.6s ease-in-out infinite}@keyframes chat-fab-pulse{0%,to{box-shadow:0 8px 22px #d977065c,0 0 0 1px #92400e2e}50%{box-shadow:0 10px 26px #ef44446b,0 0 0 4px #ef44442e}}@keyframes chat-bubble-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(min-width:900px)and (orientation:landscape){.home-chat-fab{bottom:26px}}.app-nav-group{display:contents}.app-nav-divider{height:2px;margin:8px 6px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.45),transparent)}.app-nav-section{display:flex;align-items:center;gap:10px;padding:8px 12px 4px;font-weight:900;color:#5f390c;pointer-events:none;-webkit-user-select:none;user-select:none}.app-nav-section .nav-icon{font-size:20px}.app-nav-section .nav-copy span{font-size:14px;letter-spacing:.02em}.bottom-nav a.is-sub{padding-left:24px}.bottom-nav a.is-sub:after{content:"";position:absolute;left:12px;top:50%;width:6px;height:1.5px;background:#b4530980;border-radius:2px;transform:translateY(-50%)}@media(max-width:899px){.app-nav-divider,.app-nav-section{display:none}.bottom-nav a.is-sub{padding-left:0}.bottom-nav a.is-sub:after{display:none}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:3px solid var(--border);display:grid;grid-template-columns:repeat(6,1fr);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -4px 20px #0000000f}.bottom-nav a{display:flex;flex-direction:column;align-items:center;padding:12px 0 10px;position:relative;transition:color var(--dur-fast) var(--ease-out);color:var(--text-muted);font-size:12px;font-weight:800;text-decoration:none;transition:color .15s}.bottom-nav a.active{color:var(--primary-strong)}.bottom-nav a.active:before{content:"";position:absolute;top:4px;left:50%;width:32px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--brand-300),var(--brand-700));box-shadow:0 0 12px #ffb300b3;transform:translate(-50%);animation:nav-glow-pop .36s var(--ease-bounce)}@keyframes nav-glow-pop{0%{width:0;opacity:0}60%{width:40px;opacity:1}to{width:32px;opacity:1}}.bottom-nav a.active .nav-icon{transform:translateY(-3px) scale(1.16);filter:drop-shadow(0 4px 6px rgba(255,179,0,.45))}.nav-icon{font-size:26px;margin-bottom:3px;transition:transform .24s var(--ease-bounce),filter .24s var(--ease-out)}@media(min-width:900px)and (orientation:landscape){.bottom-nav{position:fixed;top:0;bottom:0;left:0;right:auto;width:200px;grid-template-columns:1fr;grid-auto-rows:max-content;border-top:none;border-right:3px solid var(--border);padding:24px 12px;gap:8px}.bottom-nav a{flex-direction:row;gap:12px;padding:14px 16px;border-radius:16px;justify-content:flex-start;font-size:15px}.bottom-nav a.active{background:linear-gradient(135deg,#ffb3002e,#ffd54f1a);box-shadow:inset 0 0 0 2px #ffb30052}.bottom-nav a.active:before{top:50%;left:-2px;transform:translateY(-50%);width:4px;height:70%;border-radius:0 4px 4px 0;animation:nav-glow-rail .36s var(--ease-bounce)}@keyframes nav-glow-rail{0%{height:0;opacity:0}to{height:70%;opacity:1}}.nav-icon{margin-bottom:0;font-size:22px}.page{margin-left:220px;max-width:900px;padding-bottom:40px}}.stats-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.stat-chip{flex:1;min-width:130px;background:#fff;border-radius:18px;padding:12px 16px;box-shadow:var(--shadow)}.stat-chip-label{font-size:12px;color:var(--text-muted);font-weight:700}.stat-chip-value{font-size:22px;font-weight:900;color:var(--primary-strong);margin-top:2px}.error-box{background:#fef2f2;border:2px solid #fecaca;color:#991b1b;padding:14px 18px;border-radius:16px;margin:12px 0;font-weight:700}.success-box{background:#f0fdf4;border:2px solid #86efac;color:#166534;padding:14px 18px;border-radius:16px;margin:12px 0;font-weight:700}.spinner{display:inline-block;width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.spinner-lg{width:40px;height:40px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.game-scene{position:fixed;top:0;right:0;bottom:0;left:0;padding-bottom:82px;padding-bottom:calc(82px + env(safe-area-inset-bottom,0));overflow:hidden;background:linear-gradient(180deg,#87ceeb,#fde68a)}@media(min-width:900px)and (orientation:landscape){.game-scene{left:200px;padding-bottom:0}}.hud-top{position:absolute;top:calc(env(safe-area-inset-top,0) + 12px);left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;z-index:10;pointer-events:none;gap:8px}.hud-top>*{pointer-events:auto}.hud-pill{background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;padding:10px 16px;box-shadow:0 2px 10px #0000001a;font-weight:800}.hud-stats-bar{position:absolute;top:calc(env(safe-area-inset-top,0) + 76px);left:12px;right:12px;display:flex;gap:8px;z-index:10;pointer-events:none}.hud-stat{flex:1;background:#ffffffe0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:14px;padding:8px 12px;font-size:12px;font-weight:800;box-shadow:0 2px 8px #00000014}.hud-stat-label{color:var(--text-muted);font-size:10px}.hud-stat-value{color:var(--primary-strong);font-size:18px}.hud-actions{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;z-index:10}.hud-actions .btn{box-shadow:0 4px 16px #0000002e;min-height:48px}.hud-challenges{position:absolute;top:calc(env(safe-area-inset-top,0) + 140px);left:12px;right:12px;z-index:11;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:18px;padding:12px 14px;box-shadow:0 4px 20px #f59e0b59}.pet-float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}@keyframes stroke-hand-sweep{0%{transform:translate(-180%,-50%) rotate(-14deg) scale(.84);opacity:0}18%{opacity:1}50%{transform:translate(-50%,-54%) rotate(0) scale(1.04)}82%{opacity:1}to{transform:translate(80%,-50%) rotate(14deg) scale(.92);opacity:0}}@keyframes stroke-hand-wiggle{0%{filter:drop-shadow(0 6px 10px rgba(0,0,0,.32))}to{filter:drop-shadow(0 8px 14px rgba(244,114,182,.42))}}.home-page{max-width:900px;margin:0 auto;padding:16px 16px 100px}@media(min-width:900px)and (orientation:landscape){.home-page{margin-left:220px;margin-right:auto;padding:20px 24px 40px}}.home-scene-wrap{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 12px 40px #408ac838,0 2px 8px #0000000a;border:3px solid rgba(255,255,255,.5);margin-bottom:16px;background:#87ceeb}.home-pet-hud{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:12px;background:#ffffffd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:12px 20px 12px 14px;border-radius:22px;box-shadow:0 4px 20px #0000001f;border:2px solid rgba(255,255,255,.9)}.home-pet-hud-icon{font-size:28px}.home-pet-hud-name{font-size:20px;font-weight:900;color:var(--text);line-height:1.1}.home-pet-hud-breed{font-size:12px;color:var(--text-muted);font-weight:700;margin-top:2px}.home-rarity-pill{display:inline-block;padding:2px 9px;border-radius:9px;font-size:10px;font-weight:900;color:#fff;margin-left:4px;letter-spacing:.5px}.home-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.home-stat-card{background:#fff;border-radius:18px;padding:14px 14px 10px;box-shadow:0 3px 12px #0000000f;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;overflow:hidden}.home-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--stat-color, #f59e0b),transparent);opacity:.8}.home-stat-icon{font-size:26px}.home-stat-value{font-size:30px;font-weight:900;color:var(--text);line-height:1}.home-stat-value .max{font-size:13px;color:var(--text-muted);font-weight:700}.home-stat-label{font-size:11px;color:var(--text-muted);font-weight:800;letter-spacing:1px}.home-stat-bar{width:100%;height:5px;background:#f3e6c5;border-radius:4px;margin-top:6px;overflow:hidden}.home-stat-bar-fill{height:100%;background:var(--stat-color, #f59e0b);border-radius:4px;transition:width .4s ease-out}.home-actions-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.home-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px 12px;border-radius:20px;background:#fff;border:2px solid transparent;box-shadow:0 4px 16px #00000014;cursor:pointer;font-family:inherit;transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .12s;position:relative}.home-action-btn:active{transform:translateY(2px) scale(.98);box-shadow:0 2px 6px #00000014}.home-action-btn:disabled{opacity:.55;cursor:not-allowed}.home-action-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.home-action-label{font-size:13px;font-weight:800;color:var(--text)}.home-action-sublabel{font-size:10px;color:var(--text-muted);font-weight:700}.home-action-btn.accent-feed{border-color:#22c55e59;background:linear-gradient(180deg,#fff,#ecfdf5)}.home-action-btn.accent-chat{border-color:#f59e0b66;background:linear-gradient(180deg,#fff,#fef3c7)}.home-action-btn.accent-quiz{border-color:#3b82f666;background:linear-gradient(180deg,#fff,#eff6ff)}.home-action-btn.accent-imagine{border-color:#a855f766;background:linear-gradient(180deg,#fff,#faf5ff)}@media(min-width:900px)and (orientation:landscape){.home-stats-row{grid-template-columns:repeat(3,1fr);max-width:540px}.home-actions-row{grid-template-columns:repeat(4,minmax(120px,140px));justify-content:flex-start}}.home-enter{animation:slide-up .5s cubic-bezier(.2,.8,.2,1) both}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.breed-card{background:#fff;border-radius:22px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;border:3px solid transparent}.breed-card:active{transform:scale(.97)}.breed-card.selected{border-color:var(--primary);box-shadow:var(--shadow-lg)}.breed-card.locked{opacity:.55}.breed-card.rarity-common{background:#fff}.breed-card.rarity-uncommon{background:linear-gradient(145deg,#f0fdf4,#fff 55%)}.breed-card.rarity-rare{background:linear-gradient(145deg,#dbeafe,#eff6ff,#fff 80%);box-shadow:0 2px 16px #3b82f62e}.breed-card.rarity-epic{background:linear-gradient(145deg,#f3e8ff,#ede9fe,#f5f3ff 70%,#fff);box-shadow:0 4px 24px #a855f738;border-color:#a855f74d}.breed-card.rarity-legendary{background:radial-gradient(circle at 30% 20%,rgba(255,215,100,.45),transparent 60%),radial-gradient(circle at 70% 80%,rgba(255,120,50,.35),transparent 55%),linear-gradient(145deg,#fef3c7,#fde68a 40%,#fcd34d);box-shadow:0 6px 32px #f59e0b59;border-color:#f59e0b99}.breed-card.rarity-mythic{background:radial-gradient(circle at 20% 30%,rgba(239,68,68,.45),transparent 60%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.45),transparent 55%),linear-gradient(145deg,#fce7f3,#fbcfe8 40%,#f9a8d4);box-shadow:0 6px 36px #ef444466;border-color:#ef4444a6}.breed-card.rarity-legendary:before,.breed-card.rarity-mythic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);animation:shimmer 3s linear infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}.breed-card.rarity-rare:after,.breed-card.rarity-epic:after,.breed-card.rarity-legendary:after,.breed-card.rarity-mythic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle 1.5px at 15% 22%,rgba(255,255,255,.85),transparent 60%),radial-gradient(circle 1.5px at 82% 18%,rgba(255,255,255,.85),transparent 60%),radial-gradient(circle 1.5px at 68% 82%,rgba(255,255,255,.85),transparent 60%),radial-gradient(circle 1.5px at 24% 74%,rgba(255,255,255,.85),transparent 60%);animation:twinkle 2.2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:1}}.rarity-badge{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:800;color:#fff}@keyframes pop-in{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.pop-in{animation:pop-in .4s cubic-bezier(.2,.8,.2,1)}.zoo-view-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.zoo-view-toggle .btn{min-height:48px;padding:10px 14px;font-size:15px}.zoo-scene-card{padding:14px;overflow:hidden}.zoo-scene-shell{display:flex;flex-direction:column;gap:10px}.zoo-scene-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.zoo-scene-badges{display:flex;gap:8px;align-items:center}.zoo-scene-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.zoo-scene-actions .btn{min-height:38px;padding:8px 14px;border-radius:14px;font-size:14px}.zoo-scene-canvas-wrap{width:100%;border-radius:20px;overflow:hidden;border:2px solid rgba(255,255,255,.65);box-shadow:0 8px 26px #14532d33;background:#9fd5f7}.zoo-scene-canvas-wrap canvas{display:block;width:100%;height:auto}@media(max-width:560px){.zoo-view-toggle{grid-template-columns:1fr}}.home-pet-rail{margin-bottom:14px;padding:12px;border-radius:18px;background:linear-gradient(135deg,#fff7ddd9,#ffebb9d1);border:2px solid rgba(245,181,57,.35);box-shadow:0 8px 20px #a05a141f}.home-pet-rail-scroll{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.home-pet-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:2px solid rgba(215,164,84,.25);background:#ffffffeb;min-height:58px;text-align:left}.home-pet-pill.active{border-color:#38bdf8a6;background:linear-gradient(135deg,#ecfeff,#dbeafe);box-shadow:0 4px 14px #38bdf838}.home-pet-pill .emoji{font-size:28px;line-height:1}.home-pet-pill .meta{min-width:0;flex:1}.home-pet-pill .name{font-size:14px;font-weight:900;color:#6b3f06}.home-pet-pill .sub{font-size:11px;font-weight:700;color:#9a6a2b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-scene-toolbar{margin-bottom:10px;display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.home-scene-hint{margin-bottom:0;flex:1 1 320px;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#fff7d5,#ffedb1);border:2px solid rgba(245,177,43,.45);color:#7c4a08;font-size:13px;font-weight:800}.home-scene-mode-switch{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border-radius:14px;background:#fff8dedb;border:2px solid rgba(242,183,70,.42)}.home-scene-mode-btn{border-radius:10px;border:1px solid rgba(196,142,43,.3);background:#ffffffe6;color:#7c4a08;min-height:34px;min-width:98px;font-size:12px;font-weight:900;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.home-scene-mode-btn.active{background:linear-gradient(180deg,#ffe9a4,#ffd66a);border-color:#e0941299;box-shadow:0 5px 12px #ce810b3d}.home-scene-mode-btn:disabled{opacity:.56}.home-scene-mode-btn:active{transform:translateY(1px)}.home-scene-mode-tip{margin-top:-2px;margin-bottom:8px;color:#905616;font-size:12px;font-weight:700}.home-scene-wrap{box-shadow:0 14px 44px #2a64a03d,0 4px 10px #0000000d;border:3px solid rgba(255,255,255,.65);background:linear-gradient(180deg,#5da7de,#9fd2f0 36%,#dff2f8)}.habitat-3d-shell{isolation:isolate;cursor:grab;touch-action:none}.habitat-3d-shell.has-hotspot{cursor:pointer}.habitat-3d-shell.is-cinematic canvas{filter:saturate(1.13) contrast(1.04)}.habitat-3d-shell canvas{display:block}.habitat-3d-badge{position:absolute;left:12px;top:12px;z-index:5;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.02em;color:#fff7d5;background:#0f172a94;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none}.habitat-3d-timechip{position:absolute;right:12px;top:12px;z-index:5;padding:5px 10px;border-radius:10px;font-size:12px;font-weight:900;color:#e2e8f0;background:#0f172a85;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none}.habitat-3d-camera-hud{position:absolute;right:12px;bottom:12px;z-index:6;display:flex;gap:6px;padding:6px;border-radius:12px;background:#0f172a80;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.habitat-3d-camera-btn{min-width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#ffffffeb;color:#23304a;font-size:12px;font-weight:900;padding:0 8px}.habitat-3d-camera-btn:active{transform:translateY(1px)}.habitat-3d-camera-btn.reset{min-width:42px}.habitat-3d-tip{position:absolute;left:12px;bottom:12px;z-index:5;max-width:45%;padding:5px 9px;border-radius:9px;color:#fef3c7;font-size:11px;font-weight:800;background:#1e293b80;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.habitat-3d-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 42%,rgba(4,12,24,.08) 74%,rgba(4,12,24,.28) 100%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 22%,transparent 78%,rgba(0,0,0,.12));opacity:.65;transition:opacity .22s ease}.habitat-3d-shell.is-cinematic .habitat-3d-vignette{opacity:1}.habitat-3d-light-sweep{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.34) 44%,transparent 68%);transform:translate(-120%)}.habitat-3d-shell.is-cinematic .habitat-3d-light-sweep{animation:habitat-light-sweep .9s ease-out both}.habitat-3d-hotspot-chip{position:absolute;left:50%;top:18px;z-index:7;width:34px;height:34px;display:grid;place-items:center;border-radius:999px;color:#fff7d5;font-size:18px;font-weight:900;background:#0f172a8f;border:1px solid rgba(255,255,255,.24);box-shadow:0 10px 22px #0f172a40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;transform:translate(-50%);animation:habitat-hotspot-pop .26s var(--ease-bounce) both}.habitat-3d-action-cue{position:absolute;left:50%;top:50%;z-index:8;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 14px 10px;border-radius:12px;color:#fffaf0;font-size:15px;font-weight:900;background:#0f172aa8;border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 38px #0f172a47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;transform:translate(-50%,-50%);animation:habitat-action-cue 1.05s var(--ease-out) both}.habitat-3d-action-cue span{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#ffffff2e;line-height:1}.habitat-3d-action-cue.tone-care{color:#ffe3ef}.habitat-3d-action-cue.tone-play{color:#dcfce7}.habitat-3d-action-cue.tone-magic{color:#dbeafe}.habitat-3d-action-cue.tone-joy{color:#ffedd5}.habitat-3d-action-rail{position:absolute;left:50%;bottom:58px;z-index:7;display:flex;gap:6px;max-width:calc(100% - 36px);padding:6px;border-radius:999px;background:#0f172a85;border:1px solid rgba(255,255,255,.22);box-shadow:0 14px 30px #0f172a3d;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transform:translate(-50%)}.habitat-3d-action-rail button{min-width:52px;min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:linear-gradient(180deg,#fffffffa,#fff4cdf0);color:#5f390c;font-size:12px;font-weight:900;box-shadow:0 5px 12px #0000001f;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.habitat-3d-action-rail button:hover{background:linear-gradient(180deg,#fff,#ffdf75);box-shadow:0 8px 16px #f59e0b38;transform:translateY(-1px)}.habitat-3d-action-rail button:active{transform:translateY(1px) scale(.98)}@keyframes habitat-light-sweep{0%{opacity:0;transform:translate(-120%)}18%{opacity:.8}to{opacity:0;transform:translate(120%)}}@keyframes habitat-hotspot-pop{0%{opacity:0;transform:translate(-50%) translateY(-6px) scale(.86)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes habitat-action-cue{0%{opacity:0;transform:translate(-50%,-44%) scale(.88)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}72%{opacity:1;transform:translate(-50%,-54%) scale(1.02)}to{opacity:0;transform:translate(-50%,-60%) scale(.96)}}@media(max-width:700px){.home-pet-rail-scroll{grid-template-columns:1fr}.home-scene-toolbar{align-items:stretch}.home-scene-mode-switch{width:100%}.home-scene-mode-btn{min-width:0}.habitat-3d-tip{max-width:56%;font-size:10px;bottom:52px}.habitat-3d-camera-hud{left:12px;right:auto;bottom:12px}.habitat-3d-action-rail{bottom:56px;left:12px;right:12px;max-width:none;overflow-x:auto;transform:none;justify-content:flex-start}.habitat-3d-action-rail button{flex:0 0 auto;min-width:50px;min-height:28px;padding:0 9px;font-size:11px}.habitat-3d-action-cue{top:46%;max-width:calc(100% - 32px);font-size:13px}.habitat-3d-hotspot-chip{top:48px}}html,body,#root{font-family:"Baloo 2",Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.home-v2{max-width:1240px;padding-bottom:120px}.home-v2-layout{display:grid;gap:16px}.home-v2-main{min-width:0}.home-v2-side{display:grid;gap:12px;align-content:start}.home-v2-scene{border-radius:30px;border:3px solid rgba(255,255,255,.75);background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.35),transparent 30%),linear-gradient(180deg,#4d97cf,#92cae8 36%,#dbf4fb);transition:box-shadow .22s ease,transform .22s ease}.home-v2-scene.fx-care{box-shadow:0 14px 36px #ec489961,0 0 0 3px #f9a8d459}.home-v2-scene.fx-play{box-shadow:0 14px 36px #22c55e61,0 0 0 3px #6ee7b759}.home-v2-scene.fx-magic{box-shadow:0 14px 36px #3b82f666,0 0 0 3px #93c5fd61}.home-v2-scene.fx-joy{box-shadow:0 14px 36px #f9731666,0 0 0 3px #fbbf2461}.home-scene-reaction{position:absolute;left:50%;top:14px;transform:translate(-50%);padding:10px 14px;min-width:210px;border-radius:16px;text-align:center;background:#ffffffed;border:2px solid rgba(255,255,255,.92);box-shadow:0 10px 24px #00000024;animation:reaction-pop 1.75s ease both;pointer-events:none}.home-scene-reaction .emoji{font-size:22px;line-height:1}.home-scene-reaction .text{margin-top:4px;font-size:13px;font-weight:900;color:#6b3f06}.home-scene-reaction .meta{margin-top:4px;font-size:11px;font-weight:800;color:#9a5d14}.home-scene-reaction.tone-care{background:linear-gradient(135deg,#fff1f6f2,#ffe4f1ed)}.home-scene-reaction.tone-play{background:linear-gradient(135deg,#ecfdf5f2,#d1fae5ed)}.home-scene-reaction.tone-magic{background:linear-gradient(135deg,#eff6fff2,#dbeafeed)}.home-scene-reaction.tone-joy{background:linear-gradient(135deg,#fff7edf5,#fed7aae6)}.home-scene-burst{position:absolute;font-size:22px;line-height:1;pointer-events:none;animation:burst-float 1.08s ease-out both;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.home-scene-prompt{position:absolute;right:12px;top:12px;width:min(320px,calc(100% - 24px));padding:10px 10px 9px;border-radius:14px;border:2px solid rgba(250,204,21,.6);background:linear-gradient(140deg,#fffde8f5,#fef9c3f2);box-shadow:0 12px 26px #854d0e3d;z-index:13}.home-scene-prompt-close{position:absolute;right:8px;top:8px;min-width:40px;height:24px;padding:0 8px;border-radius:999px;border:1px solid rgba(120,53,15,.24);background:#ffffffeb;color:#7c4a08;font-size:11px;font-weight:900}.home-scene-prompt-title{font-size:12px;font-weight:900;color:#9a5d10}.home-scene-prompt-text{margin-top:5px;margin-bottom:8px;padding-right:42px;font-size:13px;line-height:1.35;font-weight:800;color:#6b3f06}.home-scene-prompt-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.home-scene-prompt-btn{min-height:34px;border-radius:10px;border:2px solid rgba(234,179,8,.3);background:#ffffffeb;color:#7c4a08;font-size:12px;font-weight:900}.home-scene-prompt-btn:active{transform:translateY(1px)}.home-scene-dialog{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:min(560px,calc(100% - 26px));padding:12px 12px 10px;border-radius:16px;border:2px solid rgba(245,190,98,.62);background:linear-gradient(140deg,#fffceefa,#fff5d6fa);box-shadow:0 10px 24px #4c280a38;z-index:14}.home-scene-dialog-title{font-size:12px;font-weight:900;color:#9a5c12}.home-scene-dialog-line{margin-top:4px;margin-bottom:9px;padding-right:24px;font-size:13px;font-weight:800;color:#6b3f06;line-height:1.4}.home-scene-dialog-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.home-scene-dialog-btn{min-height:36px;border-radius:11px;border:2px solid rgba(233,164,74,.35);background:#ffffffeb;color:#6f410a;font-size:12px;font-weight:900}.home-scene-dialog-btn:disabled{opacity:.58}.home-scene-dialog-close{position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:999px;border:1px solid rgba(148,97,28,.3);background:#ffffffe6;color:#7a4b10;font-size:15px;font-weight:900;line-height:1}@keyframes reaction-pop{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.9)}20%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}78%{opacity:1;transform:translate(-50%) translateY(-2px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-9px) scale(.96)}}@keyframes burst-float{0%{opacity:0;transform:translate(-50%,-50%) translateY(6px) rotate(var(--burst-rotate, 0deg)) scale(calc(var(--burst-scale, 1) * .75))}10%{opacity:1;transform:translate(-50%,-50%) translateY(-2px) rotate(var(--burst-rotate, 0deg)) scale(var(--burst-scale, 1))}to{opacity:0;transform:translate(-50%,-50%) translateY(-48px) rotate(var(--burst-rotate, 0deg)) scale(calc(var(--burst-scale, 1) * 1.12))}}.home-gesture-row{margin-top:10px;margin-bottom:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-gesture-btn{border-radius:14px;border:2px solid rgba(245,176,73,.42);background:linear-gradient(180deg,#fff7db,#ffefbb);min-height:42px;font-size:13px;font-weight:900;color:#6f410a;box-shadow:0 4px 12px #aa621626}.home-gesture-btn:active{transform:translateY(1px)}.home-panel-card{background:#ffffffed;border:2px solid rgba(255,215,145,.68);border-radius:18px;padding:14px;box-shadow:0 8px 20px #6f43081a}.home-panel-title{font-size:15px;font-weight:900;color:#7f4a07;margin-bottom:8px}.home-places-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.home-place-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;border-radius:14px;background:linear-gradient(135deg,#fff4dceb,#fee8c4d9);border:2px solid rgba(255,200,130,.6);text-decoration:none;color:#7f4a07;transition:transform .11s ease-out,box-shadow .11s ease-out;text-align:center;cursor:pointer;min-height:92px}.home-place-card:hover,.home-place-card:active{transform:translateY(-2px);box-shadow:0 10px 18px #cc821e2e}.home-place-card.locked{background:linear-gradient(135deg,#f4f4f1,#e9e8e3);border:2px solid #d8d6cf;color:#8a8780;cursor:not-allowed;opacity:.78}.home-place-card.locked:hover{transform:none;box-shadow:none}.home-place-emoji{font-size:28px;line-height:1}.home-place-name{font-weight:800;font-size:13px}.home-place-hint{font-size:10px;font-weight:600;opacity:.8}.home-panel-mood{font-size:18px;font-weight:800;color:#6f3d04;line-height:1.35}.home-panel-sub{margin-top:8px;font-size:12px;font-weight:700;color:#9a6b31}.home-energy-wrap{margin-top:10px;padding-top:8px;border-top:1px dashed rgba(154,107,49,.35)}.home-energy-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;color:#8c4f0a}.home-energy-bar{margin-top:6px;height:8px;border-radius:999px;background:#f5be7057;overflow:hidden}.home-energy-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#f97316,#ef4444);transition:width .18s linear}.home-mission-panel{background:linear-gradient(140deg,#fffef5f7,#fff5d6f2);border-color:#f5b4498c}.home-mission-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.home-mission-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 8px;border-radius:999px;border:1px solid rgba(245,158,11,.35);background:#fff7dceb;color:#9a5f0e;font-size:11px;font-weight:900;white-space:nowrap}.home-mission-badge.ready{border-color:#22c55e73;background:#dcfce7f0;color:#166534}.home-mission-list{margin-top:9px;display:grid;gap:8px}.home-mission-item{padding:9px 10px 10px;border-radius:12px;border:1px solid rgba(245,177,61,.35);background:#ffffffdb}.home-mission-item.done{border-color:#22c55e59;background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2)}.home-mission-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.home-mission-title{font-size:13px;font-weight:900;color:#6b3f06}.home-mission-count{font-size:12px;font-weight:900;color:#8a5318}.home-mission-desc{margin-top:3px;font-size:11px;font-weight:700;color:#9a6b31}.home-mission-track{margin-top:6px;height:7px;border-radius:999px;background:#f5be705c;overflow:hidden}.home-mission-track-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#f97316);transition:width .22s ease}.home-mission-item.done .home-mission-track-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.home-mission-foot{margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.home-mission-reward{font-size:11px;font-weight:800;color:#7c4a08}.home-mission-claim{min-width:66px;min-height:30px;padding:0 10px;border-radius:9px;border:1px solid rgba(196,142,43,.34);background:#ffffffeb;color:#9a5d10;font-size:12px;font-weight:900}.home-mission-claim.ready{border-color:#15803d59;background:linear-gradient(180deg,#4ade80,#22c55e);color:#052e10}.home-mission-claim:disabled{opacity:.62}.home-stats-side{grid-template-columns:1fr;margin-bottom:0}.home-activity-list{display:grid;gap:6px}.home-activity-item{padding:8px 10px;border-radius:11px;background:linear-gradient(135deg,#fff5d5,#ffe9af);color:#754510;font-size:12px;font-weight:800;border:1px solid rgba(245,177,61,.35)}.home-challenge-panel{background:linear-gradient(135deg,#fff8dd,#fee7a4);border:2px solid rgba(244,166,48,.55)}.home-challenge-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px dashed rgba(146,64,14,.22)}.home-challenge-item:first-of-type{border-top:0;padding-top:0}.home-challenge-meta{min-width:0}.home-challenge-title{font-size:13px;font-weight:900;color:#6b3f06}.home-challenge-points{margin-top:2px;font-size:12px;font-weight:700;color:#8a5318}@media(min-width:1024px){.home-v2-layout{grid-template-columns:minmax(0,7fr) minmax(230px,2fr);gap:12px;align-items:start}.home-v2-side{gap:10px}.home-v2-side .home-panel-card{padding:10px 12px;border-radius:14px}.home-v2-side .home-panel-title{font-size:14px}.home-v2-side .home-panel-sub{font-size:11px}.home-v2-side .home-mission-item{padding:7px 8px}.home-v2-side .home-mission-title{font-size:12px}.home-v2-side .home-mission-desc,.home-v2-side .home-mission-reward{font-size:10px}.home-v2-side .home-mission-claim{min-height:28px;font-size:11px;padding:4px 10px}.home-side-actions .home-gesture-row{margin:8px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.home-side-actions .home-gesture-btn{min-height:36px;font-size:12px;border-radius:11px}.home-side-actions .home-actions-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-side-actions .home-action-btn{padding:8px 6px;border-radius:14px;box-shadow:0 2px 8px #0000000f}.home-side-actions .home-action-icon{font-size:22px}.home-side-actions .home-action-label{font-size:12px}.home-side-actions .home-action-sublabel{font-size:10px}}@media(min-width:1280px){.home-v2-layout{grid-template-columns:minmax(0,4fr) minmax(240px,1fr)}}@media(max-width:760px){.home-gesture-row{grid-template-columns:repeat(2,minmax(0,1fr))}.home-scene-prompt{left:10px;right:10px;top:10px;width:auto}.home-scene-prompt-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-scene-prompt-btn{min-height:32px;font-size:11px}.home-scene-dialog{width:calc(100% - 20px);bottom:10px;padding:10px}.home-scene-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-scene-dialog-btn{min-height:34px;font-size:11px}.home-panel-mood{font-size:16px}.home-scene-reaction{min-width:0;width:calc(100% - 64px);padding:8px 10px}.home-scene-reaction .text{font-size:12px}.home-scene-reaction .meta{font-size:10px}.home-scene-burst{font-size:18px}.home-mission-foot{flex-direction:column;align-items:stretch}.home-mission-claim{width:100%;min-height:32px}}.home-v2{width:100%;max-width:none}.home-v2-layout{gap:14px}.home-stage-shell{min-width:0;padding:12px;border-radius:28px;background:linear-gradient(180deg,#ffffff9e,#fff7dc5c),radial-gradient(circle at 16% 8%,rgba(125,211,252,.24),transparent 34%);border:2px solid rgba(255,255,255,.62);box-shadow:0 18px 44px #6f43081f}.home-stage-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.home-stage-header .home-scene-hint{flex:1 1 auto;min-width:0}.home-stage-challenge{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,#fff8ddfa,#fee7a4f0);border:2px solid rgba(244,166,48,.48);box-shadow:0 8px 18px #92400e1a}.home-stage-challenge b,.home-stage-challenge span{display:block}.home-stage-challenge b{font-size:14px;color:#6b3f06;line-height:1.2}.home-stage-challenge span{margin-top:2px;font-size:12px;font-weight:800;color:#8a5318}.home-stage-challenge-btn{flex:0 0 auto;min-width:64px;min-height:34px;padding:0 12px;border-radius:11px;background:linear-gradient(180deg,#ffd54f,#ffb300);color:#5a3500;font-size:13px;font-weight:900;box-shadow:0 3px #d97706,0 6px 12px #d977062e}.home-stage-challenge-btn:disabled{opacity:.58}.home-stage-shell .home-scene-wrap{margin-bottom:0}.home-side-compact{gap:10px}.home-side-compact .home-panel-card{border-radius:18px;padding:12px;background:linear-gradient(180deg,#fffffff5,#fffaeceb);border-color:#ffdf9bbd}.home-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-primary-action{min-height:58px;padding:9px 8px 10px;display:grid;place-items:center;gap:3px;border-radius:15px;background:linear-gradient(180deg,#fff8dc,#ffe69f);border:2px solid rgba(245,176,73,.52);color:#663a05;box-shadow:0 4px #d9770652,0 8px 14px #aa62161f}.home-primary-action span{font-size:24px;line-height:1}.home-primary-action b{font-size:13px;line-height:1.1}.home-primary-action small{font-size:10px;font-weight:900;line-height:1;color:#663a05b8}.home-primary-action.accent-feed{background:linear-gradient(180deg,#f0fdf4,#bbf7d0);border-color:#22c55e70;box-shadow:0 4px #15803d4d,0 8px 14px #22c55e1f}.home-primary-action:active,.home-secondary-action:active{transform:translateY(2px)}.home-primary-action:disabled{opacity:.55}.home-secondary-actions{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.home-secondary-action{min-height:38px;padding:0 8px;border-radius:12px;background:#ffffffdb;border:2px solid rgba(245,190,112,.34);color:#744409;font-size:12px;font-weight:900}.home-growth-links{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(154,107,49,.24);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.home-growth-links a{min-height:32px;display:grid;place-items:center;border-radius:10px;background:#ffffffc7;color:#7c4a08;border:1px solid rgba(245,190,112,.28);font-size:11px;font-weight:900;text-decoration:none;white-space:nowrap}.home-status-panel .home-panel-mood{font-size:15px}.home-status-strip{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.home-status-strip>div{min-height:44px;padding:7px 8px;border-radius:12px;background:#ffffffc7;border:1px solid rgba(245,190,112,.28);box-shadow:inset 0 3px 0 var(--stat-color, #f59e0b)}.home-status-strip span,.home-status-strip b{display:block}.home-status-strip span{font-size:10px;font-weight:900;color:#8a6432;white-space:nowrap}.home-status-strip b{margin-top:2px;font-size:18px;color:#573207;line-height:1}.home-latest-activity{margin-top:10px;padding:8px 10px;border-radius:12px;background:#fff5d5db;border:1px solid rgba(245,177,61,.34);color:#754510;font-size:12px;font-weight:800}.home-focus-mission .home-mission-item{margin-top:8px}.home-mini-mission-list{margin-top:8px;display:grid;gap:6px}.home-mini-mission-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;padding:6px 8px;border-radius:10px;background:#ffffff9e;color:#8a5318;font-size:11px;font-weight:900}.home-mini-mission-list>div.ready{background:#dcfce7eb;color:#166534}.home-mini-mission-list>div.done{opacity:.72}.home-mini-mission-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-mini-mission-list b{flex:0 0 auto}@media(min-width:900px)and (orientation:landscape){.home-page{margin-left:204px;width:calc(100vw - 204px);max-width:calc(100vw - 204px);padding:14px 18px 22px;overflow-x:hidden}.home-v2-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;width:100%}.home-pet-rail{margin-bottom:10px}.home-stage-shell{padding:10px;width:100%;max-width:1034px;justify-self:center}.home-v2-scene{border-radius:24px}.home-pet-hud{left:14px;bottom:14px;padding:10px 16px 10px 12px;border-radius:18px}.home-side-compact .home-panel-title{font-size:14px;margin-bottom:7px}.home-side-compact{max-width:1010px;display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(260px,.9fr) minmax(300px,1fr);gap:10px;align-items:start;justify-self:center;width:100%}.home-side-compact .home-panel-card{min-height:0;padding:10px;border-radius:16px}.home-primary-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.home-primary-action{min-height:48px;padding:7px 6px 8px;border-radius:13px}.home-primary-action span{font-size:20px}.home-primary-action b{font-size:12px}.home-primary-action small{font-size:9px}.home-secondary-actions{margin-top:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.home-secondary-action{min-height:32px;padding:0 5px;font-size:11px;border-radius:10px}.home-growth-links{margin-top:8px;padding-top:8px;gap:5px}.home-growth-links a{min-height:28px;font-size:10px}.home-status-panel .home-panel-mood{font-size:13px;max-height:36px;overflow:hidden}.home-status-strip{margin-top:8px;gap:6px}.home-status-strip>div{min-height:38px;padding:6px 7px}.home-status-strip span{font-size:9px}.home-status-strip b{font-size:16px}.home-energy-wrap{margin-top:8px;padding-top:7px}.home-latest-activity{display:none}.home-mission-desc,.home-mission-reward{font-size:10px}.home-mission-foot{gap:6px}.home-focus-mission .home-mission-item{padding:8px}.home-mini-mission-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.home-mini-mission-list>div{min-height:27px;padding:5px 7px;font-size:10px}.bottom-nav{width:196px;padding:14px 10px}.bottom-nav a{min-height:50px;padding:10px 12px;border-radius:14px}.app-nav-logo-mark{width:42px;height:42px;border-radius:15px}.app-nav-balance .amt{font-size:18px}}@media(min-width:1280px)and (orientation:landscape){.home-v2-layout{grid-template-columns:minmax(0,1fr)}.home-page{padding-right:18px}}@media(min-width:900px)and (max-width:1180px)and (orientation:landscape){.home-side-compact{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr)}.home-side-actions{grid-column:1 / -1}}@media(max-width:899px){.home-stage-shell{padding:8px;border-radius:22px}.home-stage-header{align-items:stretch}.home-stage-header .home-scene-hint{font-size:12px}.home-side-compact{margin-top:12px}}@media(max-width:520px){.home-stage-header{flex-direction:column}.home-stage-header .home-scene-mode-btn{width:100%}.home-stage-challenge{align-items:stretch;flex-direction:column}.home-stage-challenge-btn{width:100%}.home-growth-links{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-shell{min-height:100vh;position:relative}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 14% 16%,rgba(255,255,255,.72),transparent 18%),radial-gradient(circle at 88% 10%,rgba(125,211,252,.3),transparent 18%),radial-gradient(circle at 78% 84%,rgba(251,191,36,.22),transparent 22%),repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 2px,transparent 2px 18px)}.app-content{min-height:100vh}.app-mobile-header{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;background:linear-gradient(180deg,#fffbebfa,#fff3c7eb);border-bottom:2px solid rgba(251,191,36,.36);box-shadow:0 8px 24px #92400e1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-mobile-pet,.app-mobile-balance{display:inline-flex;align-items:center;text-decoration:none;color:var(--text)}.app-mobile-pet{min-width:0;gap:9px}.app-mobile-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#fff,#ffecb3);border:2px solid rgba(255,213,79,.65);box-shadow:0 5px 12px #d977062e;font-size:22px}.app-mobile-pet b,.app-mobile-pet small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-mobile-pet b{font-size:15px;font-weight:900;color:#5f390c}.app-mobile-pet small{max-width:160px;margin-top:1px;font-size:11px;font-weight:800;color:#9a6b31}.app-mobile-balance{flex:0 0 auto;gap:5px;min-height:38px;padding:0 10px;border-radius:999px;background:#ffffffe6;border:2px solid rgba(251,191,36,.42);box-shadow:0 4px 10px #92400e1f;font-size:13px;font-weight:900}.app-nav-brand,.app-nav-guide{display:none}.nav-copy{display:inline-flex;flex-direction:column;align-items:center;line-height:1.12}.nav-copy small{display:none}.page{animation:page-rise .36s var(--ease-out) both}.page-title{color:#5f390c;text-shadow:0 1px 0 rgba(255,255,255,.75)}.page-subtitle{font-weight:800}.card{border:2px solid rgba(255,224,153,.72);background:linear-gradient(180deg,#fffffffa,#fffaecf5)}@keyframes page-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:900px)and (orientation:landscape){.app-mobile-header{display:none}.bottom-nav{width:216px;padding:18px 12px;gap:8px;background:linear-gradient(180deg,#fffffff5,#fffaece6),radial-gradient(circle at 50% 0%,rgba(251,191,36,.22),transparent 38%);border-right:3px solid rgba(251,191,36,.4);box-shadow:10px 0 34px #78350f17}.app-nav-brand{display:grid;gap:10px;padding:6px 4px 10px}.app-nav-logo{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.app-nav-logo-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#fff,#ffe082);border:2px solid rgba(255,213,79,.72);box-shadow:0 8px 16px #d977062e;font-size:25px}.app-nav-logo b,.app-nav-logo small{display:block}.app-nav-logo b{font-size:18px;font-weight:900;color:#5f390c}.app-nav-logo small{margin-top:1px;font-size:11px;font-weight:800;color:#9a6b31}.app-nav-balance{display:flex;flex-direction:column;gap:2px;padding:8px 12px 10px;border-radius:14px;background:linear-gradient(135deg,#fff7d5,#ffecb3);border:2px solid rgba(251,191,36,.45);color:#7c4a08;text-decoration:none;box-shadow:0 5px 12px #92400e1a}.app-nav-balance .row{display:flex;align-items:center;justify-content:space-between;width:100%}.app-nav-balance .lbl{font-size:12px;font-weight:900;color:#7c4a08;white-space:nowrap}.app-nav-balance .amt{font-size:20px;font-weight:900;color:#7c4a08;line-height:1.1;letter-spacing:.02em;white-space:nowrap}.app-nav-balance .chev{font-size:18px;font-weight:900;color:#b45309;line-height:1}.app-nav-balance.active{background:linear-gradient(135deg,#ffe082,#ffcc4d);box-shadow:inset 0 0 0 2px #fbbf24b3,0 6px 14px #92400e29}.app-nav-logo-rank{margin-top:2px;font-size:11px;font-weight:900;color:#b45309;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-nav-rank{display:block;margin-top:6px;text-decoration:none;transition:transform .15s var(--ease-out),filter .15s var(--ease-out)}.app-nav-rank:hover{transform:translateY(-1px);filter:brightness(1.04)}.app-nav-rank-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#fff5d8,#ffe8b8);border:2px solid #f3b95f;box-shadow:0 4px 10px #cc821e2e;font-weight:900;font-size:13px;color:#7f4a07;white-space:nowrap}.app-nav-rank-chip .emoji{font-size:16px}.app-nav-rank.active .app-nav-rank-chip{box-shadow:0 0 0 2px #d97706,0 6px 14px #92400e38}.bottom-nav a{min-height:56px;border:2px solid transparent;background:#ffffff8a}.bottom-nav a.active{border-color:#fbbf2473;background:linear-gradient(135deg,#fff3c7f2,#ffecb3d1)}.nav-copy{align-items:flex-start;gap:2px}.nav-copy small{display:block;font-size:10px;font-weight:800;color:#a57635}}@media(max-width:899px){.app-content{min-height:calc(100vh - 58px)}.bottom-nav a{min-width:0}.nav-copy>span{font-size:11px}.home-page,.page{padding-top:14px}}@media(min-width:900px)and (orientation:landscape){.home-page.home-v2{margin-left:204px;width:calc(100vw - 204px);max-width:calc(100vw - 204px);padding:14px 16px 22px;overflow-x:hidden}.bottom-nav{width:196px;padding:14px 10px}.bottom-nav a{min-height:50px;padding:10px 12px;border-radius:14px}.app-nav-logo-mark{width:42px;height:42px;border-radius:15px}.app-nav-balance .amt{font-size:18px}}