*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page: #f5efe8;--bg-card: #fdfbf8;--bg-card-hover: #f8f2ea;--bg-nav: #faf6f0;--bg-main: #f5efe8;--accent-primary: #c06a4a;--accent-primary-hover: #b05a3c;--accent-primary-light: #f0e0d6;--accent-secondary: #8fa98f;--accent-secondary-light: #e4ede4;--danger: #dc3545;--success: #28a745;--warning: #ffc107;--match-poor: #dc3545;--match-fair: #ffc107;--match-good: #28a745;--match-great: #2196f3;--match-perfect: #9c27b0;--text-primary: #3d2b1f;--text-secondary: #7a6558;--text-muted: #a89585;--border-subtle: #e8ddd2;--border-focus: #c06a4a;--shadow-card: 0 2px 12px rgba(61, 43, 31, .07);--shadow-card-hover: 0 4px 20px rgba(61, 43, 31, .12);--shadow-nav: 0 1px 8px rgba(61, 43, 31, .06);--stat-health: #e06060;--stat-happiness: #f0a050;--stat-growth: #7ab0d4;--stage-kitten-bg: #fde8d8;--stage-kitten-color: #c06a4a;--stage-juvenile-bg: #e4ede4;--stage-juvenile-color: #5a8a5a;--stage-adult-bg: #dde5f0;--stage-adult-color: #4a6a9a;--quest-care-bg: #fde8d8;--quest-care-color: #c06a4a;--quest-daily-bg: #dde5f0;--quest-daily-color: #4a6a9a;--quest-improvement-bg: #e4ede4;--quest-improvement-color: #5a8a5a;--quest-story-bg: #ede4f0;--quest-story-color: #7a5a9a;--quest-challenge-bg: #fff3cd;--quest-challenge-color: #856404;--rarity-common-bg: #ede8e0;--rarity-common-color: #8a7a68;--rarity-uncommon-bg: #e0f0e0;--rarity-uncommon-color: #4a7a4a;--rarity-rare-bg: #e8e0f5;--rarity-rare-color: #7a5aaa;--bonus-bg: #fff3cd;--bonus-bg-start: #fffdf0;--bonus-bg-end: #fff8e1;--bonus-border: #ffc107;--bonus-text: #856404;--bonus-text-strong: #92400e;--bonus-accent: #f59e0b;--bonus-accent-hover: #d97706;--bonus-glow: rgba(245, 158, 11, .3);--bonus-dot-done: #f59e0b;--bonus-dot-current: #22c55e;--bonus-dot-current-border: #16a34a;--bonus-dot-current-glow: rgba(34, 197, 94, .5);--shipment-avail-start: #fff9c4;--shipment-avail-end: #fff59d;--shipment-avail-border: #ffd54f;--shipment-avail-btn-start: #ffd54f;--shipment-avail-btn-end: #ffca28;--shipment-avail-btn-text: #333;--shipment-claimed-start: #e8f5e9;--shipment-claimed-end: #c8e6c9;--shipment-claimed-border: #81c784;--shipment-error-bg: #ffebee;--shipment-error-border: #ef9a9a;--shipment-item-bg: rgba(255,255,255,.7);--rarity-epic-bg: #e8d5f5;--rarity-epic-color: #6a1b9a;--rarity-common-accent: #9e9e9e;--rarity-uncommon-accent: #4caf50;--rarity-rare-accent: #2196f3;--rarity-epic-accent: #9c27b0;--close-warning-bg: #fff3cd;--close-warning-border: #ffc107;--close-warning-color: #856404;--close-blocked-bg: #f8d7da;--close-blocked-border: #f5c6cb;--close-blocked-color: #721c24;--close-ready-color: #2d5a2d;--care-heal-border: #e07878;--care-heal-bg: #fff0f0;--care-heal-color: #c05050;--care-heal-hover-border: #c05050;--care-heal-hover-bg: #ffe0e0;--care-heal-hover-color: #a04040;--care-boost-hover-border: #6f8f6f;--care-boost-hover-bg: #d4e8d4;--care-mixed-border: #dba740;--care-mixed-bg: #fff8e6;--care-mixed-hover-border: #c09030;--care-mixed-hover-bg: #fff0cc;--care-penalty-border: #d4a0a0;--care-penalty-bg: #fff0f0;--care-penalty-hover-border: #c08080;--care-penalty-hover-bg: #ffe4e4;--match-poor-bg: #f8d7da;--match-poor-color: #721c24;--match-fair-bg: #fff3cd;--match-fair-color: #856404;--match-good-bg: #d4edda;--match-good-color: #155724;--match-great-bg: #cce5ff;--match-great-color: #004085;--match-perfect-bg: #e8d5f5;--match-perfect-color: #6a1b9a;--notebook-line: #f5f5f5;--notebook-bg: #fffef5;--notebook-accent: #ff9999;--notebook-title-color: #444;--notebook-title-border: #eee;--postcard-bg-start: #fef9f0;--postcard-bg-mid: #fdf1e0;--postcard-bg-end: #fde8cf;--postcard-accent: #e8a87c;--focus-ring-light: rgba(192, 106, 74, .1);--focus-ring: rgba(192, 106, 74, .15);--toast-bg: #fff;--toast-border: #d1d5db;--toast-info-start: #e0f2fe;--toast-info-end: #bae6fd;--toast-info-border: #0ea5e9;--toast-error-start: #fee2e2;--toast-error-end: #fecaca;--toast-error-border: #ef4444;--toast-success-start: #dcfce7;--toast-success-end: #bbf7d0;--toast-success-border: #22c55e;--toast-error-text: #991b1b;--toast-success-text: #166534;--rank-improved-start: #e6ffe6;--rank-improved-mid: #b8f0b8;--quest-flash-start: #c8e6c9;--quest-flash-mid: #a5d6a7;--milestone-shimmer-light: #fff8e1;--milestone-shimmer-bright: #ffe082;--milestone-glow: rgba(255, 193, 7, .4);--featured-gold: #d4a017;--featured-gold-light: #f5c842;--featured-gold-tint: rgba(212, 160, 23, .06);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}html,body{min-height:100%;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(../seven-tails-logo.png) center center / 80vmin no-repeat;opacity:.04;pointer-events:none;z-index:0}body:has(.login-page):after{display:none}#app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.login-page{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-page);background-image:radial-gradient(ellipse 60% 50% at 50% 45%,rgba(192,106,74,.06) 0%,transparent 70%)}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:3rem 2.5rem;max-width:450px;width:100%;text-align:center;border:1px solid var(--border-subtle)}.login-logo{width:320px;height:320px;object-fit:contain;margin-bottom:1.5rem;border-radius:var(--radius-md)}.login-title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem;letter-spacing:-.5px}.login-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem;font-weight:300}.login-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%}.btn-login{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:#fff;border:1.5px solid var(--border-subtle);border-radius:var(--radius-pill);padding:.9rem 2rem;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:box-shadow .2s,border-color .2s,transform .15s,background .2s;width:100%}.btn-login:hover{transform:translateY(-1px)}.btn-login:active{transform:translateY(0)}.btn-login-google{background:#fff;border-color:var(--border-subtle)}.btn-login-google:hover{border-color:#4285f4;box-shadow:0 2px 10px #4285f433}.btn-login-discord{background:#5865f2;border-color:#5865f2;color:#fff}.btn-login-discord:hover{background:#4752c4;border-color:#4752c4;box-shadow:0 2px 10px #5865f24d}.btn-login-discord svg{fill:currentColor}.login-divider{position:relative;text-align:center;margin-top:1.25rem;color:var(--text-muted);font-size:.8rem}.login-divider span{background:var(--bg-card);padding:0 .75rem;position:relative;z-index:1}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-subtle)}.creation-page{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-page);background-image:radial-gradient(ellipse 50% 40% at 50% 50%,rgba(143,169,143,.08) 0%,transparent 70%)}.creation-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:3rem 2.5rem;max-width:440px;width:100%;text-align:center;border:1px solid var(--border-subtle)}.creation-logo{width:180px;height:180px;object-fit:contain;margin-bottom:1rem;border-radius:var(--radius-md)}.creation-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem}.creation-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.75rem;font-weight:300}.creation-form{text-align:left}.creation-form label{display:block;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-bottom:.4rem}.input-shelter-name{width:100%;padding:.7rem 1rem;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:var(--bg-page);transition:border-color .2s,box-shadow .2s;outline:none}.input-shelter-name::placeholder{color:var(--text-muted)}.input-shelter-name:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-light)}.creation-hint{font-size:.78rem;color:var(--text-muted);margin-top:.35rem;margin-bottom:1.25rem}.btn-create{width:100%;padding:.75rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s,opacity .2s}.btn-create:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px)}.btn-create:active:not(:disabled){transform:translateY(0)}.btn-create:disabled{opacity:.45;cursor:not-allowed}.creation-error{margin-top:.75rem;font-size:.82rem;color:#c0504d;min-height:1.2em;text-align:center}.nav{display:flex;align-items:center;padding:.5rem 1rem;background:var(--bg-nav);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-nav);position:sticky;top:0;z-index:100;gap:1rem}.nav-logo{display:flex;align-items:center;gap:.5rem;flex-shrink:0;padding:0;margin:0}.nav-logo-img{height:80px;width:auto;object-fit:contain;display:block;padding:0;margin:0}.nav-center{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;gap:.15rem;margin-left:5rem}.shelter-selector{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.shelter-tab{font-size:.95rem;font-weight:500;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.shelter-tab:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.shelter-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.shelter-tab-new{font-size:.9rem;color:var(--text-muted);border-style:dashed}.shelter-tab-new:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.room-nav-tabs{display:flex;gap:.5rem;margin:.5rem auto;max-width:960px}.room-tab{font-size:.9rem;font-weight:500;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.room-tab:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.room-tab-active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.room-tab-active:hover{color:#fff}.room-tab-locked{opacity:.5;border-style:dashed;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100}body:has(.modal-backdrop:not([style*="display:none"]):not([style*="display: none"])) canvas{pointer-events:none}.modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:2rem;width:90%;max-width:380px;position:relative;box-shadow:0 8px 32px #00000040}.modal .input-shelter-name{width:100%;box-sizing:border-box;padding:.6rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.95rem;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-card);outline:none;transition:border-color .15s}.modal .input-shelter-name:focus{border-color:var(--border-focus)}.modal .btn-create{display:block;width:100%;margin-top:1rem;padding:.7rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background .15s}.modal .btn-create:hover:not(:disabled){background:var(--accent-primary-hover)}.modal .btn-create:disabled{opacity:.5;cursor:default}.modal .creation-hint{font-size:.72rem;color:var(--text-muted);margin:.3rem 0 0}.modal .creation-error{font-size:.75rem;color:#c06a4a;margin:.4rem 0 0;min-height:1em}.modal-close{position:absolute;top:.6rem;right:.75rem;background:none;border:none;font-size:1.1rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:.2rem .4rem;border-radius:6px;transition:background .15s}.modal-close:hover{background:var(--border-subtle)}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .2rem}.modal-subtitle{font-size:.82rem;color:var(--text-muted);margin:0 0 1rem}.modal label{display:block;font-size:.78rem;font-weight:600;color:var(--text-secondary);margin-bottom:.3rem}.modal-close-shelter{max-width:480px}.close-shelter-info{margin-top:.5rem}.close-warning{background:var(--close-warning-bg);border:1px solid var(--close-warning-border);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.9rem;color:var(--close-warning-color);margin-bottom:1rem}.close-ready{background:var(--accent-secondary-light);border:1px solid var(--accent-secondary);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.9rem;color:var(--close-ready-color);margin-bottom:1rem}.close-has-animals{font-size:.95rem;color:var(--text-primary);margin-bottom:.5rem}.close-hint{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.cooldown-timer{background:var(--accent-primary-light);border:1px solid var(--accent-primary);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.9rem;color:var(--text-primary);text-align:center}.close-warning-text{font-size:.85rem;color:var(--close-warning-color);margin-bottom:1rem}.close-blocked{background:var(--close-blocked-bg);border:1px solid var(--close-blocked-border);border-radius:var(--radius-md);padding:1rem;margin-top:1rem}.close-blocked .close-warning{background:transparent;border:none;padding:0;margin-bottom:.5rem;color:var(--close-blocked-color)}.close-blocked .close-hint{margin-bottom:0;color:var(--close-blocked-color)}.move-animals-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.other-shelters-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.other-shelter-option{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem 1rem}.other-shelter-option.shelter-full{opacity:.6}.shelter-option-info{display:flex;flex-direction:column;gap:.2rem}.shelter-option-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.shelter-option-capacity{font-size:.8rem;color:var(--text-secondary)}.capacity-insufficient{font-size:.8rem;color:var(--text-muted);font-style:italic}.btn-move-all{background:var(--accent-secondary);color:#fff;border:none;border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-move-all:hover:not(:disabled){background:#7a9a7a}.btn-move-all:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#dc3545;color:#fff;border:none;border-radius:var(--radius-md);padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;width:100%}.btn-danger:hover:not(:disabled){background:#c82333}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.5rem 1rem;font-family:var(--font-body);font-size:.9rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s,opacity .2s,box-shadow .2s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--accent-secondary);color:#fff}.btn-secondary:hover:not(:disabled){filter:brightness(1.1)}.btn-sm{padding:.3rem .65rem;font-size:.8rem;border-radius:var(--radius-sm)}.decor-apply-btn,.decor-place-btn{background:var(--accent-primary);color:#fff}.decor-apply-btn:hover:not(:disabled),.decor-place-btn:hover:not(:disabled){background:var(--accent-primary-hover)}.close-error{color:#dc3545;font-size:.85rem;margin-top:.75rem}.loading-text{color:var(--text-secondary);font-size:.9rem;text-align:center;padding:1rem}.economics-breakdown{background:var(--bg-card-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;margin:1rem 0}.econ-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.econ-section{padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.econ-section:last-child{border-bottom:none}.econ-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.85rem;color:var(--text-primary)}.econ-row.econ-fee{color:#dc3545}.econ-row.econ-item{color:var(--text-secondary);padding-left:.5rem;font-size:.8rem}.econ-row.econ-subtotal{font-weight:600;border-top:1px dashed var(--border-subtle);margin-top:.25rem;padding-top:.5rem}.econ-value{font-family:var(--font-mono, monospace)}.econ-hint{font-size:.75rem;color:var(--text-muted)}.econ-total{background:var(--accent-primary-light);margin:.5rem -1rem -1rem;padding:.75rem 1rem;border-radius:0 0 var(--radius-md) var(--radius-md)}.econ-note{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-top:.5rem}.destination-picker{margin:1rem 0}.destination-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.destination-options{display:flex;flex-direction:column;gap:.5rem}.destination-option{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem 1rem;cursor:pointer;transition:all .2s}.destination-option:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.destination-option.destination-disabled{opacity:.5;cursor:not-allowed}.destination-option.destination-disabled:hover{background:var(--bg-card);border-color:var(--border-subtle)}.destination-option input[type=radio]{accent-color:var(--accent-primary);width:1rem;height:1rem}.destination-name{font-weight:600;color:var(--text-primary)}.destination-info{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.destination-animals{font-size:.8rem;color:var(--text-secondary)}.capacity-ok{font-size:.75rem;color:var(--accent-secondary);font-weight:500}.capacity-full{font-size:.75rem;color:#dc3545;font-weight:500}.close-divider{border:none;border-top:1px solid var(--border-subtle);margin:1.5rem 0}.btn-close-shelter{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-close-shelter:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.shelter-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.shelter-header-actions{margin-left:auto}.nav-right{display:flex;align-items:center;gap:1rem;flex-shrink:0;margin-left:auto}.nav-stats{display:flex;gap:1.25rem}.nav-stat{font-size:1.1rem;color:var(--text-secondary);font-weight:500}.nav-online{font-size:1rem;color:var(--text-secondary);display:flex;align-items:center;gap:.3rem}.online-dot{width:10px;height:10px;background:#22c55e;border-radius:50%;display:inline-block}.nav-notifications{position:relative;background:none;border:none;font-size:1.4rem;cursor:pointer;padding:.4rem;border-radius:var(--radius-md);transition:background .2s}.nav-notifications:hover,.nav-notifications.active{background:var(--bg-main)}.notification-badge{position:absolute;top:0;right:0;background:var(--danger);color:#fff;font-size:.65rem;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.nav-user{display:flex;align-items:center;gap:.75rem}.nav-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-subtle)}.nav-avatar-placeholder{background:var(--accent-primary-light)}.btn-logout{background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:.5rem 1rem;font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary);cursor:pointer;transition:border-color .2s,color .2s}.btn-logout:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.animal-card-portrait{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem 1rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.animal-card-portrait:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.animal-card-avatar{width:120px;height:120px;margin-bottom:.75rem}.animal-card-avatar img,.animal-card-avatar svg{width:100%;height:100%;object-fit:contain}.animal-mood{font-size:.78rem;font-style:italic;color:var(--text-muted);margin:.2rem 0 .4rem}.animal-card-stats{display:flex;gap:.3rem;margin:.25rem 0 .4rem}.animal-mini-stat{font-size:.72rem;font-weight:600;padding:.2rem .4rem;border-radius:var(--radius-sm);background:var(--bg-main);color:var(--text-secondary)}.animal-card-traits{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;margin-bottom:.4rem}.trait-tag-sm{font-size:.6rem;padding:.1rem .4rem}.animal-card-narrative{font-size:.82rem;font-style:italic;color:var(--text-secondary);line-height:1.5;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.animal-card-footer{display:flex;align-items:center;gap:.5rem;margin-top:auto}.animal-card-arrival{font-size:.65rem;color:var(--text-muted)}.modal-backdrop.multi-card{flex-wrap:wrap;gap:1rem;align-items:flex-start;padding:1rem;overflow-y:auto}.modal-story-card{max-width:480px;width:95%;max-height:90vh;overflow-y:auto;padding:0}.multi-card .modal-story-card{max-height:88vh;width:460px;flex-shrink:0}@media (max-width: 999px){.multi-card .modal-story-card{width:95%;max-width:480px}}.story-bond-name-link{cursor:pointer;color:var(--accent-primary);text-decoration:underline;text-decoration-style:dotted}.story-bond-name-link:hover{color:var(--accent-primary-hover);text-decoration-style:solid}.story-hero{display:flex;align-items:center;gap:1.25rem;padding:2rem 2rem 1rem}.story-avatar{width:160px;height:160px;flex-shrink:0}.story-avatar img,.story-avatar svg{width:100%;height:100%;object-fit:contain}.story-hero-info{flex:1}.story-name{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0 0 .2rem}.story-meta{font-size:.82rem;color:var(--text-muted);margin:0;text-transform:capitalize}.story-narrative{font-family:var(--font-display);font-style:italic;font-size:.95rem;color:var(--text-secondary);line-height:1.7;padding:.75rem 2rem;margin:0}.story-mood{font-size:.82rem;font-style:italic;color:var(--text-muted);margin:.1rem 0 0}.story-behavior-hint{font-size:.8rem;font-style:italic;color:var(--text-muted);padding:0 2rem .75rem;margin:0}.story-traits{display:flex;flex-direction:column;gap:.35rem;padding:.75rem 2rem}.story-trait-row{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.trait-desc{font-size:.75rem;font-style:italic;color:var(--text-secondary)}.story-stats{padding:.5rem 2rem}.modal-story-card .animal-passive-badges{justify-content:center;margin:0 2rem}.story-care{padding:1rem 2rem}.story-section-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .75rem}.story-care-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.story-care-row .care-btn-wrap{flex-shrink:0}.story-care-desc{font-size:.75rem;font-style:italic;color:var(--text-muted)}.story-adopt{padding:1rem 2rem 2rem}.modal-story-card .care-actions{display:flex;flex-direction:column}.modal-story-card .item-picker{left:0;transform:translateY(-4px) scaleY(.96);transform-origin:top left}.modal-story-card .item-picker.open{transform:translateY(0) scaleY(1)}.story-journal{margin:1rem 0;padding-left:2rem;padding-right:2rem}.journal-timeline{position:relative;padding-left:2rem;border-left:2px solid var(--border)}.journal-entry{display:flex;gap:.75rem;padding:.5rem 0;position:relative}.journal-icon{position:absolute;left:-2.55rem;width:1.1rem;height:1.1rem;background:var(--bg-card);border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.journal-content{flex:1}.journal-message{font-style:italic;color:var(--text-secondary);line-height:1.4}.journal-time{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.journal-loading,.journal-empty{color:var(--text-muted);font-size:.85rem;padding:.5rem 0}.btn-journal-earlier{display:block;width:100%;padding:.4rem 0;margin-bottom:.5rem;background:none;border:1px dashed var(--border-subtle, var(--border));color:var(--text-muted);font-size:.8rem;cursor:pointer;border-radius:4px}.btn-journal-earlier:hover{color:var(--text-secondary);border-color:var(--text-muted)}.btn-journal-earlier:disabled{opacity:.5;cursor:default}@media (max-width: 600px){.story-hero{flex-direction:column;text-align:center;gap:.75rem}.story-avatar{width:120px;height:120px}.story-name{font-size:1.3rem}.story-narrative,.story-traits,.story-stats,.story-care,.story-adopt,.story-journal{padding-left:1rem;padding-right:1rem}.story-care-row{flex-wrap:wrap}.animal-card-stats{flex-wrap:wrap;justify-content:center}.journal-timeline{padding-left:1.5rem}.journal-icon{left:-2rem;font-size:.6rem}}[data-theme=midnight] .modal-story-card,[data-theme=midnight] .animal-card-portrait,[data-theme=forest] .modal-story-card,[data-theme=forest] .animal-card-portrait,[data-theme=ocean] .modal-story-card,[data-theme=ocean] .animal-card-portrait,[data-theme=cozy] .modal-story-card,[data-theme=cozy] .animal-card-portrait,[data-theme=neon] .modal-story-card,[data-theme=neon] .animal-card-portrait{--bg-page: #f5efe8;--bg-card: #fdfbf8;--bg-card-hover: #f8f2ea;--bg-nav: #faf6f0;--bg-main: #f5efe8;--text-primary: #3d2b1f;--text-secondary: #7a6558;--text-muted: #a89585;--border-subtle: #e8ddd2;--stat-health: #e06060;--stat-happiness: #f0a050;--stat-growth: #60a0d0;--accent-primary: #c06a4a;--accent-primary-hover: #b05a3c;--accent-primary-light: #f0e0d6;--accent-secondary: #8fa98f;--accent-secondary-light: #e4ede4;--danger: #dc3545;--success: #28a745;--care-heal-border: #e07878;--care-heal-bg: #fff0f0;--care-heal-color: #c05050;--care-heal-hover-border: #c05050;--care-heal-hover-bg: #ffe0e0;--care-heal-hover-color: #a04040;--care-boost-hover-border: #6f8f6f;--care-boost-hover-bg: #d4e8d4;--care-mixed-border: #dba740;--care-mixed-bg: #fff8e6;--care-mixed-hover-border: #c09030;--care-mixed-hover-bg: #fff0cc;--care-penalty-border: #d4a0a0;--care-penalty-bg: #fff0f0;--care-penalty-hover-border: #c08080;--care-penalty-hover-bg: #ffe4e4;--rarity-common-bg: #ede8e0;--rarity-common-color: #8a7a68;--rarity-uncommon-bg: #e0f0e0;--rarity-uncommon-color: #4a7a4a;--rarity-rare-bg: #e8e0f5;--rarity-rare-color: #7a5aaa;--rarity-epic-bg: #e8d5f5;--rarity-epic-color: #6a1b9a;--match-poor-bg: #f8d7da;--match-poor-color: #721c24;--match-fair-bg: #fff3cd;--match-fair-color: #856404;--match-good-bg: #d4edda;--match-good-color: #155724;--match-great-bg: #cce5ff;--match-great-color: #004085;--match-perfect-bg: #e8d5f5;--match-perfect-color: #6a1b9a;background:#fdfbf8;color:#3d2b1f}.shelter-main{flex:1;max-width:900px;margin:0 auto;padding:2rem 1.5rem;width:100%}.shelter-header{display:flex;align-items:center;gap:1.75rem;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-subtle);padding:1.5rem 2rem;margin-bottom:2rem;overflow:hidden}.shelter-header-img{width:160px;height:160px;object-fit:contain;border-radius:var(--radius-md);flex-shrink:0}.shelter-header-text{flex:1}.shelter-header-title{font-family:var(--font-display);font-size:1.9rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:.2rem}.shelter-header-established{font-size:.85rem;color:var(--text-muted);margin-bottom:.25rem}.shelter-header-meta{font-size:.88rem;color:var(--text-muted);font-weight:400}.shelter-xp-bar{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.xp-bar-container{flex:1;max-width:200px;height:8px;background:var(--border-subtle);border-radius:4px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary-light) 0%,var(--accent-primary) 100%);border-radius:4px;transition:width .3s ease}.xp-bar-text{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.animals-section{margin-bottom:2rem}.section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-subtle)}.animals-empty{background:var(--bg-card);border:1.5px dashed var(--border-subtle);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center}.animals-empty-icon{font-size:2.5rem;margin-bottom:.75rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animals-empty-text{font-size:1rem;color:var(--text-secondary);font-weight:500;margin-bottom:.3rem}.animals-empty-hint{font-size:.82rem;color:var(--text-muted)}@media (max-width: 600px){.nav{padding:.6rem 1rem}.nav-center{order:3;width:100%;margin-top:.25rem}.shelter-header{flex-direction:column;text-align:center;padding:1.5rem 1rem}.shelter-header-img{width:130px;height:130px}.shelter-main{padding:1.5rem 1rem}.login-card,.creation-card{padding:2rem 1.5rem}}.game-layout{display:flex;flex:1;max-width:1200px;margin:0 auto;width:100%;gap:1.75rem;padding:2rem 1.5rem;align-items:flex-start}.shelter-content{max-width:1000px;margin:0 auto;width:100%;padding:1.5rem 1.5rem 2rem}.shelter-tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--border-subtle);margin-bottom:1.25rem}.shelter-tabs .shelter-tab{background:none;border:none;border-radius:0;max-width:none;overflow:visible;text-overflow:clip;padding:.6rem 1rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:color .2s,border-color .2s}.shelter-tabs .shelter-tab:hover{color:var(--text-primary);border-color:transparent;border-bottom-color:var(--text-muted)}.shelter-tabs .shelter-tab.shelter-tab-active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);font-weight:600;background:none}.animals-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.animals-section-header .section-title{margin-bottom:0}.btn-spawn{background:var(--accent-secondary);color:#fff;border:none;border-radius:var(--radius-pill);padding:.4rem 1rem;font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s}.btn-spawn:hover:not(:disabled){background:#7a9a7a}.btn-spawn:disabled{opacity:.5;cursor:not-allowed}.btn-spawn-disabled{background:var(--text-muted)}.capacity-info{font-size:.85rem;font-weight:400;color:var(--text-secondary);font-family:var(--font-body)}.capacity-warning{background:var(--bonus-bg);border:1px solid var(--bonus-border);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:1rem;font-size:.85rem;color:var(--bonus-text)}.animals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.animal-card{position:relative;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.25rem 1.25rem 1rem;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow .2s}.animal-card:hover{box-shadow:var(--shadow-card-hover)}.animal-card-header{display:flex;align-items:center;gap:.75rem}.animal-stage-icon{font-size:2rem;line-height:1}.animal-info{display:flex;flex-direction:column;gap:.15rem}.animal-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.animal-stage-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;border-radius:var(--radius-pill);padding:.15rem .55rem;width:fit-content}.animal-stage-kitten{background:var(--stage-kitten-bg);color:var(--stage-kitten-color)}.animal-stage-juvenile{background:var(--stage-juvenile-bg);color:var(--stage-juvenile-color)}.animal-stage-adult{background:var(--stage-adult-bg);color:var(--stage-adult-color)}.animal-adoptable-sash{position:absolute;top:0;right:0;width:110px;height:110px;overflow:hidden;pointer-events:none;z-index:1}.animal-adoptable-sash span{display:block;position:absolute;right:-22px;top:18px;width:130px;padding:4px 0;background:#28a745;color:#fff;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-align:center;transform:rotate(45deg);box-shadow:0 2px 6px #00000026}.animal-traits{display:flex;flex-wrap:wrap;gap:.35rem;min-height:1.6rem}.trait-tag{font-size:.68rem;font-weight:600;background:var(--accent-primary-light);color:var(--accent-primary);border-radius:var(--radius-pill);padding:.18rem .5rem;cursor:help}.trait-tag-evolved{background:linear-gradient(135deg,#f0e6ff,#e6f0ff,#fff0e6);color:#7c3aed;border:1px solid rgba(124,58,237,.2);animation:shimmer-evolved 3s ease-in-out infinite}@keyframes shimmer-evolved{0%,to{background-position:0% 50%}50%{background-position:100% 50%;filter:brightness(1.05)}}.story-evolved-divider{font-size:.7rem;font-weight:600;color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;margin:.6rem 0 .3rem;padding-top:.5rem;border-top:1px dashed rgba(124,58,237,.25)}.bond-indicators{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-top:.25rem}.bond-badge{font-size:.65rem;font-weight:600;border-radius:var(--radius-pill);padding:.15rem .45rem;cursor:help}.bond-acquaintance{background:#f0f0f0;color:#666}.bond-friend{background:#fff0f0;color:#e05555}.bond-best_friend{background:linear-gradient(135deg,#ffe0ec,#fcd);color:#d63384;animation:shimmer-evolved 3s ease-in-out infinite}.bond-separation-badge{font-size:.65rem;font-weight:600;background:#fff3cd;color:#856404;border-radius:var(--radius-pill);padding:.15rem .45rem}.story-friendships{margin:.5rem 0}.story-bond-row{background:var(--bg-secondary);border-radius:var(--radius-md);padding:.5rem;margin-top:.4rem}.story-bond-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.story-bond-name{font-weight:600;font-size:.85rem}.bond-progress-track{height:6px;background:var(--border-subtle);border-radius:999px;overflow:hidden}.bond-progress-fill{height:100%;border-radius:999px;transition:width .3s ease}.bond-progress-acquaintance{background:#aaa}.bond-progress-friend{background:#e05555}.bond-progress-best_friend{background:linear-gradient(90deg,#e05555,#d63384)}.bond-progress-label{font-size:.68rem;color:var(--text-secondary);margin-top:.2rem;text-align:right}.story-separation-notice{background:#fff3cd;color:#856404;border-radius:var(--radius-md);padding:.5rem;font-size:.8rem;margin-bottom:.4rem}.adoption-bond-warning{background:#fff3cd;color:#856404;border-radius:var(--radius-md);padding:.6rem;font-size:.82rem;margin-bottom:.5rem}.btn-adopt-pair{width:100%;padding:.7rem 1rem;border:2px solid #d63384;border-radius:var(--radius-md);background:linear-gradient(135deg,#ffe0ec,#fcd);color:#d63384;font-weight:700;font-size:.9rem;cursor:pointer;margin-bottom:.4rem;transition:transform .1s,box-shadow .2s}.btn-adopt-pair:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #d6338433}.btn-adopt-pair:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}.pair-adoption-confirm{text-align:center;padding:1rem 0}.pair-adoption-confirm p{margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.btn-confirm-pair-adoption{padding:.8rem 2rem;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,#d63384,#e05555);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s,opacity .2s}.btn-confirm-pair-adoption:hover{transform:translateY(-1px)}.btn-confirm-pair-adoption:disabled{opacity:.6;cursor:not-allowed}.animal-stats{display:flex;flex-direction:column;gap:.4rem}.stat-row{display:flex;align-items:center;gap:.4rem;font-size:.78rem;position:relative}.stat-icon{width:18px;text-align:center;flex-shrink:0}.stat-label{width:60px;color:var(--text-secondary);flex-shrink:0}.stat-bar-track{flex:1;height:7px;background:var(--border-subtle);border-radius:999px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:999px;transition:width .3s ease}.stat-bar-health{background:var(--stat-health)}.stat-bar-happiness{background:var(--stat-happiness)}.stat-bar-social{background:var(--accent-secondary)}.stat-bar-growth{background:var(--stat-growth)}.stat-value{width:28px;text-align:right;color:var(--text-secondary);font-weight:600;flex-shrink:0}.care-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.15rem}.care-btn{border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-page);color:var(--text-secondary);font-family:var(--font-body);font-size:.75rem;font-weight:600;padding:.4rem .5rem;cursor:pointer;transition:border-color .2s,background .2s,color .2s,opacity .2s;text-align:center}.care-btn:hover:not(:disabled){border-color:var(--accent-primary);background:var(--accent-primary-light);color:var(--accent-primary)}.care-btn:active:not(:disabled){transform:scale(.96)}.care-btn:disabled{opacity:.38;cursor:not-allowed}.care-btn.care-btn-cooldown{opacity:.7;border-color:var(--border-subtle);background:var(--bg-page);color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.02em}.care-btn.care-heal:not(:disabled){border-color:var(--care-heal-border);background:var(--care-heal-bg);color:var(--care-heal-color)}.care-btn.care-heal:hover:not(:disabled){border-color:var(--care-heal-hover-border);background:var(--care-heal-hover-bg);color:var(--care-heal-hover-color)}.care-trait-boost .care-btn:not(:disabled){border-color:var(--accent-secondary);background:var(--accent-secondary-light);animation:care-trait-pulse 2s ease-in-out infinite}.care-trait-boost .care-btn:hover:not(:disabled){border-color:var(--care-boost-hover-border);background:var(--care-boost-hover-bg)}.care-trait-mixed .care-btn:not(:disabled){border-color:var(--care-mixed-border);background:var(--care-mixed-bg)}.care-trait-mixed .care-btn:hover:not(:disabled){border-color:var(--care-mixed-hover-border);background:var(--care-mixed-hover-bg)}.care-trait-penalty .care-btn:not(:disabled){border-color:var(--care-penalty-border);background:var(--care-penalty-bg)}.care-trait-penalty .care-btn:hover:not(:disabled){border-color:var(--care-penalty-hover-border);background:var(--care-penalty-hover-bg)}@keyframes care-trait-pulse{0%,to{box-shadow:0 0 #8fa98f66}50%{box-shadow:0 0 0 6px #8fa98f00}}.owl-indicators{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:2px 0 4px}.owl-awake-badge,.owl-asleep-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;letter-spacing:.3px}.owl-awake-badge{background:var(--accent-secondary-light);color:var(--accent-secondary);border:1px solid var(--accent-secondary)}.owl-asleep-badge{background:var(--bg-card-hover);color:var(--text-muted);border:1px solid var(--border-subtle)}.owl-pellet-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--accent-primary-light);color:var(--accent-primary);border:1px solid var(--accent-primary)}.story-owl-extras{margin:12px 0;display:flex;flex-direction:column;gap:8px}.owl-nocturnal-indicator{font-size:.8rem;padding:8px 12px;border-radius:8px;background:var(--bg-card-hover);border:1px solid var(--border-subtle);text-align:center}.btn-examine-pellet{padding:8px 16px;border-radius:8px;border:2px solid var(--accent-primary);background:var(--accent-primary-light);color:var(--accent-primary);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s}.btn-examine-pellet:hover:not(:disabled){background:var(--accent-primary);color:var(--text-primary)}.btn-examine-pellet:disabled{opacity:.6;cursor:not-allowed}.owl-pellet-hint,.fox-cache-hint{font-size:.75rem;color:var(--text-muted);font-style:italic;text-align:center;margin:0}.fox-indicators{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:2px 0 4px}.fox-cache-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--accent-primary-light);color:var(--accent-primary);border:1px solid var(--accent-primary)}.fox-zoomies-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--accent-secondary-light);color:var(--accent-secondary);border:1px solid var(--accent-secondary)}.story-fox-extras{margin:12px 0;display:flex;flex-direction:column;gap:8px}.btn-dig-cache{padding:8px 16px;border-radius:8px;border:2px solid var(--accent-primary);background:var(--accent-primary-light);color:var(--accent-primary);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s}.btn-dig-cache:hover:not(:disabled){background:var(--accent-primary);color:var(--text-primary)}.btn-dig-cache:disabled{opacity:.6;cursor:not-allowed}.cat-indicators{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:2px 0 4px}.cat-hairball-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--accent-primary-light);color:var(--accent-primary);border:1px solid var(--accent-primary)}.cat-purring-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--accent-secondary-light);color:var(--accent-secondary);border:1px solid var(--accent-secondary)}.story-cat-extras{margin:12px 0;display:flex;flex-direction:column;gap:8px}.btn-examine-hairball{padding:8px 16px;border-radius:8px;border:2px solid var(--accent-primary);background:var(--accent-primary-light);color:var(--accent-primary);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s}.btn-examine-hairball:hover:not(:disabled){background:var(--accent-primary);color:var(--text-primary)}.btn-examine-hairball:disabled{opacity:.6;cursor:not-allowed}.cat-hairball-hint{font-size:.75rem;color:var(--text-muted);font-style:italic;text-align:center;margin:0}.dog-indicators{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:2px 0 4px}.dog-bone-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--accent-primary-light);color:var(--accent-primary);border:1px solid var(--accent-primary)}.dog-loyalty-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--accent-secondary-light);color:var(--accent-secondary);border:1px solid var(--accent-secondary)}.story-dog-extras{margin:12px 0;display:flex;flex-direction:column;gap:8px}.btn-dig-bone{padding:8px 16px;border-radius:8px;border:2px solid var(--accent-primary);background:var(--accent-primary-light);color:var(--accent-primary);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s}.btn-dig-bone:hover:not(:disabled){background:var(--accent-primary);color:var(--text-primary)}.btn-dig-bone:disabled{opacity:.6;cursor:not-allowed}.dog-bone-hint{font-size:.75rem;color:var(--text-muted);font-style:italic;text-align:center;margin:0}.raccoon-indicators{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:2px 0 4px}.raccoon-shiny-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--accent-primary-light);color:var(--accent-primary);border:1px solid var(--accent-primary)}.raccoon-mischief-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--accent-secondary-light);color:var(--accent-secondary);border:1px solid var(--accent-secondary)}.story-raccoon-extras{margin:12px 0;display:flex;flex-direction:column;gap:8px}.btn-inspect-shiny{padding:8px 16px;border-radius:8px;border:2px solid var(--accent-primary);background:var(--accent-primary-light);color:var(--accent-primary);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s}.btn-inspect-shiny:hover:not(:disabled){background:var(--accent-primary);color:var(--text-primary)}.btn-inspect-shiny:disabled{opacity:.6;cursor:not-allowed}.raccoon-shiny-hint{font-size:.75rem;color:var(--text-muted);font-style:italic;text-align:center;margin:0}.raccoon-wash-info,.raccoon-stolen-info{font-size:.75rem;color:var(--text-muted);text-align:center;margin:0}.turtle-indicators{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:2px 0 4px}.turtle-bask-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--accent-primary-light);color:var(--accent-primary);border:1px solid var(--accent-primary)}.turtle-patience-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--accent-secondary-light);color:var(--accent-secondary);border:1px solid var(--accent-secondary)}.story-turtle-extras{margin:12px 0;display:flex;flex-direction:column;gap:8px}.turtle-bask-indicator{font-size:.8rem;padding:8px 12px;border-radius:8px;background:var(--bg-card-hover);border:1px solid var(--border-subtle);text-align:center}.turtle-patience-note{font-size:.75rem;color:var(--text-muted);font-style:italic;text-align:center;margin:0}.rabbit-indicators{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:2px 0 4px}.rabbit-bonded-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;background:#e8f5e9;color:#2e7d32;border:1px solid #4caf50}.rabbit-lonely-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:8px;background:#fff3e0;color:#e65100;border:1px solid #ff9800}.story-rabbit-extras{margin:12px 0;display:flex;flex-direction:column;gap:8px}.rabbit-bond-indicator{font-size:.8rem;padding:8px 12px;border-radius:8px;background:var(--bg-card-hover);border:1px solid var(--border-subtle);text-align:center}.rabbit-trust-note{font-size:.75rem;color:var(--text-muted);text-align:center;margin:0}.rabbit-bond-note{font-size:.75rem;color:var(--text-muted);font-style:italic;text-align:center;margin:0}.care-btn-wrap{position:relative;display:flex}.care-btn-wrap .care-btn{width:100%}.item-picker{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(-4px) scaleY(.96);transform-origin:top center;z-index:100;background:var(--bg-card);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 8px 24px #3c281426;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;min-width:160px;white-space:nowrap}.item-picker.open{opacity:1;transform:translate(-50%) translateY(0) scaleY(1);pointer-events:all}.item-picker-option{border-bottom:1px solid #f5ede4;transition:background .12s}.item-picker-option:last-child{border-bottom:none}.item-picker-option:hover{background:var(--accent-primary-light)}.item-picker-btn{width:100%;display:flex;align-items:center;gap:.35rem;padding:.45rem .6rem;font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--text-secondary);background:none;border:none;cursor:pointer;text-align:center}.item-pick-rarity{font-size:.5rem;font-weight:700;text-transform:uppercase;padding:.05rem .3rem;border-radius:99px;flex-shrink:0}.item-pick-rarity.rarity-common{background:var(--rarity-common-bg);color:var(--rarity-common-color)}.item-pick-rarity.rarity-uncommon{background:var(--rarity-uncommon-bg);color:var(--rarity-uncommon-color)}.item-pick-rarity.rarity-rare{background:var(--rarity-rare-bg);color:var(--rarity-rare-color)}.item-pick-effects{font-size:.6rem;color:var(--text-muted);flex-shrink:0}.item-pick-qty{font-size:.65rem;font-weight:700;color:var(--text-muted);background:#f5ede4;padding:.1rem .35rem;border-radius:99px;min-width:1.4rem;text-align:center;flex-shrink:0;margin-left:auto}.care-error{font-size:.72rem;color:#c0504d;min-height:.9em;margin:0;text-align:center}.sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:1.5rem}.sidebar-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.25rem}.sidebar-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .85rem;padding-bottom:.55rem;border-bottom:1.5px solid var(--border-subtle)}.sidebar-collapsible.collapsed .collapsible-body{display:none}.sidebar-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-arrow{font-size:.75em;transition:transform .2s;display:inline-block}.sidebar-collapsible:not(.collapsed) .toggle-arrow{transform:rotate(90deg)}.btn-show-more{display:block;width:100%;padding:.4rem;margin-top:.25rem;background:none;border:1px dashed var(--border-subtle);border-radius:6px;color:var(--text-secondary);font-size:.78rem;cursor:pointer;text-align:center}.btn-show-more:hover{background:var(--border-subtle)}.inv-category{margin-bottom:.65rem}.inv-cat-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:.3rem}.inv-item{display:flex;justify-content:space-between;align-items:center;padding:.28rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-primary);transition:background .15s}.inv-item:hover{background:var(--bg-card-hover)}.inv-item-empty{opacity:.4}.inv-item-name{font-weight:500}.inv-item-qty{font-weight:700;color:var(--accent-primary);font-size:.78rem}.inv-empty{font-size:.8rem;color:var(--text-muted);text-align:center;padding:.5rem 0;margin:0}.quests-tab-layout{display:flex;gap:1.5rem;align-items:flex-start}.quests-tab-col{flex:1;min-width:0}.quests-tab-col .sidebar-section+.sidebar-section{margin-top:1rem}@media (max-width: 767px){.quests-tab-layout{flex-direction:column}}.quest-card{background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem;margin-bottom:.6rem;transition:border-color .2s}.quest-card:last-child{margin-bottom:0}.quest-state-complete{border-color:var(--accent-secondary);background:var(--accent-secondary-light)}.quest-state-claimed{opacity:.55}.quest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.quest-type-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-pill);padding:.12rem .4rem}.quest-type-care{background:var(--quest-care-bg);color:var(--quest-care-color)}.quest-type-daily{background:var(--quest-daily-bg);color:var(--quest-daily-color)}.quest-type-improvement{background:var(--quest-improvement-bg);color:var(--quest-improvement-color)}.quest-type-story{background:var(--quest-story-bg);color:var(--quest-story-color)}.quest-type-challenge{background:var(--quest-challenge-bg);color:var(--quest-challenge-color)}.quest-bonus{border:2px dashed var(--bonus-border);background:linear-gradient(135deg,var(--bonus-bg-start),var(--bonus-bg-end))}.quest-bonus .quest-title{color:var(--bonus-text)}.btn-check-threshold{background:var(--bonus-accent)}.btn-check-threshold:hover:not(:disabled){background:var(--bonus-accent-hover)}.challenge-section{border-left:3px solid var(--bonus-border);padding-left:.5rem}.quest-title{font-size:.82rem;font-weight:600;color:var(--text-primary);margin:0 0 .2rem}.quest-desc{font-size:.72rem;color:var(--text-secondary);margin:0 0 .4rem;line-height:1.4}.quest-progress-track{height:5px;background:var(--border-subtle);border-radius:999px;overflow:hidden;margin-bottom:.35rem}.quest-progress-fill{height:100%;background:var(--accent-secondary);border-radius:999px;transition:width .3s ease}.quest-footer{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted)}.quest-progress-text{font-weight:600}.quest-reward-text{font-weight:500}.btn-claim{background:var(--accent-secondary);color:#fff;border:none;border-radius:var(--radius-pill);padding:.22rem .65rem;font-family:var(--font-body);font-size:.7rem;font-weight:700;cursor:pointer;transition:background .2s,opacity .2s}.btn-claim:hover:not(:disabled){background:#7a9a7a}.btn-claim:disabled{opacity:.5;cursor:not-allowed}.quest-claimed{font-size:.7rem;color:var(--accent-secondary);font-weight:700}.quest-empty{font-size:.8rem;color:var(--text-muted);text-align:center;padding:.5rem 0;margin:0}@media (max-width: 900px){.game-layout{flex-direction:column;padding:1.5rem 1rem}.sidebar{width:100%;flex-direction:row}.sidebar-section{flex:1}}@media (max-width: 600px){.sidebar{flex-direction:column}.animals-grid{grid-template-columns:1fr}}.nav-links{display:flex;gap:.75rem;margin-right:1.5rem}.nav-link{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:.6rem 1.1rem;font-family:var(--font-body);font-size:1rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.nav-link:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-link.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.page-content{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{font-family:var(--font-display);font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.page-subtitle{color:var(--text-secondary);font-size:1rem}.page-currency{margin-top:1rem;font-size:1.1rem;color:var(--text-primary)}.upgrades-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.upgrade-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-top:3px solid var(--accent-primary);border-radius:var(--radius-md);padding:.7rem .75rem;display:flex;flex-direction:column;gap:.3rem;transition:transform .15s,box-shadow .15s,border-color .15s}.upgrade-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000000f;border-color:var(--accent-warm)}.upgrade-card.upgrade-maxed{opacity:.55;border-top-color:var(--text-muted)}.upgrade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.15rem}.upgrade-name{font-family:var(--font-display);font-size:.95rem;color:var(--text-primary)}.upgrade-level{font-size:.8rem}.upgrade-description{color:var(--text-secondary);font-size:.78rem;margin-bottom:.15rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upgrade-effect{font-size:.72rem;color:var(--accent-secondary);margin-bottom:.35rem;background:var(--accent-primary-light);padding:.15rem .4rem;border-radius:4px;display:inline-block}.upgrade-cost{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.35rem;font-size:.82rem;color:var(--text-primary);margin-top:auto}.upgrade-items{color:var(--text-secondary);font-size:.78rem}.btn-buy-upgrade{width:100%;padding:.4rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:background .15s}.btn-buy-upgrade:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-buy-upgrade:disabled,.btn-buy-upgrade.btn-disabled{background:var(--text-muted);cursor:not-allowed}.upgrade-maxed-text{text-align:center;color:var(--accent-secondary);font-weight:600;padding:.35rem;margin-top:auto;font-size:.85rem}.shelters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.public-shelter-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-card);transition:all .2s ease}.public-shelter-card:hover{box-shadow:var(--shadow-card-hover)}.shelter-card-header{display:flex;gap:.75rem;margin-bottom:.75rem}.shelter-owner-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.shelter-owner-avatar-placeholder{background:var(--accent-primary-light)}.shelter-card-name{font-family:var(--font-display);font-size:1rem;color:var(--text-primary);margin-bottom:.15rem}.shelter-card-owner{font-size:.85rem;color:var(--text-secondary)}.shelter-card-stats{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.8rem;color:var(--text-secondary)}.btn-visit-shelter{width:100%;padding:.5rem;background:var(--accent-secondary);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:background .2s ease}.btn-visit-shelter:hover:not(:disabled){background:#7a967a}.btn-visit-shelter.btn-cooldown{background:var(--text-muted);cursor:not-allowed}.visit-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-subtle)}.btn-back{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:.5rem 1rem;font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-back:hover{background:var(--bg-card-hover);color:var(--text-primary)}.visit-shelter-info{display:flex;gap:1rem;align-items:center;flex:1}.visit-owner-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.visit-owner-avatar-placeholder{background:var(--accent-primary-light)}.visit-shelter-info h1{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin-bottom:.25rem}.visit-shelter-info p{color:var(--text-secondary);font-size:.9rem}.btn-record-visit{background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-pill);padding:.6rem 1.25rem;font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:background .2s ease}.btn-record-visit:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-record-visit:disabled{opacity:.7;cursor:default}.visit-cooldown{color:var(--text-muted);font-size:.9rem}.visit-animals-section h2{font-family:var(--font-display);font-size:1.3rem;color:var(--text-primary);margin-bottom:1.25rem}.visit-animals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.visit-animal-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-card)}.visit-animal-header{display:flex;gap:.75rem;margin-bottom:.75rem}.visit-animal-emoji{font-size:2rem}.visit-animal-name{font-family:var(--font-display);font-size:1.1rem;color:var(--text-primary)}.visit-animal-breed{font-size:.85rem;color:var(--text-secondary)}.visit-animal-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.visit-stat{display:flex;align-items:center;gap:.5rem}.visit-stat-label{width:20px;text-align:center}.visit-stat-bar{flex:1;height:8px;background:var(--border-subtle);border-radius:var(--radius-pill);overflow:hidden}.visit-stat-fill{height:100%;border-radius:var(--radius-pill);transition:width .3s ease}.visit-stat-fill.happiness{background:linear-gradient(90deg,#f6d365,#fda085)}.visit-stat-fill.health{background:linear-gradient(90deg,#a8e063,#56ab2f)}.visit-stat-value{width:28px;font-size:.8rem;color:var(--text-secondary);text-align:right}.visit-animal-traits{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.visit-animal-actions{display:flex;gap:.5rem}.btn-helper-care{flex:1;padding:.5rem;background:var(--accent-secondary-light);color:var(--accent-secondary);border:1px solid var(--accent-secondary);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-helper-care:hover:not(:disabled){background:var(--accent-secondary);color:#fff}.btn-helper-care:disabled{opacity:.6;cursor:default}.animal-card-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border-subtle)}.btn-adopt-animal{width:100%;padding:.6rem;background:linear-gradient(135deg,#f5af19,#f12711);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #f1271133}.btn-adopt-animal:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f127114d}.btn-adopt-animal:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}.modal-adoption{max-width:420px}.adoption-ready{text-align:center}.adoption-success-msg{font-size:1.1rem;color:var(--accent-secondary);margin-bottom:1.25rem}.adoption-reward-preview{background:var(--accent-secondary-light);border-radius:var(--radius-sm);padding:1rem;margin-bottom:1.25rem;text-align:left}.adoption-reward-preview h4{font-size:.9rem;color:var(--text-primary);margin-bottom:.5rem}.adoption-reward-preview ul{list-style:none;font-size:.9rem;color:var(--text-secondary)}.adoption-reward-preview li{margin-bottom:.25rem}.btn-confirm-adoption{width:100%;padding:.85rem;background:linear-gradient(135deg,#f5af19,#f12711);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-confirm-adoption:hover:not(:disabled){transform:translateY(-1px)}.btn-confirm-adoption:disabled{opacity:.7;cursor:default}.adoption-not-ready{text-align:center}.adoption-warning{font-size:1.1rem;color:var(--accent-primary);margin-bottom:1rem}.adoption-requirements{background:var(--accent-primary-light);border-radius:var(--radius-sm);padding:1rem;margin-bottom:1rem;text-align:left}.adoption-requirements h4{font-size:.9rem;color:var(--text-primary);margin-bottom:.5rem}.adoption-requirements ul{list-style:none}.requirement-fail{color:var(--accent-primary);font-size:.9rem;margin-bottom:.25rem}.adoption-hint{color:var(--text-secondary);font-size:.9rem}.btn-close-modal{margin-top:1rem;padding:.75rem 2rem;background:var(--accent-secondary);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;cursor:pointer;transition:background .2s ease}.btn-close-modal:hover{background:#7a967a}.empty-state,.upgrades-loading,.shelters-loading,.visit-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.error-text{color:var(--accent-primary)}@media (max-width: 900px){.nav-links{order:3;width:100%;justify-content:center;margin-right:0;margin-top:.5rem}.visit-header{flex-direction:column;align-items:flex-start}.visit-shelter-info{width:100%}}@media (max-width: 768px){.upgrades-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.shelters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.upgrades-grid,.shelters-grid,.visit-animals-grid{grid-template-columns:1fr}.page-header h1{font-size:1.5rem}}.gifts-tabs,.history-tabs,.visit-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-subtle);padding-bottom:.5rem}.gifts-tab,.history-tab,.visit-tab{background:transparent;border:none;padding:.6rem 1rem;font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all .2s ease}.gifts-tab:hover,.history-tab:hover,.visit-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.gifts-tab.active,.history-tab.active,.visit-tab.active{background:var(--accent-primary);color:#fff}.gifts-list,.sent-gifts-list{display:flex;flex-direction:column;gap:1rem}.gift-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-card);transition:all .2s ease}.gift-card.gift-claimed{opacity:.6}.gift-card-header{display:flex;gap:.75rem;margin-bottom:.75rem}.gift-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.gift-avatar-placeholder{background:var(--accent-primary-light)}.gift-from{display:flex;flex-direction:column}.gift-from-name{font-weight:600;color:var(--text-primary)}.gift-time{font-size:.8rem;color:var(--text-muted)}.gift-content{margin-bottom:.75rem}.gift-item{display:inline-block;background:var(--accent-secondary-light);color:var(--accent-secondary);padding:.3rem .6rem;border-radius:var(--radius-sm);font-weight:500}.gift-item.rare{background:#fef3c7;color:#d97706}.gift-message{margin-top:.5rem;font-style:italic;color:var(--text-secondary);font-size:.9rem}.gift-claim-row{display:flex;gap:.5rem;align-items:center}.gift-shelter-select{flex:1;padding:.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.85rem;background:var(--bg-main)}.btn-claim-gift{padding:.6rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-claim-gift:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-claim-gift:disabled{opacity:.7;cursor:default}.gift-status{display:block;text-align:center;padding:.5rem;font-size:.9rem}.gift-status.claimed{color:var(--accent-secondary)}.gift-status.pending{color:var(--text-muted)}.send-gift-form{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.5rem;max-width:500px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:500;color:var(--text-primary)}.gift-select,.gift-input{width:100%;padding:.6rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;background:var(--bg-card);color:var(--text-primary)}.gift-select:focus,.gift-input:focus{outline:none;border-color:var(--accent-primary)}.btn-send-gift{width:100%;padding:.75rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;cursor:pointer;transition:all .2s ease}.btn-send-gift:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-send-gift:disabled{background:var(--text-muted);cursor:not-allowed}.gift-error{margin-top:.75rem;font-size:.9rem;color:var(--accent-primary)}.gift-error.success{color:var(--accent-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;text-align:center;box-shadow:var(--shadow-card)}.stat-card h3{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem}.stat-big{font-family:var(--font-display);font-size:2.5rem;color:var(--accent-primary);line-height:1.2}.stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.stat-secondary{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.stat-passive{font-size:1.1rem;color:var(--accent-secondary)}.history-summary{display:flex;gap:2rem;margin-bottom:1rem;padding:.75rem 1rem;background:var(--accent-secondary-light);border-radius:var(--radius-sm);color:var(--text-primary)}.adoptions-list,.visitors-list{display:flex;flex-direction:column;gap:.75rem}.adoption-card{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem}.adoption-info{flex:1}.adoption-animal-name{font-weight:600;color:var(--text-primary);display:block}.adoption-breed{font-size:.85rem;color:var(--text-secondary)}.adoption-details{display:flex;flex-direction:column;align-items:flex-end;font-size:.9rem;color:var(--text-secondary)}.adoption-time{font-size:.8rem;color:var(--text-muted)}.adoption-reward{font-weight:600;color:var(--accent-primary);font-size:1.1rem}.visitor-card{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem 1rem}.visitor-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.visitor-avatar-placeholder{background:var(--accent-primary-light)}.visitor-name{flex:1;font-weight:500;color:var(--text-primary)}.visitor-time{font-size:.85rem;color:var(--text-muted)}.empty-hint{color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.help-page{min-height:100vh;background:var(--bg-main);padding:2rem}.help-page-welcome{display:flex;align-items:center;justify-content:center;padding:2rem}.help-container{max-width:800px;margin:0 auto;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2.5rem;border:1px solid var(--border-subtle)}.help-header{text-align:center;margin-bottom:2rem}.help-logo{width:120px;height:120px;object-fit:contain;margin-bottom:1rem}.help-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.help-subtitle{font-size:1.1rem;color:var(--text-secondary)}.help-sections{display:flex;flex-direction:column;gap:1.5rem}.help-section{padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.help-section:last-child{border-bottom:none;padding-bottom:0}.help-section h2{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--accent-primary);margin-bottom:.75rem}.help-section p{font-size:1rem;line-height:1.6;color:var(--text-primary);margin-bottom:.75rem}.help-section p:last-child{margin-bottom:0}.help-list{list-style:none;padding:0;margin:.75rem 0}.help-list li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;font-size:1rem;line-height:1.5;color:var(--text-primary)}.help-list li:before{content:"•";position:absolute;left:.5rem;color:var(--accent-primary);font-weight:700}.help-footer{margin-top:2rem;text-align:center}.btn-continue{display:inline-block;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-pill);padding:1rem 2rem;font-family:var(--font-body);font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.btn-continue:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.btn-back-to-shelter{display:inline-block;background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary);border-radius:var(--radius-pill);padding:.75rem 1.5rem;font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.btn-back-to-shelter:hover{background:var(--accent-primary);color:#fff}.passive-indicator{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.95rem}.passive-indicator.passive-none{background:var(--bg-card);border:1px dashed var(--border-subtle)}.passive-indicator.passive-none .passive-label{color:var(--text-muted)}.passive-indicator.passive-none .passive-hint{color:var(--text-muted);font-size:.85rem;font-style:italic}.passive-indicator.passive-active{background:linear-gradient(135deg,#4caf501a,#2196f31a);border:1px solid rgba(76,175,80,.3)}.passive-effects{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.passive-label{font-weight:600;color:var(--text-primary)}.passive-bonus{display:inline-flex;align-items:center;gap:.25rem;background:#fff;padding:.3rem .6rem;border-radius:var(--radius-sm);font-weight:600;color:#4caf50;box-shadow:0 1px 3px #0000001a}.passive-grid{display:flex;gap:.75rem;align-items:flex-start}.passive-label-col{display:flex;align-items:center;padding-top:.3rem}.passive-values-col{display:flex;flex-direction:column;gap:.4rem}.passive-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.passive-decay-row{padding-top:.25rem}.passive-decay{display:inline-flex;align-items:center;gap:.25rem;background:#fff5f5;padding:.3rem .6rem;border-radius:var(--radius-sm);font-weight:600;color:#e53935;box-shadow:0 1px 3px #0000001a;font-size:.9rem}.passive-decay-reduction{display:inline-flex;align-items:center;color:#2196f3;font-size:.85rem;font-weight:500}.passive-interval{color:var(--text-muted);font-size:.85rem}.passive-next-tick{color:var(--text-secondary);font-size:.85rem;background:#fff;padding:.3rem .6rem;border-radius:var(--radius-sm)}.animal-passive-badges{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.passive-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-sm);cursor:help}.passive-badge.health{background:#f4433626;color:#d32f2f}.passive-badge.happiness{background:#ffc10733;color:#f57c00}.passive-badge.socialization{background:#2196f326;color:#1565c0}.passive-badge.growth{background:#4caf5026;color:#2e7d32}@media (max-width: 600px){.passive-indicator{flex-direction:column;align-items:flex-start;gap:.5rem}.passive-effects{width:100%}}@media (max-width: 600px){.help-container{padding:1.5rem}.help-title{font-size:1.5rem}.help-section h2{font-size:1.15rem}.help-logo{width:80px;height:80px}}.profile-container{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-subtle);display:flex;gap:2rem}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.profile-avatar-large{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--accent-primary-light)}.profile-avatar-large.profile-avatar-placeholder{background:var(--accent-primary-light)}.profile-avatar-hint{font-size:.75rem;color:var(--text-muted);text-align:center;max-width:120px}.profile-info-section{flex:1;display:flex;flex-direction:column;gap:1.25rem}.profile-field{display:flex;flex-direction:column;gap:.35rem}.profile-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.profile-value{font-size:1.1rem;color:var(--text-primary)}.profile-value-readonly{color:var(--text-secondary)}.profile-field-hint{font-size:.75rem;color:var(--text-muted);font-style:italic}.profile-name-edit{display:flex;gap:.5rem}.profile-name-input{flex:1;padding:.5rem .75rem;font-size:1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-main);color:var(--text-primary)}.profile-name-input:focus{outline:none;border-color:var(--accent-primary)}.btn-save-name{padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background .2s}.btn-save-name:hover:not(:disabled){background:var(--accent-primary-dark)}.btn-save-name:disabled{opacity:.6;cursor:not-allowed}.profile-stats-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-subtle)}.profile-stats-card h2{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary)}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.profile-stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-main);border-radius:var(--radius-md)}.profile-stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.profile-stat-label{font-size:.8rem;color:var(--text-muted);text-align:center}.profile-actions{display:flex;justify-content:center}@media (max-width: 600px){.profile-card{flex-direction:column;align-items:center;text-align:center}.profile-stats-grid{grid-template-columns:1fr}.profile-name-edit{flex-direction:column}}.theme-selector-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.5rem}.theme-selector-card h2{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.theme-selector-hint{font-size:.8rem;color:var(--text-muted);margin:0 0 1rem}.theme-swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.theme-swatch{border:2px solid var(--border-subtle);border-radius:var(--radius-md);padding:.6rem;cursor:pointer;background:none;text-align:center;transition:border-color .15s,box-shadow .15s;font-family:var(--font-body)}.theme-swatch:hover{border-color:var(--text-secondary)}.theme-swatch.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary)}.theme-swatch-preview{height:36px;border-radius:6px;margin-bottom:.4rem;position:relative;overflow:hidden}.theme-swatch-accent{position:absolute;bottom:4px;right:4px;width:10px;height:10px;border-radius:50%}.theme-swatch-label{font-size:.72rem;font-weight:600;color:var(--text-primary);line-height:1.2}.theme-swatch-check{font-size:.65rem;color:var(--accent-primary)}@media (max-width: 600px){.theme-swatch-grid{grid-template-columns:repeat(2,1fr)}}.animal-arrival-notification{position:fixed;top:20px;right:20px;z-index:10000;transform:translate(120%);transition:transform .4s ease-out}.animal-arrival-notification.visible{transform:translate(0)}.animal-arrival-content{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid #f4a261;border-radius:var(--radius-lg);padding:1rem 1.25rem;box-shadow:0 8px 32px #00000026;max-width:400px}.animal-arrival-emoji{font-size:2.5rem;animation:bounce .6s ease-in-out infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.animal-arrival-text{flex:1}.animal-arrival-text strong{display:block;font-size:1.1rem;color:#5a3e1b;margin-bottom:.25rem}.animal-arrival-text p{margin:0;font-size:.9rem;color:#7a5c2e}.animal-arrival-close{background:none;border:none;font-size:1.25rem;color:#a0a0a0;cursor:pointer;padding:.25rem;line-height:1}.animal-arrival-close:hover{color:#666}.animal-arrival-indicator{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.animal-arrival-indicator.arrival-soon{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-color:#f4a261;color:#5a3e1b}.animal-arrival-indicator.arrival-full{background:var(--bg-main);border-style:dashed;color:var(--text-muted)}.arrival-icon{font-size:1.2rem}.arrival-text{flex:1}.arrival-hint{font-size:.75rem;color:var(--text-muted);cursor:help}@media (max-width: 600px){.animal-arrival-notification{top:10px;right:10px;left:10px;transform:translateY(-120%)}.animal-arrival-notification.visible{transform:translateY(0)}.animal-arrival-content{max-width:none}}.login-bonus-toast{position:fixed;top:20px;right:20px;z-index:10000;transform:translate(120%);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.login-bonus-toast.visible{transform:translate(0)}.login-bonus-toast-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--bonus-bg-start),var(--bonus-bg-end));border:2px solid var(--bonus-accent);border-radius:12px;box-shadow:0 4px 16px var(--bonus-glow);max-width:360px}.login-bonus-toast-emoji{font-size:1.75rem}.login-bonus-toast-text strong{display:block;font-size:.9rem;color:var(--bonus-text-strong)}.login-bonus-toast-text p{margin:.15rem 0 0;font-size:.82rem;color:var(--bonus-text)}.login-bonus-toast-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--bonus-text);padding:0 0 0 .5rem;line-height:1}.simple-toast{position:fixed;top:20px;right:20px;z-index:10000;transform:translate(120%);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.simple-toast.visible{transform:translate(0)}.simple-toast-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--toast-bg);border:2px solid var(--toast-border);border-radius:12px;box-shadow:0 4px 16px #00000026;max-width:360px}.simple-toast-info .simple-toast-content{background:linear-gradient(135deg,var(--toast-info-start),var(--toast-info-end));border-color:var(--toast-info-border)}.simple-toast-error .simple-toast-content{background:linear-gradient(135deg,var(--toast-error-start),var(--toast-error-end));border-color:var(--toast-error-border)}.simple-toast-success .simple-toast-content{background:linear-gradient(135deg,var(--toast-success-start),var(--toast-success-end));border-color:var(--toast-success-border)}.simple-toast-emoji{font-size:1.5rem}.simple-toast-text{font-size:.9rem;color:var(--text-primary);line-height:1.4}.simple-toast-error .simple-toast-text{color:var(--toast-error-text)}.simple-toast-success .simple-toast-text{color:var(--toast-success-text)}.simple-toast-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-secondary);padding:0 0 0 .5rem;line-height:1}.simple-toast-close:hover{color:var(--text-primary)}.login-bonus-widget{padding:.85rem 1rem;border-radius:10px;margin-bottom:.75rem;border:1.5px solid var(--border-subtle);background:var(--bg-card)}.login-bonus-widget.login-bonus-available{border-color:var(--bonus-accent);background:linear-gradient(135deg,var(--bonus-bg-start),var(--bonus-bg-end));animation:loginPulse 2s ease-in-out infinite}@keyframes loginPulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 8px 2px var(--bonus-glow)}}.login-bonus-widget.login-bonus-claimed{opacity:.8}.login-bonus-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.login-bonus-icon{font-size:1.2rem}.login-bonus-label{font-weight:600;font-size:.85rem;color:var(--text-primary)}.login-bonus-body{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.login-bonus-reward{font-size:1.1rem;font-weight:700;color:var(--bonus-text-strong)}.btn-claim-login{padding:.4rem 1rem;background:linear-gradient(135deg,var(--bonus-accent),var(--bonus-accent-hover));color:#fff;font-weight:600;font-size:.82rem;border:none;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn-claim-login:hover{transform:translateY(-1px);box-shadow:0 2px 8px var(--bonus-glow)}.btn-claim-login:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.streak-dots{display:flex;gap:.35rem;justify-content:center}.streak-dot{width:10px;height:10px;border-radius:50%;background:var(--border-subtle);border:1.5px solid var(--border-subtle);transition:all .2s}.streak-dot-done{background:var(--bonus-dot-done);border-color:var(--bonus-accent-hover)}.streak-dot-current{background:var(--bonus-dot-current);border-color:var(--bonus-dot-current-border);box-shadow:0 0 4px var(--bonus-dot-current-glow)}.streak-dot-next{background:transparent;border-color:var(--bonus-dot-done);animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@media (max-width: 768px){.login-bonus-toast{top:10px;right:10px;left:10px;transform:translateY(-120%)}.login-bonus-toast.visible{transform:translateY(0)}}.random-event-toast{position:fixed;top:20px;right:20px;z-index:10000;transform:translate(120%);transition:transform .4s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}.random-event-toast.visible{transform:translate(0)}.random-event-toast-content{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-card);border:2px solid var(--accent-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:360px}.random-event-toast-emoji{font-size:1.8rem;flex-shrink:0}.random-event-toast-text{flex:1}.random-event-toast-text strong{display:block;margin-bottom:.25rem;color:var(--text-primary)}.random-event-toast-text p{margin:0;font-size:.9rem;color:var(--text-secondary)}.random-event-toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:0;line-height:1}@media (max-width: 768px){.random-event-toast{top:10px;right:10px;left:10px;transform:translateY(-120%)}.random-event-toast.visible{transform:translateY(0)}.random-event-toast-content{max-width:100%}}.event-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;transition:opacity .3s ease}.event-modal-backdrop.visible{opacity:1}.event-modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);width:100%;max-width:460px;max-height:90vh;overflow-y:auto;margin:1rem;padding:2rem;text-align:center}.event-modal-emoji{font-size:3rem;margin-bottom:.75rem}.event-modal-title{margin:0 0 .5rem;color:var(--text-primary);font-size:1.3rem}.event-modal-desc{color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5}.event-modal-choices{display:flex;flex-direction:column;gap:.75rem}.event-choice-btn{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;background:var(--bg-body);border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color .2s,background .2s}.event-choice-btn:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-hover)}.event-choice-btn:disabled{opacity:.5;cursor:not-allowed}.event-choice-label{font-weight:600;color:var(--text-primary);font-size:1rem}.event-choice-desc{font-size:.85rem;color:var(--text-secondary)}.event-choice-cost{font-size:.8rem;color:var(--accent-warning, #e6a23c);font-weight:500;margin-top:.25rem}.event-modal-result{margin-top:1rem;padding:1rem;background:var(--bg-body);border-radius:var(--radius-md)}.event-result-choice{margin:0 0 .5rem;color:var(--text-secondary)}.event-result-summary{margin:0;color:var(--text-primary);font-weight:500}.event-result-error{margin:0;color:var(--accent-danger, #dc3545)}.re-cards{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.re-card{background:var(--bg-body);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.re-card[open]{border-color:var(--accent-primary)}.re-card-header{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap}.re-card-header:hover{background:var(--bg-hover)}.re-card-emoji{font-size:1.2rem;flex-shrink:0}.re-card-title{font-weight:600;color:var(--text-primary)}.re-card-badge{font-size:.7rem;padding:.1rem .4rem;border-radius:9999px;font-weight:500;white-space:nowrap}.re-badge-positive{background:#d4edda;color:#155724}.re-badge-dilemma{background:#fff3cd;color:#856404}.re-badge-inspection{background:#d1ecf1;color:#0c5460}.re-badge-adoptions{background:#d4edda;color:#155724}.re-badge-level{background:#cce5ff;color:#004085}.re-badge-cats_cared{background:#fff3cd;color:#856404}.re-badge-visits_received{background:#d1ecf1;color:#0c5460}.re-badge-reputation{background:#e2d9f3;color:#6f42c1}.re-badge-food{background:#d4edda;color:#155724}.re-badge-toy{background:#fff3cd;color:#856404}.re-badge-med{background:#f8d7da;color:#721c24}.re-badge-supply{background:#d1ecf1;color:#0c5460}.re-badge-comfort{background:#e2d9f3;color:#6f42c1}.re-badge-grooming{background:#fde2e4;color:#8b2252}.re-badge-common{background:#e2e3e5;color:#383d41}.re-badge-uncommon{background:#d4edda;color:#155724}.re-badge-rare{background:#cce5ff;color:#004085}.re-badge-epic{background:#e2d9f3;color:#6f42c1}.re-badge-care{background:#d4edda;color:#155724}.re-badge-improvement{background:#cce5ff;color:#004085}.re-badge-story{background:#e2d9f3;color:#6f42c1}.re-badge-daily{background:#fff3cd;color:#856404}.re-badge-active{background:#d4edda;color:#155724}.re-badge-inactive{background:#f8d7da;color:#721c24}.re-card-meta{font-size:.75rem;color:var(--text-muted);margin-left:auto;white-space:nowrap}.re-card-inactive{font-size:.7rem;color:var(--accent-danger, #dc3545);font-weight:500}.re-card-body{padding:.75rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.5rem}.re-card-body label,.re-card-new label{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:var(--text-muted);font-weight:500}.re-card-body input:not([type=checkbox]),.re-card-body textarea,.re-card-body select,.re-card-new input:not([type=checkbox]),.re-card-new textarea,.re-card-new select{width:100%;min-width:0}.re-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.re-card-checks{display:flex;flex-wrap:wrap;gap:.75rem}.re-json-field{font-family:monospace;font-size:.8rem;width:100%;resize:vertical}.re-full-width{width:100%}.re-card-actions{display:flex;gap:.5rem;padding-top:.25rem}.re-card-new{padding:.75rem;margin-top:.5rem}.re-add-details{margin-top:.5rem}.re-add-details>summary{cursor:pointer;width:auto;display:inline-block}@media (prefers-color-scheme: dark){.re-badge-positive{background:#1a3a2a;color:#8fd9a8}.re-badge-dilemma{background:#3a3020;color:#f0d080}.re-badge-inspection{background:#1a3040;color:#80c8d8}.re-badge-adoptions{background:#1a3a2a;color:#8fd9a8}.re-badge-level{background:#1a2a40;color:#80b0d8}.re-badge-cats_cared{background:#3a3020;color:#f0d080}.re-badge-visits_received{background:#1a3040;color:#80c8d8}.re-badge-reputation{background:#2a2040;color:#b8a0e0}.re-badge-food{background:#1a3a2a;color:#8fd9a8}.re-badge-toy{background:#3a3020;color:#f0d080}.re-badge-med{background:#3a1a20;color:#e08090}.re-badge-supply{background:#1a3040;color:#80c8d8}.re-badge-comfort{background:#2a2040;color:#b8a0e0}.re-badge-grooming{background:#3a1a2a;color:#e090b0}.re-badge-common{background:#2a2a2a;color:#a0a0a0}.re-badge-uncommon{background:#1a3a2a;color:#8fd9a8}.re-badge-rare{background:#1a2a40;color:#80b0d8}.re-badge-epic{background:#2a2040;color:#b8a0e0}.re-badge-care{background:#1a3a2a;color:#8fd9a8}.re-badge-improvement{background:#1a2a40;color:#80b0d8}.re-badge-story{background:#2a2040;color:#b8a0e0}.re-badge-daily{background:#3a3020;color:#f0d080}.re-badge-active{background:#1a3a2a;color:#8fd9a8}.re-badge-inactive{background:#3a1a20;color:#e08090}}[data-theme=dark] .re-badge-positive{background:#1a3a2a;color:#8fd9a8}[data-theme=dark] .re-badge-dilemma{background:#3a3020;color:#f0d080}[data-theme=dark] .re-badge-inspection{background:#1a3040;color:#80c8d8}[data-theme=dark] .re-badge-adoptions{background:#1a3a2a;color:#8fd9a8}[data-theme=dark] .re-badge-level{background:#1a2a40;color:#80b0d8}[data-theme=dark] .re-badge-cats_cared{background:#3a3020;color:#f0d080}[data-theme=dark] .re-badge-visits_received{background:#1a3040;color:#80c8d8}[data-theme=dark] .re-badge-reputation{background:#2a2040;color:#b8a0e0}[data-theme=dark] .re-badge-food{background:#1a3a2a;color:#8fd9a8}[data-theme=dark] .re-badge-toy{background:#3a3020;color:#f0d080}[data-theme=dark] .re-badge-med{background:#3a1a20;color:#e08090}[data-theme=dark] .re-badge-supply{background:#1a3040;color:#80c8d8}[data-theme=dark] .re-badge-comfort{background:#2a2040;color:#b8a0e0}[data-theme=dark] .re-badge-grooming{background:#3a1a2a;color:#e090b0}[data-theme=dark] .re-badge-common{background:#2a2a2a;color:#a0a0a0}[data-theme=dark] .re-badge-uncommon{background:#1a3a2a;color:#8fd9a8}[data-theme=dark] .re-badge-rare{background:#1a2a40;color:#80b0d8}[data-theme=dark] .re-badge-epic{background:#2a2040;color:#b8a0e0}[data-theme=dark] .re-badge-care{background:#1a3a2a;color:#8fd9a8}[data-theme=dark] .re-badge-improvement{background:#1a2a40;color:#80b0d8}[data-theme=dark] .re-badge-story{background:#2a2040;color:#b8a0e0}[data-theme=dark] .re-badge-daily{background:#3a3020;color:#f0d080}[data-theme=dark] .re-badge-active{background:#1a3a2a;color:#8fd9a8}[data-theme=dark] .re-badge-inactive{background:#3a1a20;color:#e08090}.admin-page{max-width:900px;margin:0 auto}.admin-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-subtle);padding-bottom:.5rem;justify-content:center}.admin-tab{padding:.5rem .8rem;background:none;border:none;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:70px}.admin-tab:hover{background:var(--bg-card);color:var(--text-primary)}.admin-tab.active{background:var(--accent-primary);color:#fff}.admin-panel{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-subtle);max-width:900px;margin:0 auto}.admin-panel.hidden{display:none}.admin-panel-wide{max-width:100%}.admin-section h2{margin:0 0 .5rem;font-size:1.3rem;color:var(--text-primary)}.admin-hint{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.settings-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-main);border-radius:var(--radius-md);gap:1rem}.setting-info{flex:1;min-width:0}.setting-key{display:block;font-family:monospace;font-weight:600;color:var(--text-primary);font-size:.9rem}.setting-desc{display:block;font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.setting-controls{display:flex;gap:.5rem;align-items:center}.setting-value{width:120px;padding:.4rem .6rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:monospace;font-size:.9rem;background:var(--bg-card);color:var(--text-primary)}.btn-save-setting{padding:.4rem .8rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer}.btn-save-setting:hover:not(:disabled){background:var(--accent-primary-dark)}.btn-save-setting:disabled{opacity:.6;cursor:not-allowed}.add-setting-form{border-top:1px solid var(--border-subtle);padding-top:1.5rem}.add-setting-form h3{margin:0 0 1rem;font-size:1rem;color:var(--text-primary)}.add-setting-row{display:flex;gap:.5rem;flex-wrap:wrap}.add-setting-row input{padding:.5rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.9rem;background:var(--bg-main);color:var(--text-primary)}.add-setting-row input:first-child{width:180px;font-family:monospace}.add-setting-row input:nth-child(2){width:100px}.add-setting-row input:nth-child(3){flex:1;min-width:200px}.btn-add-setting{padding:.5rem 1rem;background:var(--accent-secondary);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.btn-add-setting:hover{opacity:.9}.players-list{display:flex;flex-direction:column;gap:.5rem}.player-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-main);border-radius:var(--radius-md);gap:1rem}.player-row.is-admin{background:color-mix(in srgb,var(--accent) 8%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border-subtle))}.player-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.player-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.player-avatar-placeholder{background:var(--accent-primary-light)}.player-details{flex:1;min-width:0}.player-name{display:block;font-weight:600;color:var(--text-primary)}.admin-badge{display:inline-block;background:var(--accent-primary);color:#fff;font-size:.65rem;padding:.15rem .4rem;border-radius:var(--radius-sm);margin-left:.5rem;vertical-align:middle}.player-meta{display:block;font-size:.8rem;color:var(--text-muted)}.player-actions{flex-shrink:0;display:flex;gap:.4rem}.btn-make-admin,.btn-remove-admin,.btn-remove-player,.btn-ban-player,.btn-unban-player{padding:.4rem .8rem;border:none;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer}.btn-make-admin{background:var(--accent-primary);color:#fff}.btn-make-admin:hover:not(:disabled){background:var(--accent-primary-dark)}.btn-remove-admin{background:var(--danger);color:#fff}.btn-remove-admin:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 85%,black)}.btn-remove-player{background:var(--bg-tertiary);color:var(--danger);border:1px solid var(--danger)}.btn-remove-player:hover:not(:disabled){background:var(--danger);color:#fff}.btn-ban-player{background:var(--bg-tertiary);color:var(--warning);border:1px solid var(--warning)}.btn-ban-player:hover:not(:disabled){background:var(--warning);color:#fff}.btn-unban-player{background:var(--warning);color:#fff}.btn-unban-player:hover:not(:disabled){background:color-mix(in srgb,var(--warning) 85%,black)}.ban-badge{font-size:.7rem;font-weight:600;color:var(--warning);border:1px solid var(--warning);border-radius:var(--radius-sm);padding:.1rem .35rem;margin-left:.3rem;vertical-align:middle}.banned-message{color:var(--text-secondary);margin-bottom:.5rem}.banned-until{color:var(--text-secondary);margin-bottom:1.5rem}.admin-footer{margin-top:2rem;display:flex;justify-content:center}.nav-link-admin{background:linear-gradient(135deg,#ff9800,#f57c00)!important;color:#fff!important}.nav-link-admin:hover{background:linear-gradient(135deg,#f57c00,#ef6c00)!important}.nav-link-admin.active{background:linear-gradient(135deg,#ef6c00,#e65100)!important}@media (max-width: 600px){.setting-row{flex-direction:column;align-items:flex-start;gap:.5rem}.setting-controls{width:100%}.setting-value{flex:1}.add-setting-row{flex-direction:column}.add-setting-row input{width:100%!important}.player-row{flex-direction:column;align-items:flex-start}.player-actions{width:100%;margin-top:.5rem}.player-actions button{width:100%}}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-card);border-top:1px solid var(--border-subtle);font-size:.85rem;color:var(--text-muted);margin-top:auto}.footer-center{display:flex;align-items:center;gap:.75rem}.footer-brand{font-weight:500;color:var(--text-secondary)}.footer-version{font-family:monospace;background:var(--bg-main);padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.8rem}.footer-link{background:none;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;padding:.4rem .8rem;border-radius:var(--radius-sm);transition:background .2s,color .2s}.footer-link:hover{background:var(--bg-main);color:var(--accent-primary)}.feedback-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.feedback-modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;margin:1rem}.feedback-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.feedback-modal-header h2{margin:0;font-size:1.25rem}.feedback-modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted);padding:.25rem;line-height:1}.feedback-modal-close:hover{color:var(--text-primary)}.feedback-form{padding:1.5rem}.feedback-form .form-group{margin-bottom:1rem}.feedback-form label{display:block;font-weight:500;margin-bottom:.4rem;color:var(--text-secondary)}.feedback-form input,.feedback-form textarea{width:100%;padding:.75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;background:var(--bg-main)}.feedback-form input:focus,.feedback-form textarea:focus{outline:none;border-color:var(--accent-primary)}.feedback-form textarea{resize:vertical;min-height:120px}.feedback-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.feedback-form .btn-cancel{background:var(--bg-main);border:1px solid var(--border-subtle);padding:.6rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;font-size:.95rem}.feedback-form .btn-submit{background:var(--accent-primary);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:500}.feedback-form .btn-submit:hover{background:var(--accent-primary-hover)}.feedback-form .btn-submit:disabled{opacity:.6;cursor:not-allowed}.feedback-status{margin-top:1rem;text-align:center;font-size:.9rem}.feedback-status.success{color:var(--success)}.feedback-status.error{color:var(--danger)}.feedback-list{display:flex;flex-direction:column;gap:1rem}.feedback-item{background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem}.feedback-item[data-status=resolved]{opacity:.7}.feedback-item[data-status=closed]{opacity:.5}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.feedback-user{display:flex;align-items:center;gap:.5rem}.feedback-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.feedback-avatar-placeholder{background:var(--border-subtle)}.feedback-username{font-weight:500;color:var(--text-secondary)}.feedback-meta{display:flex;align-items:center;gap:.75rem}.feedback-date{font-size:.8rem;color:var(--text-muted)}.feedback-status-select{padding:.3rem .5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.8rem;background:var(--bg-card)}.feedback-subject{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary)}.feedback-message{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5;white-space:pre-wrap}.feedback-admin-notes{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);font-size:.85rem;color:var(--text-muted)}.tab-count{background:var(--accent-primary);color:#fff;font-size:.7rem;padding:.15rem .4rem;border-radius:10px;margin-left:.3rem}.login-page,.creation-page,.help-page{min-height:100vh;display:flex;flex-direction:column}.shop-page{width:100%;max-width:1100px;margin:0 auto;padding:2rem}.shop-categories{display:flex;flex-direction:column;gap:2rem}.shop-category-title{font-size:1.3rem;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-subtle)}.shop-items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.shop-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.7rem .75rem;display:flex;flex-direction:column;gap:.35rem;transition:transform .15s,box-shadow .15s,border-color .15s}.shop-item:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000000f;border-color:var(--accent-warm)}.shop-item.cannot-afford{opacity:.6}.shop-item-header{display:flex;align-items:center;gap:.5rem}.shop-item-icon{font-size:1.25rem}.shop-item-name{font-weight:600;font-size:.92rem;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-item-rarity{font-size:.7rem;text-transform:uppercase;padding:.15rem .4rem;border-radius:var(--radius-sm);font-weight:600}.shop-species-tag{font-size:.75rem;padding:.1rem .4rem;border-radius:4px;background:var(--bg-hover, rgba(0,0,0,.06));margin-left:.25rem}.shop-species-any{opacity:.6}.rarity-common{background:#e0e0e0;color:#666}.rarity-uncommon{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.rarity-rare{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.rarity-epic{background:linear-gradient(135deg,#c084fc,#a855f7);color:#fff}.shop-item.common{border-top:3px solid #c0b8af}.shop-item.uncommon{border-top:3px solid #22c55e}.shop-item.rare{border-top:3px solid #3b82f6}.shop-item.epic{border-top:3px solid #a855f7}.shop-item-description{font-size:.78rem;color:var(--text-secondary);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-item-effects{display:flex;flex-wrap:wrap;gap:.25rem}.shop-effect{font-size:.68rem;background:var(--accent-primary-light);color:var(--accent-primary-dark);padding:.1rem .35rem;border-radius:var(--radius-sm);font-weight:500}.shop-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.35rem;border-top:1px solid var(--border-subtle)}.shop-item-price{font-weight:700;font-size:.95rem;color:var(--text-primary)}.shop-item-price.too-expensive{color:#dc3545}.shop-item-controls{display:flex;gap:.5rem;align-items:center}.shop-qty{padding:.3rem .4rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.85rem;background:var(--bg-main);color:var(--text-primary)}.btn-buy{padding:.35rem .75rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s}.btn-buy:hover:not(:disabled){background:var(--accent-primary-dark)}.btn-buy:disabled,.btn-buy.disabled{background:#ccc;cursor:not-allowed}.btn-buy.success{background:#28a745}.shop-item.owned{opacity:.85;border-color:#28a745}.shop-owned-badge{display:inline-block;padding:.25rem .75rem;background:#28a745;color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem}@media (max-width: 768px){.shop-items-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.shop-page{padding:1rem}.shop-items-grid{grid-template-columns:1fr}.shop-item-footer{flex-wrap:wrap;gap:.3rem}.shop-item-controls{justify-content:space-between}}.login-page .login-card,.creation-page .creation-card,.help-page .help-container{margin:auto}#app{min-height:100vh;display:flex;flex-direction:column}.page-content,.game-layout{flex:1}.notifications-page{max-width:700px;margin:0 auto;padding:2rem}.notifications-list{display:flex;flex-direction:column;gap:.75rem}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:background .2s,border-color .2s}.notification-item.unread{background:var(--accent-primary-light);border-color:var(--accent-primary)}.notification-item.read{opacity:.7}.notification-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-main);border-radius:50%}.notification-content{flex:1;min-width:0}.notification-title{margin:0 0 .25rem;font-size:1rem;color:var(--text-primary)}.notification-message{margin:0 0 .5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.notification-time{font-size:.75rem;color:var(--text-muted)}.btn-mark-read{background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.3rem .6rem;font-size:.8rem;cursor:pointer;color:var(--text-secondary);transition:background .2s,color .2s;flex-shrink:0}.btn-mark-read:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn-mark-read:disabled{opacity:.5;cursor:not-allowed}.btn-mark-all-read{background:var(--accent-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;margin-top:.5rem}.btn-mark-all-read:hover{background:var(--accent-primary-hover)}.btn-mark-all-read:disabled{opacity:.6;cursor:not-allowed}.shipment-widget{background:var(--bg-card);border-radius:var(--radius-lg, 12px);padding:1.25rem;text-align:center;box-shadow:var(--shadow-card, 0 2px 8px rgba(0,0,0,.08));margin-bottom:1.5rem;transition:all .3s ease}.shipment-widget.loading{opacity:.7}.shipment-widget.available{background:linear-gradient(135deg,var(--shipment-avail-start) 0%,var(--shipment-avail-end) 100%);border:2px solid var(--shipment-avail-border);animation:shipment-pulse 2s ease-in-out infinite}@keyframes shipment-pulse{0%,to{box-shadow:0 0 #ffd54f66}50%{box-shadow:0 0 0 10px #ffd54f00}}.shipment-widget.claimed{background:linear-gradient(135deg,var(--shipment-claimed-start) 0%,var(--shipment-claimed-end) 100%);border:2px solid var(--shipment-claimed-border)}.shipment-widget.cooldown{background:var(--bg-card);border:1px solid var(--border-subtle)}.shipment-widget.error{background:var(--shipment-error-bg);border:1px solid var(--shipment-error-border)}.shipment-icon{font-size:2.5rem;margin-bottom:.5rem}.shipment-widget h3{margin:.5rem 0;font-size:1.1rem;color:var(--text-primary, #333)}.shipment-widget p{margin:.25rem 0;font-size:.9rem;color:var(--text-secondary, #666)}.shipment-timer{font-size:1.5rem!important;font-weight:700;color:var(--accent-primary)!important;font-variant-numeric:tabular-nums}.shipment-hint{font-size:.8rem!important;opacity:.8}.btn-claim-shipment{margin-top:.75rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--shipment-avail-btn-start) 0%,var(--shipment-avail-btn-end) 100%);border:none;border-radius:var(--radius-md, 8px);font-weight:600;font-size:1rem;color:var(--shipment-avail-btn-text);cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-claim-shipment:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffca2866}.btn-claim-shipment:disabled{opacity:.7;cursor:not-allowed}.shipment-items{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;text-align:left}.shipment-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--shipment-item-bg);border-radius:var(--radius-md, 8px);border-left:3px solid var(--rarity-common-accent)}.shipment-item.shipment-rarity-uncommon{border-left-color:var(--rarity-uncommon-accent)}.shipment-item.shipment-rarity-rare{border-left-color:var(--rarity-rare-accent)}.shipment-item.shipment-rarity-epic{border-left-color:var(--rarity-epic-accent)}.shipment-item-icon{font-size:1.25rem}.shipment-item-name{flex:1;font-weight:500;color:var(--text-primary, #333)}.shipment-item-qty{font-weight:600;color:var(--accent-primary)}.shipment-item-rarity{font-size:.7rem;text-transform:uppercase;padding:.15rem .4rem;border-radius:4px;font-weight:600}.shipment-item-rarity.rarity-common{background:var(--rarity-common-bg);color:var(--rarity-common-color)}.shipment-item-rarity.rarity-uncommon{background:var(--rarity-uncommon-bg);color:var(--rarity-uncommon-color)}.shipment-item-rarity.rarity-rare{background:var(--rarity-rare-bg);color:var(--rarity-rare-color)}.shipment-item-rarity.rarity-epic{background:var(--rarity-epic-bg);color:var(--rarity-epic-color)}.shipment-next{margin-top:1rem!important;font-size:.85rem!important}.btn-retry-shipment{margin-top:.75rem;padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer}.btn-retry-shipment:hover{background:var(--accent-primary-hover)}@media (max-width: 600px){.shipment-widget{padding:1rem}.shipment-icon{font-size:2rem}.shipment-timer{font-size:1.25rem!important}}.admin-gift-form{max-width:500px;margin-top:1rem}.admin-gift-row{margin-bottom:1rem}.admin-gift-row label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary, #333)}.admin-gift-select,.admin-gift-input{width:100%;padding:.75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);font-size:1rem;background:var(--bg-card);color:var(--text-primary, #333)}.admin-gift-select:disabled{opacity:.6;cursor:not-allowed}.admin-gift-select:focus,.admin-gift-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring-light)}.admin-gift-input[type=number]{max-width:150px}.btn-admin-gift{padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-admin-gift:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-admin-gift:disabled{opacity:.6;cursor:not-allowed}.admin-gift-result{margin-top:1rem}.admin-gift-result .success-text{color:#22c55e;font-weight:500}.admin-gift-result .error-text{color:#ef4444;font-weight:500}.btn-dismiss-shipment{margin-top:1rem;padding:.6rem 1.25rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s}.btn-dismiss-shipment:hover{background:var(--accent-primary-hover)}.setting-row-large{flex-direction:column;align-items:flex-start}.setting-row-large .setting-info{margin-bottom:.75rem}.setting-row-large .setting-controls{width:100%;flex-direction:column;gap:.5rem}.setting-textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);font-family:inherit;font-size:.9rem;line-height:1.4;resize:vertical;background:var(--bg-card);color:var(--text-primary, #333)}.setting-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring-light)}.setting-row-large .btn-save-setting{align-self:flex-end}.shop-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-subtle);padding-bottom:0}.shop-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.shop-tab:hover{color:var(--text-primary);background:var(--bg-card-hover)}.shop-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.shop-tab-content{min-height:300px}.decor-subtabs{display:flex;gap:.25rem;margin-bottom:1.25rem;border-bottom:2px solid var(--border-light);padding-bottom:0}.decor-subtab{padding:.5rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:.85rem;color:var(--text-muted);font-weight:500;transition:color .15s,border-color .15s;font-family:var(--font-body)}.decor-subtab:hover{color:var(--text-primary);background:var(--bg-card-hover)}.decor-subtab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.shipment-widget.hidden{display:none}.upgrades-intro{margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--accent-secondary-light);border-radius:var(--radius-md);color:var(--text-secondary)}.leaderboard-page{padding:2rem}.bulletin-board{max-width:900px;margin:0 auto;background:var(--bg-card);border-radius:12px;padding:2rem;box-shadow:var(--shadow-card);border:2px solid var(--border-subtle)}.bulletin-header{background:var(--bg-main);border-radius:8px;padding:1rem 1.5rem;margin-bottom:1.5rem;border:2px dashed var(--border-subtle);text-align:center}.bulletin-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.8rem}.bulletin-subtitle{color:var(--text-muted);margin:.5rem 0 0;font-size:.95rem}.weekly-stars{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.star-note{padding:1rem;border-radius:4px;box-shadow:var(--shadow-card);border:1px solid var(--border-subtle);background:var(--bg-card);transition:transform .2s}.star-note-1{background:var(--bg-card-hover)}.star-note-2{background:var(--bg-main)}.star-note-3{background:var(--accent-primary-light)}.star-note-4{background:var(--bg-card-hover)}.star-note-5{background:var(--bg-main)}.star-note:hover{transform:scale(1.02) rotate(0)!important}.star-note-icon{font-size:1.8rem;margin-bottom:.5rem}.star-note-category{font-weight:700;color:var(--text-secondary);font-size:.85rem;margin-bottom:.25rem}.star-note-shelter{font-family:var(--font-display);color:var(--accent-primary);font-size:1rem;font-weight:700}.star-note-owner{color:var(--text-muted);font-size:.8rem}.star-note-value{margin-top:.5rem;font-weight:600;color:var(--text-primary);font-size:.9rem}.my-rank-card{display:flex;align-items:center;gap:1rem;background:var(--accent-primary-light);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;border:2px solid var(--accent-primary)}.my-rank-icon{font-size:1.5rem}.my-rank-text{flex:1;color:var(--text-primary)}.my-rank-text strong{color:var(--text-primary)}.my-rank-position{display:inline-block;margin-left:.75rem;background:var(--accent-primary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-weight:600;font-size:.9rem}.leaderboard-notebook{background:linear-gradient(var(--notebook-line) 1px,transparent 1px);background-size:100% 2rem;background-color:var(--notebook-bg);border-radius:8px;padding:1.5rem;box-shadow:4px 5px #0000001f;transform:rotate(.3deg);border-left:4px solid var(--notebook-accent)}.notebook-title{font-family:Comic Sans MS,cursive;color:var(--notebook-title-color);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--notebook-title-border);font-size:1.25rem}.leaderboard-list{display:flex;flex-direction:column;gap:0}.leaderboard-entry{display:flex;align-items:center;padding:.875rem .5rem;border-bottom:1px dashed var(--border-subtle);gap:.75rem;transition:background .2s}.leaderboard-entry:last-child{border-bottom:none}.leaderboard-entry:hover{background:var(--bg-card-hover)}.leaderboard-entry.top-three{background:var(--accent-primary-light)}.entry-rank{width:2.5rem;text-align:center;font-weight:700;color:var(--text-muted);font-size:.9rem}.entry-rank.rank-medal{font-size:1.4rem}.entry-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-main);display:flex;align-items:center;justify-content:center}.entry-avatar img{width:100%;height:100%;object-fit:cover}.entry-avatar .avatar-placeholder{font-size:1.25rem}.entry-info{flex:1;min-width:0}.entry-shelter-name{display:block;font-weight:700;color:var(--text-primary);font-family:var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-owner-name{display:block;color:var(--text-muted);font-size:.8rem}.entry-stats{display:flex;gap:.5rem;flex-wrap:wrap}.entry-stat{background:var(--bg-main);padding:.25rem .6rem;border-radius:12px;font-size:.75rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;border:1px solid var(--border-subtle)}.btn-visit-from-leaderboard{width:36px;height:36px;border:none;border-radius:50%;background:var(--accent-primary-light);color:var(--accent-primary);font-size:1.1rem;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-visit-from-leaderboard:hover{background:var(--accent-primary);color:#fff;transform:scale(1.1)}.leaderboard-empty{text-align:center;padding:2rem;color:var(--text-muted)}.leaderboard-empty p:first-child{font-size:1.1rem;margin-bottom:.5rem}.bulletin-footer{text-align:center;margin-top:1.5rem;color:var(--text-muted);font-size:.9rem;font-style:italic}.leaderboard-loading,.leaderboard-error{text-align:center;padding:3rem;color:var(--text-secondary)}.leaderboard-error .error-detail{color:var(--danger);margin-top:.5rem}.btn-retry{margin-top:1rem;padding:.6rem 1.25rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-pill);font-weight:600;cursor:pointer;transition:background .2s}.btn-retry:hover{background:var(--accent-primary-hover)}@media (max-width: 768px){.bulletin-board{padding:1rem;border-width:4px}.weekly-stars{grid-template-columns:repeat(2,1fr)}.entry-stats{display:none}.leaderboard-entry{padding:.75rem .25rem}.shop-tabs{flex-wrap:wrap}.shop-tab{flex:1;min-width:120px;text-align:center}}@media (max-width: 480px){.weekly-stars{grid-template-columns:1fr}.star-note{transform:rotate(0)!important}}.gifts-section{margin-top:1rem}.gifts-subtabs{display:flex;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-subtle);padding-bottom:0}.gifts-subtab{padding:.6rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.gifts-subtab:hover{color:var(--text-primary);background:var(--bg-card-hover)}.gifts-subtab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.gifts-subtab-content{min-height:200px}.upgrades-room-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-subtle);padding-bottom:0}.upgrades-room-tab{padding:.6rem 1.2rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.upgrades-room-tab:hover{color:var(--text-primary);background:var(--bg-card-hover)}.upgrades-room-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.manage-shelter-content{max-height:70vh;overflow-y:auto}.manage-section{margin-bottom:1.5rem}.manage-section h4{margin:0 0 .75rem;color:var(--text-primary);font-size:1.1rem}.manage-hint{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.manage-divider{border:none;border-top:1px solid var(--border-subtle);margin:1.5rem 0}.rename-form{display:flex;gap:.75rem;align-items:center}.rename-input{flex:1;padding:.6rem .9rem;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:var(--bg-page);transition:border-color .2s,box-shadow .2s}.rename-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-light)}.rename-status{margin-top:.5rem;font-size:.85rem;min-height:1.2em}.rename-status.success{color:var(--success)}.rename-status.error{color:var(--danger)}.btn-primary{padding:.6rem 1.25rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-visit-from-leaderboard.btn-cooldown{background:var(--bg-card);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.own-shelter-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:1.25rem;opacity:.8}.bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg-card);border-top:1px solid var(--border-subtle);box-shadow:0 -2px 8px #3d2b1f14;padding:0 .25rem;padding-bottom:env(safe-area-inset-bottom,0px);align-items:stretch;justify-content:space-around}.bottom-bar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:56px;padding:6px 2px 4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);position:relative;transition:color .15s ease;-webkit-tap-highlight-color:transparent}.bottom-bar-item.active{color:var(--accent-primary)}.bottom-bar-item.active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;background:var(--accent-primary);border-radius:0 0 3px 3px}.bottom-bar-icon{font-size:1.3rem;line-height:1}.bottom-bar-label{font-size:.65rem;font-weight:500;margin-top:2px;line-height:1}.bottom-bar-menu{display:none;position:absolute;bottom:calc(100% + 8px);right:0;min-width:140px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;z-index:110}.bottom-bar-menu.open{display:flex;flex-direction:column}.bottom-bar-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);cursor:pointer;text-align:left;min-height:44px;transition:background .15s ease}.bottom-bar-menu-item:hover{background:var(--bg-card-hover)}.bottom-bar-menu-item+.bottom-bar-menu-item{border-top:1px solid var(--border-subtle)}@media (max-width: 900px){.nav{flex-wrap:wrap;padding:.75rem 1rem;gap:.75rem}.nav-logo-img{height:60px}.nav-center{order:3;width:100%;margin-top:.25rem}.nav-right{flex-wrap:wrap;gap:.75rem}.nav-links{display:none}.bottom-bar{display:flex}.app-footer{margin-bottom:64px}#app{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.nav-stats{gap:.75rem}.nav-stat{font-size:1rem}}@media (max-width: 600px){.nav{padding:.5rem .75rem;gap:.5rem}.nav-logo{gap:.35rem}.nav-logo-img{height:45px}.nav-center{gap:.2rem;margin-left:0;overflow:hidden}.shelter-selector{gap:.2rem;flex-wrap:wrap;justify-content:center}.shelter-tab{font-size:.75rem;padding:.35rem .5rem;max-width:100px}.shelter-tab-new{font-size:.7rem;padding:.35rem .45rem}.nav-online{display:none}.bottom-bar-item{min-height:52px;padding:4px 2px 3px}.nav-stats{gap:.4rem}.nav-stat{font-size:.85rem}.nav-user{gap:.4rem}.nav-avatar{width:32px;height:32px}.btn-logout{font-size:.75rem;padding:.35rem .6rem}.nav-notifications{font-size:1.1rem;padding:.3rem;min-width:40px;min-height:40px}.modal-backdrop{padding:2rem .5rem .5rem;align-items:flex-start}.modal{width:calc(100% - 1rem);max-width:100%;max-height:calc(100vh - 3rem);padding:1rem;margin:0;overflow-y:auto;border-radius:var(--radius-md)}.modal-title{font-size:1.05rem;padding-right:2rem}.modal-subtitle{font-size:.75rem}.modal-close{top:.5rem;right:.5rem;padding:.3rem .5rem}.manage-shelter-content{max-height:calc(100vh - 8rem)}.manage-section{margin-bottom:1rem}.manage-section h4{font-size:.95rem;margin-bottom:.5rem}.manage-hint{font-size:.8rem;margin-bottom:.75rem}.manage-divider{margin:1rem 0}.rename-form{flex-direction:column;gap:.5rem}.rename-input{width:100%;font-size:16px;padding:.6rem .75rem}.rename-form .btn-primary{width:100%}.modal-close-shelter{max-width:100%}.close-shelter-info{margin-top:.25rem}.close-warning,.close-ready{padding:.6rem .75rem;font-size:.8rem;margin-bottom:.75rem}.close-has-animals{font-size:.85rem}.close-hint{font-size:.78rem;margin-bottom:.75rem}.other-shelters-list{gap:.5rem;margin-bottom:.75rem}.other-shelter-option{padding:.6rem .75rem;flex-wrap:wrap;gap:.5rem}.shelter-option-name{font-size:.85rem}.shelter-option-capacity{font-size:.75rem}.btn-move-all{font-size:.75rem;padding:.35rem .6rem}.btn-danger{padding:.6rem 1rem;font-size:.85rem}.modal-adoption{max-width:100%}.economics-breakdown{padding:.75rem;margin:.75rem 0}.econ-title{font-size:.9rem;margin-bottom:.5rem}.econ-row{font-size:.8rem;padding:.2rem 0}.destination-picker{margin:.75rem 0}.destination-title{font-size:.9rem;margin-bottom:.5rem}.destination-option{padding:.6rem .75rem;gap:.5rem}.destination-name{font-size:.85rem}.page-content{padding:.75rem}.page-header h1{font-size:1.3rem}.page-subtitle{font-size:.85rem}.shelter-header{padding:.75rem;gap:.75rem;margin-bottom:1rem}.shelter-header-img{width:80px;height:80px}.shelter-header-title{font-size:1.25rem}.shelter-header-meta{font-size:.75rem}.animal-card{padding:.85rem}.animal-name{font-size:1rem}.care-actions{grid-template-columns:repeat(3,1fr);gap:.3rem}.care-btn{padding:.4rem .25rem;font-size:.65rem;min-height:40px}.shop-tabs{gap:.2rem;flex-wrap:wrap}.shop-tab{flex:1 1 calc(50% - .2rem);min-width:90px;text-align:center;padding:.5rem .4rem;font-size:.8rem}.gifts-subtabs{flex-wrap:wrap;gap:.2rem}.gifts-subtab{flex:1;min-width:70px;text-align:center;font-size:.75rem;padding:.45rem .5rem}.upgrade-card{padding:.6rem .65rem}.upgrade-name{font-size:.9rem}.upgrade-description{font-size:.75rem}.btn-buy-upgrade{padding:.35rem;font-size:.8rem;min-height:38px}.public-shelter-card{padding:.85rem}.shelter-card-name{font-size:.95rem}.btn-visit-shelter{padding:.55rem;font-size:.8rem;min-height:42px}.visit-header{gap:.5rem}.visit-owner-avatar{width:40px;height:40px}.visit-shelter-info h1{font-size:1.15rem}.btn-back{padding:.45rem .75rem;font-size:.8rem;min-height:40px}.btn-record-visit{padding:.5rem .85rem;font-size:.8rem;min-height:40px}.visit-animal-card{padding:.75rem}.btn-helper-care{padding:.45rem .6rem;font-size:.75rem;min-height:40px}.bulletin-board{padding:.6rem;border-width:3px}.leaderboard-entry{padding:.5rem .25rem;gap:.4rem}.entry-rank{width:1.75rem;font-size:.75rem}.entry-rank.rank-medal{font-size:1.1rem}.entry-avatar{width:32px;height:32px}.entry-shelter-name{font-size:.85rem}.entry-owner-name{font-size:.7rem}.btn-visit-from-leaderboard{width:36px;height:36px;min-width:40px;min-height:40px}.weekly-stars{grid-template-columns:1fr 1fr;gap:.5rem}.star-note{padding:.5rem}.star-shelter-name{font-size:.8rem}.star-achievement{font-size:.65rem}.help-section{padding:.85rem}.help-section h2{font-size:1.1rem}.admin-tabs{flex-wrap:wrap;gap:.3rem;justify-content:center}.admin-tab{flex:0 1 auto;min-width:60px;text-align:center;font-size:.7rem;padding:.4rem .5rem}.profile-card{padding:1rem}.profile-header{flex-direction:column;text-align:center;gap:.5rem}.profile-avatar{width:70px;height:70px}.profile-name{font-size:1.2rem}.notification-item{padding:.75rem}.notification-message{font-size:.85rem}.notification-time{font-size:.7rem}.input-shelter-name,.rename-input{font-size:16px;padding:.6rem .75rem}.btn-create,.btn-primary,.btn-danger,.btn-move-all,.btn-spawn,.btn-retry{min-height:42px;font-size:.85rem}.app-footer{padding:.6rem;flex-wrap:wrap;gap:.4rem}.footer-link{font-size:.75rem;padding:.35rem .5rem;min-height:40px}.footer-brand{font-size:.8rem}.footer-version{font-size:.65rem}.quest-card{padding:.55rem}.quest-title{font-size:.75rem}.quest-desc{font-size:.68rem}.quest-type-badge{font-size:.55rem}.inv-item{padding:.3rem .4rem;font-size:.75rem}.inv-cat-label{font-size:.65rem}.sidebar{gap:.75rem}.sidebar-section{padding:.85rem}.sidebar-title{font-size:.9rem;margin-bottom:.55rem;padding-bottom:.4rem}.feedback-modal{width:calc(100% - 1rem);max-width:100%;max-height:calc(100vh - 3rem);padding:1rem}.feedback-modal-header h2{font-size:1.05rem}.feedback-form textarea{font-size:16px}}@media (max-width: 375px){.nav{padding:.35rem .4rem}.nav-logo-img{height:35px}.shelter-tab{font-size:.68rem;padding:.3rem .4rem;max-width:80px}.bottom-bar-label{display:none}.bottom-bar-item{min-height:48px;padding:4px 1px 2px}.bottom-bar-icon{font-size:1.15rem}.nav-stat{font-size:.75rem}.nav-avatar{width:28px;height:28px}.btn-logout{font-size:.7rem;padding:.3rem .5rem}.nav-notifications{min-width:36px;min-height:36px;font-size:1rem}.modal{padding:.85rem;max-height:calc(100vh - 2rem)}.modal-title{font-size:.95rem}.manage-section h4{font-size:.85rem}.manage-hint{font-size:.75rem}.page-header h1{font-size:1.15rem}.shelter-header-title{font-size:1.1rem}.animal-card{padding:.7rem}.animal-name{font-size:.9rem}.care-btn{font-size:.6rem;padding:.35rem .2rem;min-height:36px}.weekly-stars{grid-template-columns:1fr}.shop-tab{font-size:.72rem;padding:.45rem .35rem}.admin-tab{font-size:.68rem;flex:1 1 calc(50% - .2rem)}}@media (hover: none) and (pointer: coarse){.nav-link,.shelter-tab,.shop-tab,.admin-tab,.gifts-tab,.gifts-subtab,.history-tab,.bottom-bar-item,button{min-height:44px}.nav-link:hover,.shelter-tab:hover,.care-btn:hover,.btn-buy-upgrade:hover,.btn-visit-shelter:hover{transform:none}.nav-link:active,.shelter-tab:active,.care-btn:active,.btn-buy-upgrade:active,.btn-visit-shelter:active,.bottom-bar-item:active{transform:scale(.97);opacity:.9}}.login-rewards-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.login-rewards-table th{text-align:left;padding:.5rem .75rem;border-bottom:2px solid var(--border-subtle);font-size:.85rem;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.03em}.login-rewards-table td{padding:.4rem .75rem;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.lr-row:hover{background:var(--bg-hover, rgba(0,0,0,.02))}.lr-day{font-weight:600;color:var(--text-primary, #333);white-space:nowrap}.lr-reward-input{width:80px;padding:.3rem .5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm, 6px);font-size:.9rem;text-align:right;background:var(--bg-card);color:var(--text-primary)}.lr-reward-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px var(--focus-ring)}.cfg-json-input{width:100%;min-width:220px;min-height:4rem;padding:.4rem .5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm, 6px);font-family:monospace;font-size:.8rem;resize:vertical;box-sizing:border-box;background:var(--bg-card);color:var(--text-primary)}.cfg-json-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px var(--focus-ring)}.config-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.config-table-compact .cfg-json-input{min-width:120px;min-height:2.5rem;font-size:.75rem}.config-table-compact .cfg-input{min-width:80px;font-size:.8rem}.admin-hint-details{margin:.5rem 0 1rem;padding:.5rem .75rem;background:var(--bg-hover, rgba(0,0,0,.02));border:1px solid var(--border-subtle);border-radius:var(--radius-sm, 6px);font-size:.85rem}.admin-hint-details summary{cursor:pointer;font-weight:600;color:var(--text-secondary, #666)}.admin-hint-details ul{margin:.5rem 0;padding-left:1.5rem}.admin-hint-details li{margin-bottom:.25rem}.admin-hint-details code{background:var(--bg-code, rgba(0,0,0,.05));padding:.1rem .3rem;border-radius:3px;font-size:.82rem}.lr-actions{display:flex;gap:.4rem;align-items:center}.btn-lr-save{padding:.25rem .6rem;font-size:.8rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;min-width:48px}.btn-lr-save:hover:not(:disabled){opacity:.9}.btn-lr-save:disabled{opacity:.6;cursor:not-allowed}.btn-lr-delete{padding:.25rem .5rem;font-size:.85rem;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm, 6px);cursor:pointer;line-height:1}.btn-lr-delete:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,var(--bg-card));border-color:color-mix(in srgb,var(--danger) 40%,var(--bg-card))}.lr-empty{text-align:center;color:var(--text-secondary, #999);padding:1.5rem!important;font-style:italic}.login-rewards-add{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.login-rewards-add h3{font-size:.95rem;margin-bottom:.5rem}.login-rewards-add-row{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}.login-rewards-add-row label{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--text-secondary, #666)}.lr-input-sm{width:80px;padding:.35rem .5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm, 6px);font-size:.9rem;text-align:right;background:var(--bg-card);color:var(--text-primary)}.lr-input-sm:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px var(--focus-ring)}.btn-add-lr{padding:.35rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm, 6px);font-size:.85rem;cursor:pointer;font-weight:500}.btn-add-lr:hover:not(:disabled){opacity:.9}.btn-add-lr:disabled{opacity:.6;cursor:not-allowed}.config-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.config-table th{text-align:left;padding:.5rem .75rem;border-bottom:2px solid var(--border-subtle);font-size:.8rem;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.03em}.config-table td{padding:.4rem .75rem;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.cfg-row:hover{background:var(--bg-hover, rgba(0,0,0,.02))}.cfg-key{font-weight:600;font-family:monospace;font-size:.85rem}.cfg-desc{font-size:.8rem;color:var(--text-secondary, #666);max-width:250px}.cfg-input{padding:.3rem .5rem;border:1px solid var(--border-subtle);border-radius:6px;font-size:.85rem;min-width:120px;background:var(--bg-card);color:var(--text-primary)}.cfg-input-sm{width:80px;padding:.3rem .5rem;border:1px solid var(--border-subtle);border-radius:6px;font-size:.85rem;text-align:right;background:var(--bg-card);color:var(--text-primary)}.cfg-input-xs{width:50px;padding:.3rem .5rem;border:1px solid var(--border-subtle);border-radius:6px;font-size:.85rem;text-align:center;background:var(--bg-card);color:var(--text-primary)}.cfg-input:focus,.cfg-input-sm:focus,.cfg-input-xs:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px var(--focus-ring)}.config-add{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.config-add h3{font-size:.95rem;margin-bottom:.5rem}.config-add-row{display:flex;gap:.5rem;align-items:end;flex-wrap:wrap}.config-add-row-wrap{flex-wrap:wrap}.btn-add-cfg{padding:.35rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;font-weight:500}.btn-add-cfg:hover:not(:disabled){opacity:.9}.btn-add-cfg:disabled{opacity:.6;cursor:not-allowed}.btn-cfg-save{padding:.25rem .6rem;font-size:.8rem;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;min-width:48px}.btn-cfg-save:hover:not(:disabled){opacity:.9}.btn-cfg-save:disabled{opacity:.6;cursor:not-allowed}.cfg-val-input{width:80px;padding:.3rem .5rem;border:1px solid var(--border-subtle);border-radius:6px;font-size:.9rem;text-align:right}.cfg-val-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px var(--focus-ring)}.milestones-list{display:flex;flex-direction:column;gap:.4rem}.milestone-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-subtle);transition:box-shadow .2s}.milestone-claimable{border-color:var(--bonus-accent);background:linear-gradient(135deg,var(--bonus-bg-start),var(--bonus-bg-end));box-shadow:0 1px 4px var(--bonus-glow)}.milestone-done{opacity:.6}.milestone-icon{font-size:1.3rem;flex-shrink:0}.milestone-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.milestone-title{font-weight:600;font-size:.85rem;color:var(--text-primary)}.milestone-desc{font-size:.75rem;color:var(--text-secondary)}.milestone-bar-wrap{height:4px;background:var(--border-subtle);border-radius:2px;margin-top:.2rem;overflow:hidden}.milestone-bar{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .3s ease}.milestone-progress-text{font-size:.7rem;color:var(--text-secondary)}.milestone-check{font-size:1rem}.btn-claim-milestone{padding:.3rem .6rem;background:linear-gradient(135deg,var(--bonus-accent),var(--bonus-accent-hover));border:none;border-radius:6px;font-weight:600;font-size:.8rem;color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:transform .15s}.btn-claim-milestone:hover:not(:disabled){transform:scale(1.05)}.btn-claim-milestone:disabled{opacity:.7;cursor:not-allowed}.milestone-claimed-btn{background:var(--success)!important;color:var(--bg-card)!important}.no-milestones{font-size:.85rem;color:var(--text-secondary);text-align:center;padding:1rem}.passive-income-detail{font-size:.75rem;color:var(--text-secondary, #888);margin-left:.25rem}.ms-threshold-input,.ms-reward-input{width:70px}@media (max-width: 768px){.config-add-row{flex-direction:column}.config-add-row input,.config-add-row select{width:100%;min-width:unset}.config-table{font-size:.8rem}.config-table th,.config-table td{padding:.3rem .4rem}}.cp-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.cp-card.cp-inactive{opacity:.65;border-style:dashed}.cp-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.cp-icon{font-size:1.5rem}.cp-card-title{flex:1;display:flex;flex-direction:column}.cp-card-title strong{font-size:1.1rem}.cp-meta{font-size:.8rem;color:var(--text-muted)}.cp-card-actions{display:flex;gap:.5rem}.cp-card-actions button{padding:.3rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-main);cursor:pointer;font-size:.8rem}.cp-card-actions .btn-cp-delete{border-color:#e57373;color:#c62828}.cp-description{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0 .75rem}.cp-card-edit{margin-bottom:.75rem}.cp-form-fields{display:flex;flex-direction:column;gap:.5rem}.cp-form-row{display:flex;align-items:center;gap:.6rem}.cp-form-row label{width:80px;flex-shrink:0;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-align:right}.cp-form-row input{flex:0 0 auto}.cp-form-row .cfg-input{flex:1 1 auto;max-width:280px}.cp-form-hint{font-size:.75rem;color:var(--text-muted);font-style:italic}@media (max-width: 520px){.cp-form-row{flex-wrap:wrap}.cp-form-row label{width:100%;text-align:left}.cp-form-row .cfg-input{max-width:100%}.cp-form-hint{width:100%}}.cp-contents h4{font-size:.9rem;margin:0 0 .5rem;color:var(--text-secondary)}.cp-contents-list{list-style:none;padding:0;margin:0 0 .5rem;display:flex;flex-wrap:wrap;gap:.4rem}.cp-contents-list li{display:inline-flex;align-items:center;gap:.3rem;background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.85rem}.btn-cp-remove-content{background:none;border:none;color:#c62828;cursor:pointer;font-size:.8rem;padding:0 .2rem;line-height:1}.cp-empty-contents{font-size:.85rem;color:var(--text-muted);font-style:italic;margin:.25rem 0}.cp-add-content{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.shop-packages-intro{margin-bottom:1rem;color:var(--text-secondary)}.shop-pkg-limit{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.shop-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.shop-empty-hint{font-size:.85rem;margin-top:.5rem}.chest-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;z-index:9999;transition:background .5s ease}.chest-overlay.chest-opening{background:#000000b3}.chest-overlay.chest-closing{background:#0000;pointer-events:none}.chest-overlay.chest-closing .chest-scene{opacity:0;transform:scale(.8)}.chest-scene{display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .3s,transform .3s}.chest-container{position:relative;width:120px;height:100px}.chest-base{position:absolute;bottom:0;left:0;width:100%;height:55px}.chest-base-front{width:100%;height:100%;background:linear-gradient(180deg,#b5651d,#8b4513 40%,#6b3410);border-radius:4px 4px 8px 8px;border:2px solid #5a2d0c;box-shadow:inset 0 -8px 12px #0000004d,inset 0 2px 4px #ffc86433;position:relative}.chest-base-front:after{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:18px;height:14px;background:#d4a017;border-radius:3px;border:1.5px solid #8B6914;box-shadow:inset 0 1px 2px #ffffc880}.chest-base-front:before{content:"";position:absolute;top:20px;left:5%;width:90%;height:3px;background:linear-gradient(90deg,transparent,#d4a017 20%,#d4a017 80%,transparent);box-shadow:0 16px #d4a017;opacity:.6}.chest-lid{position:absolute;bottom:45px;left:0;width:100%;transform-origin:bottom left;transition:transform .8s cubic-bezier(.34,1.56,.64,1);z-index:2}.chest-opening .chest-lid{transform:rotate(-110deg)}.chest-lid-front{width:100%;height:30px;background:linear-gradient(180deg,#c87533,#b5651d);border-radius:4px 4px 0 0;border:2px solid #5a2d0c;border-bottom:none;box-shadow:inset 0 2px 6px #ffc8644d;position:relative}.chest-lid-top{width:100%;height:12px;background:linear-gradient(180deg,#d4853b,#c87533);border-radius:8px 8px 0 0;border:2px solid #5a2d0c;border-bottom:none;margin-top:-1px}.chest-lid-front:before{content:"";position:absolute;bottom:6px;left:5%;width:90%;height:3px;background:linear-gradient(90deg,transparent,#d4a017 20%,#d4a017 80%,transparent);opacity:.6}.chest-glow{position:absolute;bottom:40px;left:10%;width:80%;height:20px;background:radial-gradient(ellipse,rgba(255,215,0,.8) 0%,rgba(255,165,0,.4) 40%,transparent 70%);opacity:0;transition:opacity .6s ease .3s;filter:blur(4px);z-index:1}.chest-opening .chest-glow{opacity:1;animation:chest-glow-pulse 1.5s ease-in-out infinite}@keyframes chest-glow-pulse{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.4)}}.chest-opening .chest-container:before,.chest-opening .chest-container:after{content:"✨";position:absolute;font-size:1.2rem;animation:chest-sparkle 1.2s ease-out forwards;z-index:3}.chest-opening .chest-container:before{top:-10px;left:20%;animation-delay:.4s}.chest-opening .chest-container:after{top:-5px;right:15%;animation-delay:.7s}@keyframes chest-sparkle{0%{opacity:0;transform:translateY(10px) scale(.5)}40%{opacity:1;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-40px) scale(.3)}}.chest-label{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.6);opacity:0;transform:translateY(10px);transition:opacity .4s ease .2s,transform .4s ease .2s;margin-top:.5rem}.chest-opening .chest-label{opacity:1;transform:translateY(0)}.chest-contents{display:flex;flex-direction:column;gap:.4rem;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;max-width:280px}.chest-reveal .chest-contents{opacity:1;transform:translateY(0)}.chest-item{display:flex;align-items:center;gap:.5rem;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem .85rem;color:#fff;font-size:.95rem;font-weight:500;animation:chest-item-pop .4s cubic-bezier(.34,1.56,.64,1) both}.chest-item:nth-child(1){animation-delay:0s}.chest-item:nth-child(2){animation-delay:.1s}.chest-item:nth-child(3){animation-delay:.2s}.chest-item:nth-child(4){animation-delay:.3s}.chest-item:nth-child(5){animation-delay:.4s}.chest-item:nth-child(6){animation-delay:.5s}.chest-item-levelup{background:#ffd70040;border-color:#ffd70080}@keyframes chest-item-pop{0%{opacity:0;transform:scale(.5) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.chest-item-icon{font-size:1.2rem;flex-shrink:0}.chest-close-btn{margin-top:1rem;padding:.6rem 2rem;background:linear-gradient(135deg,#d4a017,#b5651d);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:24px;font-size:1rem;font-weight:700;cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,box-shadow .2s;text-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 4px 15px #d4a01766}.chest-reveal .chest-close-btn{opacity:1;transform:translateY(0);transition-delay:.4s}.chest-close-btn:hover{box-shadow:0 6px 20px #d4a01799;transform:translateY(-1px)}.achievement-count-badge:empty{display:none}.achievement-count-badge{font-size:.85em;color:var(--text-secondary, #888)}.trophy-list{display:flex;flex-direction:column;gap:.5rem}.trophy-card{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-subtle)}.trophy-card .milestone-check{font-size:1rem;flex-shrink:0}.trophy-date{font-size:.7rem;color:var(--text-secondary, #999);margin-top:.1rem}.visit-action-row{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.guestbook-textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;resize:vertical;min-height:2.5rem;max-height:6rem;background:var(--bg-card);color:var(--text-primary)}.guestbook-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb, 99, 102, 241),.15)}.char-counter{font-size:.75rem;color:var(--text-secondary);text-align:right}.guestbook-list{display:flex;flex-direction:column;gap:.75rem}.guestbook-entry{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem 1rem;box-shadow:var(--shadow-card);transition:box-shadow .2s ease}.guestbook-entry:hover{box-shadow:0 2px 8px #00000014}.guestbook-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.guestbook-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.guestbook-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--bg-card-hover, #eee);flex-shrink:0}.guestbook-meta{display:flex;flex-direction:column}.guestbook-name{font-weight:600;font-size:.9rem}.guestbook-time{font-size:.75rem;color:var(--text-secondary)}.guestbook-message{font-style:italic;color:var(--text-secondary);padding-left:46px;margin:0;line-height:1.4}@media (max-width: 600px){.guestbook-avatar,.guestbook-avatar-placeholder{width:32px;height:32px}.guestbook-message{padding-left:0;margin-top:.4rem}}.kofi-link{display:inline-block;margin:.75rem 0;padding:.6rem 1.2rem;background:#ff5e5b;color:#fff;border-radius:8px;font-weight:600;text-decoration:none;transition:background .2s}.kofi-link:hover{background:#e04e4b}.footer-kofi{display:block;margin-top:.25rem;font-size:.7rem;color:var(--text-secondary, #999);text-decoration:none;opacity:.7;transition:opacity .2s}.footer-kofi:hover{opacity:1;color:#ff5e5b}.feedback-github{margin-top:0}.btn-github-create{padding:.3rem .6rem;font-size:.8rem;background:#24292e;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.btn-github-create:hover{background:#444d56}.btn-github-create:disabled{opacity:.6;cursor:wait}.btn-github-link{display:inline-block;padding:.3rem .6rem;font-size:.8rem;color:#24292e;background:#e1e4e8;border-radius:4px;text-decoration:none;transition:background .2s}.btn-github-link:hover{background:#d1d5da}.feedback-toolbar{display:flex;justify-content:flex-end;margin-bottom:.75rem}.btn-toggle-archived{padding:.3rem .75rem;font-size:.8rem;background:var(--bg-card);color:var(--text-secondary, #666);border:1px solid var(--border-subtle);border-radius:var(--radius-sm, 6px);cursor:pointer;transition:background .2s,color .2s}.btn-toggle-archived:hover{color:var(--text-primary);background:var(--bg-hover, rgba(0,0,0,.04))}.btn-toggle-archived:disabled{opacity:.6;cursor:wait}.feedback-archived{opacity:.6;border-style:dashed}.feedback-archived-badge{font-size:.7rem;padding:.1rem .4rem;border-radius:3px;background:var(--bg-hover, rgba(0,0,0,.06));color:var(--text-secondary, #888);margin-left:.4rem;vertical-align:middle}.feedback-actions{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.btn-archive-feedback{padding:.3rem .6rem;font-size:.8rem;background:var(--bg-card);color:var(--text-secondary, #666);border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;transition:background .2s}.btn-archive-feedback:hover{background:var(--bg-hover, rgba(0,0,0,.04));color:var(--text-primary)}.btn-archive-feedback:disabled{opacity:.6;cursor:wait}.construction-banner{background:var(--bg-card, #fff);border:2px dashed #f0ad4e;border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem}.construction-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.construction-icon{font-size:1.2rem}.construction-title{font-weight:600;font-size:.95rem}.construction-phase{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:.4rem}.construction-phase-name{color:var(--text-primary)}.construction-phase-count{color:var(--text-secondary);font-size:.8rem}.construction-progress-bar{width:100%;height:8px;background:var(--bg-card-hover, #e9ecef);border-radius:4px;overflow:hidden}.construction-progress-fill{height:100%;background:#f0ad4e;border-radius:4px;transition:width .4s ease}.upgrade-construction{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--border-color, #ddd)}.construction-status-text{text-align:center;font-size:.8rem;color:var(--text-secondary);margin-top:.4rem}.event-banner{background:var(--bg-card);border:2px solid #f0ad4e;border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:.75rem}.event-banner-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.event-banner-emoji{font-size:1.3rem}.event-banner-title{font-weight:600;font-size:.95rem;color:var(--text-primary);flex:1}.event-banner-countdown{font-size:.75rem;font-weight:600;color:#fff;background:#f0ad4e;border-radius:999px;padding:.15rem .6rem;white-space:nowrap}.event-banner-desc{font-size:.82rem;color:var(--text-secondary);margin:0;line-height:1.4}.event-quest-section{border-left:3px solid #f0ad4e;padding-left:.5rem}.quest-event{border-left:3px solid #f0ad4e}.cfg-checkbox{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-primary);white-space:nowrap}.adopter-pool{display:flex;flex-direction:column;gap:.75rem;margin:.75rem 0}.adopter-card{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-md, .75rem);padding:.85rem;cursor:pointer;transition:border-color .15s,box-shadow .15s}.adopter-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-card-hover)}.adopter-card-selected{border-color:var(--accent-primary);background:var(--accent-primary-light);box-shadow:0 0 0 2px var(--accent-primary)}.adopter-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.adopter-name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.adopter-flavor{font-size:.82rem;color:var(--text-secondary);font-style:italic;margin:.25rem 0 .5rem}.adopter-prefs{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.pref-item{font-size:.72rem;padding:.15rem .45rem;border-radius:999px;font-weight:500}.pref-stage{background:#e8d5f5;color:#6a1b9a}.pref-trait{background:#d4edda;color:#155724}.pref-stat{background:#cce5ff;color:#004085}.adopter-match-bar{width:100%;height:6px;background:var(--border-subtle);border-radius:3px;overflow:hidden;margin-bottom:.4rem}.match-fill{height:100%;border-radius:3px;transition:width .3s ease}.adopter-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.match-score-label{color:var(--text-secondary);font-weight:500}.match-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;text-transform:capitalize}.match-poor{background:var(--match-poor-bg);color:var(--match-poor-color)}.match-fair{background:var(--match-fair-bg);color:var(--match-fair-color)}.match-good{background:var(--match-good-bg);color:var(--match-good-color)}.match-great{background:var(--match-great-bg);color:var(--match-great-color)}.match-perfect{background:var(--match-perfect-bg);color:var(--match-perfect-color)}.wants-pair-badge{display:inline-block;background:var(--accent-pink, #f0a);color:#fff;font-size:.7rem;padding:.1rem .4rem;border-radius:.5rem;margin-right:.25rem}.multiplier-badge{display:inline-block;font-size:.75rem;font-weight:600;color:var(--accent-primary);background:var(--accent-primary-light);padding:.1rem .4rem;border-radius:999px}.adoption-confirm-section{border:2px solid var(--accent-primary);border-radius:var(--radius-md, .75rem);padding:.85rem;margin-top:.75rem;background:var(--accent-primary-light);text-align:center}.confirm-details{margin-bottom:.75rem}.confirm-match{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.4rem 0}.confirm-reward{font-size:1rem;font-weight:600;margin:.3rem 0}.adoption-base-reward{font-size:.85rem;color:var(--text-secondary)}.adoption-match-result{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.5rem 0}@keyframes stat-float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.stat-change-float{position:absolute;right:32px;top:-4px;font-size:.72rem;font-weight:700;pointer-events:none;animation:stat-float-up 1.2s ease-out forwards;z-index:1;text-shadow:0 1px 2px rgba(255,255,255,.8)}.stat-change-float.stat-float-health{color:#e06060}.stat-change-float.stat-float-happiness{color:#f0a050}.stat-change-float.stat-float-social{color:var(--accent-secondary)}.stat-change-float.stat-float-growth{color:#7ab0d4}@keyframes farewell-float{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.8)}}.adoption-farewell{font-size:2.5rem;margin-bottom:.5rem;animation:farewell-float 1.2s ease-out 1.5s forwards}.adoption-farewell-pair{display:flex;align-items:center;justify-content:center;gap:.5rem}.adoption-pair-heart{font-size:1.5rem;animation:pair-heart-pulse .6s ease-in-out .5s 3}@keyframes pair-heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.adoption-complete{text-align:center}.adoption-complete h3{font-size:1.5rem;margin-bottom:.75rem}.adoption-complete p{color:var(--text-secondary);margin-bottom:.75rem}.adoption-reward-line{opacity:0;transform:scale(.5) translateY(10px)}.adoption-reward-line.pop-in{animation:chest-item-pop .4s cubic-bezier(.18,.89,.32,1.28) forwards}.adoption-complete .match-badge{opacity:0;transform:scale(.5)}.adoption-complete .match-badge.pop-in{animation:chest-item-pop .4s cubic-bezier(.18,.89,.32,1.28) forwards}@keyframes levelup-burst{0%{opacity:0;transform:scale(.3)}40%{opacity:.4;transform:scale(1.5)}70%{opacity:.2;transform:scale(2.2)}to{opacity:0;transform:scale(3)}}@keyframes levelup-bounce{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}70%{transform:scale(.9)}85%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes levelup-glow-pulse{0%,to{text-shadow:0 2px 12px rgba(255,215,0,.5),0 0 30px rgba(255,215,0,.3)}50%{text-shadow:0 2px 20px rgba(255,215,0,.8),0 0 50px rgba(255,215,0,.5),0 0 80px rgba(255,215,0,.2)}}@keyframes levelup-label-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes levelup-ring{0%{opacity:0;transform:scale(.3)}30%{opacity:.6}to{opacity:0;transform:scale(2.5)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}20%{opacity:1;transform:translateY(-120px) rotate(90deg)}to{opacity:0;transform:translateY(200px) rotate(var(--confetti-angle, 180deg))}}.levelup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;z-index:10000;transition:background .4s ease;cursor:pointer}.levelup-overlay.levelup-active{background:#0009}.levelup-overlay.levelup-closing{background:#0000;pointer-events:none}.levelup-overlay.levelup-closing .levelup-scene{opacity:0;transform:scale(.8)}.levelup-scene{display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .3s,transform .3s;position:relative}.levelup-burst{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#ffd70099,#ffb4004d 40%,#ffd70000 70%);animation:levelup-burst 1.2s ease-out forwards;pointer-events:none}.levelup-ring{position:absolute;width:200px;height:200px;border-radius:50%;border:3px solid rgba(255,215,0,.5);animation:levelup-ring 1s ease-out .1s forwards;opacity:0;pointer-events:none}.levelup-number{font-family:var(--font-display);font-size:5rem;font-weight:700;color:#ffd54f;text-shadow:0 2px 12px rgba(255,215,0,.5),0 0 30px rgba(255,215,0,.3);opacity:0;transform:scale(0)}.levelup-overlay.levelup-active .levelup-number{animation:levelup-bounce .6s cubic-bezier(.18,.89,.32,1.28) .2s forwards,levelup-glow-pulse 1.5s ease-in-out .8s 2}.levelup-label{font-size:1.2rem;font-weight:600;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.4);opacity:0}.levelup-overlay.levelup-active .levelup-label{animation:levelup-label-in .4s ease-out .5s forwards}.levelup-subtitle{font-size:.9rem;color:#fffc;text-shadow:0 1px 4px rgba(0,0,0,.3);opacity:0}.levelup-overlay.levelup-active .levelup-subtitle{animation:levelup-label-in .4s ease-out .7s forwards}.levelup-sparkle{position:absolute;font-size:1.5rem;pointer-events:none;opacity:0}.levelup-overlay.levelup-active .levelup-sparkle{animation:chest-sparkle 1.2s ease-out forwards}.levelup-sparkle:nth-child(3){top:-40px;left:50%;margin-left:-10px;animation-delay:0s}.levelup-sparkle:nth-child(4){top:-25px;right:-30px;animation-delay:.1s}.levelup-sparkle:nth-child(5){top:50%;right:-40px;margin-top:-10px;animation-delay:.2s}.levelup-sparkle:nth-child(6){bottom:-25px;right:-30px;animation-delay:.3s}.levelup-sparkle:nth-child(7){bottom:-40px;left:50%;margin-left:-10px;animation-delay:.4s}.levelup-sparkle:nth-child(8){bottom:-25px;left:-30px;animation-delay:.5s}.levelup-sparkle:nth-child(9){top:50%;left:-40px;margin-top:-10px;animation-delay:.6s}.levelup-sparkle:nth-child(10){top:-25px;left:-30px;animation-delay:.7s}.levelup-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.confetti-piece{position:absolute;width:6px;height:6px;border-radius:1px;top:50%;opacity:0}.levelup-overlay.levelup-active .confetti-piece{animation:confetti-fall 2s ease-out forwards}@keyframes card-entrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animal-card-new{animation:card-entrance .5s cubic-bezier(.18,.89,.32,1.28) forwards}@keyframes quest-complete-glow{0%{box-shadow:0 0 #8fa98f66}50%{box-shadow:0 0 12px 4px #8fa98f4d}to{box-shadow:0 0 #8fa98f00}}@keyframes quest-flash{0%{background-color:var(--quest-flash-start)}50%{background-color:var(--quest-flash-mid)}}.quest-state-complete{animation:quest-complete-glow .8s ease-in-out 2}.quest-state-complete .quest-progress-fill{animation:quest-flash .6s ease-in-out}.quest-state-complete .btn-claim{animation:chest-item-pop .4s cubic-bezier(.18,.89,.32,1.28) .3s both}@keyframes quests-tab-pulse{0%,to{box-shadow:0 0 #8fa98f00}50%{box-shadow:0 0 10px 3px #8fa98f59}}.quests-tab-glow{animation:quests-tab-pulse 2s ease-in-out infinite}@keyframes milestone-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes milestone-coin-burst{0%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:1;transform:translateY(-30px) scale(1.2)}to{opacity:0;transform:translateY(-50px) scale(.6)}}.milestone-celebrating{background:linear-gradient(90deg,var(--bg-card) 0%,var(--milestone-shimmer-light) 25%,var(--milestone-shimmer-bright) 50%,var(--milestone-shimmer-light) 75%,var(--bg-card) 100%);background-size:200% 100%;animation:milestone-shimmer 1.2s ease-in-out;box-shadow:0 0 16px var(--milestone-glow);transition:box-shadow .3s}.milestone-reward-pop{animation:chest-item-pop .4s cubic-bezier(.18,.89,.32,1.28) forwards}.milestone-sparkle{position:absolute;font-size:1.2rem;pointer-events:none;animation:milestone-coin-burst .8s ease-out forwards;z-index:10}.milestone-card{position:relative;overflow:visible}.notification-postcard{border-left:4px solid var(--postcard-accent)!important;background:linear-gradient(135deg,var(--postcard-bg-start) 0%,var(--postcard-bg-end) 100%)!important}.postcards-scrapbook{display:flex;flex-direction:column;gap:1rem}.postcard-card{background:linear-gradient(135deg,var(--postcard-bg-start) 0%,var(--postcard-bg-mid) 50%,var(--postcard-bg-end) 100%);border:2px dashed var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;position:relative;box-shadow:var(--shadow-card);overflow:hidden}.postcard-card:before{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,color-mix(in srgb,var(--postcard-accent) 20%,transparent) 50%);border-radius:0 var(--radius-md) 0 0}.postcard-stamp{position:absolute;top:.75rem;right:.75rem;font-size:1.5rem;opacity:.7}.postcard-body{padding-right:2.5rem}.postcard-animal-name{font-family:var(--font-display);color:var(--accent-primary);font-size:1.05rem;margin-bottom:.5rem}.postcard-message{color:var(--text-primary);font-size:.95rem;line-height:1.6;margin-bottom:.75rem}.postcard-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.postcard-adopter{font-style:italic}@media (max-width: 480px){.postcard-card{padding:1rem}.postcard-body{padding-right:2rem}.postcard-footer{flex-direction:column;align-items:flex-start;gap:.25rem}}.alumni-timelines{display:flex;flex-direction:column;gap:1.25rem}.alumni-animal-group{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}.alumni-animal-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--postcard-bg-start) 0%,var(--postcard-bg-mid) 100%);border-bottom:1px solid var(--border-subtle)}.alumni-species-emoji{font-size:1.75rem;line-height:1}.alumni-animal-info{display:flex;flex-direction:column;gap:.15rem}.alumni-animal-info strong{font-family:var(--font-display);color:var(--accent-primary);font-size:1.05rem}.alumni-meta{font-size:.8rem;color:var(--text-muted)}.alumni-timeline{display:flex;flex-direction:column;padding:.5rem 0}.alumni-update{display:flex;gap:.75rem;padding:.75rem 1.25rem;border-left:3px solid var(--border-subtle);margin-left:1.75rem;position:relative}.alumni-update.postcard{border-left-color:var(--postcard-accent)}.alumni-update.milestone{border-left-color:var(--accent-primary)}.alumni-update.gift{border-left-color:#d4a017}.alumni-update.story{border-left-color:var(--accent-secondary, var(--accent-primary))}.alumni-update-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.alumni-update-body{flex:1;min-width:0}.alumni-update-message{color:var(--text-primary);font-size:.93rem;line-height:1.55;margin-bottom:.4rem}.alumni-update-footer{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.alumni-gift-badge{display:inline-flex;align-items:center;gap:.2rem;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-weight:600;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;border:1px solid #f59e0b}.alumni-update-date{font-style:italic}@media (max-width: 480px){.alumni-animal-header{padding:.75rem 1rem}.alumni-update{padding:.6rem 1rem;margin-left:1rem}.alumni-update-footer{flex-direction:column;align-items:flex-start;gap:.2rem}}[data-theme=dark] .alumni-gift-badge{background:linear-gradient(135deg,#3a3020,#4a3a1a);color:#f0d080;border-color:#8a6a20}.shipment-item-reveal{animation:chest-item-pop .4s cubic-bezier(.18,.89,.32,1.28) forwards}.shipment-rarity-rare.shipment-item-reveal{animation:chest-item-pop .4s cubic-bezier(.18,.89,.32,1.28) forwards,shipment-rare-glow .6s ease-out .4s}.shipment-rarity-epic.shipment-item-reveal{animation:chest-item-pop .4s cubic-bezier(.18,.89,.32,1.28) forwards,shipment-epic-glow .8s ease-out .4s}@keyframes shipment-rare-glow{0%{box-shadow:0 0 #2196f300}50%{box-shadow:0 0 12px #2196f380}to{box-shadow:0 0 #2196f300}}@keyframes shipment-epic-glow{0%{box-shadow:0 0 #9c27b000}40%{box-shadow:0 0 16px #9c27b099}70%{box-shadow:0 0 8px #9c27b04d}to{box-shadow:0 0 #9c27b000}}.login-reward-pop{animation:chest-item-pop .4s cubic-bezier(.18,.89,.32,1.28) forwards}.login-coin-burst{position:absolute;font-size:1.2rem;pointer-events:none;animation:milestone-coin-burst .8s ease-out forwards;z-index:10}.streak-dot-filling{animation:streak-fill .3s ease-out forwards}@keyframes streak-fill{0%{transform:scale(.5);opacity:.3}60%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.rank-change{font-size:.7rem;font-weight:600;margin-left:4px;animation:rank-change-in .4s ease-out}.rank-up{color:var(--success)}.rank-down{color:var(--danger)}.rank-improved{animation:rank-improved-shimmer 1.2s ease-in-out}@keyframes rank-change-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes rank-improved-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.my-rank-card.rank-improved{background:linear-gradient(90deg,var(--bg-card) 0%,var(--rank-improved-start) 25%,var(--rank-improved-mid) 50%,var(--rank-improved-start) 75%,var(--bg-card) 100%);background-size:200% 100%;animation:rank-improved-shimmer 1.2s ease-in-out;box-shadow:0 0 12px #22c55e4d}.btn-rename-animal{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.1rem .3rem;margin-left:.3rem;border-radius:var(--radius-sm);transition:background .15s;vertical-align:middle}.btn-rename-animal:hover{background:var(--bg-card-hover)}.story-original-name{display:block;font-size:.78rem;font-style:italic;color:var(--text-muted);font-weight:400;margin-top:.1rem}.rename-input{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text-primary);border:1.5px solid var(--border-focus);border-radius:var(--radius-sm);padding:.2rem .5rem;width:100%;max-width:200px;outline:none;box-shadow:0 0 0 3px var(--accent-primary-light)}.rename-counter{display:block;font-size:.7rem;color:var(--text-muted);font-weight:400;margin-top:.15rem}.rename-error{display:block;font-size:.75rem;color:var(--danger);font-weight:400;margin-top:.15rem;min-height:1em}.shelter-tier-bar{display:flex;align-items:center;gap:.5rem}.tier-progress-bar{flex:1;max-width:200px;height:8px;background:var(--border-subtle);border-radius:4px;overflow:hidden}.tier-progress-fill{height:100%;background:linear-gradient(90deg,var(--featured-gold) 0%,var(--featured-gold-light) 100%);border-radius:4px;transition:width .3s ease}.featured-shelters-section{margin-bottom:2rem}.featured-shelters-title{font-family:var(--font-display);font-size:1.2rem;color:var(--text-primary);margin-bottom:1rem}.featured-card{border:2px solid var(--featured-gold);background:linear-gradient(135deg,var(--bg-card) 0%,var(--featured-gold-tint) 100%);position:relative;overflow:visible}.featured-card:hover{border-color:var(--featured-gold-light)}.featured-ribbon{position:absolute;top:-10px;right:12px;background:linear-gradient(135deg,var(--featured-gold) 0%,var(--featured-gold-light) 100%);color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:4px;box-shadow:0 1px 3px #0003;white-space:nowrap}[data-theme=midnight]{--bg-page: #15151e;--bg-card: #1c1c2a;--bg-card-hover: #24243a;--bg-nav: #1c1c2a;--bg-main: #15151e;--accent-primary: #a78bfa;--accent-primary-hover: #9674f0;--accent-primary-light: #2d2b45;--accent-secondary: #6ee7b7;--accent-secondary-light: #1a3030;--text-primary: #e8e6f0;--text-secondary: #8888a8;--text-muted: #6a6a88;--border-subtle: #2a2a3d;--border-focus: #a78bfa;--shadow-card: 0 2px 12px rgba(0,0,0,.25);--shadow-card-hover: 0 4px 20px rgba(0,0,0,.35);--shadow-nav: 0 1px 8px rgba(0,0,0,.3);--danger: #f06080;--success: #6ee7b7;--warning: #fbbf24;--stat-health: #f06080;--stat-happiness: #fbbf24;--stat-growth: #60a5fa;--stage-kitten-bg: #2d2b45;--stage-kitten-color: #a78bfa;--stage-juvenile-bg: #1a3030;--stage-juvenile-color: #6ee7b7;--stage-adult-bg: #1e2840;--stage-adult-color: #60a5fa;--quest-care-bg: #2d2545;--quest-care-color: #c4b5fd;--quest-daily-bg: #1e2840;--quest-daily-color: #60a5fa;--quest-improvement-bg: #1a3030;--quest-improvement-color: #6ee7b7;--quest-story-bg: #2d2545;--quest-story-color: #c4b5fd;--quest-challenge-bg: #3b2f60;--quest-challenge-color: #c4b5fd;--rarity-common-bg: #2a2a3d;--rarity-common-color: #8888a8;--rarity-uncommon-bg: #1a3030;--rarity-uncommon-color: #6ee7b7;--rarity-rare-bg: #2d2545;--rarity-rare-color: #c4b5fd;--bonus-bg: #2a2540;--bonus-bg-start: #1e1a35;--bonus-bg-end: #2a2540;--bonus-border: #a78bfa;--bonus-text: #c4b5fd;--bonus-text-strong: #e8e6f0;--bonus-accent: #a78bfa;--bonus-accent-hover: #9674f0;--bonus-glow: rgba(167,139,250,.25);--bonus-dot-done: #a78bfa;--bonus-dot-current: #6ee7b7;--bonus-dot-current-border: #4ad4a0;--bonus-dot-current-glow: rgba(110,231,183,.4);--postcard-bg-start: #1e1e2e;--postcard-bg-mid: #222238;--postcard-bg-end: #262642;--postcard-accent: #a78bfa;--shipment-avail-start: #2a2540;--shipment-avail-end: #252040;--shipment-avail-border: #a78bfa;--shipment-avail-btn-start: #a78bfa;--shipment-avail-btn-end: #9674f0;--shipment-avail-btn-text: #fff;--shipment-claimed-start: #1a2e2a;--shipment-claimed-end: #1a3030;--shipment-claimed-border: #6ee7b7;--shipment-error-bg: #2e1a1e;--shipment-error-border: #f06080;--shipment-item-bg: rgba(30,30,46,.7);--rarity-epic-bg: #2d2545;--rarity-epic-color: #c4b5fd;--rarity-common-accent: #8888a8;--rarity-uncommon-accent: #6ee7b7;--rarity-rare-accent: #a78bfa;--rarity-epic-accent: #c4b5fd;--close-warning-bg: #2a2540;--close-warning-border: #a78bfa;--close-warning-color: #c4b5fd;--close-blocked-bg: #2e1a2a;--close-blocked-border: #f06080;--close-blocked-color: #f8a0b0;--close-ready-color: #6ee7b7;--care-heal-border: #f06080;--care-heal-bg: #2e1a2a;--care-heal-color: #f8a0b0;--care-heal-hover-border: #e04060;--care-heal-hover-bg: #3a1a2a;--care-heal-hover-color: #f06080;--care-boost-hover-border: #5ac0a0;--care-boost-hover-bg: #1a3030;--care-mixed-border: #fbbf24;--care-mixed-bg: #2a2540;--care-mixed-hover-border: #d9a020;--care-mixed-hover-bg: #252040;--care-penalty-border: #f06080;--care-penalty-bg: #2e1a2a;--care-penalty-hover-border: #e04060;--care-penalty-hover-bg: #3a1a2a;--match-poor-bg: #2e1a2a;--match-poor-color: #f8a0b0;--match-fair-bg: #2a2540;--match-fair-color: #c4b5fd;--match-good-bg: #1a3030;--match-good-color: #6ee7b7;--match-great-bg: #1e2840;--match-great-color: #60a5fa;--match-perfect-bg: #2d2545;--match-perfect-color: #c4b5fd;--notebook-line: #2a2a3d;--notebook-bg: #1c1c2a;--notebook-accent: #a78bfa;--notebook-title-color: #e8e6f0;--notebook-title-border: #2a2a3d;--focus-ring-light: rgba(167, 139, 250, .1);--focus-ring: rgba(167, 139, 250, .15);--toast-bg: #1c1c2a;--toast-border: #2a2a3d;--toast-info-start: #1a2848;--toast-info-end: #1e3050;--toast-info-border: #60a5fa;--toast-error-start: #2e1a2a;--toast-error-end: #3a1a2a;--toast-error-border: #f06080;--toast-success-start: #1a3030;--toast-success-end: #1a3828;--toast-success-border: #6ee7b7;--toast-error-text: #f8a0b0;--toast-success-text: #6ee7b7;--rank-improved-start: #1a3030;--rank-improved-mid: #1a3828;--quest-flash-start: #1a3030;--quest-flash-mid: #1a3828;--milestone-shimmer-light: #2a2540;--milestone-shimmer-bright: #a78bfa;--milestone-glow: rgba(167, 139, 250, .3);--featured-gold: #c4a0ff;--featured-gold-light: #d4b8ff;--featured-gold-tint: rgba(167, 139, 250, .06)}[data-theme=forest]{--bg-page: #1a2418;--bg-card: #1f2e1c;--bg-card-hover: #273824;--bg-nav: #1f2e1c;--bg-main: #1a2418;--accent-primary: #7ccf6e;--accent-primary-hover: #6abf5e;--accent-primary-light: #2a3d26;--accent-secondary: #5cb85c;--accent-secondary-light: #1e3020;--text-primary: #dfe8db;--text-secondary: #7a9470;--text-muted: #5a7a50;--border-subtle: #2d402a;--border-focus: #7ccf6e;--shadow-card: 0 2px 12px rgba(0,0,0,.2);--shadow-card-hover: 0 4px 20px rgba(0,0,0,.3);--shadow-nav: 0 1px 8px rgba(0,0,0,.25);--danger: #f07070;--success: #5cb85c;--warning: #e8b84a;--stat-health: #f07070;--stat-happiness: #e8b84a;--stat-growth: #5aada5;--stage-kitten-bg: #2a3d26;--stage-kitten-color: #7ccf6e;--stage-juvenile-bg: #2a3d26;--stage-juvenile-color: #98d88e;--stage-adult-bg: #1e3040;--stage-adult-color: #5aada5;--quest-care-bg: #2a3d26;--quest-care-color: #98d88e;--quest-daily-bg: #1e3040;--quest-daily-color: #5aada5;--quest-improvement-bg: #2a3d26;--quest-improvement-color: #7ccf6e;--quest-story-bg: #302a40;--quest-story-color: #b0a0d0;--quest-challenge-bg: #2a3d26;--quest-challenge-color: #98d88e;--rarity-common-bg: #2d402a;--rarity-common-color: #7a9470;--rarity-uncommon-bg: #2a3d26;--rarity-uncommon-color: #98d88e;--rarity-rare-bg: #302a40;--rarity-rare-color: #b0a0d0;--bonus-bg: #2a3d26;--bonus-bg-start: #1f2e1c;--bonus-bg-end: #2a3d26;--bonus-border: #7ccf6e;--bonus-text: #98d88e;--bonus-text-strong: #dfe8db;--bonus-accent: #7ccf6e;--bonus-accent-hover: #6abf5e;--bonus-glow: rgba(124,207,110,.25);--bonus-dot-done: #7ccf6e;--bonus-dot-current: #5cb85c;--bonus-dot-current-border: #4aa84a;--bonus-dot-current-glow: rgba(92,184,92,.4);--postcard-bg-start: #222e20;--postcard-bg-mid: #263424;--postcard-bg-end: #2a3a28;--postcard-accent: #7ccf6e;--shipment-avail-start: #263424;--shipment-avail-end: #2a3d26;--shipment-avail-border: #7ccf6e;--shipment-avail-btn-start: #7ccf6e;--shipment-avail-btn-end: #6abf5e;--shipment-avail-btn-text: #1a2418;--shipment-claimed-start: #222e20;--shipment-claimed-end: #263424;--shipment-claimed-border: #5cb85c;--shipment-error-bg: #2e2020;--shipment-error-border: #f07070;--shipment-item-bg: rgba(34,46,32,.7);--rarity-epic-bg: #302a40;--rarity-epic-color: #b0a0d0;--rarity-common-accent: #7a9470;--rarity-uncommon-accent: #98d88e;--rarity-rare-accent: #7ccf6e;--rarity-epic-accent: #b0a0d0;--close-warning-bg: #2a3d26;--close-warning-border: #7ccf6e;--close-warning-color: #98d88e;--close-blocked-bg: #2e2020;--close-blocked-border: #f07070;--close-blocked-color: #f0a0a0;--close-ready-color: #5cb85c;--care-heal-border: #f07070;--care-heal-bg: #2e2020;--care-heal-color: #f0a0a0;--care-heal-hover-border: #e06060;--care-heal-hover-bg: #3a2020;--care-heal-hover-color: #f07070;--care-boost-hover-border: #4aa84a;--care-boost-hover-bg: #1e3020;--care-mixed-border: #e8b84a;--care-mixed-bg: #2a3d26;--care-mixed-hover-border: #d0a040;--care-mixed-hover-bg: #263424;--care-penalty-border: #f07070;--care-penalty-bg: #2e2020;--care-penalty-hover-border: #e06060;--care-penalty-hover-bg: #3a2020;--match-poor-bg: #2e2020;--match-poor-color: #f0a0a0;--match-fair-bg: #2a3d26;--match-fair-color: #98d88e;--match-good-bg: #1e3020;--match-good-color: #5cb85c;--match-great-bg: #1e3040;--match-great-color: #5aada5;--match-perfect-bg: #302a40;--match-perfect-color: #b0a0d0;--notebook-line: #2d402a;--notebook-bg: #1f2e1c;--notebook-accent: #7ccf6e;--notebook-title-color: #dfe8db;--notebook-title-border: #2d402a;--focus-ring-light: rgba(124, 207, 110, .1);--focus-ring: rgba(124, 207, 110, .15);--toast-bg: #1f2e1c;--toast-border: #2d402a;--toast-info-start: #1e3040;--toast-info-end: #1e3848;--toast-info-border: #5aada5;--toast-error-start: #2e2020;--toast-error-end: #3a2020;--toast-error-border: #f07070;--toast-success-start: #1e3020;--toast-success-end: #2a3d26;--toast-success-border: #5cb85c;--toast-error-text: #f0a0a0;--toast-success-text: #98d88e;--rank-improved-start: #1e3020;--rank-improved-mid: #2a3d26;--quest-flash-start: #1e3020;--quest-flash-mid: #2a3d26;--milestone-shimmer-light: #2a3d26;--milestone-shimmer-bright: #7ccf6e;--milestone-glow: rgba(124, 207, 110, .3);--featured-gold: #98d88e;--featured-gold-light: #7ccf6e;--featured-gold-tint: rgba(124, 207, 110, .06)}[data-theme=sakura]{--bg-page: #fdf2f5;--bg-card: #fff8fa;--bg-card-hover: #fceef2;--bg-nav: #fff8fa;--bg-main: #fdf2f5;--accent-primary: #d4728a;--accent-primary-hover: #c4627a;--accent-primary-light: #fce4ec;--accent-secondary: #a5c9a5;--accent-secondary-light: #e8f5e8;--text-primary: #4a3040;--text-secondary: #9a7080;--text-muted: #b8909a;--border-subtle: #f0d6de;--border-focus: #d4728a;--shadow-card: 0 2px 12px rgba(120,50,70,.07);--shadow-card-hover: 0 4px 20px rgba(120,50,70,.12);--shadow-nav: 0 1px 8px rgba(120,50,70,.06);--danger: #ef5350;--success: #66bb6a;--warning: #ffb74d;--stat-health: #ef5350;--stat-happiness: #ffb74d;--stat-growth: #7ab0d4;--stage-kitten-bg: #fce4ec;--stage-kitten-color: #d4728a;--stage-juvenile-bg: #e8f5e8;--stage-juvenile-color: #5a8a5a;--stage-adult-bg: #e0e8f0;--stage-adult-color: #4a6a9a;--quest-care-bg: #fce4ec;--quest-care-color: #c2506a;--quest-daily-bg: #e0e8f0;--quest-daily-color: #4a6a9a;--quest-improvement-bg: #e8f5e8;--quest-improvement-color: #5a8a5a;--quest-story-bg: #f0e4f4;--quest-story-color: #7a5a9a;--quest-challenge-bg: #fce4ec;--quest-challenge-color: #c2506a;--rarity-common-bg: #f0e4e8;--rarity-common-color: #9a7080;--rarity-uncommon-bg: #e8f5e8;--rarity-uncommon-color: #5a8a5a;--rarity-rare-bg: #f0e4f4;--rarity-rare-color: #7a5a9a;--bonus-bg: #fce4ec;--bonus-bg-start: #fff0f4;--bonus-bg-end: #fce4ec;--bonus-border: #d4728a;--bonus-text: #9a4060;--bonus-text-strong: #4a3040;--bonus-accent: #d4728a;--bonus-accent-hover: #c4627a;--bonus-glow: rgba(212,114,138,.25);--bonus-dot-done: #d4728a;--bonus-dot-current: #66bb6a;--bonus-dot-current-border: #4caf50;--bonus-dot-current-glow: rgba(102,187,106,.4);--postcard-bg-start: #fff4f6;--postcard-bg-mid: #ffeef2;--postcard-bg-end: #ffe8ee;--postcard-accent: #d4728a;--shipment-avail-start: #fff8e8;--shipment-avail-end: #fff4d6;--shipment-avail-border: #d4728a;--shipment-avail-btn-start: #d4728a;--shipment-avail-btn-end: #c4627a;--shipment-avail-btn-text: #fff;--shipment-claimed-start: #f0fff0;--shipment-claimed-end: #e8f5e8;--shipment-claimed-border: #66bb6a;--shipment-error-bg: #fff0f0;--shipment-error-border: #ef5350;--shipment-item-bg: rgba(255,248,250,.7);--rarity-epic-bg: #f0e4f4;--rarity-epic-color: #7a5a9a;--rarity-common-accent: #9a7080;--rarity-uncommon-accent: #5a8a5a;--rarity-rare-accent: #7a5a9a;--rarity-epic-accent: #7a5a9a;--close-warning-bg: #fff3e0;--close-warning-border: #d4728a;--close-warning-color: #9a4060;--close-blocked-bg: #fce4e8;--close-blocked-border: #ef5350;--close-blocked-color: #c04040;--close-ready-color: #5a8a5a;--care-heal-border: #ef5350;--care-heal-bg: #fff0f0;--care-heal-color: #c04040;--care-heal-hover-border: #e04040;--care-heal-hover-bg: #ffe0e0;--care-heal-hover-color: #b03030;--care-boost-hover-border: #4a8a4a;--care-boost-hover-bg: #e0f0e0;--care-mixed-border: #d4728a;--care-mixed-bg: #fff0f4;--care-mixed-hover-border: #c4627a;--care-mixed-hover-bg: #ffe8ee;--care-penalty-border: #ef5350;--care-penalty-bg: #fff0f0;--care-penalty-hover-border: #e04040;--care-penalty-hover-bg: #ffe0e0;--match-poor-bg: #fce4e8;--match-poor-color: #c04040;--match-fair-bg: #fff3e0;--match-fair-color: #9a4060;--match-good-bg: #e8f5e8;--match-good-color: #5a8a5a;--match-great-bg: #e0e8f0;--match-great-color: #4a6a9a;--match-perfect-bg: #f0e4f4;--match-perfect-color: #7a5a9a;--notebook-line: #f0d6de;--notebook-bg: #fff8fa;--notebook-accent: #d4728a;--notebook-title-color: #4a3040;--notebook-title-border: #f0d6de;--focus-ring-light: rgba(212, 114, 138, .1);--focus-ring: rgba(212, 114, 138, .15);--toast-bg: #fff8fa;--toast-border: #f0d6de;--toast-info-start: #e8f0f8;--toast-info-end: #d8e8f4;--toast-info-border: #7ab0d4;--toast-error-start: #fce4e8;--toast-error-end: #f8d0d4;--toast-error-border: #ef5350;--toast-success-start: #e8f5e8;--toast-success-end: #d8f0d8;--toast-success-border: #66bb6a;--toast-error-text: #c04040;--toast-success-text: #5a8a5a;--rank-improved-start: #e8f5e8;--rank-improved-mid: #d0ecd0;--quest-flash-start: #e8f5e8;--quest-flash-mid: #d0ecd0;--milestone-shimmer-light: #fff0f4;--milestone-shimmer-bright: #d4728a;--milestone-glow: rgba(212, 114, 138, .3);--featured-gold: #d4728a;--featured-gold-light: #e8a0b4;--featured-gold-tint: rgba(212, 114, 138, .06)}[data-theme=ocean]{--bg-page: #0f1c2e;--bg-card: #152538;--bg-card-hover: #1a2e45;--bg-nav: #152538;--bg-main: #0f1c2e;--accent-primary: #4fc3f7;--accent-primary-hover: #39b3e7;--accent-primary-light: #1a3048;--accent-secondary: #4dd0e1;--accent-secondary-light: #152e38;--text-primary: #d6e8f5;--text-secondary: #6a8ea8;--text-muted: #4a7090;--border-subtle: #1e3450;--border-focus: #4fc3f7;--shadow-card: 0 2px 12px rgba(0,0,0,.2);--shadow-card-hover: 0 4px 20px rgba(0,0,0,.3);--shadow-nav: 0 1px 8px rgba(0,0,0,.3);--danger: #ef5350;--success: #4dd0e1;--warning: #ffd54f;--stat-health: #ef5350;--stat-happiness: #ffd54f;--stat-growth: #4fc3f7;--stage-kitten-bg: #1a3048;--stage-kitten-color: #4fc3f7;--stage-juvenile-bg: #153830;--stage-juvenile-color: #4dd0e1;--stage-adult-bg: #1e3450;--stage-adult-color: #80d8ff;--quest-care-bg: #1a3048;--quest-care-color: #80d8ff;--quest-daily-bg: #1e3450;--quest-daily-color: #4fc3f7;--quest-improvement-bg: #153830;--quest-improvement-color: #4dd0e1;--quest-story-bg: #2a2040;--quest-story-color: #b0a0e0;--quest-challenge-bg: #1a3048;--quest-challenge-color: #80d8ff;--rarity-common-bg: #1e3450;--rarity-common-color: #6a8ea8;--rarity-uncommon-bg: #153830;--rarity-uncommon-color: #4dd0e1;--rarity-rare-bg: #2a2040;--rarity-rare-color: #b0a0e0;--bonus-bg: #1a3048;--bonus-bg-start: #152538;--bonus-bg-end: #1a3048;--bonus-border: #4fc3f7;--bonus-text: #80d8ff;--bonus-text-strong: #d6e8f5;--bonus-accent: #4fc3f7;--bonus-accent-hover: #39b3e7;--bonus-glow: rgba(79,195,247,.25);--bonus-dot-done: #4fc3f7;--bonus-dot-current: #4dd0e1;--bonus-dot-current-border: #26c6da;--bonus-dot-current-glow: rgba(77,208,225,.4);--postcard-bg-start: #182838;--postcard-bg-mid: #1c2e42;--postcard-bg-end: #20344c;--postcard-accent: #4fc3f7;--shipment-avail-start: #1a2e45;--shipment-avail-end: #1a3048;--shipment-avail-border: #4fc3f7;--shipment-avail-btn-start: #4fc3f7;--shipment-avail-btn-end: #39b3e7;--shipment-avail-btn-text: #0f1c2e;--shipment-claimed-start: #152e2e;--shipment-claimed-end: #153830;--shipment-claimed-border: #4dd0e1;--shipment-error-bg: #2e1a1e;--shipment-error-border: #ef5350;--shipment-item-bg: rgba(21,37,56,.7);--rarity-epic-bg: #2a2040;--rarity-epic-color: #b0a0e0;--rarity-common-accent: #6a8ea8;--rarity-uncommon-accent: #4dd0e1;--rarity-rare-accent: #4fc3f7;--rarity-epic-accent: #b0a0e0;--close-warning-bg: #1a3048;--close-warning-border: #4fc3f7;--close-warning-color: #80d8ff;--close-blocked-bg: #2e1a1e;--close-blocked-border: #ef5350;--close-blocked-color: #f8a0a0;--close-ready-color: #4dd0e1;--care-heal-border: #ef5350;--care-heal-bg: #2e1a1e;--care-heal-color: #f8a0a0;--care-heal-hover-border: #e04040;--care-heal-hover-bg: #3a1a1e;--care-heal-hover-color: #ef5350;--care-boost-hover-border: #3ab0c0;--care-boost-hover-bg: #152e38;--care-mixed-border: #ffd54f;--care-mixed-bg: #1a3048;--care-mixed-hover-border: #e0c040;--care-mixed-hover-bg: #1a2e45;--care-penalty-border: #ef5350;--care-penalty-bg: #2e1a1e;--care-penalty-hover-border: #e04040;--care-penalty-hover-bg: #3a1a1e;--match-poor-bg: #2e1a1e;--match-poor-color: #f8a0a0;--match-fair-bg: #1a3048;--match-fair-color: #80d8ff;--match-good-bg: #152e2e;--match-good-color: #4dd0e1;--match-great-bg: #1e3450;--match-great-color: #4fc3f7;--match-perfect-bg: #2a2040;--match-perfect-color: #b0a0e0;--notebook-line: #1e3450;--notebook-bg: #152538;--notebook-accent: #4fc3f7;--notebook-title-color: #d6e8f5;--notebook-title-border: #1e3450;--focus-ring-light: rgba(79, 195, 247, .1);--focus-ring: rgba(79, 195, 247, .15);--toast-bg: #152538;--toast-border: #1e3450;--toast-info-start: #1a3048;--toast-info-end: #1e3850;--toast-info-border: #4fc3f7;--toast-error-start: #2e1a1e;--toast-error-end: #3a1a1e;--toast-error-border: #ef5350;--toast-success-start: #152e2e;--toast-success-end: #153830;--toast-success-border: #4dd0e1;--toast-error-text: #f8a0a0;--toast-success-text: #4dd0e1;--rank-improved-start: #152e2e;--rank-improved-mid: #153830;--quest-flash-start: #152e2e;--quest-flash-mid: #153830;--milestone-shimmer-light: #1a3048;--milestone-shimmer-bright: #4fc3f7;--milestone-glow: rgba(79, 195, 247, .3);--featured-gold: #4fc3f7;--featured-gold-light: #80d8ff;--featured-gold-tint: rgba(79, 195, 247, .06)}[data-theme=cozy]{--bg-page: #2a1f1a;--bg-card: #332820;--bg-card-hover: #3d3228;--bg-nav: #332820;--bg-main: #2a1f1a;--accent-primary: #e8a862;--accent-primary-hover: #d89852;--accent-primary-light: #4a3828;--accent-secondary: #8faa7a;--accent-secondary-light: #30381e;--text-primary: #e8ddd0;--text-secondary: #9a8570;--text-muted: #7a6a55;--border-subtle: #4a3828;--border-focus: #e8a862;--shadow-card: 0 2px 12px rgba(0,0,0,.2);--shadow-card-hover: 0 4px 20px rgba(0,0,0,.3);--shadow-nav: 0 1px 8px rgba(0,0,0,.3);--danger: #e06060;--success: #8faa7a;--warning: #e8a862;--stat-health: #e06060;--stat-happiness: #e8a862;--stat-growth: #7ab0d4;--stage-kitten-bg: #4a3828;--stage-kitten-color: #e8a862;--stage-juvenile-bg: #30381e;--stage-juvenile-color: #8faa7a;--stage-adult-bg: #2a3040;--stage-adult-color: #7ab0d4;--quest-care-bg: #4a3828;--quest-care-color: #e0c090;--quest-daily-bg: #2a3040;--quest-daily-color: #7ab0d4;--quest-improvement-bg: #30381e;--quest-improvement-color: #8faa7a;--quest-story-bg: #3a2840;--quest-story-color: #c0a0d0;--quest-challenge-bg: #4a3828;--quest-challenge-color: #e0c090;--rarity-common-bg: #4a3828;--rarity-common-color: #9a8570;--rarity-uncommon-bg: #30381e;--rarity-uncommon-color: #8faa7a;--rarity-rare-bg: #3a2840;--rarity-rare-color: #c0a0d0;--bonus-bg: #4a3828;--bonus-bg-start: #332820;--bonus-bg-end: #4a3828;--bonus-border: #e8a862;--bonus-text: #e0c090;--bonus-text-strong: #e8ddd0;--bonus-accent: #e8a862;--bonus-accent-hover: #d89852;--bonus-glow: rgba(232,168,98,.25);--bonus-dot-done: #e8a862;--bonus-dot-current: #8faa7a;--bonus-dot-current-border: #7a9a6a;--bonus-dot-current-glow: rgba(143,170,122,.4);--postcard-bg-start: #362a22;--postcard-bg-mid: #3a2e26;--postcard-bg-end: #3e322a;--postcard-accent: #e8a862;--shipment-avail-start: #3d3228;--shipment-avail-end: #4a3828;--shipment-avail-border: #e8a862;--shipment-avail-btn-start: #e8a862;--shipment-avail-btn-end: #d89852;--shipment-avail-btn-text: #2a1f1a;--shipment-claimed-start: #2a3828;--shipment-claimed-end: #30381e;--shipment-claimed-border: #8faa7a;--shipment-error-bg: #3e2020;--shipment-error-border: #e06060;--shipment-item-bg: rgba(51,40,32,.7);--rarity-epic-bg: #3a2840;--rarity-epic-color: #c0a0d0;--rarity-common-accent: #9a8570;--rarity-uncommon-accent: #8faa7a;--rarity-rare-accent: #e8a862;--rarity-epic-accent: #c0a0d0;--close-warning-bg: #4a3828;--close-warning-border: #e8a862;--close-warning-color: #e0c090;--close-blocked-bg: #3e2020;--close-blocked-border: #e06060;--close-blocked-color: #e8a0a0;--close-ready-color: #8faa7a;--care-heal-border: #e06060;--care-heal-bg: #3e2020;--care-heal-color: #e8a0a0;--care-heal-hover-border: #d05050;--care-heal-hover-bg: #4a2020;--care-heal-hover-color: #e06060;--care-boost-hover-border: #7a9a6a;--care-boost-hover-bg: #30381e;--care-mixed-border: #e8a862;--care-mixed-bg: #4a3828;--care-mixed-hover-border: #d89852;--care-mixed-hover-bg: #3d3228;--care-penalty-border: #e06060;--care-penalty-bg: #3e2020;--care-penalty-hover-border: #d05050;--care-penalty-hover-bg: #4a2020;--match-poor-bg: #3e2020;--match-poor-color: #e8a0a0;--match-fair-bg: #4a3828;--match-fair-color: #e0c090;--match-good-bg: #2a3828;--match-good-color: #8faa7a;--match-great-bg: #2a3040;--match-great-color: #7ab0d4;--match-perfect-bg: #3a2840;--match-perfect-color: #c0a0d0;--notebook-line: #4a3828;--notebook-bg: #332820;--notebook-accent: #e8a862;--notebook-title-color: #e8ddd0;--notebook-title-border: #4a3828;--focus-ring-light: rgba(232, 168, 98, .1);--focus-ring: rgba(232, 168, 98, .15);--toast-bg: #332820;--toast-border: #4a3828;--toast-info-start: #2a3040;--toast-info-end: #2e3848;--toast-info-border: #7ab0d4;--toast-error-start: #3e2020;--toast-error-end: #4a2020;--toast-error-border: #e06060;--toast-success-start: #2a3828;--toast-success-end: #30381e;--toast-success-border: #8faa7a;--toast-error-text: #e8a0a0;--toast-success-text: #8faa7a;--rank-improved-start: #2a3828;--rank-improved-mid: #30381e;--quest-flash-start: #2a3828;--quest-flash-mid: #30381e;--milestone-shimmer-light: #4a3828;--milestone-shimmer-bright: #e8a862;--milestone-glow: rgba(232, 168, 98, .3);--featured-gold: #e8a862;--featured-gold-light: #f0c080;--featured-gold-tint: rgba(232, 168, 98, .06)}[data-theme=neon]{--bg-page: #0a0a0f;--bg-card: #0e0e18;--bg-card-hover: #141420;--bg-nav: #0e0e18;--bg-main: #0a0a0f;--accent-primary: #ff2daa;--accent-primary-hover: #e020a0;--accent-primary-light: #1a0a20;--accent-secondary: #00ffc8;--accent-secondary-light: #0a1a1a;--text-primary: #f0f0ff;--text-secondary: #6a6a8a;--text-muted: #4a4a6a;--border-subtle: #1a1a2a;--border-focus: #ff2daa;--shadow-card: 0 0 12px rgba(0,255,200,.04);--shadow-card-hover: 0 0 20px rgba(255,45,170,.1), 0 0 20px rgba(0,255,200,.06);--shadow-nav: 0 1px 12px rgba(255,0,200,.08), 0 1px 4px rgba(0,255,200,.05);--danger: #ff2d55;--success: #00ffc8;--warning: #ffe100;--stat-health: #ff2d55;--stat-happiness: #ffe100;--stat-growth: #00aaff;--stage-kitten-bg: #1a0a20;--stage-kitten-color: #ff2daa;--stage-juvenile-bg: #0a1a1a;--stage-juvenile-color: #00ffc8;--stage-adult-bg: #0a1020;--stage-adult-color: #00aaff;--quest-care-bg: #1a0a20;--quest-care-color: #ff2daa;--quest-daily-bg: #0a1020;--quest-daily-color: #00aaff;--quest-improvement-bg: #0a1a1a;--quest-improvement-color: #00ffc8;--quest-story-bg: #1a0a20;--quest-story-color: #ff2daa;--quest-challenge-bg: #1a0a20;--quest-challenge-color: #ff2daa;--rarity-common-bg: #1a1a2a;--rarity-common-color: #6a6a8a;--rarity-uncommon-bg: #0a1a1a;--rarity-uncommon-color: #00ffc8;--rarity-rare-bg: #1a0a20;--rarity-rare-color: #ff2daa;--bonus-bg: #1a0a20;--bonus-bg-start: #0e0e18;--bonus-bg-end: #1a0a20;--bonus-border: #ff2daa;--bonus-text: #ff80cc;--bonus-text-strong: #f0f0ff;--bonus-accent: #ff2daa;--bonus-accent-hover: #e020a0;--bonus-glow: rgba(255,45,170,.3);--bonus-dot-done: #ff2daa;--bonus-dot-current: #00ffc8;--bonus-dot-current-border: #00dda8;--bonus-dot-current-glow: rgba(0,255,200,.4);--postcard-bg-start: #10101a;--postcard-bg-mid: #121220;--postcard-bg-end: #141426;--postcard-accent: #ff2daa;--shipment-avail-start: #141420;--shipment-avail-end: #1a0a20;--shipment-avail-border: #ff2daa;--shipment-avail-btn-start: #ff2daa;--shipment-avail-btn-end: #e020a0;--shipment-avail-btn-text: #fff;--shipment-claimed-start: #0a1a1a;--shipment-claimed-end: #0a1a18;--shipment-claimed-border: #00ffc8;--shipment-error-bg: #1a0a0a;--shipment-error-border: #ff2d55;--shipment-item-bg: rgba(14,14,24,.7);--rarity-epic-bg: #1a0a20;--rarity-epic-color: #ff2daa;--rarity-common-accent: #6a6a8a;--rarity-uncommon-accent: #00ffc8;--rarity-rare-accent: #00aaff;--rarity-epic-accent: #ff2daa;--close-warning-bg: #1a0a20;--close-warning-border: #ff2daa;--close-warning-color: #ff80cc;--close-blocked-bg: #1a0a0a;--close-blocked-border: #ff2d55;--close-blocked-color: #ff6688;--close-ready-color: #00ffc8;--care-heal-border: #ff2d55;--care-heal-bg: #1a0a0a;--care-heal-color: #ff6688;--care-heal-hover-border: #e02040;--care-heal-hover-bg: #2a0a0a;--care-heal-hover-color: #ff2d55;--care-boost-hover-border: #00dda8;--care-boost-hover-bg: #0a1a18;--care-mixed-border: #ffe100;--care-mixed-bg: #1a0a20;--care-mixed-hover-border: #d0c000;--care-mixed-hover-bg: #141420;--care-penalty-border: #ff2d55;--care-penalty-bg: #1a0a0a;--care-penalty-hover-border: #e02040;--care-penalty-hover-bg: #2a0a0a;--match-poor-bg: #1a0a0a;--match-poor-color: #ff6688;--match-fair-bg: #1a0a20;--match-fair-color: #ffe100;--match-good-bg: #0a1a1a;--match-good-color: #00ffc8;--match-great-bg: #0a1020;--match-great-color: #00aaff;--match-perfect-bg: #1a0a20;--match-perfect-color: #ff2daa;--notebook-line: #1a1a2a;--notebook-bg: #0e0e18;--notebook-accent: #ff2daa;--notebook-title-color: #f0f0ff;--notebook-title-border: #1a1a2a;--focus-ring-light: rgba(255, 45, 170, .1);--focus-ring: rgba(255, 45, 170, .15);--toast-bg: #0e0e18;--toast-border: #1a1a2a;--toast-info-start: #0a1020;--toast-info-end: #0a1828;--toast-info-border: #00aaff;--toast-error-start: #1a0a0a;--toast-error-end: #2a0a0a;--toast-error-border: #ff2d55;--toast-success-start: #0a1a1a;--toast-success-end: #0a1a18;--toast-success-border: #00ffc8;--toast-error-text: #ff6688;--toast-success-text: #00ffc8;--rank-improved-start: #0a1a1a;--rank-improved-mid: #0a1a18;--quest-flash-start: #0a1a1a;--quest-flash-mid: #0a1a18;--milestone-shimmer-light: #1a0a20;--milestone-shimmer-bright: #ff2daa;--milestone-glow: rgba(255, 45, 170, .3);--featured-gold: #ff2daa;--featured-gold-light: #ff80cc;--featured-gold-tint: rgba(255, 45, 170, .06)}[data-theme=neon] .nav-brand{text-shadow:0 0 8px rgba(255,45,170,.5)}[data-theme=neon] .nav-link.active{text-shadow:0 0 6px rgba(0,255,200,.4)}[data-theme=neon] .shelter-header{box-shadow:0 0 16px #ff00c80f,inset 0 0 1px #00ffc81a}[data-theme=neon] .stat-bar-health{box-shadow:0 0 6px #ff2d5566}[data-theme=neon] .stat-bar-happiness{box-shadow:0 0 6px #ffe1004d}[data-theme=neon] .stat-bar-social{box-shadow:0 0 6px #00ffc84d}[data-theme=neon] .stat-bar-growth{box-shadow:0 0 6px #00aaff4d}[data-theme=neon] .btn-primary{background:linear-gradient(135deg,#ff2daa,#8b2dff);box-shadow:0 0 12px #ff2daa4d}[data-theme=neon] .quest-progress-bar{background:linear-gradient(90deg,#ff2daa,#00ffc8);box-shadow:0 0 8px #ff2daa4d}[data-theme=neon] .animal-stage-badge{border:1px solid currentColor}[data-theme=neon] .trait-tag{border:1px solid rgba(0,255,200,.2)}[data-theme=parchment]{--bg-page: #e8d9b8;--bg-card: #f5ecd4;--bg-card-hover: #ece0c4;--bg-nav: #f0e2c6;--bg-main: #e8d9b8;--accent-primary: #8b4513;--accent-primary-hover: #7a3a10;--accent-primary-light: #e8d9b8;--accent-secondary: #5a8a50;--accent-secondary-light: #dae0c0;--text-primary: #4a3520;--text-secondary: #7a6040;--text-muted: #9a8060;--border-subtle: #c8b48a;--border-focus: #8b4513;--shadow-card: 2px 3px 0 rgba(80,50,20,.1);--shadow-card-hover: 3px 4px 0 rgba(80,50,20,.15);--shadow-nav: 0 2px 4px rgba(80,50,20,.1);--danger: #b84040;--success: #5a8a50;--warning: #c89030;--stat-health: #b84040;--stat-happiness: #c89030;--stat-growth: #4a7a8a;--stage-kitten-bg: #e8d9b8;--stage-kitten-color: #8b4513;--stage-juvenile-bg: #dae0c0;--stage-juvenile-color: #5a8a50;--stage-adult-bg: #d0d8e0;--stage-adult-color: #4a6a80;--quest-care-bg: #e8d9b8;--quest-care-color: #8b4513;--quest-daily-bg: #d0d8e0;--quest-daily-color: #4a6a80;--quest-improvement-bg: #dae0c0;--quest-improvement-color: #5a8a50;--quest-story-bg: #e0d4e4;--quest-story-color: #6a4a7a;--quest-challenge-bg: #e8d9b8;--quest-challenge-color: #8b4513;--rarity-common-bg: #d8c8a4;--rarity-common-color: #7a6040;--rarity-uncommon-bg: #dae0c0;--rarity-uncommon-color: #5a8a50;--rarity-rare-bg: #e0d4e4;--rarity-rare-color: #6a4a7a;--bonus-bg: #e8d9b8;--bonus-bg-start: #f0e2c6;--bonus-bg-end: #e8d9b8;--bonus-border: #8b4513;--bonus-text: #6a4a20;--bonus-text-strong: #4a2810;--bonus-accent: #8b4513;--bonus-accent-hover: #7a3a10;--bonus-glow: rgba(139,69,19,.2);--bonus-dot-done: #8b4513;--bonus-dot-current: #5a8a50;--bonus-dot-current-border: #4a7a40;--bonus-dot-current-glow: rgba(90,138,80,.4);--postcard-bg-start: #f2e4c8;--postcard-bg-mid: #eedcbc;--postcard-bg-end: #ead4b0;--postcard-accent: #8b4513;--shipment-avail-start: #f0e2c6;--shipment-avail-end: #e8d9b8;--shipment-avail-border: #8b4513;--shipment-avail-btn-start: #8b4513;--shipment-avail-btn-end: #7a3a10;--shipment-avail-btn-text: #f5ecd4;--shipment-claimed-start: #dae0c0;--shipment-claimed-end: #d0d8b8;--shipment-claimed-border: #5a8a50;--shipment-error-bg: #e8c8c0;--shipment-error-border: #b84040;--shipment-item-bg: rgba(245,236,212,.7);--rarity-epic-bg: #e0d4e4;--rarity-epic-color: #6a4a7a;--rarity-common-accent: #7a6040;--rarity-uncommon-accent: #5a8a50;--rarity-rare-accent: #6a4a7a;--rarity-epic-accent: #6a4a7a;--close-warning-bg: #e8d9b8;--close-warning-border: #8b4513;--close-warning-color: #6a4a20;--close-blocked-bg: #e0c0b8;--close-blocked-border: #b84040;--close-blocked-color: #8a3030;--close-ready-color: #5a8a50;--care-heal-border: #b84040;--care-heal-bg: #e8c8c0;--care-heal-color: #8a3030;--care-heal-hover-border: #a83030;--care-heal-hover-bg: #e0b8b0;--care-heal-hover-color: #7a2020;--care-boost-hover-border: #4a7a40;--care-boost-hover-bg: #d0d8b8;--care-mixed-border: #c89030;--care-mixed-bg: #e8d9b8;--care-mixed-hover-border: #b08028;--care-mixed-hover-bg: #e0d0b0;--care-penalty-border: #b84040;--care-penalty-bg: #e8c8c0;--care-penalty-hover-border: #a83030;--care-penalty-hover-bg: #e0b8b0;--match-poor-bg: #e0c0b8;--match-poor-color: #8a3030;--match-fair-bg: #e8d9b8;--match-fair-color: #6a4a20;--match-good-bg: #dae0c0;--match-good-color: #5a8a50;--match-great-bg: #d0d8e0;--match-great-color: #4a6a80;--match-perfect-bg: #e0d4e4;--match-perfect-color: #6a4a7a;--notebook-line: #c8b48a;--notebook-bg: #f5ecd4;--notebook-accent: #8b4513;--notebook-title-color: #4a3520;--notebook-title-border: #c8b48a;--focus-ring-light: rgba(139, 69, 19, .1);--focus-ring: rgba(139, 69, 19, .15);--toast-bg: #f5ecd4;--toast-border: #c8b48a;--toast-info-start: #d8e0cc;--toast-info-end: #d0d8c4;--toast-info-border: #4a7a8a;--toast-error-start: #e8c8c0;--toast-error-end: #e0b8b0;--toast-error-border: #b84040;--toast-success-start: #dae0c0;--toast-success-end: #d0d8b8;--toast-success-border: #5a8a50;--toast-error-text: #8a3030;--toast-success-text: #5a8a50;--rank-improved-start: #dae0c0;--rank-improved-mid: #d0d8b8;--quest-flash-start: #dae0c0;--quest-flash-mid: #d0d8b8;--milestone-shimmer-light: #e8d9b8;--milestone-shimmer-bright: #8b4513;--milestone-glow: rgba(139, 69, 19, .3);--featured-gold: #8b4513;--featured-gold-light: #a05a20;--featured-gold-tint: rgba(139, 69, 19, .06)}.broadcast-form{display:flex;flex-direction:column;gap:.5rem}.broadcast-title-input{width:100%;padding:.5rem .75rem;font-size:.95rem;font-family:inherit;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-surface);color:var(--text-primary);resize:vertical;box-sizing:border-box}.broadcast-title-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.rte-container{border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden;background:var(--bg-surface)}.rte-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.rte-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:.35rem .5rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-card);align-items:center}.rte-btn{padding:.25rem .5rem;font-size:.85rem;font-family:inherit;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-primary);cursor:pointer;line-height:1.2}.rte-btn:hover{background:var(--bg-surface);border-color:var(--border-subtle)}.rte-btn:active{background:var(--accent);color:var(--bg-surface)}.rte-sep{width:1px;height:1.2rem;background:var(--border-subtle);margin:0 .25rem}.rte-editor{min-height:120px;max-height:300px;overflow-y:auto;padding:.75rem;font-size:.95rem;line-height:1.5;color:var(--text-primary);outline:none}.rte-editor:empty:before{content:"Write your announcement…";color:var(--text-muted);pointer-events:none}.rte-editor ul,.rte-editor ol{margin:.25rem 0;padding-left:1.5rem}.rte-editor a{color:var(--accent);text-decoration:underline}.rte-char-count{text-align:right;font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.notification-broadcast{border-left:4px solid var(--accent)!important}.notification-broadcast-body{font-size:.92rem;line-height:1.5}.notification-broadcast-body b,.notification-broadcast-body strong{font-weight:600}.notification-broadcast-body ul,.notification-broadcast-body ol{margin:.25rem 0;padding-left:1.5rem}.notification-broadcast-body li{margin-bottom:.15rem}.notification-broadcast-body a{color:var(--accent);text-decoration:underline}.notification-broadcast-body a:hover{opacity:.8}@media (max-width: 480px){.rte-toolbar{gap:1px;padding:.25rem}.rte-btn{padding:.2rem .35rem;font-size:.8rem}.rte-editor{min-height:100px}}[data-theme=parchment] body{background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(139,109,70,.06) 28px,rgba(139,109,70,.06) 29px),radial-gradient(ellipse at 30% 20%,rgba(139,109,70,.08),transparent 60%)}[data-theme=parchment] .nav-bar{border-bottom-width:2px}[data-theme=parchment] .nav-brand{font-style:italic}[data-theme=parchment] .animal-card,[data-theme=parchment] .sidebar-card,[data-theme=parchment] .shelter-header{border-width:2px}[data-theme=parchment] .shelter-name,[data-theme=parchment] .animal-name{font-style:italic}[data-theme=parchment] .animal-stage-badge,[data-theme=parchment] .trait-tag{border:1px solid var(--border-subtle)}[data-theme=parchment] .btn-primary{border:1px solid #6a3410;box-shadow:1px 2px #50321433}#game-root{display:block;width:100%;max-width:960px;margin:0 auto 1rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;aspect-ratio:960 / 640;line-height:0}#game-root canvas{display:block;width:100%!important;height:100%!important}.animals-grid-mobile{display:none}.animals-grid-desktop{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem;max-width:960px;margin:.75rem auto 1rem}.animal-card-compact{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--bg-card, #fdfbf8);border:1px solid var(--border-subtle, #e8ddd2);border-radius:var(--radius-sm, 6px);cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.animal-card-compact:hover{box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.animal-card-compact.compact-adoptable{border-left:3px solid #28a745}.animal-card-compact .compact-header{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.animal-card-compact .compact-name{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.animal-card-compact .compact-adoptable-icon{flex-shrink:0;font-size:.8rem}.animal-card-compact .compact-stage{font-size:.7rem;padding:1px 6px;width:fit-content}.animal-card-compact .compact-stats{display:flex;gap:.5rem;font-size:.75rem;color:var(--text-muted, #8b7e6e)}@media (max-width: 767px){#game-root{display:none!important}.animals-grid-mobile{display:grid}.animals-grid-desktop{display:none}}.decoration-panel{position:fixed;right:0;top:0;bottom:0;width:280px;background:var(--bg-card, #fdfbf8);border-left:2px solid var(--border-subtle, #e8ddd2);overflow-y:auto;z-index:100;padding:1rem;transform:translate(100%);transition:transform .3s ease;box-shadow:-4px 0 16px #00000014}.decoration-panel.open{transform:translate(0)}.decoration-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle, #e8ddd2)}.decoration-panel-header h3{margin:0;font-size:1.1rem;color:var(--text-primary, #3d2b1f)}.decoration-panel-sections{display:flex;flex-direction:column;gap:1rem}.decoration-section-title{font-size:.9rem;color:var(--text-secondary, #7a6558);margin-bottom:.5rem}.decoration-items{display:flex;flex-direction:column;gap:.5rem}.decor-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:6px;border:2px solid transparent;background:var(--bg-card-hover, #f8f2ea);transition:border-color .2s ease}.decor-item.active{border-color:var(--accent-primary, #c06a4a);background:var(--accent-primary-light, #f0e0d6)}.decor-item-swatch{width:28px;height:28px;flex-shrink:0;border:1px solid var(--border-subtle, #e8ddd2)}.decor-item-name{flex:1;font-size:.85rem;color:var(--text-primary, #3d2b1f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.decor-item-reward{color:#2e8b57;font-weight:600}.decor-item-qty{font-size:.75rem;color:var(--text-muted, #a89585)}.decoration-empty{font-size:.8rem;color:var(--text-muted, #a89585);font-style:italic;padding:.5rem 0}.decorate-btn{font-size:.85rem;padding:.3rem .75rem}.decoration-selected-toolbar{background:var(--bg-card-hover, #f8f2ea);border:1px solid var(--accent-primary, #c06a4a);border-radius:6px;padding:.5rem;margin-bottom:.75rem}.decoration-selected-label{font-size:.85rem;margin:0 0 .4rem;color:var(--text-primary, #3d2b1f)}.decoration-selected-actions{display:flex;gap:.5rem}.decoration-selected-actions .btn-danger{width:auto}.decoration-hint{font-size:.75rem;color:var(--text-muted, #a89585);font-style:italic;margin:0 0 .75rem}@media (max-width: 767px){.decorate-btn{display:none}}