:root{--fv-bg-base:#090d16;--fv-bg-surface:#0f1520;--fv-bg-elevated:#161d2e;--fv-bg-overlay:#090d16e0;--fv-bg-glass:#161d2ebf;--fv-bg-glass-hover:#1e283cd9;--fv-gold-50:#fffbeb;--fv-gold-100:#fef3c7;--fv-gold-200:#fde68a;--fv-gold-300:#fcd34d;--fv-gold-400:#fbbf24;--fv-gold-500:#f59e0b;--fv-gold-600:#d97706;--fv-gold-700:#b45309;--fv-gold-800:#92400e;--fv-green-50:#ecfdf5;--fv-green-100:#d1fae5;--fv-green-200:#a7f3d0;--fv-green-300:#6ee7b7;--fv-green-400:#34d399;--fv-green-500:#10b981;--fv-green-600:#059669;--fv-green-700:#047857;--fv-blue-400:#60a5fa;--fv-blue-500:#3b82f6;--fv-blue-600:#2563eb;--fv-purple-400:#c084fc;--fv-purple-500:#a855f7;--fv-purple-600:#9333ea;--fv-purple-700:#7e22ce;--fv-red-400:#f87171;--fv-red-500:#ef4444;--fv-red-600:#dc2626;--fv-gray-50:#f9fafb;--fv-gray-100:#f3f4f6;--fv-gray-200:#e5e7eb;--fv-gray-300:#d1d5db;--fv-gray-400:#9ca3af;--fv-gray-500:#6b7280;--fv-gray-600:#4b5563;--fv-gray-700:#374151;--fv-gray-800:#1f2937;--fv-gray-900:#111827;--fv-font-family:"Inter", "SF Pro Display", system-ui, -apple-system, sans-serif;--fv-font-mono:"JetBrains Mono", "Fira Code", monospace;--fv-text-xs:.6875rem;--fv-text-sm:.75rem;--fv-text-base:.875rem;--fv-text-md:1rem;--fv-text-lg:1.125rem;--fv-text-xl:1.25rem;--fv-text-2xl:1.5rem;--fv-text-3xl:2rem;--fv-font-normal:400;--fv-font-medium:500;--fv-font-semibold:600;--fv-font-bold:700;--fv-font-extrabold:800;--fv-leading-tight:1.25;--fv-leading-normal:1.5;--fv-leading-relaxed:1.75;--fv-space-0:0;--fv-space-1:.25rem;--fv-space-2:.5rem;--fv-space-3:.75rem;--fv-space-4:1rem;--fv-space-5:1.25rem;--fv-space-6:1.5rem;--fv-space-8:2rem;--fv-space-10:2.5rem;--fv-space-12:3rem;--fv-radius-sm:6px;--fv-radius-md:10px;--fv-radius-lg:14px;--fv-radius-xl:20px;--fv-radius-2xl:28px;--fv-radius-full:9999px;--fv-shadow-sm:0 1px 2px #0000004d;--fv-shadow-md:0 4px 12px #0006;--fv-shadow-lg:0 8px 24px #00000080;--fv-shadow-xl:0 16px 48px #0009;--fv-shadow-glow-gold:0 0 20px #f59e0b4d;--fv-shadow-glow-green:0 0 20px #10b9814d;--fv-shadow-glow-purple:0 0 20px #a855f74d;--fv-shadow-glow-red:0 0 20px #ef44444d;--fv-border-subtle:1px solid #ffffff14;--fv-border-default:1px solid #ffffff1f;--fv-border-strong:1px solid #fff3;--fv-border-gold:1px solid #f59e0b66;--fv-border-green:1px solid #10b98166;--fv-border-purple:1px solid #a855f766;--fv-border-red:1px solid #ef444466;--fv-z-base:0;--fv-z-dropdown:100;--fv-z-sticky:200;--fv-z-overlay:300;--fv-z-modal:400;--fv-z-toast:500;--fv-ease-default:cubic-bezier(.4, 0, .2, 1);--fv-ease-in:cubic-bezier(.4, 0, 1, 1);--fv-ease-out:cubic-bezier(0, 0, .2, 1);--fv-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--fv-duration-fast:.15s;--fv-duration-normal:.25s;--fv-duration-slow:.4s;--fv-glass:{ background: var(--fv-bg-glass); backdrop-filter: blur(16px) saturate(1.2); -webkit-backdrop-filter: blur(16px) saturate(1.2); border: var(--fv-border-default); border-radius: var(--fv-radius-lg); }}@keyframes fv-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fv-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fv-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fv-slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fv-slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fv-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes fv-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fv-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fv-glow-pulse{0%,to{box-shadow:0 0 8px #f59e0b4d}50%{box-shadow:0 0 20px #f59e0b99}}@keyframes fv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fv-progress-stripe{0%{background-position:0 0}to{background-position:40px 0}}@keyframes fv-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fv-toast-in{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes fv-toast-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.9)}}.fv-animate-fade-in{animation:fv-fade-in var(--fv-duration-normal) var(--fv-ease-out) forwards}.fv-animate-slide-up{animation:fv-slide-up var(--fv-duration-normal) var(--fv-ease-out) forwards}.fv-animate-slide-down{animation:fv-slide-down var(--fv-duration-normal) var(--fv-ease-out) forwards}.fv-animate-scale-in{animation:fv-scale-in var(--fv-duration-normal) var(--fv-ease-bounce) forwards}.fv-animate-pulse{animation:fv-pulse 2s var(--fv-ease-default) infinite}.fv-animate-shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff0f 50%,#fff0 100%) 0 0/200% 100%;animation:1.8s linear infinite fv-shimmer}.fv-animate-float{animation:fv-float 3s var(--fv-ease-default) infinite}.fv-animate-glow{animation:fv-glow-pulse 2s var(--fv-ease-default) infinite}.fv-animate-spin{animation:1s linear infinite fv-spin}.fv-animate-shake{animation:fv-shake .5s var(--fv-ease-default)}.fv-transition-all{transition:all var(--fv-duration-normal) var(--fv-ease-default)}.fv-transition-colors{transition:color var(--fv-duration-fast) var(--fv-ease-default), background-color var(--fv-duration-fast) var(--fv-ease-default), border-color var(--fv-duration-fast) var(--fv-ease-default)}.fv-transition-transform{transition:transform var(--fv-duration-normal) var(--fv-ease-default)}.fv-transition-opacity{transition:opacity var(--fv-duration-normal) var(--fv-ease-default)}.fv-hover-lift{transition:transform var(--fv-duration-normal) var(--fv-ease-default), box-shadow var(--fv-duration-normal) var(--fv-ease-default)}.fv-hover-lift:hover{box-shadow:var(--fv-shadow-lg);transform:translateY(-3px)}.fv-hover-glow:hover{box-shadow:var(--fv-shadow-glow-gold)}.fv-hover-scale:hover{transform:scale(1.02)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--fv-bg-base);color:var(--fv-gray-100);font-family:var(--fv-font-family);font-size:var(--fv-text-base);line-height:var(--fv-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.fv-card{background:var(--fv-bg-glass);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:var(--fv-border-default);border-radius:var(--fv-radius-lg);box-shadow:var(--fv-shadow-md);transition:all var(--fv-duration-normal) var(--fv-ease-default)}.fv-card:hover{box-shadow:var(--fv-shadow-lg);border-color:#ffffff2e}.fv-card--interactive:hover{border-color:var(--fv-gold-500);box-shadow:var(--fv-shadow-glow-gold);transform:translateY(-2px)}.fv-card--gold{border-color:#f59e0b4d}.fv-card--green{border-color:#10b9814d}.fv-card--purple{background:linear-gradient(135deg, var(--fv-bg-glass), #7e22ce1f);border-color:#a855f74d}.fv-card--red{border-color:#ef44444d}.fv-btn{justify-content:center;align-items:center;gap:var(--fv-space-2);font-family:var(--fv-font-family);font-weight:var(--fv-font-bold);font-size:var(--fv-text-base);padding:var(--fv-space-3) var(--fv-space-5);border-radius:var(--fv-radius-md);cursor:pointer;transition:all var(--fv-duration-fast) var(--fv-ease-default);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;display:inline-flex}.fv-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.fv-btn--primary{background:linear-gradient(135deg, var(--fv-gold-500), var(--fv-gold-600));color:#000;box-shadow:0 2px 8px #f59e0b4d}.fv-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b73}.fv-btn--primary:active:not(:disabled){transform:translateY(0)}.fv-btn--secondary{color:var(--fv-gray-100);border:var(--fv-border-subtle);background:#ffffff0f}.fv-btn--secondary:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.fv-btn--success{background:linear-gradient(135deg, var(--fv-green-500), var(--fv-green-600));color:#000;box-shadow:0 2px 8px #10b9814d}.fv-btn--success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #10b98173}.fv-btn--danger{color:var(--fv-red-400);background:#ef444426;border:1px solid #ef44444d}.fv-btn--danger:hover:not(:disabled){border-color:var(--fv-red-400);background:#ef444440}.fv-btn--purple{background:linear-gradient(135deg, var(--fv-purple-500), var(--fv-purple-700));color:#fff;box-shadow:0 2px 8px #a855f74d}.fv-btn--purple:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #a855f773}.fv-btn--ghost{color:var(--fv-gray-300);background:0 0}.fv-btn--ghost:hover:not(:disabled){color:var(--fv-gray-100);background:#ffffff14}.fv-btn--sm{padding:var(--fv-space-1) var(--fv-space-3);font-size:var(--fv-text-sm);border-radius:var(--fv-radius-sm)}.fv-btn--lg{padding:var(--fv-space-4) var(--fv-space-6);font-size:var(--fv-text-md);border-radius:var(--fv-radius-lg)}.fv-btn--icon{border-radius:var(--fv-radius-md);width:36px;height:36px;padding:0}.fv-btn--full{width:100%}.fv-input{width:100%;padding:var(--fv-space-3) var(--fv-space-4);font-family:var(--fv-font-family);font-size:var(--fv-text-base);color:var(--fv-gray-100);border:var(--fv-border-default);border-radius:var(--fv-radius-md);transition:all var(--fv-duration-fast) var(--fv-ease-default);background:#0006;outline:none}.fv-input::placeholder{color:var(--fv-gray-500)}.fv-input:focus{border-color:var(--fv-gold-500);box-shadow:0 0 0 3px #f59e0b26}.fv-input:disabled{opacity:.5;cursor:not-allowed}.fv-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.fv-label{font-size:var(--fv-text-sm);font-weight:var(--fv-font-semibold);color:var(--fv-gray-300);margin-bottom:var(--fv-space-1);display:block}.fv-badge{align-items:center;gap:var(--fv-space-1);padding:2px var(--fv-space-2);font-size:var(--fv-text-xs);font-weight:var(--fv-font-bold);border-radius:var(--fv-radius-full);white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;display:inline-flex}.fv-badge--gold{color:var(--fv-gold-400);background:#f59e0b26;border:1px solid #f59e0b4d}.fv-badge--green{color:var(--fv-green-400);background:#10b98126;border:1px solid #10b9814d}.fv-badge--blue{color:var(--fv-blue-400);background:#3b82f626;border:1px solid #3b82f64d}.fv-badge--purple{color:var(--fv-purple-400);background:#a855f726;border:1px solid #a855f74d}.fv-badge--red{color:var(--fv-red-400);background:#ef444426;border:1px solid #ef44444d}.fv-badge--gray{color:var(--fv-gray-400);background:#6b728026;border:1px solid #6b72804d}.fv-progress{border-radius:var(--fv-radius-full);background:#ffffff14;width:100%;height:8px;overflow:hidden}.fv-progress__fill{border-radius:var(--fv-radius-full);height:100%;transition:width var(--fv-duration-slow) var(--fv-ease-default);position:relative}.fv-progress__fill--gold{background:linear-gradient(90deg, var(--fv-gold-500), var(--fv-gold-400))}.fv-progress__fill--green{background:linear-gradient(90deg, var(--fv-green-500), var(--fv-green-400))}.fv-progress__fill--blue{background:linear-gradient(90deg, var(--fv-blue-500), var(--fv-blue-400))}.fv-progress__fill--purple{background:linear-gradient(90deg, var(--fv-purple-500), var(--fv-purple-400))}.fv-progress__fill--striped{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%);background-size:40px 40px;animation:1s linear infinite fv-progress-stripe}.fv-progress--sm{height:4px}.fv-progress--lg{height:12px}.fv-skeleton{border-radius:var(--fv-radius-sm);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.8s linear infinite fv-shimmer}.fv-skeleton--text{height:14px;margin-bottom:8px}.fv-skeleton--title{width:60%;height:20px;margin-bottom:12px}.fv-skeleton--avatar{border-radius:50%;width:44px;height:44px}.fv-skeleton--card{border-radius:var(--fv-radius-lg);height:180px}.fv-skeleton--btn{border-radius:var(--fv-radius-md);width:120px;height:40px}.fv-toast-container{top:var(--fv-space-4);right:var(--fv-space-4);z-index:var(--fv-z-toast);gap:var(--fv-space-2);pointer-events:none;flex-direction:column;width:100%;max-width:380px;display:flex;position:fixed}.fv-toast{align-items:flex-start;gap:var(--fv-space-3);padding:var(--fv-space-3) var(--fv-space-4);background:var(--fv-bg-elevated);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--fv-radius-lg);border:var(--fv-border-default);box-shadow:var(--fv-shadow-xl);pointer-events:auto;animation:fv-toast-in var(--fv-duration-normal) var(--fv-ease-bounce) forwards;display:flex}.fv-toast--exiting{animation:fv-toast-out var(--fv-duration-fast) var(--fv-ease-in) forwards}.fv-toast--success{border-left:3px solid var(--fv-green-500)}.fv-toast--error{border-left:3px solid var(--fv-red-500)}.fv-toast--warning{border-left:3px solid var(--fv-gold-500)}.fv-toast--info{border-left:3px solid var(--fv-blue-500)}.fv-toast__icon{flex-shrink:0;margin-top:1px;font-size:1.2rem}.fv-toast__content{flex:1;min-width:0}.fv-toast__title{font-weight:var(--fv-font-bold);font-size:var(--fv-text-base);color:var(--fv-gray-100)}.fv-toast__message{font-size:var(--fv-text-sm);color:var(--fv-gray-400);margin-top:2px}.fv-toast__close{color:var(--fv-gray-500);cursor:pointer;border-radius:var(--fv-radius-sm);transition:color var(--fv-duration-fast);background:0 0;border:none;flex-shrink:0;padding:4px;font-size:1rem;line-height:1}.fv-toast__close:hover{color:var(--fv-gray-200)}.fv-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--fv-z-modal);padding:var(--fv-space-4);animation:fv-fade-in var(--fv-duration-fast) var(--fv-ease-out);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fv-modal{background:var(--fv-bg-elevated);border:var(--fv-border-default);border-radius:var(--fv-radius-xl);box-shadow:var(--fv-shadow-xl);width:100%;max-width:440px;max-height:85vh;animation:fv-scale-in var(--fv-duration-normal) var(--fv-ease-bounce);overflow:auto}.fv-modal__header{padding:var(--fv-space-5) var(--fv-space-6);border-bottom:var(--fv-border-subtle);justify-content:space-between;align-items:center;display:flex}.fv-modal__title{font-size:var(--fv-text-lg);font-weight:var(--fv-font-bold);color:var(--fv-gray-100)}.fv-modal__close{color:var(--fv-gray-500);cursor:pointer;padding:var(--fv-space-1);border-radius:var(--fv-radius-sm);transition:color var(--fv-duration-fast);background:0 0;border:none;font-size:1.25rem}.fv-modal__close:hover{color:var(--fv-gray-200)}.fv-modal__body{padding:var(--fv-space-6)}.fv-modal__footer{justify-content:flex-end;gap:var(--fv-space-3);padding:var(--fv-space-4) var(--fv-space-6);border-top:var(--fv-border-subtle);display:flex}.fv-empty{padding:var(--fv-space-12) var(--fv-space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.fv-empty__icon{margin-bottom:var(--fv-space-4);opacity:.6;font-size:3rem;animation:3s ease-in-out infinite fv-float}.fv-empty__title{font-size:var(--fv-text-lg);font-weight:var(--fv-font-bold);color:var(--fv-gray-200);margin-bottom:var(--fv-space-2)}.fv-empty__description{font-size:var(--fv-text-base);color:var(--fv-gray-500);max-width:320px;margin-bottom:var(--fv-space-6)}.fv-tabs{gap:var(--fv-space-1);padding:var(--fv-space-1);border-radius:var(--fv-radius-lg);border:var(--fv-border-subtle);background:#0000004d;display:flex}.fv-tab{justify-content:center;align-items:center;gap:var(--fv-space-2);padding:var(--fv-space-2) var(--fv-space-4);font-size:var(--fv-text-sm);font-weight:var(--fv-font-semibold);color:var(--fv-gray-400);border-radius:var(--fv-radius-md);cursor:pointer;transition:all var(--fv-duration-fast) var(--fv-ease-default);white-space:nowrap;background:0 0;border:none;flex:1;display:flex}.fv-tab:hover:not(.fv-tab--active){color:var(--fv-gray-200);background:#ffffff0d}.fv-tab--active{color:#000;background:linear-gradient(135deg, var(--fv-gold-500), var(--fv-gold-600));font-weight:var(--fv-font-bold);box-shadow:0 2px 8px #f59e0b4d}.fv-grid{gap:var(--fv-space-4);display:grid}.fv-grid--2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.fv-grid--3{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.fv-grid--4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.fv-section-header{padding:var(--fv-space-4) var(--fv-space-5);background:var(--fv-bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--fv-border-default);border-radius:var(--fv-radius-lg);margin-bottom:var(--fv-space-5);justify-content:space-between;align-items:center;display:flex}.fv-section-header__title{font-size:var(--fv-text-lg);font-weight:var(--fv-font-bold);align-items:center;gap:var(--fv-space-2);display:flex}.fv-currency{align-items:center;gap:var(--fv-space-1);padding:var(--fv-space-1) var(--fv-space-3);border-radius:var(--fv-radius-full);font-weight:var(--fv-font-bold);font-size:var(--fv-text-sm);background:#0006;display:inline-flex}.fv-currency--gold{color:var(--fv-gold-400);border:1px solid #f59e0b4d}.fv-currency--gems{color:var(--fv-blue-400);border:1px solid #60a5fa4d}@media (width<=768px){.fv-tabs{z-index:var(--fv-z-sticky);padding:var(--fv-space-2);padding-bottom:max(var(--fv-space-2), env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:var(--fv-border-default);background:#090d16f2;border-bottom:none;border-radius:0;position:fixed;bottom:0;left:0;right:0}.fv-tab{padding:var(--fv-space-2);font-size:var(--fv-text-xs);flex-direction:column;gap:2px}.fv-toast-container{left:var(--fv-space-3);right:var(--fv-space-3);max-width:none}}html,body,#root{width:100%;height:100%}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:var(--fv-bg-base);font-family:var(--fv-font-family);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}input,textarea{-webkit-user-select:text;user-select:text}.hud{--hud-cream:color-mix(in srgb, var(--fv-gold-50) 94%, transparent);--hud-cream-solid:var(--fv-gold-50);--hud-cream-2:var(--fv-gold-100);--hud-line:var(--fv-gold-200);--hud-ink:var(--fv-gray-800);--hud-ink-soft:var(--fv-gray-600);--hud-accent:var(--fv-gold-600);--hud-green:var(--fv-green-600);--hud-shadow:0 6px 18px color-mix(in srgb, var(--fv-gray-900) 22%, transparent);z-index:10;pointer-events:none;font-family:var(--fv-font-family);color:var(--hud-ink);position:fixed;inset:0}.hud button,.hud-chip,.hud-order,.hud-hint,.hud-fox-banner{pointer-events:auto}.hud button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.hud-top{top:var(--fv-space-3);left:var(--fv-space-3);right:var(--fv-space-3);justify-content:space-between;align-items:flex-start;gap:var(--fv-space-2);display:flex;position:absolute}.hud-chip{align-items:center;gap:var(--fv-space-2);min-height:44px;padding:var(--fv-space-1) var(--fv-space-3);background:var(--hud-cream);border:2px solid var(--hud-line);border-radius:var(--fv-radius-full);box-shadow:var(--hud-shadow);font-size:var(--fv-text-base);font-weight:var(--fv-font-semibold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fv-slide-down var(--fv-duration-normal) var(--fv-ease-out);display:inline-flex}.hud-level{padding-left:var(--fv-space-1);min-width:190px}.hud-level__badge{border-radius:var(--fv-radius-full);background:linear-gradient(135deg, var(--fv-gold-400), var(--fv-gold-600));width:36px;height:36px;color:var(--fv-gold-50);font-weight:var(--fv-font-extrabold);font-size:var(--fv-text-md);box-shadow:inset 0 -2px 0 var(--fv-gold-700);flex-shrink:0;place-items:center;display:grid}.hud-level__bar{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hud-level__label{font-size:var(--fv-text-xs);color:var(--hud-ink-soft);white-space:nowrap}.hud-level .fv-progress{background:var(--hud-cream-2)}.hud-clock{white-space:nowrap;font-variant-numeric:tabular-nums;width:max-content;margin-inline:auto;position:absolute;left:0;right:0}.hud-clock__icon{font-size:var(--fv-text-lg)}.hud--night .hud-clock{background:color-mix(in srgb, var(--fv-gray-900) 85%, transparent);border-color:var(--fv-purple-700);color:var(--fv-gold-100)}.hud-right{align-items:center;gap:var(--fv-space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.hud-res{padding:var(--fv-space-1) var(--fv-space-3);font-variant-numeric:tabular-nums}.hud-res b{font-weight:var(--fv-font-extrabold);color:var(--hud-ink)}.hud-icon-btn{border-radius:var(--fv-radius-full);border:2px solid var(--hud-line);background:var(--hud-cream);width:44px;height:44px;box-shadow:var(--hud-shadow);font-size:var(--fv-text-lg);transition:transform var(--fv-duration-fast) var(--fv-ease-bounce), background var(--fv-duration-fast);place-items:center;display:grid}.hud-icon-btn:hover{background:var(--hud-cream-2);transform:translateY(-1px)}.hud-icon-btn:active{transform:scale(.94)}.hud-icon-btn.is-active{border-color:var(--hud-accent);background:var(--fv-gold-200)}.hud-account{align-items:center;gap:var(--fv-space-1);max-width:190px;min-height:44px;padding:0 var(--fv-space-3);border-radius:var(--fv-radius-full);border:2px solid var(--hud-line);background:var(--hud-cream);box-shadow:var(--hud-shadow);color:var(--hud-ink);font-size:var(--fv-text-sm);font-weight:var(--fv-font-bold);white-space:nowrap;display:inline-flex}.hud-account:hover:not(:disabled){background:var(--hud-cream-2)}.hud-account:disabled{opacity:.6;cursor:default}.hud-account__label{text-overflow:ellipsis;overflow:hidden}.hud-account__state{font-weight:var(--fv-font-extrabold)}.hud-account.is-synced .hud-account__state{color:var(--fv-green-600)}.hud-account.is-syncing .hud-account__state{animation:1s linear infinite fv-spin;display:inline-block}.hud-account.is-offline,.hud-account.is-error{border-color:var(--fv-gold-500)}.hud-account.is-conflict{border-color:var(--fv-red-500)}.hud-account.is-nonick{border-color:var(--hud-accent)}.hud-fox-banner{cursor:pointer;width:max-content;max-width:calc(100vw - 2 * var(--fv-space-3));padding:var(--fv-space-2) var(--fv-space-5);border-radius:var(--fv-radius-full);background:linear-gradient(135deg, var(--fv-red-500), var(--fv-red-600));color:var(--fv-gray-50);font-weight:var(--fv-font-bold);font-size:var(--fv-text-base);box-shadow:var(--fv-shadow-glow-red), var(--hud-shadow);white-space:nowrap;animation:fv-glow-pulse 1.6s ease-in-out infinite, fv-slide-down var(--fv-duration-normal) var(--fv-ease-out);border:0;margin-inline:auto;position:absolute;top:68px;left:0;right:0}.hud-sick-badge{pointer-events:auto;width:max-content;padding:var(--fv-space-1) var(--fv-space-4);border-radius:var(--fv-radius-full);color:var(--fv-gray-50);font-weight:var(--fv-font-bold);font-size:var(--fv-text-base);box-shadow:var(--hud-shadow);background:linear-gradient(135deg,#65a30d,#4d7c0f);border:0;margin-inline:auto;position:absolute;top:68px;left:0;right:0}.hud-sick-badge--below{top:112px}.hud-orders{top:76px;left:var(--fv-space-3);gap:var(--fv-space-2);flex-direction:column;width:230px;max-height:calc(100vh - 330px);display:flex;position:absolute;overflow:hidden}@media (height<=540px){.hud-orders{display:none}}.hud-orders__title{font-size:var(--fv-text-xs);font-weight:var(--fv-font-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--fv-gold-50);text-shadow:0 1px 3px color-mix(in srgb, var(--fv-gray-900) 70%, transparent);padding-left:var(--fv-space-1)}.hud-order{background:var(--hud-cream);border:2px solid var(--hud-line);border-radius:var(--fv-radius-lg);padding:var(--fv-space-2) var(--fv-space-3);box-shadow:var(--hud-shadow);gap:var(--fv-space-1);color:var(--hud-ink);animation:fv-slide-in-right var(--fv-duration-normal) var(--fv-ease-out);transition:border-color var(--fv-duration-normal), transform var(--fv-duration-fast);flex-direction:column;display:flex}.hud-order--ready{border-color:var(--fv-green-400);box-shadow:var(--fv-shadow-glow-green), var(--hud-shadow)}.hud-order--empty{opacity:.85;border-style:dashed;justify-content:center;min-height:44px}.hud-order__wait{font-size:var(--fv-text-sm);color:var(--hud-ink-soft)}.hud-order__head{justify-content:space-between;align-items:center;gap:var(--fv-space-2);display:flex}.hud-order__customer{font-weight:var(--fv-font-bold);font-size:var(--fv-text-sm)}.hud-order__reject{border-radius:var(--fv-radius-full);width:26px;height:26px;color:var(--hud-ink-soft);font-size:var(--fv-text-sm);background:0 0;border:none}.hud-order__reject:hover{background:color-mix(in srgb, var(--fv-red-400) 20%, transparent);color:var(--fv-red-600)}.hud-order__items{gap:var(--fv-space-2);flex-wrap:wrap;display:flex}.hud-order__item{padding:2px var(--fv-space-2);border-radius:var(--fv-radius-full);background:var(--hud-cream-2);font-size:var(--fv-text-sm);font-weight:var(--fv-font-semibold);font-variant-numeric:tabular-nums}.hud-order__item.is-ok{background:var(--fv-green-100);color:var(--fv-green-700)}.hud-order__foot{justify-content:space-between;align-items:center;gap:var(--fv-space-2);display:flex}.hud-order__reward{font-size:var(--fv-text-sm);font-weight:var(--fv-font-bold);color:var(--hud-accent)}.hud-order__deliver{min-height:32px;padding:0 var(--fv-space-3);border-radius:var(--fv-radius-full);background:linear-gradient(135deg, var(--fv-green-500), var(--fv-green-600));color:var(--fv-gray-50);font-weight:var(--fv-font-bold);font-size:var(--fv-text-sm);transition:transform var(--fv-duration-fast) var(--fv-ease-bounce), filter var(--fv-duration-fast);border:none}.hud-order__deliver:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.hud-order__deliver:active:not(:disabled){transform:scale(.95)}.hud-order__deliver:disabled{background:var(--fv-gray-300);color:var(--fv-gray-500);cursor:not-allowed}.hud-bottom{left:50%;bottom:calc(var(--fv-space-3) + env(safe-area-inset-bottom,0px));align-items:center;gap:var(--fv-space-2);max-width:calc(100vw - 2 * var(--fv-space-3));flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.hud-hint{padding:var(--fv-space-2) var(--fv-space-4);border-radius:var(--fv-radius-full);background:color-mix(in srgb, var(--fv-gray-900) 82%, transparent);color:var(--fv-gold-100);font-size:var(--fv-text-sm);font-weight:var(--fv-font-semibold);white-space:nowrap;box-shadow:var(--hud-shadow);animation:fv-slide-up var(--fv-duration-normal) var(--fv-ease-out)}.hud-buildbar{align-items:center;gap:var(--fv-space-2);pointer-events:auto;padding:var(--fv-space-2) var(--fv-space-3);border-radius:var(--fv-radius-xl);background:var(--hud-cream);border:2px solid var(--fv-gold-600);box-shadow:var(--hud-shadow);animation:fv-slide-up var(--fv-duration-normal) var(--fv-ease-out);flex-direction:column;display:flex}.hud-buildbar__hint{font-size:var(--fv-text-sm);font-weight:var(--fv-font-semibold);color:var(--hud-ink-soft);text-align:center}.hud-buildbar__tabs{gap:var(--fv-space-1);border-radius:var(--fv-radius-lg);background:var(--hud-cream-2);border:2px solid var(--hud-line);padding:3px;display:flex}.hud-buildbar__tab{min-width:96px;min-height:44px;padding:0 var(--fv-space-3);border-radius:var(--fv-radius-md);color:var(--hud-ink);font-size:var(--fv-text-sm);font-weight:var(--fv-font-bold);white-space:nowrap;background:0 0;border:0}.hud-buildbar__tab.is-active{background:linear-gradient(135deg, var(--fv-gold-300), var(--fv-gold-500));box-shadow:inset 0 0 0 2px var(--fv-gold-600)}.hud-palette{justify-content:center;gap:var(--fv-space-2);display:flex}.hud-palette__btn{border-radius:var(--fv-radius-md);border:2px solid var(--hud-line);flex:0 0 44px;width:44px;height:44px;padding:0;box-shadow:inset 0 0 0 2px #ffffff59}.hud-palette__btn.is-active{border-color:var(--fv-gold-600);outline:3px solid var(--fv-gold-400,#facc15);outline-offset:1px}.hud-buildbar__row{justify-content:center;gap:var(--fv-space-2);flex-wrap:wrap;display:flex}.hud-buildbar__btn{min-height:44px;padding:0 var(--fv-space-3);border-radius:var(--fv-radius-lg);border:2px solid var(--hud-line);background:var(--hud-cream-2);color:var(--hud-ink);font-size:var(--fv-text-sm);font-weight:var(--fv-font-bold);white-space:nowrap}.hud-buildbar__btn:hover{background:var(--fv-gold-200)}.hud-buildbar__btn--danger{border-color:var(--fv-red-500,#ef4444)}.hud-buildbar__btn--done{background:linear-gradient(135deg, var(--fv-gold-300), var(--fv-gold-500));border-color:var(--fv-gold-600)}.hud-status{gap:var(--fv-space-2);display:flex}.hud-mini{pointer-events:auto;padding:3px var(--fv-space-3);border-radius:var(--fv-radius-full);background:var(--hud-cream);border:1px solid var(--hud-line);font-size:var(--fv-text-sm);font-weight:var(--fv-font-bold);font-variant-numeric:tabular-nums;box-shadow:var(--hud-shadow)}.hud-mini.is-dirty{color:#b45309;border-color:#f59e0b}.hud-dock{gap:var(--fv-space-2);padding:var(--fv-space-2);border-radius:var(--fv-radius-2xl);background:var(--hud-cream);border:2px solid var(--hud-line);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fv-slide-up var(--fv-duration-slow) var(--fv-ease-bounce);display:flex}.hud-dock__btn{min-width:68px;min-height:56px;padding:var(--fv-space-1) var(--fv-space-2);border-radius:var(--fv-radius-lg);background:var(--hud-cream-2);color:var(--hud-ink);transition:transform var(--fv-duration-fast) var(--fv-ease-bounce), background var(--fv-duration-fast), border-color var(--fv-duration-fast);border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.hud-dock__btn:hover{background:var(--fv-gold-200);transform:translateY(-2px)}.hud-dock__btn:active{transform:scale(.94)}.hud-dock__btn.is-active{background:linear-gradient(135deg, var(--fv-gold-300), var(--fv-gold-500));border-color:var(--fv-gold-600);color:var(--fv-gray-900);box-shadow:var(--fv-shadow-glow-gold)}.hud-dock__btn.is-locked{opacity:.7;filter:grayscale(.5)}.hud-dock__icon{font-size:1.35rem;line-height:1}.hud-dock__label{font-size:var(--fv-text-xs);font-weight:var(--fv-font-bold);white-space:nowrap}.hud-dock__short{display:none}.hud-dock__key{font-family:var(--fv-font-mono);color:var(--hud-ink-soft);opacity:.8;font-size:9px;position:absolute;top:2px;right:4px}.hud-dock__badge{border-radius:var(--fv-radius-full);background:var(--fv-green-500);min-width:20px;height:20px;color:var(--fv-gray-50);font-size:var(--fv-text-xs);font-weight:var(--fv-font-bold);animation:bounceIn var(--fv-duration-slow) var(--fv-ease-out);place-items:center;padding:0 5px;display:grid;position:absolute;top:-6px;left:-6px}@media (width>=768px) and (width<=1320px){.hud-clock{top:60px}.hud-sick-badge{top:104px}.hud-sick-badge--below{top:148px}.hud-fox-banner{top:104px}}@media (width<=767px){.hud-orders{display:none}.hud-top{top:var(--fv-space-2);left:var(--fv-space-2);right:var(--fv-space-2);flex-wrap:nowrap}.hud-level{min-width:0;padding-right:var(--fv-space-2)}.hud-level__bar,.hud-level__label{display:none}.hud-clock{min-height:32px;font-size:var(--fv-text-sm);top:52px}.hud-right{gap:var(--fv-space-1)}.hud-res{min-height:36px;font-size:var(--fv-text-sm);padding:2px 6px}.hud-icon-btn{width:40px;height:40px;font-size:var(--fv-text-md)}.hud-account{min-height:36px;padding:0 var(--fv-space-2);position:absolute;top:48px;left:0}.hud-account__label{display:none}.hud-fox-banner{font-size:var(--fv-text-sm);padding:var(--fv-space-2) var(--fv-space-3);top:92px}.hud-bottom{width:calc(100vw - 2 * var(--fv-space-2));bottom:calc(var(--fv-space-2) + env(safe-area-inset-bottom,0px))}.hud-buildbar{width:100%;padding:var(--fv-space-2)}.hud-buildbar__row,.hud-buildbar__tabs{width:100%}.hud-buildbar__tab{flex:1 1 0;min-width:0}.hud-palette{gap:var(--fv-space-1)}.hud-buildbar__btn{min-width:0;padding:0 var(--fv-space-2);flex:1 1 0}.hud-hint{white-space:normal;text-align:center;font-size:var(--fv-text-xs)}.hud-dock{gap:var(--fv-space-1);width:100%;padding:var(--fv-space-1);border-radius:var(--fv-radius-xl)}.hud-dock__btn{min-width:0;min-height:52px;padding:var(--fv-space-1) 2px;flex:1 1 0}.hud-dock__full{display:none}.hud-dock__short{display:inline}.hud-dock__label{text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.hud-dock__key{display:none}}.hud-res--gem{color:var(--hud-ink);cursor:pointer;font-family:inherit}.hud-hero{left:var(--fv-space-3);bottom:calc(var(--fv-space-3) + env(safe-area-inset-bottom,0px));align-items:flex-start;gap:var(--fv-space-2);flex-direction:column;display:flex;position:absolute}.hud-hero.is-hidden{display:none}.hud-hero__chip{align-items:center;gap:var(--fv-space-1);min-height:44px;padding:0 var(--fv-space-3) 0 var(--fv-space-1);border-radius:var(--fv-radius-full);border:2px solid var(--hud-line);background:var(--hud-cream);box-shadow:var(--hud-shadow);color:var(--hud-ink);font-weight:var(--fv-font-bold);font-size:var(--fv-text-sm);display:inline-flex}.hud-hero__chip.is-active{border-color:var(--hud-accent);background:var(--hud-cream-2)}.hud-hero__avatar{border-radius:var(--fv-radius-full);background:var(--hud-cream-2);place-items:center;width:34px;height:34px;font-size:1.3rem;display:grid}.hud-skill{align-items:center;column-gap:var(--fv-space-2);min-width:112px;min-height:48px;padding:2px var(--fv-space-3) 2px var(--fv-space-2);text-align:left;border-radius:var(--fv-radius-lg);border:2px solid var(--hud-line);background:var(--hud-cream);box-shadow:var(--hud-shadow);color:var(--hud-ink);grid-template-rows:auto auto;grid-template-columns:auto 1fr;display:grid;position:relative;overflow:hidden}.hud-skill:before{content:"";width:calc(var(--cd,0) * 100%);background:color-mix(in srgb, var(--fv-gray-900) 22%, transparent);pointer-events:none;transition:width .2s linear;position:absolute;inset:0}.hud-skill__icon{grid-row:1/span 2;font-size:1.4rem;position:relative}.hud-skill__label{font-size:var(--fv-text-sm);font-weight:var(--fv-font-bold);position:relative}.hud-skill__sub{font-size:var(--fv-text-xs);font-variant-numeric:tabular-nums;color:var(--hud-ink-soft);position:relative}.hud-skill__sub kbd{border-radius:var(--fv-radius-sm);border:1px solid var(--hud-line);background:var(--hud-cream-2);padding:0 5px;font-family:inherit}.hud-skill:active{transform:scale(.96)}.hud-skill.is-cooling{border-color:var(--fv-gray-400)}.hud-skill.is-locked{background:var(--fv-gray-200);color:var(--fv-gray-600)}.hud-skill.is-locked .hud-skill__icon{filter:grayscale(.6)}@media (width<=767px){.hud-hero{left:var(--fv-space-2);right:var(--fv-space-2);bottom:calc(142px + env(safe-area-inset-bottom,0px));align-items:stretch;gap:var(--fv-space-1);flex-direction:row}.hud-hero__chip{flex:none}.hud-skill{min-width:0;padding:2px var(--fv-space-2) 2px var(--fv-space-1);column-gap:var(--fv-space-1);flex:1 1 0}.hud-skill__sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hud-skill__sub kbd{display:none}}.game-root .hud .hud-minimap{inset:auto var(--fv-space-3) auto auto;border:2px solid var(--hud-line);border-radius:var(--fv-radius-md);background:var(--hud-cream);width:128px;height:128px;box-shadow:var(--hud-shadow);pointer-events:none;position:absolute;top:64px}@media (width<=767px){.game-root .hud .hud-minimap{top:134px;right:var(--fv-space-2);width:88px;height:88px}}.fv-drawer,.animal-card,.onboarding{--pn-cream:var(--fv-gold-50);--pn-cream-2:var(--fv-gold-100);--pn-line:var(--fv-gold-200);--pn-ink:var(--fv-gray-800);--pn-ink-soft:var(--fv-gray-600);--pn-shadow:0 10px 30px color-mix(in srgb, var(--fv-gray-900) 30%, transparent);font-family:var(--fv-font-family);color:var(--pn-ink)}.fv-drawer{top:76px;right:var(--fv-space-3);bottom:var(--fv-space-3);width:380px;max-width:calc(100vw - 2 * var(--fv-space-3));z-index:var(--fv-z-overlay);background:var(--pn-cream);border:2px solid var(--pn-line);border-radius:var(--fv-radius-xl);box-shadow:var(--pn-shadow);animation:fv-slide-in-right var(--fv-duration-normal) var(--fv-ease-out);flex-direction:column;display:flex;position:fixed;overflow:hidden}.fv-drawer__head{padding:var(--fv-space-3) var(--fv-space-4);background:linear-gradient(135deg, var(--fv-gold-100), var(--fv-gold-200));border-bottom:2px solid var(--pn-line);justify-content:space-between;align-items:center;display:flex}.fv-drawer__title{font-size:var(--fv-text-lg);font-weight:var(--fv-font-extrabold);color:var(--pn-ink);margin:0}.fv-drawer__close{border-radius:var(--fv-radius-full);background:color-mix(in srgb, var(--fv-gray-900) 8%, transparent);width:36px;height:36px;color:var(--fv-gray-700);font-size:var(--fv-text-md);cursor:pointer;transition:background var(--fv-duration-fast);border:none;flex-shrink:0}.fv-drawer__close:hover{background:color-mix(in srgb, var(--fv-red-400) 25%, transparent);color:var(--fv-red-600)}.fv-drawer__body{padding:var(--fv-space-3) var(--fv-space-4) var(--fv-space-5);overscroll-behavior:contain;flex:1;overflow-y:auto}@media (width<=767px){.fv-drawer{border-radius:var(--fv-radius-2xl) var(--fv-radius-2xl) 0 0;width:100%;max-width:none;max-height:70vh;padding-bottom:env(safe-area-inset-bottom,0px);animation:fv-slide-up var(--fv-duration-normal) var(--fv-ease-out);border-bottom:none;inset:auto 0 0}.fv-drawer__head:before{content:"";border-radius:var(--fv-radius-full);background:var(--fv-gold-300);width:40px;height:4px;margin-left:-20px;position:absolute;top:6px;left:50%}}.pn-section{margin-bottom:var(--fv-space-4)}.pn-section__title{margin:0 0 var(--fv-space-2);font-size:var(--fv-text-xs);font-weight:var(--fv-font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--fv-gold-700)}.pn-note{font-size:var(--fv-text-sm);color:var(--pn-ink-soft);padding:var(--fv-space-2) var(--fv-space-3);background:var(--pn-cream-2);border-radius:var(--fv-radius-md);margin-top:var(--fv-space-2)}.pn-warn{font-size:var(--fv-text-sm);font-weight:var(--fv-font-semibold);color:var(--fv-gold-800);background:var(--fv-gold-200);border:1px solid var(--fv-gold-400);padding:var(--fv-space-2) var(--fv-space-3);border-radius:var(--fv-radius-md);margin:var(--fv-space-2) 0}.pn-text{color:var(--pn-ink-soft);font-size:var(--fv-text-base);text-align:center;margin:0}.pn-center{align-items:center;gap:var(--fv-space-3);padding:var(--fv-space-4) 0;flex-direction:column;display:flex}.pn-hero{font-size:3.5rem;line-height:1;animation:3s ease-in-out infinite fv-float}.pn-hero--wobble{animation:1.2s ease-in-out infinite fv-shake}.pn-progress{width:100%}.pn-btn{justify-content:center;align-items:center;gap:var(--fv-space-1);min-height:44px;padding:0 var(--fv-space-4);border-radius:var(--fv-radius-full);font-family:inherit;font-size:var(--fv-text-base);font-weight:var(--fv-font-bold);cursor:pointer;white-space:nowrap;transition:transform var(--fv-duration-fast) var(--fv-ease-bounce), filter var(--fv-duration-fast);border:2px solid #0000;display:inline-flex}.pn-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.pn-btn:active:not(:disabled){transform:scale(.95)}.pn-btn:disabled{opacity:.5;cursor:not-allowed}.pn-btn--buy{background:linear-gradient(135deg, var(--fv-gold-400), var(--fv-gold-600));color:var(--fv-gray-900);box-shadow:inset 0 -2px 0 var(--fv-gold-700)}.pn-btn--sell{background:linear-gradient(135deg, var(--fv-green-500), var(--fv-green-600));color:var(--fv-gray-50);box-shadow:inset 0 -2px 0 var(--fv-green-700)}.pn-btn--ghost{border-color:var(--fv-green-500);color:var(--fv-green-700);background:0 0}.pn-btn--danger{background:linear-gradient(135deg, var(--fv-red-500), var(--fv-red-600));color:var(--fv-gray-50)}.shop-row,.sell-row{align-items:center;gap:var(--fv-space-3);padding:var(--fv-space-3);margin-bottom:var(--fv-space-2);background:var(--fv-gray-50);border:1px solid var(--pn-line);border-radius:var(--fv-radius-lg);box-shadow:0 2px 6px color-mix(in srgb, var(--fv-gold-800) 10%, transparent);animation:fv-slide-up var(--fv-duration-normal) var(--fv-ease-out) both;transition:transform var(--fv-duration-fast), box-shadow var(--fv-duration-fast);display:flex}.shop-row:hover{box-shadow:0 6px 14px color-mix(in srgb, var(--fv-gold-800) 16%, transparent);transform:translateY(-1px)}.shop-row.is-unavailable{background:var(--pn-cream-2)}.shop-row.is-unavailable .shop-row__icon{filter:grayscale(.7);opacity:.7}.shop-row__icon{background:var(--pn-cream-2);border-radius:var(--fv-radius-md);flex-shrink:0;place-items:center;width:44px;height:44px;font-size:1.6rem;display:grid}.shop-row__info{flex:1;min-width:0}.shop-row__name{font-weight:var(--fv-font-bold);font-size:var(--fv-text-base)}.shop-row__desc{font-size:var(--fv-text-sm);color:var(--pn-ink-soft)}.shop-row__reason{padding:1px var(--fv-space-2);border-radius:var(--fv-radius-full);background:var(--fv-gray-200);color:var(--fv-gray-600);font-size:var(--fv-text-xs);font-weight:var(--fv-font-semibold);margin-top:3px;display:inline-block}.sell-row{flex-direction:column;align-items:stretch}.sell-row__head{align-items:center;gap:var(--fv-space-3);display:flex}.sell-row__have{font-weight:var(--fv-font-medium);color:var(--pn-ink-soft);font-size:var(--fv-text-sm)}.sell-row__controls{align-items:center;gap:var(--fv-space-3);display:flex}.sell-row__range{accent-color:var(--fv-green-600);flex:1;min-height:28px}.sell-row__num{width:64px;min-height:36px;padding:0 var(--fv-space-2);border:1px solid var(--pn-line);border-radius:var(--fv-radius-md);background:var(--pn-cream);color:var(--pn-ink);font-family:inherit;font-size:var(--fv-text-base);font-weight:var(--fv-font-bold);text-align:center}.sell-row__actions{gap:var(--fv-space-2);display:flex}.sell-row__actions .pn-btn{padding:0 var(--fv-space-2);font-size:var(--fv-text-sm);flex:1}.pn-orders{gap:var(--fv-space-2);flex-direction:column;display:flex}.pn-orders .hud-order{box-shadow:0 2px 6px color-mix(in srgb, var(--fv-gold-800) 10%, transparent);background:var(--fv-gray-50)}.pn-toggle{width:100%;min-height:52px;padding:0 var(--fv-space-4);border-radius:var(--fv-radius-lg);border:1px solid var(--pn-line);background:var(--fv-gray-50);color:var(--pn-ink);font-family:inherit;font-size:var(--fv-text-base);font-weight:var(--fv-font-semibold);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.pn-toggle__track{border-radius:var(--fv-radius-full);background:var(--fv-gray-300);width:46px;height:26px;transition:background var(--fv-duration-normal);position:relative}.pn-toggle__thumb{border-radius:var(--fv-radius-full);background:var(--fv-gray-50);width:20px;height:20px;box-shadow:var(--fv-shadow-sm);transition:transform var(--fv-duration-normal) var(--fv-ease-bounce);position:absolute;top:3px;left:3px}.pn-toggle.is-on .pn-toggle__track{background:var(--fv-green-500)}.pn-toggle.is-on .pn-toggle__thumb{transform:translate(20px)}.pn-stats{gap:var(--fv-space-2);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.pn-stats li{padding:var(--fv-space-2) var(--fv-space-3);background:var(--fv-gray-50);border:1px solid var(--pn-line);border-radius:var(--fv-radius-md);font-size:var(--fv-text-xs);color:var(--pn-ink-soft);flex-direction:column;gap:2px;display:flex}.pn-stats b{font-size:var(--fv-text-lg);color:var(--pn-ink)}.animal-card{top:76px;right:var(--fv-space-3);width:270px;z-index:calc(var(--fv-z-overlay) - 1);padding:var(--fv-space-3);gap:var(--fv-space-2);background:var(--pn-cream);border:2px solid var(--pn-line);border-radius:var(--fv-radius-xl);box-shadow:var(--pn-shadow);animation:fv-scale-in var(--fv-duration-normal) var(--fv-ease-bounce);flex-direction:column;display:flex;position:fixed}.animal-card--shifted{right:calc(380px + 2 * var(--fv-space-3))}.animal-card__head{align-items:center;gap:var(--fv-space-3);display:flex}.animal-card__avatar{border-radius:var(--fv-radius-full);background:var(--pn-cream-2);border:2px solid var(--pn-line);flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.9rem;display:grid}.animal-card__title{flex:1;min-width:0}.animal-card__name{font-weight:var(--fv-font-extrabold);font-size:var(--fv-text-md)}.animal-card__kind{font-size:var(--fv-text-xs);color:var(--pn-ink-soft)}.animal-card__row{justify-content:space-between;align-items:center;gap:var(--fv-space-2);font-size:var(--fv-text-sm);display:flex}.animal-card__row b{font-variant-numeric:tabular-nums}.animal-card__bars{gap:var(--fv-space-1);grid-template-columns:1fr;display:grid}.animal-card__need{font-size:var(--fv-text-xs);flex-direction:column;gap:2px;min-width:0;display:flex}.animal-card__need .fv-progress{background:var(--fv-gray-200)}.animal-card__need.is-danger .fv-progress__fill{background:#ef4444}.animal-card__tags{gap:var(--fv-space-1);flex-wrap:wrap;display:flex}.animal-card__tag{font-size:var(--fv-text-xs);font-weight:var(--fv-font-extrabold);background:var(--pn-cream-2);border:1.5px solid var(--pn-line);border-radius:var(--fv-radius-full);padding:1px 8px}.animal-card__genes{gap:var(--fv-space-1) var(--fv-space-3);font-size:var(--fv-text-xs);flex-wrap:wrap;display:flex}.animal-card__gene{white-space:nowrap;align-items:center;gap:3px;display:flex}.animal-card__stars{color:#d99a00;letter-spacing:-1px}.animal-card__stars i{color:var(--fv-gray-200);font-style:normal}.animal-card__lineage{font-size:var(--fv-text-xs);color:var(--pn-ink-soft);overflow-wrap:anywhere}@media (width<=480px){.animal-card__bars{column-gap:var(--fv-space-3);grid-template-columns:1fr 1fr}}.animal-card__bar{flex:1}.animal-card__bar .fv-progress{background:var(--fv-gray-200)}.animal-card__life{justify-content:space-between;align-items:baseline;gap:var(--fv-space-1) var(--fv-space-2);font-size:var(--fv-text-sm);flex-wrap:wrap;display:flex}.animal-card__stage{font-weight:var(--fv-font-bold)}.animal-card__hint{opacity:.7;font-size:var(--fv-text-xs,.75rem)}.animal-card__sick{gap:var(--fv-space-1);flex-direction:column;min-width:0;display:flex}.animal-card__action{width:100%;margin-top:var(--fv-space-1)}@media (width<=767px){.animal-card,.animal-card--shifted{top:auto;right:var(--fv-space-2);left:var(--fv-space-2);width:auto;bottom:140px}}.onboarding{width:max-content;max-width:min(440px, calc(100vw - 2 * var(--fv-space-3)));z-index:20;align-items:center;gap:var(--fv-space-3);padding:var(--fv-space-3) var(--fv-space-3) var(--fv-space-3) var(--fv-space-3);background:var(--pn-cream);border:2px solid var(--fv-gold-400);border-radius:var(--fv-radius-xl);box-shadow:var(--fv-shadow-glow-gold), var(--pn-shadow);animation:bounceIn var(--fv-duration-slow) var(--fv-ease-out);margin-inline:auto;display:flex;position:fixed;bottom:150px;left:0;right:0}.onboarding:after{content:"";background:var(--pn-cream);border-right:2px solid var(--fv-gold-400);border-bottom:2px solid var(--fv-gold-400);width:16px;height:16px;margin-left:-8px;position:absolute;bottom:-9px;left:50%;transform:rotate(45deg)}.onboarding__progress{border-radius:var(--fv-radius-full);background:linear-gradient(135deg, var(--fv-green-400), var(--fv-green-600));min-width:44px;height:44px;color:var(--fv-gray-50);font-weight:var(--fv-font-extrabold);font-size:var(--fv-text-sm);flex-shrink:0;place-items:center;display:grid}.onboarding__body{flex:1;min-width:0}.onboarding__title{font-weight:var(--fv-font-extrabold);font-size:var(--fv-text-md)}.onboarding__hint{font-size:var(--fv-text-sm);color:var(--pn-ink-soft)}.onboarding__skip{min-height:44px;padding:0 var(--fv-space-3);border-radius:var(--fv-radius-full);color:var(--pn-ink-soft);font-family:inherit;font-weight:var(--fv-font-semibold);font-size:var(--fv-text-sm);cursor:pointer;background:0 0;border:none}.onboarding__skip:hover{background:var(--pn-cream-2);color:var(--pn-ink)}@media (width<=767px){.onboarding{bottom:128px}}.offline-summary p{margin:0 0 var(--fv-space-3);color:var(--fv-gray-300)}.offline-summary__stats{gap:var(--fv-space-3);grid-template-columns:1fr 1fr;display:grid}.offline-summary__stat{padding:var(--fv-space-3);border-radius:var(--fv-radius-lg);background:var(--fv-bg-surface);border:var(--fv-border-gold);flex-direction:column;align-items:center;gap:2px;display:flex}.offline-summary__stat span{font-size:1.8rem}.offline-summary__stat b{font-size:var(--fv-text-2xl);color:var(--fv-gold-300)}.offline-summary__stat small{color:var(--fv-gray-400);font-size:var(--fv-text-sm)}.levelup{align-items:center;gap:var(--fv-space-2);text-align:center;flex-direction:column;display:flex}.levelup__badge{border-radius:var(--fv-radius-full);background:linear-gradient(135deg, var(--fv-gold-300), var(--fv-gold-600));width:84px;height:84px;color:var(--fv-gray-900);font-size:var(--fv-text-3xl);font-weight:var(--fv-font-extrabold);box-shadow:var(--fv-shadow-glow-gold);animation:bounceIn .6s var(--fv-ease-out), fv-glow-pulse 2s ease-in-out .6s infinite;place-items:center;display:grid}.levelup__title{font-size:var(--fv-text-2xl);font-weight:var(--fv-font-extrabold);color:var(--fv-gold-300)}.levelup__sub{color:var(--fv-gray-400);font-size:var(--fv-text-sm)}.levelup__list{gap:var(--fv-space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.levelup__list li{padding:var(--fv-space-2) var(--fv-space-4);border-radius:var(--fv-radius-full);background:var(--fv-bg-surface);border:var(--fv-border-green);color:var(--fv-green-300);font-weight:var(--fv-font-semibold)}.shop-row--co{flex-wrap:wrap}.shop-row__actions{gap:var(--fv-space-2);flex-wrap:wrap;flex:1 0 100%;display:flex}.shop-row__actions .pn-btn{flex:120px}.pn-btn--gem{background:linear-gradient(135deg, var(--fv-blue-300,#7dd3fc), var(--fv-blue-500,#0ea5e9));color:var(--fv-gray-900);box-shadow:inset 0 -2px 0 var(--fv-blue-700,#0369a1)}.shop-row.is-worn{border-color:var(--fv-gold-500);background:var(--pn-cream-2);box-shadow:0 0 0 2px color-mix(in srgb, var(--fv-gold-400) 55%, transparent)}.hero-badge{margin-left:var(--fv-space-1);padding:1px var(--fv-space-2);border-radius:var(--fv-radius-full);background:var(--fv-green-600);color:var(--fv-gray-50);font-size:var(--fv-text-xs);font-weight:var(--fv-font-bold);vertical-align:middle;display:inline-block}.hero-badge--soon{background:var(--fv-gray-500)}.hero-head{align-items:center;gap:var(--fv-space-3);margin-bottom:var(--fv-space-3);display:flex}.hero-head__avatar{border-radius:var(--fv-radius-full);background:var(--pn-cream-2);border:2px solid var(--pn-line);place-items:center;width:56px;height:56px;font-size:2rem;display:grid}.hero-head__name{font-size:var(--fv-text-lg,1.25rem);font-weight:var(--fv-font-extrabold)}.hero-head__kind{font-size:var(--fv-text-sm);color:var(--pn-ink-soft)}.hero-xp{gap:var(--fv-space-1);margin-bottom:var(--fv-space-4);flex-direction:column;display:flex}.hero-xp__label{font-size:var(--fv-text-sm);font-weight:var(--fv-font-bold)}.hero-xp__hint{font-size:var(--fv-text-xs);color:var(--pn-ink-soft)}@media (width<=767px){.animal-card--hero,.animal-card--hero.animal-card--shifted{bottom:200px}}.land-card{flex-wrap:wrap}.land-card.is-selected{border-color:var(--fv-gold-500);box-shadow:0 0 0 2px color-mix(in srgb, var(--fv-gold-400) 55%, transparent)}.land-card__actions{gap:var(--fv-space-2);flex-wrap:wrap;flex:1 0 100%;display:flex}.land-card__actions .pn-btn{flex:120px}.land-bonus{font-weight:var(--fv-font-bold);color:var(--fv-gold-800)}.pn-btn.is-muted{filter:grayscale(.8);opacity:.7}.neighbor__lure{width:100%;margin:var(--fv-space-3) 0 var(--fv-space-2)}.neighbor__list{gap:var(--fv-space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.neighbor__list li{padding:var(--fv-space-2) var(--fv-space-3);background:var(--fv-gray-50);border:1px solid var(--pn-line);border-radius:var(--fv-radius-md);font-weight:var(--fv-font-semibold)}.pn-account{gap:var(--fv-space-2);flex-direction:column;display:flex}.pn-account__row{gap:var(--fv-space-2);flex-wrap:wrap;display:flex}.pn-account__row .pn-btn{white-space:normal;flex:140px}.pn-account__info{gap:var(--fv-space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pn-account__info li{justify-content:space-between;align-items:center;gap:var(--fv-space-2);padding:var(--fv-space-2) var(--fv-space-3);background:var(--fv-gray-50);border:1px solid var(--pn-line);border-radius:var(--fv-radius-md);font-size:var(--fv-text-sm);color:var(--pn-ink-soft);flex-wrap:wrap;display:flex}.pn-account__info b{color:var(--pn-ink);overflow-wrap:anywhere}.pn-link{min-height:44px;padding:0 var(--fv-space-2);color:var(--fv-green-700);font-family:inherit;font-weight:var(--fv-font-bold);cursor:pointer;background:0 0;border:none;text-decoration:underline}.cl-form{gap:var(--fv-space-3);flex-direction:column;display:flex}.cl-lead{color:var(--fv-gray-300);font-size:var(--fv-text-base);margin:0}.cl-consent{align-items:flex-start;gap:var(--fv-space-2);min-height:44px;font-size:var(--fv-text-sm);color:var(--fv-gray-300);cursor:pointer;display:flex}.cl-consent input{width:22px;height:22px;accent-color:var(--fv-green-500);flex-shrink:0;margin-top:2px}.cl-method{gap:var(--fv-space-2);padding:var(--fv-space-3);border-radius:var(--fv-radius-lg);background:var(--fv-bg-surface);border:var(--fv-border-gold);flex-direction:column;display:flex}.cl-method.is-disabled{opacity:.6}.cl-method__head{align-items:center;gap:var(--fv-space-3);display:flex}.cl-method__icon{font-size:1.6rem}.cl-method__name{font-weight:var(--fv-font-bold);color:var(--fv-gold-300)}.cl-method__desc{font-size:var(--fv-text-sm);color:var(--fv-gray-400)}.cl-warn,.cl-info,.cl-error,.cl-hint{font-size:var(--fv-text-sm);padding:var(--fv-space-2) var(--fv-space-3);border-radius:var(--fv-radius-md)}.cl-warn{background:color-mix(in srgb, var(--fv-gold-400) 18%, transparent);color:var(--fv-gold-200)}.cl-info{background:color-mix(in srgb, var(--fv-green-500) 18%, transparent);color:var(--fv-green-300)}.cl-error{background:color-mix(in srgb, var(--fv-red-500) 22%, transparent);color:var(--fv-red-300,#fca5a5);font-weight:var(--fv-font-semibold)}.cl-hint{color:var(--fv-gray-400);padding:0}.cl-hint.is-bad{color:var(--fv-red-300,#fca5a5)}.cl-saves{gap:var(--fv-space-3);grid-template-columns:1fr 1fr;display:grid}.cl-save{padding:var(--fv-space-3);border-radius:var(--fv-radius-lg);background:var(--fv-bg-surface);border:var(--fv-border-gold);font-size:var(--fv-text-sm);color:var(--fv-gray-300);flex-direction:column;gap:4px;display:flex}.cl-save__title{font-weight:var(--fv-font-bold);color:var(--fv-gold-300)}.cl-save__time{font-size:var(--fv-text-xs);color:var(--fv-gray-400)}@media (width<=480px){.cl-saves{grid-template-columns:1fr}}.lb-invite{justify-content:space-between;align-items:center;gap:var(--fv-space-2);padding:var(--fv-space-3);margin-bottom:var(--fv-space-3);border-radius:var(--fv-radius-lg);background:var(--pn-cream-2);border:1px solid var(--pn-line);font-size:var(--fv-text-sm);font-weight:var(--fv-font-semibold);flex-wrap:wrap;display:flex}.lb-toolbar{margin-bottom:var(--fv-space-2);justify-content:space-between;align-items:center;display:flex}.lb-toolbar__title{font-weight:var(--fv-font-bold);color:var(--fv-gold-700)}.lb-list{margin:0 0 var(--fv-space-3);gap:var(--fv-space-1);flex-direction:column;padding:0;list-style:none;display:flex}.lb-row{align-items:center;gap:var(--fv-space-2);min-height:44px;padding:0 var(--fv-space-3);background:var(--fv-gray-50);border:1px solid var(--pn-line);border-radius:var(--fv-radius-md);font-size:var(--fv-text-sm);grid-template-columns:44px 1fr auto auto;display:grid}.lb-row.is-me{background:var(--fv-gold-200);border-color:var(--fv-gold-600);font-weight:var(--fv-font-bold)}.lb-row__rank{font-weight:var(--fv-font-bold);font-variant-numeric:tabular-nums}.lb-row__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-row__lv{color:var(--pn-ink-soft);font-variant-numeric:tabular-nums}.lb-row__score{text-align:right;min-width:48px;font-weight:var(--fv-font-extrabold);font-variant-numeric:tabular-nums}.game-root{background:var(--fv-green-700);position:fixed;inset:0;overflow:hidden}.game-root canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.fv-toast-container{max-width:340px;top:76px}@media (width<=767px){.fv-toast-container{top:96px;right:var(--fv-space-2);left:var(--fv-space-2);width:auto;max-width:none}}