@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=Orbitron:wght@500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap";.encounter-card{background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:0 2px 10px #00000014}.encounter-card.completed{background:linear-gradient(135deg,#d4fc79,#96e6a1)}.encounter-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.encounter-icon{font-size:1.3rem}.encounter-title{font-weight:700;font-size:1rem}.encounter-desc{font-size:.9rem;margin-bottom:10px;color:#444}.encounter-meta{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:6px;color:#666}.encounter-reward{font-size:.82rem;font-weight:600;color:#b07d4f}.encounter-claim-btn{margin-top:10px;width:100%;padding:10px;border:none;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer}.feed-panel{background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:18px;box-shadow:0 6px 24px #0000001a;border:1px solid rgba(255,255,255,.1);transition:transform .2s ease}.feed-panel:hover{transform:translateY(-2px)}.feed-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.feed-panel-header h3{margin:0;font-size:1.1rem}.feed-hint{font-size:.75rem;color:var(--text-muted, #999)}.feed-empty{text-align:center;padding:20px;color:var(--text-muted, #999);font-size:.88rem}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.feed-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:10px 6px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0d;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;font-family:inherit;overflow:hidden}.feed-item:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.16),transparent 42%);opacity:0;transition:opacity .18s ease;pointer-events:none}.feed-item:hover{box-shadow:0 4px 14px #00000026;transform:translateY(-2px);border-color:#8ac92666}.feed-item:disabled{cursor:wait;opacity:.72}.feed-item.feeding{border-color:#415b2f;box-shadow:0 0 0 3px #dff09fcc,3px 3px #415b2f73}.feed-item:hover:after{opacity:1}.feed-item:hover .feed-icon{animation:feedIconNibble .42s ease}.feed-item.rarity-common{border-color:#cbd5e04d}.feed-item.rarity-uncommon{border-color:#48bb7866;background:#48bb7814}.feed-item.rarity-rare{border-color:#667eea66;background:#667eea14}.feed-item.rarity-legendary{border-color:#d69e2e80;background:linear-gradient(135deg,#d69e2e1a,#ffbc3d14);animation:legendary-glow 2s ease-in-out infinite}@keyframes legendary-glow{0%,to{box-shadow:0 0 #d69e2e00}50%{box-shadow:0 0 16px #d69e2e66}}.feed-icon{font-size:1.8rem;margin-bottom:4px;transition:transform .18s ease}.feed-name{font-size:.72rem;font-weight:600;text-align:center;color:var(--primary-text, #eef1ff)}.feed-quantity{position:absolute;top:4px;right:6px;background:#667eea;color:#fff;font-size:.68rem;font-weight:700;padding:1px 6px;border-radius:10px;animation:quantityPop 2.8s ease-in-out infinite}.feed-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:8px;font-size:.72rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.feed-item:hover .feed-tooltip{opacity:1}.feed-stats{color:#a4d96c;margin-top:2px}@keyframes feedIconNibble{0%,to{transform:rotate(0) scale(1)}35%{transform:rotate(-7deg) scale(1.08)}70%{transform:rotate(5deg) scale(.98)}}@keyframes quantityPop{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.feed-item.rarity-legendary,.feed-quantity,.feed-item:hover .feed-icon{animation:none}}.habits-container{border-radius:0;padding:0;background:transparent}.habits-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(96,165,250,.12)}.habits-header h3{margin:0;font-size:1rem;line-height:1.1;color:#f8fafc;font-family:Sora,sans-serif;font-weight:700}.habits-kicker{display:block;margin-bottom:3px;color:var(--accent-yellow, #facc15);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.habits-hint{font-size:.7rem;color:#64748b}.habits-grid{display:flex;flex-direction:column;gap:8px}.habit-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(255,255,255,.15);border-radius:14px;background:#1e293b99;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;text-align:left;font-family:inherit;color:#f8fafc;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.habit-card:after{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.04) 50%,transparent 75%);transition:opacity .2s ease;pointer-events:none}.habit-card.ready:after{animation:moveCardReadyShine 3s ease-in-out infinite;opacity:1}.habit-card:hover:not(:disabled){transform:translateY(-2px);background:#26344acc}.habit-card:hover:not(:disabled) .habit-icon{animation:moveIconBounce .42s ease}.habit-card.cooldown{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}.habit-card.performing{cursor:wait;opacity:.75}.move-care{border-left-color:#60a5fa}.move-bond{border-left-color:#f472b6}.move-rest{border-left-color:#a78bfa}.move-power{border-left-color:#fb923c}.move-nature{border-left-color:#4ade80}.habit-card.ready.move-care{box-shadow:0 4px 18px #60a5fa26}.habit-card.ready.move-bond{box-shadow:0 4px 18px #f472b626}.habit-card.ready.move-rest{box-shadow:0 4px 18px #a78bfa26}.habit-card.ready.move-power{box-shadow:0 4px 18px #fb923c26}.habit-card.ready.move-nature{box-shadow:0 4px 18px #4ade8026}.habit-icon{font-size:1.5rem;flex-shrink:0;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .18s ease}.icon-bath{background:#60a5fa26;border:1px solid rgba(96,165,250,.3)}.icon-play{background:#f472b626;border:1px solid rgba(244,114,182,.3)}.icon-sleep{background:#a78bfa26;border:1px solid rgba(167,139,250,.3)}.icon-train{background:#fb923c26;border:1px solid rgba(251,146,60,.3)}.icon-walk{background:#4ade8026;border:1px solid rgba(74,222,128,.3)}.habit-info{flex:1;min-width:0}.habit-title-row{display:flex;align-items:center;gap:6px;margin-bottom:3px}.habit-name{font-weight:700;font-size:.88rem;color:#f1f5f9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-type-tag{font-size:.58rem;font-weight:700;letter-spacing:.4px;border-radius:99px;padding:2px 7px;flex-shrink:0}.move-care-tag{background:#60a5fa26;color:#93c5fd;border:1px solid rgba(96,165,250,.3)}.move-bond-tag{background:#f472b626;color:#f9a8d4;border:1px solid rgba(244,114,182,.3)}.move-rest-tag{background:#a78bfa26;color:#c4b5fd;border:1px solid rgba(167,139,250,.3)}.move-power-tag{background:#fb923c26;color:#fdba74;border:1px solid rgba(251,146,60,.3)}.move-nature-tag{background:#4ade8026;color:#86efac;border:1px solid rgba(74,222,128,.3)}.habit-desc{font-size:.7rem;color:#64748b;line-height:1.3;margin-bottom:5px}.habit-rewards{display:flex;gap:8px}.reward-xp{font-size:.65rem;font-weight:700;color:#facc15;background:#facc151a;border:1px solid rgba(250,204,21,.2);border-radius:99px;padding:2px 7px}.reward-coins{font-size:.65rem;font-weight:700;color:#a78bfa;background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);border-radius:99px;padding:2px 7px}.habit-card.ready .reward-xp,.habit-card.ready .reward-coins{animation:rewardChipPulse 2.6s ease-in-out infinite}.habit-status{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px}.move-pp{font-size:.58rem;font-weight:700;color:#94a3b8;background:#94a3b814;border:1px solid rgba(148,163,184,.15);border-radius:99px;padding:2px 7px;font-family:Orbitron,monospace}.status-ready{font-size:.62rem;font-weight:800;letter-spacing:.5px;color:#4ade80;background:#4ade801f;border:1px solid rgba(74,222,128,.3);border-radius:99px;padding:3px 9px;text-shadow:0 0 8px rgba(74,222,128,.4);animation:readyTextPulse 1.8s ease-in-out infinite}.status-cooldown{font-size:.62rem;font-weight:700;color:#64748b;background:#64748b1a;border:1px solid rgba(100,116,139,.2);border-radius:99px;padding:3px 9px}@keyframes moveCardReadyShine{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes moveIconBounce{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-4px) rotate(-8deg)}70%{transform:translateY(1px) rotate(4deg)}}@keyframes rewardChipPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes readyTextPulse{0%,to{opacity:.85}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.habit-card.ready:after,.habit-card.ready .reward-xp,.habit-card.ready .reward-coins,.status-ready{animation:none}}.sleep-section{margin:12px 0}.sleep-btn{width:100%;padding:14px 20px;border:none;border-radius:16px;background:linear-gradient(135deg,#1a1a3e,#2d2b55 40%,#3b1f6e);color:#e0d8ff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;box-shadow:0 4px 20px #3b1f6e59;transition:box-shadow .2s ease}.sleep-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(224,216,255,.18),transparent 70%);transform:translate(-120%);animation:sleepButtonShine 3.2s ease-in-out infinite;pointer-events:none}.sleep-btn:hover:not(:disabled){box-shadow:0 6px 28px #3b1f6e8c}.sleep-btn:disabled{opacity:.5;cursor:default}.sleep-btn .zzz{position:absolute;font-size:1.2rem;opacity:0;pointer-events:none}.sleep-cooldown{font-size:.75rem;opacity:.55}@keyframes floatZzz{0%{opacity:0;transform:translate(0) scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(20px,-60px) scale(1.3)}}.sleep-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none}.sleep-overlay-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0a051ed9,#0a051ef2)}.sleep-overlay-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}.sleep-moon{font-size:4rem;animation:moonFloat 2.4s ease-in-out infinite}.sleep-zzz-container{position:relative;width:120px;height:80px}.sleep-zzz-container span{position:absolute;bottom:0;left:30%;font-size:1.5rem;animation:floatZzz 2s ease-out infinite}.sleep-zzz-container span:nth-child(2){animation-delay:.5s;left:50%}.sleep-zzz-container span:nth-child(3){animation-delay:1s;left:40%;font-size:1.2rem}.sleep-text{font-size:1.2rem;font-weight:600;color:#c8b8ff;letter-spacing:1px}.sleep-recovered{font-size:.9rem;color:#43e97b;font-weight:600;animation:recoveredGlow 1.8s ease-in-out infinite}@keyframes sleepButtonShine{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes moonFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes recoveredGlow{0%,to{text-shadow:0 0 0 rgba(67,233,123,0)}50%{text-shadow:0 0 14px rgba(67,233,123,.45)}}@media(prefers-reduced-motion:reduce){.sleep-btn:after,.sleep-moon,.sleep-recovered,.sleep-zzz-container span{animation:none}}.tasks-list-container{background:var(--bg-surface, #1e293b);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;padding:26px;box-shadow:0 8px 32px #0000001f;border:2px solid var(--border-subtle, rgba(96,165,250,.12));display:flex;flex-direction:column;gap:20px;animation:tasksSlideUp .4s ease;position:relative;overflow:hidden}.tasks-list-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-blue, #60a5fa),var(--accent-purple, #c084fc),var(--accent-mint, #6ee7b7));animation:shimmer 4s ease-in-out infinite}.tasks-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-subtle, rgba(96,165,250,.12));padding-bottom:16px;margin-bottom:16px}.task-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.completion-rate{font-size:.75rem;color:var(--text-muted, #94a3b8);font-weight:500}.progress-bar-container{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.progress-bar{width:100%;height:12px;background:var(--bg-elevated, #263044);border-radius:6px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue, #60a5fa),var(--accent-purple, #c084fc));border-radius:6px;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 2s ease-in-out infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-label{font-size:.8rem;color:var(--text-muted, #94a3b8);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:6px 12px;border:2px solid var(--border-subtle, rgba(96,165,250,.12));border-radius:8px;background:var(--bg-elevated, #263044);color:var(--text-muted, #94a3b8);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.filter-btn.active{border-color:var(--accent-blue, #60a5fa);background:linear-gradient(135deg,var(--accent-blue, #60a5fa),var(--accent-purple, #c084fc));color:#fff;box-shadow:0 2px 8px #60a5fa4d;transform:translateY(-1px)}.filter-btn:hover:not(.active){border-color:var(--accent-blue, #60a5fa);background:var(--bg-surface, #1e293b);transform:translateY(-1px)}.sort-select{padding:6px 12px;border:2px solid var(--border-subtle, rgba(96,165,250,.12));border-radius:8px;background:var(--bg-elevated, #263044);color:var(--text-primary, #f8fafc);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.sort-select:focus{outline:none;border-color:var(--accent-blue, #60a5fa);box-shadow:0 0 0 3px #60a5fa26}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted, #94a3b8)}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.empty-state p{margin:0;font-size:1.1rem;font-weight:500;line-height:1.4}.add-icon{margin-right:8px;font-size:1.1rem}.form-buttons{display:flex;gap:12px}.btn-cancel{flex:1;padding:14px;border:2px solid var(--border-subtle, rgba(96,165,250,.12));border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;background:var(--bg-elevated, #263044);color:var(--text-muted, #94a3b8)}.btn-cancel:hover{background:var(--bg-surface, #1e293b);border-color:var(--accent-blue, #60a5fa);transform:translateY(-1px)}@media(max-width:600px){.controls{flex-direction:column;align-items:stretch}.filter-buttons{justify-content:center}.sort-buttons{display:flex;justify-content:center}.task-stats{align-items:center;text-align:center}.tasks-header{flex-direction:column;gap:12px;text-align:center}}.tasks-header h3{margin:0;font-size:1.4rem;color:var(--text-primary, #f8fafc);font-weight:700;display:flex;align-items:center;gap:8px}.tasks-header h3:before{content:"📋";font-size:1.2rem}.task-counter{background:linear-gradient(135deg,var(--accent-blue, #60a5fa),var(--accent-purple, #c084fc));color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem;border:none;box-shadow:0 2px 8px #60a5fa4d;display:flex;align-items:center;gap:6px}.task-counter:before{content:"✨";font-size:.8rem}.tasks-list{display:flex;flex-direction:column;gap:8px;min-height:50px}.tasks-error{padding:10px 12px;border:2px solid rgba(229,62,62,.45);border-radius:4px;background:#e53e3e1f;color:#fc8181;font-size:.82rem;font-weight:900}[data-theme=light] .tasks-error{background:#e53e3e14;color:#c53030;border-color:#e53e3e4d}.empty-state{text-align:center;padding:40px 20px;color:#a0a0a0}.empty-state p{margin:0;font-size:1.05rem}.task-item{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-surface, #1e293b);border-radius:16px;transition:all .3s ease;animation:taskSlideIn .3s ease backwards;position:relative;overflow:hidden;border:2px solid var(--border-subtle, rgba(96,165,250,.12));box-shadow:0 2px 8px #0000001a}.task-item:hover{background:var(--bg-elevated, #263044);transform:translate(6px);box-shadow:0 4px 16px #00000026;border-color:var(--accent-blue, #60a5fa)}.task-item.completed{opacity:.7;background:linear-gradient(135deg,#22c55e1a,#10b9810d);border-color:#22c55e33}.task-item:nth-child(1){animation-delay:0s}.task-item:nth-child(2){animation-delay:.05s}.task-item:nth-child(3){animation-delay:.1s}.task-item input[type=checkbox]{width:22px;height:22px;cursor:pointer;accent-color:#8ac926;flex-shrink:0}.task-title{flex:1;font-size:1rem;color:var(--text-primary, #f8fafc);word-break:break-word;font-weight:500;line-height:1.4}.task-delete{background:none;border:none;font-size:1.2rem;color:#ccc;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.task-delete:hover{background:#ffebee;color:#f44336}.task-delete:disabled,.task-item input[type=checkbox]:disabled{cursor:wait;opacity:.55}.add-task-form{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--bg-surface, #1e293b);border:2px solid var(--border-subtle, rgba(96,165,250,.12));border-radius:16px;animation:formSlideIn .3s ease;box-shadow:0 4px 16px #0000001a;position:relative;overflow:hidden}.add-task-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-blue, #60a5fa),var(--accent-purple, #c084fc),var(--accent-mint, #6ee7b7));animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.add-task-form input:disabled,.category-btn:disabled,.btn-add-task:disabled{cursor:not-allowed;opacity:.58}.add-task-form input{border:2px solid var(--border-subtle, rgba(96,165,250,.12));border-radius:12px;padding:14px 16px;font-size:1rem;transition:all .3s ease;font-family:inherit;background:var(--bg-surface, #1e293b);color:var(--text-primary, #f8fafc);box-shadow:0 2px 8px #0000001a}.add-task-form input::placeholder{color:var(--text-muted, #94a3b8);opacity:.8}.add-task-form input:focus{outline:none;border-color:var(--accent-blue, #60a5fa);background:var(--bg-elevated, #263044);box-shadow:0 0 0 3px #60a5fa26,0 4px 12px #00000026;transform:translateY(-1px)}.form-buttons{display:flex;gap:10px}.btn-add,.btn-cancel{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add{background:linear-gradient(135deg,#8ac926,#a4d96c);color:#fff}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8ac9264d}.btn-cancel{background:#e0e0e0;color:#666}.btn-cancel:hover{background:#d0d0d0}.btn-add-task{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;background:linear-gradient(135deg,var(--accent-blue, #60a5fa),var(--accent-purple, #c084fc));border:none;border-radius:12px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;font-family:inherit;box-shadow:0 4px 12px #60a5fa4d;position:relative;overflow:hidden}.btn-add-task:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-add-task:hover:before{left:100%}.btn-add-task:hover{transform:translateY(-2px);box-shadow:0 6px 20px #60a5fa66;background:linear-gradient(135deg,var(--accent-purple, #c084fc),var(--accent-blue, #60a5fa))}@keyframes taskSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes formSlideIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}@keyframes tasksSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes taskCelebrate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.celebration-particles{position:absolute;top:-10px;right:-10px;pointer-events:none}.particle{position:absolute;font-size:1.2rem;animation:particleFloat 1s ease-out forwards}.particle:nth-child(1){animation-delay:0s;left:10px}.particle:nth-child(2){animation-delay:.2s;left:30px}.particle:nth-child(3){animation-delay:.4s;left:50px}@keyframes particleFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(1.5)}}.task-category-badge{font-size:1rem;flex-shrink:0;width:26px;text-align:center}.category-selector{display:flex;gap:6px;flex-wrap:wrap}.category-btn{flex:1;min-width:80px;padding:8px 12px;border:2px solid var(--border-subtle, rgba(96,165,250,.12));border-radius:10px;background:var(--bg-elevated, #263044);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;color:var(--text-muted, #94a3b8);position:relative;overflow:hidden}.category-btn.active{border-color:var(--accent-blue, #60a5fa);background:linear-gradient(135deg,var(--accent-blue, #60a5fa),var(--accent-purple, #c084fc));color:#fff;box-shadow:0 2px 8px #60a5fa4d;transform:translateY(-1px)}.category-btn:hover:not(.active){border-color:var(--accent-blue, #60a5fa);background:var(--bg-surface, #1e293b);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media(max-width:600px){.tasks-list-container{padding:18px;gap:12px}.tasks-header h3{font-size:1.2rem}.task-item{padding:12px 14px;gap:12px}.task-title{font-size:.95rem}.category-btn{min-width:calc(50% - 3px);flex:0 0 calc(50% - 3px)}}.challenges-panel{width:100%;padding:16px}.challenge-panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.challenge-panel-kicker{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:40px;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.challenges-panel h2{text-align:right;margin:0;font-size:1.1rem;font-weight:700;letter-spacing:.2px;color:var(--text-primary);font-family:var(--font-hud)}.challenge-error{padding:10px 12px;margin:0 0 12px;border-radius:8px;background:#e53e3e1f;border:1px solid rgba(229,62,62,.32);color:#fc8181;font-weight:800;font-size:.82rem}.challenge-section{margin-bottom:18px}.challenge-section h3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;color:var(--text-primary);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.challenge-section h3 small{color:var(--text-muted);font-size:.72rem;font-weight:500;text-transform:none;letter-spacing:0}.challenge-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;gap:10px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.challenge-card:hover{transform:translateY(-2px);box-shadow:0 3px #000,var(--shadow-md);border-color:var(--accent-blue)}.challenge-card:hover .challenge-icon{animation:challengeIconNudge .38s ease}.challenge-card:not(.weekly):not(.completed):not(.claimed){border-left:8px solid #3182ce}.challenge-card.weekly:not(.completed):not(.claimed){border-left:8px solid #d69e2e}.challenge-card.completed{border-color:#22543d;border-left:8px solid #38a169;box-shadow:5px 5px #22543d,0 0 16px #48bb7838}.challenge-card.completed:before{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(105deg,transparent 30%,rgba(67,233,123,.08) 45%,rgba(56,249,215,.12) 50%,rgba(67,233,123,.08) 55%,transparent 70%);background-size:300% 100%;animation:shimmerSlide 2.5s ease-in-out infinite;pointer-events:none}@keyframes shimmerSlide{0%{background-position:200% 0}to{background-position:-200% 0}}.challenge-card.claimed{opacity:.68;border-color:#4a5568;box-shadow:4px 4px #2d37488c}.challenge-icon{font-size:1.3rem;font-weight:900;flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#2d3748;border:2px solid #1a202c;border-radius:8px;color:#f7fafc;transition:transform .2s ease}.challenge-card.completed .challenge-icon{background:#22543d;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.challenge-info{flex:1;min-width:0}.challenge-name{font-weight:900;font-size:.92rem;margin-bottom:2px}.challenge-desc{font-size:.74rem;color:var(--text-muted, #59606b);margin-bottom:6px}.challenge-progress-bar{width:100%;height:8px;background:#2d3748;border-radius:4px;overflow:hidden;position:relative}.challenge-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#6dd5fa,#2980b9);transition:width .4s ease;position:relative;overflow:hidden}.challenge-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-120%);animation:progressGlint 2.6s ease-in-out infinite}.challenge-card.weekly .challenge-progress-fill{background:linear-gradient(90deg,#f7971e,#ffd200)}.challenge-card.completed .challenge-progress-fill{background:linear-gradient(90deg,#43e97b,#38f9d7);box-shadow:0 0 8px #43e97b66}.challenge-card.claimed .challenge-progress-fill{background:linear-gradient(90deg,#888,#aaa);box-shadow:none}.challenge-progress-label{font-size:.7rem;color:var(--text-muted, #59606b);margin-top:3px;text-align:right;font-weight:800}.challenge-rewards{display:flex;gap:8px;margin-top:4px;font-size:.7rem;color:var(--text-muted, #59606b);font-weight:800}.challenge-rewards span{display:flex;align-items:center;gap:3px;transition:transform .18s ease}.challenge-card:hover .challenge-rewards span{animation:rewardWiggle .46s ease}.challenge-claim-btn{flex-shrink:0;padding:7px 16px;border:2px solid #1a202c;border-radius:8px;font-weight:700;font-size:.8rem;min-width:64px;cursor:pointer;background:linear-gradient(180deg,#f6d55c,#d69e2e);color:#1a1a2e;box-shadow:3px 3px #1a202c;transition:transform .15s ease,box-shadow .15s ease;animation:claimPulse 1.8s ease-in-out infinite}@keyframes claimPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.challenge-claim-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #1a202c}.challenge-claim-btn:disabled{background:var(--bg-elevated, #e2e8f0);color:var(--text-muted, #718096);box-shadow:none;border-color:var(--border-subtle);cursor:default;transform:none;animation:none}.challenge-claimed-badge{flex-shrink:0;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;background:var(--bg-elevated, #e2e8f0);border:1px solid var(--border-subtle);color:var(--text-muted, #4a5568)}.no-challenges{text-align:center;opacity:.4;padding:30px 0;font-size:.9rem}[data-theme=light] .challenge-card{background:linear-gradient(180deg,#fffaf0f5,#ffeecde0);border-color:#4a2c14;box-shadow:5px 5px #4a2c14a6}[data-theme=light] .challenge-card:not(.weekly):not(.completed):not(.claimed){border-left-color:#2980b966}[data-theme=light] .challenge-card.weekly:not(.completed):not(.claimed){border-left-color:#f7971e66}[data-theme=light] .challenge-card.completed{border-color:#22c55e66;box-shadow:0 0 12px #22c55e1a,0 2px 8px #0000000f}[data-theme=light] .challenge-icon{background:#8b5a2b0f}[data-theme=light] .challenge-progress-bar{background:#8b5a2b1a}[data-theme=light] .challenge-claim-btn:disabled{background:#8b5a2b14;color:#8b5a2b59}@keyframes challengeIconNudge{0%,to{transform:rotate(0) scale(1)}40%{transform:rotate(-4deg) scale(1.06)}75%{transform:rotate(3deg) scale(1)}}@keyframes progressGlint{0%,62%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes rewardWiggle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.challenge-card.completed:before,.challenge-card.completed .challenge-icon,.challenge-progress-fill:after,.challenge-claim-btn,.challenge-card:hover .challenge-icon,.challenge-card:hover .challenge-rewards span{animation:none}}[data-theme=dark] .challenge-section h3{color:#f1f5f9}[data-theme=dark] .challenge-section h3 small{color:#94a3b8}[data-theme=dark] .challenge-card{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-primary);box-shadow:var(--shadow-md)}[data-theme=dark] .challenge-name{color:#f1f5f9}[data-theme=dark] .challenge-desc,[data-theme=dark] .challenge-progress-label,[data-theme=dark] .challenge-rewards{color:#94a3b8}.pet-chat-panel{display:flex;flex-direction:column;width:100%;border-radius:18px;border:1px solid var(--border-subtle);background:var(--bg-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md);overflow:hidden}.pet-chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.pet-chat-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:linear-gradient(135deg,#f6d55c38,#ffbc3d1a);border:1px solid rgba(246,213,92,.3);flex-shrink:0}.pet-chat-avatar.user{background:linear-gradient(135deg,#78a0ff38,#5082ff1a);border-color:#78a0ff4d}.pet-chat-header-info{display:flex;flex-direction:column;gap:1px}.pet-chat-header-info strong{font-size:.9rem;font-weight:700;color:var(--text-primary)}.pet-chat-status{font-size:.7rem;font-weight:600;color:var(--text-muted, #8a93b2);display:flex;align-items:center;gap:4px}.pet-chat-status.online:before{content:"";width:7px;height:7px;border-radius:50%;background:#4caf82;display:inline-block}.pet-chat-status.typing:before{content:"";width:7px;height:7px;border-radius:50%;background:#f6d55c;display:inline-block;animation:statusPulse 1s ease infinite}.pet-chat-log{flex:1;display:flex;flex-direction:column;gap:10px;min-height:220px;max-height:300px;overflow-y:auto;padding:14px 12px;scroll-behavior:smooth}.pet-chat-log::-webkit-scrollbar{width:4px}.pet-chat-log::-webkit-scrollbar-track{background:transparent}.pet-chat-log::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.pet-chat-placeholder{margin:auto;font-size:.8rem;color:var(--text-muted, #8a93b2);text-align:center}.pet-chat-empty{display:flex;flex:1;align-items:center;justify-content:center}.pet-chat-empty-bubble{padding:10px 14px;border-radius:14px 14px 14px 4px;background:var(--bg-elevated);border:1px solid var(--border-subtle);font-size:.82rem;color:var(--text-secondary);max-width:84%;line-height:1.45}.pet-chat-bubble-row{display:flex;align-items:flex-end;gap:8px;animation:bubbleIn .2s ease}.pet-chat-bubble-row.user{flex-direction:row-reverse}.pet-chat-bubble-avatar{width:28px;height:28px;border-radius:50%;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#f6d55c33,#ffbc3d14);border:1px solid rgba(246,213,92,.25)}.pet-chat-bubble-avatar.user{background:linear-gradient(135deg,#78a0ff33,#5082ff14);border-color:#78a0ff40}.pet-chat-bubble-wrap{display:flex;flex-direction:column;gap:3px;max-width:76%}.pet-chat-bubble-row.user .pet-chat-bubble-wrap{align-items:flex-end}.pet-chat-bubble{padding:9px 13px;font-size:.84rem;line-height:1.5;word-break:break-word;border-radius:16px}.pet-chat-bubble.pet{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-bottom-left-radius:4px;color:var(--text-primary)}.pet-chat-bubble.user{background:var(--blue-soft);border:1px solid rgba(96,165,250,.25);border-bottom-right-radius:4px;color:var(--text-primary)}.pet-chat-ts{font-size:.65rem;color:var(--text-muted, #8a93b2);padding:0 2px}.pet-chat-bubble.typing-indicator{display:flex;align-items:center;gap:4px;padding:10px 14px}.pet-chat-bubble.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#ffffff73;animation:typingDot 1.2s ease infinite}.pet-chat-bubble.typing-indicator span:nth-child(2){animation-delay:.2s}.pet-chat-bubble.typing-indicator span:nth-child(3){animation-delay:.4s}.pet-chat-error{margin:0 12px;padding:8px 12px;border-radius:10px;background:#dc46461f;border:1px solid rgba(220,70,70,.3);color:#f08080;font-size:.78rem;font-weight:600}.pet-chat-form{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--border-subtle);background:var(--bg-elevated)}.pet-chat-form input{flex:1;min-height:40px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);font:inherit;font-size:.85rem;padding:0 14px;outline:none;transition:border-color .18s ease,background .18s ease}.pet-chat-form input::placeholder{color:var(--text-muted, #8a93b2)}.pet-chat-form input:focus{border-color:var(--accent-blue);background:var(--bg-surface);box-shadow:0 0 0 3px #60a5fa26}.pet-chat-form input:disabled{opacity:.5}.pet-chat-form button{width:40px;height:40px;flex-shrink:0;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,filter .15s ease;box-shadow:0 2px 8px #60a5fa66}.pet-chat-form button:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.05)}.pet-chat-form button:active:not(:disabled){transform:scale(.94)}.pet-chat-form button:disabled{opacity:.35;cursor:not-allowed}[data-theme=light] .pet-chat-ts{color:#a07850}[data-theme=light] .pet-chat-form{border-top-color:#8b5a2b1a}[data-theme=light] .pet-chat-form input{background:#ffffffb3;border-color:#8b5a2b33;color:#2a1f12}[data-theme=light] .pet-chat-form input:focus{border-color:#b8860b80}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.pet-chat-bubble,.pet-chat-bubble.typing-indicator span{animation:none}}[data-theme=dark] .pet-chat-header{border-bottom-color:#ffffff1a}[data-theme=dark] .pet-chat-ts{color:#64748b}[data-theme=dark] .pet-chat-form{border-top-color:#ffffff1a}[data-theme=dark] .pet-chat-form input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #60a5fa26}[data-theme=dark] .chat-hint{color:#64748b}.pet-chat-load-more{display:flex;justify-content:center;padding:6px 0 2px}.pet-chat-load-more-btn{background:none;border:1px solid var(--border-subtle);border-radius:999px;color:var(--accent-blue);font-size:.75rem;font-weight:600;padding:4px 14px;cursor:pointer;transition:background .15s,border-color .15s}.pet-chat-load-more-btn:hover:not(:disabled){background:var(--blue-soft);border-color:var(--border-glow)}.pet-chat-load-more-btn:disabled{opacity:.5;cursor:default}.pet-chat-error{display:flex;align-items:center;justify-content:space-between;gap:8px}.pet-chat-retry-btn{background:none;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#f87171;font-size:.78rem;font-weight:600;padding:3px 10px;cursor:pointer;flex-shrink:0;transition:background .15s}.pet-chat-retry-btn:hover:not(:disabled){background:#ef44441a}.pet-chat-retry-btn:disabled{opacity:.5;cursor:default}@media(max-width:768px){.pet-chat-panel{border-radius:12px}.pet-chat-header{padding:8px 10px}.pet-chat-avatar{width:28px;height:28px;font-size:.9rem}.pet-chat-header-info strong{font-size:.8rem}.pet-chat-status{font-size:.6rem}.pet-chat-log{min-height:80px;max-height:120px;padding:8px;gap:6px}.pet-chat-bubble{max-width:92%;padding:6px 10px;font-size:.75rem}.pet-chat-form{padding:8px 10px;gap:6px}.pet-chat-form input{padding:8px 12px;font-size:.85rem}.pet-chat-send-btn{width:32px;height:32px;min-width:32px}.pet-chat-send-btn svg{width:16px;height:16px}}@media(max-width:380px){.pet-chat-log{min-height:60px;max-height:100px}.pet-chat-bubble{font-size:.72rem;padding:5px 8px}}.home-scene-3d{width:100%;height:clamp(520px,68vh,760px);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 4px 20px #00000026,inset 0 0 60px #8b5a2b14,0 8px 32px #0003;margin-bottom:0;position:relative;background:#fde8d8;display:block}.room-preview-container .home-scene-3d{margin-bottom:0;border-radius:20px}.pet-home-room .home-scene-3d{position:absolute;inset:0;width:100%;height:100%;border-radius:0;border:none;box-shadow:none;margin:0}.home-scene-3d:after{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 100% 0%,rgba(255,244,196,.12) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,rgba(139,90,43,.08) 0%,transparent 40%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.06) 100%)}.scene-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172ae6;color:var(--text-primary, #f8fafc);z-index:10;border-radius:20px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(96,165,250,.2);border-top:3px solid var(--accent-blue, #60a5fa);border-radius:50%;animation:spin 1s linear infinite}.scene-loading span{font-size:.9rem;color:var(--text-muted, #94a3b8)}.home-scene-fallback{width:100%;height:420px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 4px 20px #00000026,inset 0 0 60px #8b5a2b14,0 8px 32px #0003;margin-bottom:24px;position:relative;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center}.fallback-content{text-align:center;color:var(--text-primary, #f8fafc)}.fallback-icon{font-size:4rem;display:block;margin-bottom:16px;opacity:.6}.fallback-content p{margin:0;font-size:.9rem;color:var(--text-muted, #94a3b8);max-width:300px}.home-scene-3d:focus{outline:2px solid var(--accent-blue, #60a5fa);outline-offset:2px}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}.home-scene-3d:after{animation:none}}@media(max-width:768px){.home-scene-3d{height:clamp(220px,42vw,320px)}.home-scene-fallback{height:240px}.scene-loading span{font-size:.8rem}.fallback-icon{font-size:3rem}}@media(pointer:coarse){.home-scene-3d{touch-action:pan-x pan-y}}.pet-fx-layer{position:absolute;inset:0;z-index:15;pointer-events:none;overflow:hidden}.fx-particle{position:absolute;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));will-change:transform,opacity}.fx-ambient{position:absolute;pointer-events:none;opacity:.6;will-change:transform,opacity}.fx-floating-text{position:absolute;bottom:40%;font-size:1.3rem;font-weight:900;text-shadow:0 0 8px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.4),0 0 20px currentColor;white-space:nowrap;pointer-events:none;will-change:transform,opacity;letter-spacing:.5px}.fx-flash{position:absolute;inset:0;background:radial-gradient(circle,#f6d55c99,#ffffff4d);pointer-events:none;z-index:20}.fx-active.fx-bath:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center 60%,rgba(96,165,250,.15),transparent 70%);animation:fxPulse 1.5s ease-in-out;pointer-events:none}.fx-active.fx-train:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center 50%,rgba(249,115,22,.12),transparent 70%);animation:fxPulse 1.5s ease-in-out;pointer-events:none}.fx-active.fx-play:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center 50%,rgba(250,204,21,.12),transparent 70%);animation:fxPulse 1.5s ease-in-out;pointer-events:none}.fx-active.fx-feed:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center 60%,rgba(244,114,182,.1),transparent 70%);animation:fxPulse 1.5s ease-in-out;pointer-events:none}.fx-active.fx-levelup:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center 50%,rgba(246,213,92,.2),transparent 60%);animation:fxFlash .6s ease-out;pointer-events:none}@keyframes fxPulse{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes fxFlash{0%{opacity:1;transform:scale(.5)}50%{opacity:.7;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}.pet-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;perspective:1000px;transition:all .3s ease}.pet-container{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.pet-container:hover{transform:scale(1.04)}.pet-body{display:flex;flex-direction:column;align-items:center;gap:8px}.pet-head{width:120px;height:120px;background:linear-gradient(135deg,#ffde39,#fbbf24);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.2rem;box-shadow:0 4px 12px #00000026,0 0 20px #ffde394d;transition:transform .3s ease;transform-style:preserve-3d}.pet-head:hover{transform:rotateY(15deg) rotateX(10deg) scale(1.1)}.pet-mood{width:100%;height:100%;border-radius:50%;object-fit:cover;animation:pokemonBounce 1.2s ease-in-out infinite,pokemonWiggle 4s ease-in-out infinite,pokemonBreathing 3s ease-in-out infinite;box-shadow:0 4px 12px #0003;transform-origin:center}.pet-torso{width:82px;height:80px;background:linear-gradient(135deg,#ff8c42,#ffd04a);border-radius:50% 50% 48% 48%;box-shadow:inset -4px -4px 10px #0000001a}.pet-legs{display:flex;gap:20px;justify-content:center}.pet-leg{width:16px;height:40px;background:linear-gradient(135deg,#ff8c42,#ffa86a);border-radius:8px;box-shadow:inset -2px -2px 5px #0000001a;animation:petLegBounce 1.5s ease-in-out infinite}.pet-leg:nth-child(2){animation-delay:.1s}.pet-accessories{position:absolute;width:100%;height:100%;pointer-events:none}.pet-sleep-z{position:absolute;top:10px;right:20px;font-size:24px;animation:floatUp 1s ease-in-out infinite;opacity:.8}.pet-bubble{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);background:#1e1e32d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,140,66,.3);border-radius:15px;padding:10px 15px;font-size:.85rem;color:var(--primary-text, #eef1ff);white-space:nowrap;box-shadow:0 4px 16px #0003;animation:bubbleAppear .3s ease}.pet-bubble:after{content:"";position:absolute;bottom:-8px;left:15px;width:0;height:0;border-left:8px solid transparent;border-right:0 solid transparent;border-top:8px solid rgba(30,30,50,.85)}.pet-info{text-align:center;animation:infoSlideUp .4s ease}.pet-info h3{margin:0;font-size:1.8rem;color:var(--primary-text, #eef1ff)}.pet-mood-text{margin:5px 0;color:#d4a574;font-size:.95rem;font-weight:500}.pet-care-indicator{margin-top:8px;font-size:.85rem;color:var(--text-muted, #b2bad2)}.indicator-text{display:inline-block;padding:4px 12px;background:#d4a5741f;border-radius:20px;color:var(--accent-warm, #d4a574)}.pet-hint{margin:6px 0 0;font-size:.8rem;color:#9f7aea;font-weight:500;opacity:.8;animation:hintPulse 2s ease-in-out infinite}.pet-quote-display{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:#1e1e32e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,140,66,.3);border-radius:15px;padding:12px 16px;box-shadow:0 8px 24px #00000040;min-width:200px;max-width:280px;z-index:50;animation:quotePopIn .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.pet-quote-display p{margin:0;font-size:.95rem;color:var(--primary-text, #eef1ff);text-align:center;font-style:italic;line-height:1.4}@keyframes quotePopIn{0%{opacity:0;transform:translate(-50%) scale(.8) translateY(10px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}.pet-sleepy .pet-head,.pet-sleepy .pet-torso,.pet-sleepy .pet-leg{background:linear-gradient(135deg,#a0aec0,#cbd5e0)}.pet-scruffy .pet-head,.pet-scruffy .pet-torso{background:linear-gradient(135deg,#ed8936,#f6ad55)}.pet-scruffy .pet-leg{background:linear-gradient(135deg,#ed8936,#f6ad55);opacity:.8}.pet-bored .pet-head,.pet-bored .pet-torso,.pet-bored .pet-leg{background:linear-gradient(135deg,#9f7aea,#d6bcfa)}.pet-happy .pet-head,.pet-happy .pet-torso{background:linear-gradient(135deg,#8ac926,#a4d96c)}.pet-happy .pet-leg{background:linear-gradient(135deg,#8ac926,#a4d96c);animation:petLegBounceHappy 1s ease-in-out infinite}@keyframes petIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes petLegBounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.9)}}@keyframes petLegBounceHappy{0%,to{transform:scaleY(1) rotate(0)}50%{transform:scaleY(.85) rotate(-2deg)}}@keyframes floatUp{0%{opacity:0;transform:translateY(0)}50%{opacity:.8}to{opacity:0;transform:translateY(-30px)}}@keyframes petFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes borderGlow{0%,to{box-shadow:0 8px 20px #0000001a,0 0 10px #d2203033}50%{box-shadow:0 8px 20px #0000001a,0 0 20px #d2203080}}@keyframes pokemonBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-12px) scale(1.05)}50%{transform:translateY(0) scale(1)}}@keyframes pokemonWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}@keyframes pokemonBreathing{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes bubbleAppear{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes infoSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.evo-name{font-size:.85rem;font-weight:400;color:var(--text-muted, #888)}.pet-stage-badge{display:flex;justify-content:center;gap:8px;margin:4px 0 6px;flex-wrap:wrap}.stage-pill,.branch-pill{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.72rem;font-weight:600}.stage-pill{background:#667eea1f;color:#667eea}.stage-pill.stage-2{background:#d977061f;color:#fbbf24}.stage-pill.stage-3{background:linear-gradient(135deg,#9b59b61f,#667eea14);color:#c084fc}.branch-pill{background:#16a34a1f;color:#4ade80}.pet-stats-mini{display:flex;justify-content:center;gap:12px;margin-top:6px;font-size:.78rem;color:var(--text-muted, #b2bad2)}.pet-stats-mini span{display:inline-flex;align-items:center;gap:2px;background:#ffffff0f;padding:2px 8px;border-radius:12px}@media(max-width:600px){.pet-display{gap:15px}.pet-container{width:180px;height:200px}.pet-head{width:60px;height:60px;font-size:2.2rem}.pet-torso{width:55px;height:60px}.pet-info h3{font-size:1.4rem}}.pet-home{width:100%;max-width:100%;margin:0 auto;padding:20px 24px}.home-subtitle{color:var(--text-muted, #666);font-size:.9rem;margin-bottom:20px}.pet-home-aura{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;border-radius:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--primary-text, #eef1ff);box-shadow:0 8px 24px #0000001f}.pet-home-aura-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff1a;font-size:1.25rem;-webkit-text-fill-color:initial;background-clip:initial;-webkit-background-clip:initial;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.pet-home-aura strong{display:block;font-size:.95rem}.pet-home-aura small{display:block;color:var(--text-muted, #aeb7d0);font-size:.78rem;margin-top:2px}.pet-home-aura.aura-nature{border-color:#4ade8066}.pet-home-aura.aura-dream{border-color:#a78bfa66}.pet-home-aura.aura-play{border-color:#f472b666}.pet-home-aura.aura-training{border-color:#f9731673}.pet-home-aura.aura-champion{border-color:#f6d55c80}.pet-home-aura.aura-celestial{border-color:#6ee7b780}.pet-home-aura.aura-greenhouse{border-color:#facc1573}.pet-home-aura.aura-rainy{border-color:#60a5fa73}.home-room{position:relative;width:100%;height:clamp(320px,55vh,600px);border-radius:20px;overflow:hidden;margin-bottom:24px;box-shadow:inset 0 4px 20px #0000001a,0 8px 32px #0003}.room-accent{position:absolute;top:16px;font-size:2.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.room-accent-left{left:20px}.room-accent-right{right:20px}.room-floor{position:absolute;bottom:0;left:0;right:0;height:40%;display:flex;align-items:flex-end;justify-content:center;gap:20px;padding:0 40px 12px}.room-bed{position:absolute;bottom:8px;left:20px;font-size:2.6rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.room-pet{width:180px;height:180px;image-rendering:pixelated;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4));z-index:2}.room-companion{width:120px;height:120px;image-rendering:pixelated;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}.room-companion-0{margin-left:-10px}.room-companion-1{margin-right:-10px}.room-toy{position:absolute;bottom:20px;right:40px;font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:toy-wiggle 3s ease-in-out infinite}@keyframes toy-wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.home-slots{display:flex;flex-direction:column;gap:18px}.home-slot{background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;box-shadow:0 2px 12px #0000001a}.home-slot h3,.home-slot h4{margin:0 0 10px;font-size:.98rem;color:var(--primary-text, #eef1ff)}.slot-empty{color:var(--text-muted, #999);font-size:.82rem;font-style:italic}.slot-locked-previews{display:flex;flex-wrap:wrap;gap:8px}.slot-locked-item{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;border:1px dashed rgba(255,255,255,.15);border-radius:20px;background:#ffffff05;opacity:.45;cursor:default;font-size:.82rem;color:var(--text-muted, #aeb7d0);transition:opacity .2s,border-color .2s,background .2s;position:relative}.slot-locked-item:hover{opacity:.85;border-color:#60a5fa59;background:#60a5fa0f}.slot-locked-icon{font-size:1.1rem;filter:grayscale(.6);-webkit-text-fill-color:initial;-webkit-background-clip:initial;background-clip:initial;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.slot-locked-name{font-size:.8rem;color:var(--text-muted, #aeb7d0)}.slot-locked-hint{flex-basis:100%;font-size:.68rem;line-height:1.2;color:var(--accent-blue, #60a5fa);opacity:.7}.slot-locked-item:hover .slot-locked-hint{opacity:1}.slot-options{display:flex;flex-wrap:wrap;gap:8px}.slot-option{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#ffffff0d;color:var(--primary-text, #eef1ff);cursor:pointer;font-family:inherit;font-size:.82rem;transition:all .2s}.slot-option.active{border-color:#60a5fa80;background:#60a5fa26;color:var(--accent-blue, #60a5fa);font-weight:700}.slot-option:hover:not(.active){border-color:#ffffff40;background:#ffffff14}.slot-option-icon{font-size:1.1rem}.slot-option-bonus{flex-basis:100%;font-size:.65rem;line-height:1.15;color:var(--text-muted, #aeb7d0);text-align:left}.room-preview-container{position:relative;margin-bottom:24px}.room-preview-instructions{position:absolute;bottom:16px;left:16px;right:16px;background:#0f172ae6;color:var(--text-primary, #f8fafc);padding:8px 12px;border-radius:8px;font-size:.8rem;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none;z-index:5}.home-scene-3d:focus~.room-preview-instructions,.home-scene-3d:hover~.room-preview-instructions{opacity:1;transform:translateY(0)}.home-slot.slot-selected{border-color:var(--accent-blue, #60a5fa);box-shadow:0 0 0 3px #60a5fa33}.home-slot:focus{outline:2px solid var(--accent-blue, #60a5fa);outline-offset:2px}.slot-option:focus{outline:2px solid var(--accent-blue, #60a5fa);outline-offset:1px;z-index:1;position:relative}@media(pointer:coarse){.slot-option{min-height:44px;padding:12px 16px;font-size:.9rem}.slot-option-icon{font-size:1.3rem}.slot-option-name{font-size:.95rem}.slot-option-bonus{font-size:.75rem}.room-preview-instructions{bottom:12px;left:12px;right:12px;font-size:.75rem}}@media(prefers-reduced-motion:reduce){.room-preview-instructions,.slot-option{transition:none}}@media(prefers-contrast:high){.home-slot{border:2px solid rgba(255,255,255,.3)}.slot-option{border:2px solid rgba(255,255,255,.2)}.slot-option.active{border-color:var(--accent-blue, #60a5fa);background:#60a5fa4d}}.trophy-case{max-width:860px;margin:0 auto;padding:24px;animation:fadeIn .5s ease}.trophy-case h1{text-align:center;color:var(--text-primary);margin-bottom:8px;font-size:1.8rem;font-weight:700;font-family:var(--font-hud);letter-spacing:-.3px}.streak-info{background:var(--bg-surface);padding:22px 24px;border-radius:16px;margin-bottom:24px;text-align:center;border:1px solid var(--border-glow);box-shadow:var(--shadow-md),var(--shadow-glow)}.streak-info h2{margin:0 0 12px;color:var(--text-primary);font-size:1.2rem;font-family:var(--font-hud);font-weight:700}.streak-info p{margin:6px 0;font-size:.95rem;color:var(--text-secondary);font-weight:500}.streak-stats{display:flex;justify-content:center;gap:40px;margin-top:20px}.streak-stat{display:flex;flex-direction:column;align-items:center}.streak-number{font-size:2.2rem;font-weight:700;color:var(--accent-yellow);margin-bottom:4px;font-family:var(--font-hud)}.streak-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.rewards{background:var(--bg-surface);padding:20px;border-radius:14px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.rewards h2{margin:0 0 14px;color:var(--text-primary);font-size:1rem;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.rewards ul{list-style:none;padding:0;margin:0}.rewards li{padding:10px 14px;background:var(--bg-elevated, rgba(0,0,0,.02));border-radius:8px;margin-bottom:6px;border-left:3px solid var(--accent-blue);font-weight:500;display:flex;align-items:center;gap:12px;color:var(--text-primary);font-size:.9rem}.reward-icon{font-size:1.2rem}.rewards p{text-align:center;color:var(--text-muted, #b2bad2);font-style:italic;margin:20px 0}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}.achievement-card{background:#ffffff0d;padding:16px;border-radius:14px;text-align:center;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.achievement-card.unlocked{border-color:#8ac92666;background:#8ac92614}.achievement-card.locked{opacity:.45}.achievement-icon{font-size:2rem;margin-bottom:8px}.achievement-name{font-weight:700;color:var(--primary-text, #eef1ff);margin-bottom:4px}.achievement-desc{font-size:.9rem;color:var(--text-muted, #b2bad2)}@media(max-width:600px){.trophy-case{padding:16px}.streak-stats{flex-direction:column;gap:20px}.streak-number{font-size:2rem}}[data-theme=dark] .streak-info h2{color:var(--text-primary)}[data-theme=dark] .streak-info p{color:#64748b}[data-theme=dark] .streak-number{color:#8ac926}[data-theme=dark] .streak-label{color:#94a3b8}[data-theme=dark] .rewards h2{color:var(--text-primary)}[data-theme=dark] .rewards li{background:var(--bg-elevated);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .rewards p{color:#64748b}[data-theme=dark] .achievement-card{background:var(--bg-surface);border-color:var(--border-subtle)}[data-theme=dark] .achievement-card.unlocked{background:var(--blue-soft);border-color:var(--border-glow)}[data-theme=dark] .achievement-name{color:#f1f5f9}[data-theme=dark] .achievement-card.locked .achievement-name{color:#64748b}[data-theme=dark] .achievement-desc{color:#94a3b8}[data-theme=dark] .achievement-card.locked .achievement-desc{color:#64748b}.statistics{max-width:1000px;margin:0 auto;padding:20px;animation:fadeIn .5s ease}.statistics h1{text-align:center;color:var(--text-primary);margin-bottom:6px;font-size:1.8rem;font-weight:700;font-family:var(--font-hud);letter-spacing:-.3px}.stats-subtitle{text-align:center;color:var(--text-muted);margin-bottom:32px;font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow);border-color:var(--accent-blue)}.stat-icon{font-size:2rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--blue-soft);border:1px solid rgba(96,165,250,.15);border-radius:14px;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:2px;letter-spacing:-.5px;line-height:1.1}.stat-label{font-size:.72rem;font-weight:600;color:var(--text-muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:.6px}.stat-description{font-size:.82rem;color:var(--text-secondary)}.progress-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm)}.progress-section h2{margin:0 0 16px;color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:-.2px}.milestones{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.milestone{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-hover, rgba(0,0,0,.02));border-radius:10px;border-left:2px solid var(--border-subtle);transition:all .2s ease;color:var(--text-primary)}.milestone.achieved{background:#22c55e0f;border-left-color:#22c55e}.milestone.achieved .milestone-icon{animation:bounce .6s ease}.milestone-icon{font-size:1.2rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}.category-breakdown{margin-bottom:32px}.category-breakdown h2{margin-bottom:14px}.category-bars{display:flex;flex-direction:column;gap:10px}.category-bar-row{display:flex;align-items:center;gap:12px}.cat-label{min-width:100px;font-size:.88rem;font-weight:600}.cat-bar{flex:1;height:12px;background:#ffffff14;border-radius:6px;overflow:hidden}.cat-bar-fill{height:100%;border-radius:6px;transition:width .4s ease}.cat-mind{background:#667eea}.cat-discipline{background:#ed8936}.cat-expression{background:#9f7aea}.cat-strength{background:#e53e3e}.cat-count{min-width:30px;font-size:.85rem;font-weight:700;text-align:right}.pet-stats-section{margin-bottom:32px}.pet-stats-section h2{margin-bottom:14px}.pet-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pet-stat-item{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);padding:12px 14px;border-radius:12px;color:var(--primary-text, #eef1ff)}.ps-icon{font-size:1.3rem}.ps-label{flex:1;font-size:.85rem;font-weight:600;color:var(--text-muted, #b2bad2)}.ps-value{font-size:1.1rem;font-weight:700;color:#a5b4fc}@media(max-width:768px){.statistics{padding:16px}.statistics h1{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px;flex-direction:column;text-align:center;gap:12px}.stat-icon{width:50px;height:50px;font-size:2rem}.stat-value{font-size:1.5rem}.milestones{grid-template-columns:1fr}}[data-theme=dark] .statistics,[data-theme=dark] .statistics h1{color:#f1f5f9}[data-theme=dark] .stat-card{background:var(--bg-surface);border-color:var(--border-subtle);box-shadow:var(--shadow-md)}[data-theme=dark] .milestone{background:var(--bg-elevated);border-color:var(--border-subtle)}[data-theme=dark] .pet-stat-item{background:var(--bg-elevated);border-color:var(--border-subtle)}[data-theme=dark] .ps-value{color:#f1f5f9}.settings-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.settings-modal{background:var(--bg-surface);border-radius:24px;box-shadow:0 32px 80px #00000080,0 0 0 1px var(--border-subtle);max-width:460px;width:100%;max-height:88vh;overflow-y:auto;border:1px solid var(--border-subtle);display:flex;flex-direction:column}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 16px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:23px 23px 0 0;flex-shrink:0}.settings-header-left{display:flex;align-items:center;gap:10px}.settings-header-icon{font-size:1.2rem}.settings-header h2{margin:0;color:#fff;font-size:1.1rem;font-weight:700;font-family:var(--font-display)}.close-button{background:#ffffff2e;border:1.5px solid rgba(255,255,255,.3);font-size:1.4rem;line-height:1;color:#fff;cursor:pointer;padding:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .15s ease;flex-shrink:0}.close-button:hover{background:#00000040;transform:scale(1.08)}.settings-content{padding:18px 20px;display:flex;flex-direction:column;gap:0;flex:1;overflow-y:auto}.setting-group{border-bottom:1px solid var(--border-subtle);padding-bottom:16px;margin-bottom:16px}.setting-group:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.setting-group h3{margin:0 0 12px;color:var(--accent-blue);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-body)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.setting-row+.setting-row{border-top:1px solid rgba(255,255,255,.04)}.setting-row-label{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.setting-row-icon{font-size:1.1rem;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--blue-soft);border:1px solid rgba(96,165,250,.15);border-radius:10px;flex-shrink:0}.setting-row-title{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setting-row-desc{display:block;font-size:.72rem;color:var(--text-muted);margin-top:1px;line-height:1.3}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;inset:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:999px;transition:all .2s ease}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--text-muted);border-radius:50%;transition:all .2s ease}.toggle-switch input:checked+.toggle-track{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-color:transparent;box-shadow:0 0 8px #60a5fa66}.toggle-switch input:checked+.toggle-track:after{transform:translate(20px);background:#fff}.theme-toggle-group{display:flex;gap:6px;flex-shrink:0}.theme-btn{padding:6px 14px;border-radius:10px;border:1.5px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-muted);font-size:.8rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .15s ease;white-space:nowrap}.theme-btn:hover{border-color:#60a5fa59;color:var(--text-primary)}.theme-btn--active{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-color:transparent;color:#fff;box-shadow:0 2px 10px #60a5fa59}.test-sound-btn{background:var(--bg-elevated);color:var(--accent-blue);border:1px solid rgba(96,165,250,.25);padding:8px 16px;border-radius:10px;font-size:.82rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .15s ease;margin-top:6px}.test-sound-btn:hover:not(:disabled){background:var(--blue-soft);border-color:#60a5fa73}.test-sound-btn:disabled{opacity:.4;cursor:not-allowed}.setting-row--ios-hint{background:#60a5fa0f;border:1px solid rgba(96,165,250,.18);border-radius:12px;padding:10px 12px}.setting-row--ios-hint .setting-row-desc strong{color:var(--accent-blue)}.install-action-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none;padding:7px 18px;border-radius:10px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 10px #60a5fa59;flex-shrink:0;white-space:nowrap}.install-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #60a5fa73}.settings-footer{padding:14px 20px 18px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.settings-cancel-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border-subtle);padding:10px 20px;border-radius:12px;font-size:.9rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .15s ease}.settings-cancel-btn:hover{background:#ffffff0d;color:var(--text-primary)}.save-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none;padding:10px 28px;border-radius:12px;font-size:.92rem;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:all .2s ease;box-shadow:0 3px 12px #60a5fa59;min-width:130px}.save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #60a5fa73;filter:brightness(1.06)}.save-btn:active{transform:translateY(0)}.save-btn--saved{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 3px 12px #10b98159}.volume-slider{-webkit-appearance:none;appearance:none;width:110px;height:6px;border-radius:99px;background:#ffffff1a;outline:none;flex-shrink:0;cursor:pointer;border:1px solid rgba(96,165,250,.15)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa);cursor:pointer;box-shadow:0 1px 6px #60a5fa80;border:2px solid white}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa);cursor:pointer;box-shadow:0 1px 6px #60a5fa80;border:2px solid white}[data-theme=light] .volume-slider{background:#0000001a}[data-theme=light] .toggle-track{background:#0000001a;border-color:#0000001f}[data-theme=light] .toggle-track:after{background:#94a3b8}[data-theme=light] .setting-row+.setting-row{border-top-color:#0000000a}@media(max-width:600px){.settings-overlay{padding:8px;align-items:flex-end}.settings-modal{max-height:92vh;border-radius:22px 22px 16px 16px}.settings-content{padding:14px 16px}.settings-footer{padding:12px 16px 16px}.setting-row{gap:8px}.theme-toggle-group{flex-direction:column;gap:4px}.theme-btn{padding:5px 10px;font-size:.75rem}.save-btn,.settings-cancel-btn{flex:1;text-align:center}}.backup-codes-panel{background:var(--bg-elevated, #263044);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;margin-top:6px;border:1px solid rgba(250,204,21,.2)}.backup-codes-warning{font-size:.8rem;color:#facc15;font-weight:600;margin:0;text-align:center}.backup-codes-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.backup-code{display:block;background:#0000004d;border-radius:8px;padding:7px 10px;font-size:.9rem;letter-spacing:2px;color:#f8fafc;text-align:center;font-family:Courier New,monospace;border:1px solid rgba(96,165,250,.15)}.backup-codes-confirm-btn{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.3);border-radius:10px;padding:9px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.backup-codes-confirm-btn:hover{background:#22c55e33}.backup-codes-error{color:#f87171;font-size:.8rem;margin:4px 0 0}.profile-mfa-badge--danger{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.25)}.totp-action-row{display:flex;flex-direction:column;gap:6px;padding:0 0 4px}.totp-setup-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s}.totp-setup-btn:disabled{opacity:.5;cursor:not-allowed}.totp-setup-btn:hover:not(:disabled){opacity:.88}.totp-hint{font-size:.72rem;color:#fff6}.totp-scan-panel{background:var(--bg-elevated, #263044);border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:6px}.totp-scan-desc{font-size:.82rem;color:var(--text-primary);text-align:center;margin:0}.totp-qr{width:160px;height:160px;border-radius:8px;background:#fff;padding:4px}.totp-manual{font-size:.78rem;color:#ffffff80;width:100%}.totp-manual summary{cursor:pointer}.totp-secret{display:block;background:#0000004d;border-radius:6px;padding:6px 10px;font-size:.8rem;letter-spacing:2px;word-break:break-all;margin-top:4px;color:#60a5fa}.totp-confirm-row{display:flex;gap:8px;width:100%}.totp-code-input{flex:1;background:#1e293b;border:2px solid rgba(96,165,250,.12);border-radius:14px;color:#f8fafc;font-size:1.2rem;letter-spacing:8px;text-align:center;padding:14px 8px;font-weight:700;outline:none;transition:border-color .25s ease;appearance:none;-webkit-appearance:none}.totp-code-input::placeholder{color:#f8fafc40;letter-spacing:4px;font-weight:400}.totp-code-input:focus{border-color:#60a5fa;background:#1e293b;outline:none;box-shadow:none}.totp-code-input:-webkit-autofill,.totp-code-input:-webkit-autofill:hover,.totp-code-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #1e293b inset!important;-webkit-text-fill-color:#f8fafc!important;border-color:#60a5fa;transition:background-color 9999s ease}.totp-confirm-btn{background:#22c55e;color:#fff;border:none;border-radius:10px;padding:8px 18px;font-weight:700;cursor:pointer;font-size:.9rem}.totp-confirm-btn:disabled{opacity:.5}.totp-cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffff80;padding:6px 14px;font-size:.8rem;cursor:pointer}.totp-active-panel{display:flex;flex-direction:column;gap:8px;padding:4px 0}.totp-disable-btn{background:transparent;border:1px solid rgba(248,113,113,.4);color:#f87171;border-radius:10px;padding:8px 16px;font-size:.84rem;cursor:pointer;transition:background .15s}.totp-disable-btn:hover{background:#f8717114}.totp-disable-btn:disabled{opacity:.5}.totp-error{color:#f87171;font-size:.8rem;margin:0}.totp-success{color:#22c55e;font-size:.8rem;margin:0}.world-map{max-width:600px;margin:0 auto;padding:24px 16px}.world-map h1{text-align:center;margin-bottom:4px}.map-subtitle{text-align:center;color:var(--text-muted, #888);margin-bottom:24px;font-size:.9rem}.map-path{display:flex;flex-direction:column;gap:0;position:relative}.map-node{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--card-bg, #fff);border-radius:14px;box-shadow:0 2px 8px #0000000f;position:relative;margin-bottom:8px;transition:transform .2s}.map-node.locked{opacity:.5;filter:grayscale(.6)}.map-node.unlocked{border-left:4px solid #667eea}.node-icon{font-size:2rem;min-width:44px;text-align:center}.node-info{flex:1}.node-name{font-weight:700;font-size:1rem;margin-bottom:2px}.node-desc{font-size:.82rem;color:var(--text-muted, #777)}.node-req{font-size:.78rem;color:#b07d4f;font-style:italic}.map-connector{position:absolute;left:36px;bottom:-8px;width:3px;height:8px;background:#ddd;z-index:0}.map-connector.active{background:#667eea}.map-progress{display:flex;justify-content:space-between;margin-top:20px;font-size:.82rem;color:var(--text-muted, #888);padding:0 4px}.skills-panel{max-width:600px;margin:0 auto;padding:24px 16px}.skills-panel h1{text-align:center;margin-bottom:20px}.skills-section,.passives-section{margin-bottom:28px}.skills-section h2,.passives-section h2{font-size:1.1rem;margin-bottom:12px}.skills-grid,.passives-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.skill-card,.passive-card{background:var(--card-bg, #fff);border-radius:12px;padding:14px;box-shadow:0 2px 8px #0000000f;text-align:center;transition:transform .2s}.skill-card:hover,.passive-card:hover{transform:translateY(-2px)}.skill-card.locked{opacity:.5;filter:grayscale(.4)}.skill-card.unlocked{border-top:3px solid #667eea}.skill-icon,.passive-icon{font-size:1.8rem;margin-bottom:6px}.skill-name,.passive-name{font-weight:700;font-size:.9rem;margin-bottom:4px}.skill-desc,.passive-desc{font-size:.78rem;color:var(--text-muted, #777);margin-bottom:6px}.skill-threshold{font-size:.72rem;color:#b07d4f;font-style:italic}.passive-card.active{border-top:3px solid #48bb78}.passive-card.inactive{opacity:.6}.passive-status{font-size:.75rem;font-weight:600}.passive-status.on{color:#48bb78}.passive-status.off{color:#a0aec0}.shop{max-width:900px;margin:0 auto;padding:24px 16px}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.shop-header h1{margin:0;color:var(--text-primary)!important;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.shop-coins{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:700;color:var(--text-primary);font-family:var(--font-hud);padding:6px 14px;background:var(--bg-surface);border-radius:40px;border:1px solid var(--border-subtle);letter-spacing:.2px;box-shadow:var(--shadow-sm)}.shop-filters{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.shop-filter{padding:6px 14px;border:1px solid var(--border-subtle);border-radius:40px;background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-weight:500;font-size:.83rem;transition:all .18s;letter-spacing:.1px}.shop-filter.active{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border-color:var(--accent-blue);box-shadow:var(--shadow-blue)}.shop-filter:hover:not(.active){background:var(--blue-soft);border-color:#60a5fa40;color:var(--accent-blue)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.shop-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:18px 16px;text-align:center;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s;color:var(--text-primary);overflow:hidden}.shop-item:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.1) 45%,transparent 70%);transform:translate(-120%);opacity:0;pointer-events:none}.shop-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md),var(--shadow-glow);border-color:var(--accent-blue)}.shop-item:hover:after{opacity:1;animation:shopItemShine .75s ease}.shop-item:hover .shop-icon{animation:shopIconWiggle .45s ease}.shop-item.disabled{opacity:.45}.shop-item.flash{animation:shop-purchase .8s ease}@keyframes shop-purchase{0%{transform:scale(1);box-shadow:0 0 #48bb7800}50%{transform:scale(1.05);box-shadow:0 0 24px #48bb7880}to{transform:scale(1);box-shadow:0 4px 12px #0000001a}}.shop-icon{font-size:2.4rem;transition:transform .18s ease}.shop-name{font-weight:700;font-size:.95rem;color:var(--text-primary);font-family:var(--font-display);letter-spacing:.2px}.shop-desc{font-size:.75rem;color:var(--text-secondary);flex:1}.shop-meta{display:flex;justify-content:center;gap:6px;font-size:.7rem;min-height:16px}.shop-locked{color:#fc8181;font-weight:600}.shop-owned{color:#68d391;font-weight:700;animation:ownedCheckPop 2.4s ease-in-out infinite}.shop-buy{padding:8px 14px;border:none;border-radius:20px;font-weight:700;font-size:.85rem;cursor:pointer;font-family:inherit;transition:all .2s;margin-top:4px}.shop-buy.afford{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;font-family:var(--font-display);font-size:.88rem;letter-spacing:.3px;box-shadow:0 2px 8px #60a5fa59}.shop-buy.broke{background:var(--border-subtle);color:var(--text-muted);cursor:not-allowed}.shop-buy:disabled{cursor:not-allowed;filter:grayscale(.5)}.shop-buy.afford:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px #000,0 8px 16px #ef444433;transform:translateY(-1px)}@keyframes coinPouchGlow{0%,to{box-shadow:0 0 #f6d55c00}50%{box-shadow:0 0 16px #f6d55c38}}@keyframes shopItemShine{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes shopIconWiggle{0%,to{transform:rotate(0) scale(1)}35%{transform:rotate(-5deg) scale(1.08)}70%{transform:rotate(4deg) scale(1)}}@keyframes ownedCheckPop{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.shop-coins,.shop-owned,.shop-item:hover:after,.shop-item:hover .shop-icon{animation:none}}[data-theme=dark] .shop-filter{background:var(--bg-surface)!important;border-color:var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=dark] .shop-filter:hover:not(.active){background:var(--blue-soft)!important;border-color:var(--border-glow)!important;color:var(--accent-blue)!important}[data-theme=dark] .shop-item{background:var(--bg-surface)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=dark] .shop-item:hover{border-color:var(--accent-blue)!important;box-shadow:var(--shadow-md),var(--shadow-blue)!important}[data-theme=dark] .shop-coins{background:var(--yellow-soft)!important;border-color:#facc1533!important;color:var(--accent-yellow)!important}[data-theme=dark] .shop-buy.afford{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:var(--shadow-blue)}[data-theme=dark] .shop-buy.broke{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}[data-theme=dark] .shop-buy.afford:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-blue),0 8px 24px #60a5fa59}.egg-incubator{max-width:800px;margin:0 auto;padding:24px 16px}.egg-incubator h1{margin-bottom:4px}.incubator-subtitle{color:var(--text-muted, #666);font-size:.9rem;margin-bottom:24px}.incubator-section{margin-bottom:32px}.incubator-section h2{font-size:1.1rem;margin-bottom:14px}.empty-state{padding:20px;text-align:center;color:var(--text-muted, #999);background:var(--card-bg, #f9f9f9);border-radius:12px;font-size:.88rem}.active-pet-section{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:16px;padding:16px;border:2px solid #667eea40}.active-pet-card{display:flex;align-items:center;gap:16px}.active-pet-sprite img{width:80px;height:80px;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(102,126,234,.3))}.active-pet-info{flex:1}.active-pet-name{font-size:1.1rem;font-weight:700}.active-pet-level{font-size:.85rem;color:#667eea;font-weight:600;margin-top:2px}.active-pet-branch{font-size:.78rem;color:var(--text-muted, #888);text-transform:capitalize}.active-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700}.eggs-grid,.companions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.egg-card{background:linear-gradient(135deg,#fff9c4,#ffecb3);border-radius:14px;padding:14px;text-align:center;box-shadow:0 2px 8px #0000000f}.egg-icon{font-size:3rem;display:inline-block}.egg-name{font-weight:700;font-size:.95rem;margin-top:4px}.egg-desc{font-size:.75rem;color:#666;margin-bottom:8px}.egg-progress-bar{height:8px;background:#0000001a;border-radius:4px;overflow:hidden;margin-bottom:4px}.egg-progress-fill{height:100%;background:linear-gradient(90deg,#f6ad55,#ed8936);transition:width .4s ease}.egg-progress-text{font-size:.75rem;font-weight:600;color:#b07d4f}.companion-card{background:var(--card-bg, #fff);border-radius:14px;padding:14px;text-align:center;box-shadow:0 2px 8px #0000000f;border-top:3px solid #667eea;display:flex;flex-direction:column;align-items:center;gap:4px}.companion-sprite{width:72px;height:72px;image-rendering:pixelated}.companion-name{font-weight:700;font-size:.95rem;margin-top:4px}.companion-species{font-size:.78rem;color:var(--text-muted, #666)}.companion-level{font-size:.82rem;font-weight:700;color:#667eea;margin-top:2px}.companion-stats{display:flex;gap:6px;font-size:.72rem;color:var(--text-muted, #777);flex-wrap:wrap;justify-content:center;margin:4px 0}.switch-btn{margin-top:8px;width:100%;padding:7px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s}.switch-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.switch-btn:disabled{opacity:.6;cursor:not-allowed}.switch-error{background:#fed7d7;color:#c53030;border-radius:8px;padding:8px 12px;font-size:.85rem;margin-bottom:12px}[data-theme=dark] .egg-incubator h1,[data-theme=dark] .incubator-section h2{color:#f1f5f9}[data-theme=dark] .active-pet-section{background:linear-gradient(135deg,#667eea20,#764ba220);border-color:#667eea50}[data-theme=dark] .active-pet-name{color:#f1f5f9}[data-theme=dark] .egg-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .companion-card{background:#1e293bcc;border:1px solid rgba(255,255,255,.1);border-top:3px solid #667eea}[data-theme=dark] .companion-level{color:#818cf8}[data-theme=dark] .companion-stats{color:#94a3b8}[data-theme=dark] .switch-error{background:#c5303033;color:#fc8181}.install-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:14px;padding:14px 20px;background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(96,165,250,.3);border-radius:16px;box-shadow:0 12px 40px #0006,0 0 0 1px #60a5fa1a inset;max-width:min(94vw,480px);width:max-content}.install-banner-icon{font-size:2rem;flex-shrink:0}.install-banner-text{display:flex;flex-direction:column;gap:2px}.install-banner-text strong{color:#f1f5f9;font-size:.92rem;font-weight:700}.install-banner-text span{color:#94a3b8;font-size:.78rem}.install-banner-actions{display:flex;gap:8px;margin-left:8px;flex-shrink:0}.install-btn{padding:8px 20px;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f666}.install-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680}.install-btn:active{transform:translateY(0)}.install-dismiss{padding:8px 14px;background:#ffffff14;color:#94a3b8;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.install-dismiss:hover{background:#ffffff1f;color:#e2e8f0}.install-banner--ios{gap:12px;align-items:center}.install-banner--ios .install-banner-text span{font-size:.8rem;line-height:1.5}.ios-share-icon{display:inline-block;background:#60a5fa2e;color:#60a5fa;font-size:.85rem;padding:1px 6px;border-radius:5px;font-weight:700;vertical-align:middle}@media(max-width:768px){.install-banner{bottom:calc(84px + env(safe-area-inset-bottom,0px));left:12px;right:12px;transform:none;width:auto;max-width:100%;flex-wrap:wrap;padding:12px 14px;gap:10px;border-radius:18px}.install-banner-actions{margin-left:auto}}.auth-container{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-surface: #1E293B;--bg-elevated: #263044;--bg-glass: rgba(30, 41, 59, .75);--bg-hover: rgba(96, 165, 250, .06);--border-subtle: rgba(96, 165, 250, .12);--border-glow: rgba(96, 165, 250, .35);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #475569}.auth-container{display:flex;min-height:100vh;width:100%;background:var(--bg-primary);overflow:hidden}.auth-left{flex:1.2;position:relative;overflow:hidden;padding:0;margin:0}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(135deg,var(--bg-primary, #0f172a) 0%,var(--bg-surface, #1e293b) 50%,var(--bg-primary, #0f172a) 100%);position:relative;overflow:hidden;min-height:100vh}.auth-right:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,var(--accent-blue, #60a5fa) 0%,transparent 35%),radial-gradient(circle at 80% 20%,var(--accent-purple, #c084fc) 0%,transparent 35%),radial-gradient(circle at 50% 50%,var(--accent-mint, #6ee7b7) 0%,transparent 55%),radial-gradient(circle at 10% 10%,var(--accent-yellow, #facc15) 0%,transparent 25%),radial-gradient(circle at 90% 90%,var(--accent-blue, #60a5fa) 0%,transparent 30%),radial-gradient(circle at 5% 50%,var(--accent-purple, #c084fc) 0%,transparent 40%),linear-gradient(135deg,#60a5fa0a,#c084fc0a,#6ee7b708);opacity:.15;pointer-events:none;animation:backgroundShift 15s ease-in-out infinite}.auth-right:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,rgba(96,165,250,.1) 0%,transparent 45%),radial-gradient(circle at 70% 30%,rgba(192,132,252,.1) 0%,transparent 45%),radial-gradient(circle at 15% 85%,rgba(110,231,183,.08) 0%,transparent 40%),radial-gradient(circle at 85% 15%,rgba(250,204,21,.06) 0%,transparent 35%);opacity:.7;pointer-events:none;animation:overlayPulse 8s ease-in-out infinite}.pokemon-showcase{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,var(--accent-blue, #60a5fa) 0%,transparent 40%),radial-gradient(circle at 80% 80%,var(--accent-purple, #c084fc) 0%,transparent 40%),radial-gradient(circle at 50% 50%,var(--accent-mint, #6ee7b7) 0%,transparent 50%),linear-gradient(135deg,var(--bg-primary, #0f172a) 0%,var(--bg-surface, #1e293b) 30%,var(--bg-elevated, #263044) 70%,var(--bg-primary, #0f172a) 100%);overflow:hidden}.pokemon-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 90%,rgba(96,165,250,.08) 0%,transparent 50%),radial-gradient(circle at 90% 10%,rgba(192,132,252,.08) 0%,transparent 50%),radial-gradient(circle at 50% 100%,rgba(110,231,183,.06) 0%,transparent 40%);opacity:.8;animation:leftPanelShift 20s ease-in-out infinite;pointer-events:none}.showcase-bg{position:absolute;inset:0}.landscape-img{width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(1.2)}.landscape-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f122166,#0f122133 30%,#60a5fa1a,#c084fc1a 70%,#0f122180)}.floating-elements-container,.sparkles-container{position:absolute;inset:0;pointer-events:none;z-index:2}.sparkle{position:absolute;background:#fffc;border-radius:50%;box-shadow:0 0 4px 1px #ffffff4d}.floating-pokeball-silhouette{position:absolute;width:60px;height:60px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,rgba(96,165,250,.05) 40%,rgba(96,165,250,.02) 45%,rgba(255,255,255,.05) 50%,rgba(96,165,250,.02) 55%,rgba(96,165,250,.05) 60%,transparent 100%);border-radius:50%;border:1px solid rgba(255,255,255,.05);animation:floatSilhouette 20s ease-in-out infinite;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.energy-orb{position:absolute;width:40px;height:40px;border-radius:50%;animation:floatOrb 15s ease-in-out infinite;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.energy-orb.blue{background:radial-gradient(circle,rgba(96,165,250,.15) 0%,rgba(96,165,250,.05) 50%,transparent 70%);box-shadow:0 0 20px #60a5fa33}.energy-orb.purple{background:radial-gradient(circle,rgba(192,132,252,.15) 0%,rgba(192,132,252,.05) 50%,transparent 70%);box-shadow:0 0 20px #c084fc33}.energy-orb.mint{background:radial-gradient(circle,rgba(110,231,183,.15) 0%,rgba(110,231,183,.05) 50%,transparent 70%);box-shadow:0 0 20px #6ee7b733}.light-ray{position:absolute;width:2px;height:100px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1),transparent);animation:lightRaySweep 12s ease-in-out infinite;opacity:.3}.light-ray.ray-1{left:15%;top:10%;transform:rotate(25deg);animation-delay:0s}.light-ray.ray-2{right:25%;top:30%;transform:rotate(-15deg);animation-delay:4s}.light-ray.ray-3{left:60%;bottom:20%;transform:rotate(45deg);animation-delay:8s}.light-ray.ray-4{right:10%;top:60%;transform:rotate(-30deg);animation-delay:2s}.light-ray.ray-5{left:40%;top:80%;transform:rotate(15deg);animation-delay:6s}.ambient-particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,rgba(255,255,255,.2) 50%,transparent 70%);border-radius:50%;animation:particleFloat 10s ease-in-out infinite;box-shadow:0 0 6px #ffffff4d}.left-panel-elements{position:absolute;inset:0;pointer-events:none;z-index:4}.pokemon-silhouette{position:absolute;width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 50%,transparent 70%);border-radius:50%;animation:pokemonFloat 15s ease-in-out infinite;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:2px solid rgba(255,255,255,.1)}.pokemon-silhouette.pikachu{background:radial-gradient(circle,rgba(250,204,21,.15) 0%,rgba(250,204,21,.05) 50%,transparent 70%);border-color:#facc1533}.pokemon-silhouette.charizard{background:radial-gradient(circle,rgba(251,146,60,.15) 0%,rgba(251,146,60,.05) 50%,transparent 70%);border-color:#fb923c33}.pokemon-silhouette.bulbasaur{background:radial-gradient(circle,rgba(110,231,183,.15) 0%,rgba(110,231,183,.05) 50%,transparent 70%);border-color:#6ee7b733}.pokemon-silhouette.eevee{background:radial-gradient(circle,rgba(196,181,253,.15) 0%,rgba(196,181,253,.05) 50%,transparent 70%);border-color:#c4b5fd33}.type-indicator{position:absolute;width:60px;height:60px;border-radius:50%;animation:typePulse 8s ease-in-out infinite;display:flex;align-items:center;justify-content:center;font-size:1.5rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.type-indicator.electric{background:radial-gradient(circle,rgba(250,204,21,.2) 0%,rgba(250,204,21,.1) 50%,transparent 70%);box-shadow:0 0 20px #facc154d}.type-indicator.fire{background:radial-gradient(circle,rgba(251,146,60,.2) 0%,rgba(251,146,60,.1) 50%,transparent 70%);box-shadow:0 0 20px #fb923c4d}.type-indicator.grass{background:radial-gradient(circle,rgba(110,231,183,.2) 0%,rgba(110,231,183,.1) 50%,transparent 70%);box-shadow:0 0 20px #6ee7b74d}.left-sparkle{position:absolute;width:3px;height:3px;background:#fffc;border-radius:50%;box-shadow:0 0 6px #fff6;animation:sparkleFloat 8s ease-in-out infinite}.floating-pokeballs{position:absolute;inset:0;pointer-events:none;z-index:3}.floating-pokeball{position:absolute}.floating-pokeball img{width:100%;height:100%;object-fit:contain;filter:blur(1px) brightness(.8);opacity:.25}.fpb-1{width:80px;height:80px;top:10%;left:10%;animation-delay:0s}.fpb-2{width:50px;height:50px;top:60%;right:15%;animation-delay:-4s}.fpb-3{width:60px;height:60px;bottom:20%;left:40%;animation-delay:-8s}.showcase-content{position:relative;z-index:2;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;max-width:480px;min-height:100%;text-align:center}.showcase-content.centered-text{justify-content:center;gap:48px}.showcase-logo{display:flex;flex-direction:column;align-items:center;gap:8px}.logo-pokeball{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.pokeball-inner{width:70px;height:70px;background:linear-gradient(180deg,#ef4444 0% 46%,#333 46% 54%,#fff 54% 100%);border-radius:50%;border:4px solid #333;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #ef444466,inset 0 2px 8px #ffffff4d;position:relative;z-index:2}.logo-paw{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));z-index:3}.pokeball-ring{position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(239,68,68,.4)}.showcase-title{font-size:5rem;font-weight:900;margin:0;text-align:center;letter-spacing:-2px;letter-spacing:-1px;background:linear-gradient(135deg,#f9a8d4,#c084fc,#60a5fa,#34d399);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.showcase-subtitle{font-size:1.5rem;color:#ffffffe6;margin:0;text-align:center;font-weight:500;letter-spacing:1px;font-weight:600;letter-spacing:3px;text-transform:uppercase}.starters-showcase{position:relative;max-width:320px}.starters-img{width:100%;height:auto;filter:drop-shadow(0 12px 32px rgba(0,0,0,.5))}.feature-slider{width:100%;max-width:360px;position:relative;min-height:80px}.feature-slide{position:absolute;inset:0;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(12px);transition:all .5s cubic-bezier(.22,1,.36,1);pointer-events:none}.feature-slide.active{opacity:1;transform:translateY(0);pointer-events:auto}.slide-icon{font-size:1.8rem;flex-shrink:0;line-height:1}.slide-text{flex:1;min-width:0}.slide-text h3{margin:0 0 6px;color:var(--text-primary, #f8fafc);font-size:.95rem;font-weight:700;line-height:1.2}.slide-text p{margin:0;color:#ffffffb3;font-size:.85rem;line-height:1.4;text-align:left}.slide-dots{display:flex;justify-content:center;gap:8px;margin-top:16px;position:relative;z-index:10}.slide-dot{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff40;cursor:pointer;transition:all .3s ease;padding:0}.slide-dot.active{background:#60a5fa;box-shadow:0 0 8px #60a5fa99;transform:scale(1.3)}.auth-card{background:linear-gradient(145deg,#1e293bfa,#0f172afa);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(96,165,250,.25);border-radius:28px;padding:44px;box-shadow:0 25px 50px #00000080,0 0 0 1px #60a5fa26,inset 0 1px #ffffff1f,inset 0 -1px #0003;max-width:500px;width:100%;position:relative;z-index:10;margin:0}.auth-card:before{content:"";position:absolute;inset:0;border-radius:28px;padding:2px;background:linear-gradient(135deg,#c084fc66,#60a5fa33,#34d3994d);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.form-pokeball-watermark{display:none}.auth-form-container{width:100%;position:relative;z-index:5;transition:transform .1s ease}.form-header{text-align:center;margin-bottom:36px;position:relative}.form-header-icon{font-size:3.2rem;margin-bottom:20px;display:block;animation:iconBounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(96,165,250,.3))}.form-header h2{margin:0 0 12px;font-size:1.6rem;font-weight:700;color:var(--text-primary, #f8fafc);position:relative;display:inline-block;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px}.form-header h2:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,var(--accent-blue, #60a5fa),var(--accent-purple, #c084fc));border-radius:2px;animation:underlineExpand 2s ease-in-out infinite}.form-header p{color:#fff9;font-size:.95rem;margin:0;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.1)}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form input:focus{outline:none}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.form-group label{font-weight:700;color:#ffffffa6;font-size:.75rem;text-transform:uppercase;letter-spacing:1.6px;display:flex;align-items:center;gap:8px;margin-bottom:2px}.label-icon{font-size:.85rem}.label-optional{font-size:.68rem;font-weight:400;color:#ffffff59;margin-left:5px}.label-required{color:#f87171;margin-left:3px;font-weight:700}.field-hint{margin:4px 0 0;font-size:.72rem;color:#ffffff59}.input-wrapper{position:relative}.input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--text-muted, #94a3b8);pointer-events:none;z-index:2;opacity:.8;transition:opacity .2s ease}.auth-form-container .form-group .input-with-icon,.auth-right .form-group .input-with-icon,.auth-container .form-group .input-with-icon{padding-left:52px!important}.auth-form-container .form-group input.valid,.auth-right .form-group input.valid,.auth-container .form-group input.valid{border-color:var(--accent-mint, #6ee7b7)!important}.auth-form-container .form-group input.invalid,.auth-right .form-group input.invalid,.auth-container .form-group input.invalid{border-color:var(--accent-peach, #fdb974)!important}.validation-indicator{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none;z-index:3}.validation-indicator.valid{color:var(--accent-mint, #6ee7b7)}.validation-indicator.invalid{color:var(--accent-peach, #fdb974)}.auth-form-container .form-group input,.auth-right .form-group input,.auth-container .form-group input{width:100%!important;padding:18px 20px!important;border:2px solid var(--border-subtle, rgba(96,165,250,.12))!important;border-radius:16px!important;font-size:1rem!important;font-family:inherit!important;background:#1e293b!important;color:#f8fafc!important;transition:all .3s cubic-bezier(.22,1,.36,1)!important;box-sizing:border-box!important;min-height:56px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-weight:500!important;line-height:1.4!important}.auth-form-container .form-group input::placeholder,.auth-right .form-group input::placeholder,.auth-container .form-group input::placeholder{color:#f8fafc!important;opacity:.7!important}.auth-form-container .form-group .mfa-input,.auth-right .form-group .mfa-input,.auth-container .form-group .mfa-input{width:100%!important;padding:18px 20px!important;border:2px solid var(--border-subtle, rgba(96,165,250,.12))!important;border-radius:16px!important;font-size:1.1rem!important;font-family:inherit!important;background:#1e293b!important;color:#f8fafc!important;transition:all .3s cubic-bezier(.22,1,.36,1)!important;box-sizing:border-box!important;text-align:center!important;letter-spacing:.1em!important;font-weight:600!important;min-height:56px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;line-height:1.4!important}.auth-form-container .form-group input:focus,.auth-right .form-group input:focus,.auth-container .form-group input:focus{outline:none!important;border-color:#60a5fa!important;background:#1e293b!important;box-shadow:none!important;transform:none!important}.form-group input:disabled{opacity:.4;cursor:not-allowed}.input-focus-ring{position:absolute;inset:-2px;border-radius:16px;border:2px solid transparent;pointer-events:none;transition:border-color .3s ease}.form-group input:focus~.input-focus-ring{border-color:#c084fc33}.mfa-panel{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border:2px solid rgba(250,204,21,.3);border-radius:16px;background:#facc150f;margin-bottom:4px}.mfa-icon{font-size:2.2rem;margin-bottom:2px}.mfa-panel strong{color:var(--text-primary, #f8fafc);font-size:.95rem}.mfa-panel>span{color:#fff9;font-size:.85rem;text-align:center}.mfa-attempts{font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:999px;margin-top:2px}.mfa-attempts--warn{background:#facc151f;color:#facc15;border:1px solid rgba(250,204,21,.3)}.mfa-attempts--danger{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.3);animation:pulse-danger 1s ease-in-out infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.7}}.mfa-switch-btn{background:transparent;border:1px solid rgba(96,165,250,.3);color:#60a5fa;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:500;cursor:pointer;margin-top:4px;transition:background .15s,border-color .15s}.mfa-switch-btn:hover:not(:disabled){background:#60a5fa14;border-color:#60a5fa}.mfa-switch-btn:disabled{opacity:.5;cursor:not-allowed}.mfa-resend-row{display:flex;justify-content:center;margin-top:-4px}.mfa-resend-btn{background:none;border:none;color:#60a5facc;font-size:.82rem;font-weight:600;cursor:pointer;padding:6px 10px;border-radius:8px;transition:color .2s,background .2s}.mfa-resend-btn:hover:not(:disabled){color:#60a5fa;background:#60a5fa14}.mfa-resend-btn:disabled{color:#94a3b880;cursor:default}.dev-otp-box{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:6px;padding:12px 24px;background:linear-gradient(135deg,#facc151f,#facc150f);border:2px dashed rgba(250,204,21,.5);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s,transform .1s;width:100%}.dev-otp-box:hover{border-color:#facc15;background:#facc1529;transform:scale(1.01)}.dev-otp-box:active{transform:scale(.98)}.dev-otp-label{font-size:.72rem;font-weight:600;color:#facc15b3;text-transform:uppercase;letter-spacing:.08em}.dev-otp-digits{font-family:Orbitron,monospace;font-size:2rem;font-weight:700;color:#facc15;letter-spacing:.25em;line-height:1.1}.dev-otp-hint{font-size:.7rem;color:#facc1580;margin-top:2px}.mfa-input{text-align:center;font-size:1.4rem!important;letter-spacing:8px;font-weight:700}.error-message{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fdba741a;border:2px solid var(--accent-peach, #fdb974);border-radius:12px;color:var(--accent-peach, #fdb974);font-size:.9rem;font-weight:600;margin-bottom:20px;animation:errorSlideIn .3s ease;box-shadow:0 2px 8px #fdba7426}.shake{animation:shake .5s ease-in-out}.success-animation{animation:successPulse .6s ease-in-out}.error-icon{font-size:1rem;flex-shrink:0}.auth-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 32px;background:linear-gradient(135deg,var(--accent-blue, #60a5fa),var(--accent-purple, #c084fc));background-size:200% 200%;color:#fff;border:none;border-radius:18px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.22,1,.36,1);margin-top:12px;position:relative;overflow:hidden;box-shadow:0 6px 24px #60a5fa59;min-height:60px;letter-spacing:.6px;text-transform:uppercase;width:100%}.auth-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.auth-btn:hover:not(:disabled):before{left:100%}.auth-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 16px 40px #60a5fa73;background-position:100% 50%}.auth-btn:active:not(:disabled){transform:translateY(-2px) scale(.98);box-shadow:0 8px 24px #60a5fa66}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;background-position:0% 50%}.btn-arrow{font-size:1.1rem;transition:transform .3s ease}.auth-btn:hover .btn-arrow{transform:translate(3px)}.pokeball-spinner{width:24px;height:24px;border-radius:50%;position:relative;border:2px solid #333;overflow:hidden}.pokeball-top{position:absolute;top:0;width:100%;height:48%;background:#ef4444;border-radius:12px 12px 0 0}.pokeball-bottom{position:absolute;bottom:0;width:100%;height:48%;background:#fff;border-radius:0 0 12px 12px}.pokeball-band{position:absolute;top:48%;width:100%;height:4%;background:#333;display:flex;justify-content:center;z-index:2}.pokeball-button{width:6px;height:6px;background:#fff;border-radius:50%;border:1px solid #333;margin-top:-2px}.auth-divider{display:flex;align-items:center;margin:20px 0;gap:12px}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}.divider-text{color:#ffffffb3;font-size:.8rem;font-weight:600;white-space:nowrap}.social-login{display:flex;justify-content:center;margin-top:28px}.social-login .google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 15px #4285f44d;min-height:52px}.social-login .google-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4285f466;background:linear-gradient(135deg,#1a73e8,#1557b0)}.google-placeholder{padding:16px 20px;background:linear-gradient(135deg,#4285f41a,#1a73e81a);border:2px solid rgba(66,133,244,.3);border-radius:14px;text-align:center;color:#ffffffb3;font-size:.9rem;font-weight:500;min-height:52px;display:flex;align-items:center;justify-content:center}.auth-toggle{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.auth-toggle p{margin:0;color:#ffffff73;font-size:.85rem}.toggle-btn{background:none;border:none;color:#c084fc;font-weight:800;cursor:pointer;font-size:.85rem;padding:4px 10px;margin-left:4px;border-radius:8px;transition:all .3s ease}.toggle-btn:hover{color:#a855f7;background:#c084fc1a}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.1rem;padding:4px;border-radius:6px;transition:all .2s ease;opacity:.6;z-index:10}.password-toggle:hover:not(:disabled){opacity:1;background:#ffffff1a}.password-toggle:disabled{cursor:not-allowed;opacity:.3}.password-strength{margin-top:8px;display:flex;align-items:center;gap:10px}.strength-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.strength-fill{height:100%;border-radius:2px;transition:all .3s ease;background:#ef4444}.strength-text{font-size:.75rem;font-weight:600;min-width:45px;text-align:right}.checkbox-wrapper{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.85rem;color:#fff9;transition:color .2s ease}.checkbox-wrapper:hover{color:#fffc}.checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{position:relative;height:18px;width:18px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:4px;transition:all .3s ease;flex-shrink:0}.checkbox-wrapper input:checked~.checkbox-custom{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.checkbox-custom:after{content:"";position:absolute;display:none;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-wrapper input:checked~.checkbox-custom:after{display:block}.checkbox-label{-webkit-user-select:none;user-select:none;font-weight:500}.form-group input:focus+.input-focus-ring+.password-toggle,.form-group input:focus+.password-toggle{opacity:.8}@media(prefers-reduced-motion:reduce){.auth-form-container.shake,.pokeball-spinner,.floating-pokeball,.sparkle,.logo-pokeball,.pokeball-ring,.showcase-title,.form-header-icon{animation:none}.auth-btn:before{transition:none}.auth-btn:hover:not(:disabled){transform:none}.btn-arrow{transition:none}.auth-btn:hover .btn-arrow{transform:none}}@media(prefers-contrast:high){.auth-card{border:2px solid rgba(255,255,255,.3);background:#ffffff14}.form-group input{border:2px solid rgba(255,255,255,.3);background:#ffffff1a}.form-group input:focus{border-color:#fff9;box-shadow:0 0 0 3px #fff3}.auth-btn{border:2px solid rgba(255,255,255,.3)}}@media(max-width:768px){.auth-container{flex-direction:column}.auth-left{display:none}.auth-right{padding:20px 0 0;min-height:100vh;justify-content:flex-start}.auth-card{margin:0;padding:32px 24px;border-radius:20px;max-width:100%}.form-header{margin-bottom:28px}.form-header-icon{font-size:2.8rem;margin-bottom:16px}.form-header h2{font-size:1.4rem}.form-group input{padding:16px 18px!important;font-size:16px!important;min-height:52px!important;border-radius:14px!important}.auth-btn{padding:18px 24px;font-size:1rem;min-height:56px;border-radius:16px}.password-toggle{min-width:48px;min-height:48px;font-size:18px}.social-btn{padding:16px 20px;font-size:16px;min-height:56px}}@media(max-width:480px){.auth-right{padding:16px}.auth-card{max-width:100%;padding:28px 20px;border-radius:20px}.form-header h2{font-size:1.3rem}.showcase-title{font-size:1.8rem}.starters-showcase{max-width:180px}}.password-policy-list{list-style:none;margin:8px 0 0;padding:10px 12px;background:#60a5fa0f;border:1px solid rgba(96,165,250,.15);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.password-policy-list li{font-size:.75rem;display:flex;align-items:center;gap:5px;transition:color .2s}.password-policy-list li span{font-weight:700;font-size:.7rem;width:14px;text-align:center}.policy-pass{color:#10b981}.policy-fail{color:#fff6}.remember-me{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:16px}.forgot-password-btn{background:none;border:none;color:var(--accent-blue, #60a5fa);font-size:.82rem;font-weight:500;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;opacity:.85;transition:opacity .15s}.forgot-password-btn:hover{opacity:1}.auth-modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.auth-modal{background:var(--bg-surface, #1e293b);border:1px solid var(--border-glow, rgba(96,165,250,.35));border-radius:20px;padding:32px 28px;width:100%;max-width:420px;box-shadow:0 25px 60px #00000080;animation:modalIn .2s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-modal-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.auth-modal-header h3{flex:1;margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary, #f8fafc)}.auth-modal-close{background:none;border:none;color:#ffffff80;font-size:1rem;cursor:pointer;padding:4px 6px;border-radius:6px;transition:color .15s,background .15s}.auth-modal-close:hover{color:#f87171;background:#ef44441a}.auth-modal-desc{font-size:.85rem;color:#ffffff8c;margin:0 0 16px;line-height:1.5}.auth-modal-success{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:8px 0}.auth-modal-success span{font-size:2rem}.auth-modal-success p{font-size:.9rem;color:#ffffffb3;line-height:1.5;margin:0}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:.8;transform:translateY(-8px) scale(1)}80%{opacity:.8;transform:translateY(-25px) scale(1)}to{opacity:0;transform:translateY(-35px) scale(.5)}}@keyframes sparkleTwinkle{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes pokeFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(10deg)}75%{transform:translateY(15px) rotate(-5deg)}}@keyframes logoBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}@keyframes underlineExpand{0%,to{width:0;opacity:.5}50%{width:60px;opacity:1}}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:0}}@keyframes gradText{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shakeForm{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes headerIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:100px}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes backgroundShift{0%,to{background-position:0% 0%,100% 100%,50% 50%,0% 0%;opacity:.12}25%{background-position:25% 25%,75% 75%,60% 40%,25% 25%;opacity:.15}50%{background-position:50% 50%,50% 50%,40% 60%,50% 50%;opacity:.18}75%{background-position:75% 75%,25% 25%,40% 40%,75% 75%;opacity:.15}}@keyframes floatSilhouette{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.3}25%{transform:translateY(-20px) rotate(90deg) scale(1.1);opacity:.5}50%{transform:translateY(-40px) rotate(180deg) scale(1.2);opacity:.4}75%{transform:translateY(-20px) rotate(270deg) scale(1.1);opacity:.5}}@keyframes floatOrb{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.4}33%{transform:translateY(-30px) translate(20px) scale(1.2);opacity:.6}66%{transform:translateY(-20px) translate(-30px) scale(1.1);opacity:.5}}@keyframes overlayPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes lightRaySweep{0%,to{opacity:0;transform:rotate(25deg) translateY(0)}50%{opacity:.3;transform:rotate(25deg) translateY(20px)}}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.4}25%{transform:translateY(-15px) translate(10px) scale(1.2);opacity:.7}50%{transform:translateY(-25px) translate(-5px) scale(1.1);opacity:.6}75%{transform:translateY(-10px) translate(15px) scale(1.3);opacity:.8}}@keyframes leftPanelShift{0%,to{background-position:0% 0%,100% 100%,50% 100%;opacity:.8}33%{background-position:30% 30%,70% 70%,60% 90%;opacity:.9}66%{background-position:60% 60%,40% 40%,40% 80%;opacity:1}}@keyframes pokemonFloat{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.6}25%{transform:translateY(-30px) rotate(90deg) scale(1.1);opacity:.8}50%{transform:translateY(-50px) rotate(180deg) scale(1.2);opacity:.7}75%{transform:translateY(-20px) rotate(270deg) scale(1.1);opacity:.9}}@keyframes typePulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:.9}}@keyframes sparkleFloat{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.4}25%{transform:translateY(-20px) translate(15px) scale(1.5);opacity:.8}50%{transform:translateY(-35px) translate(-10px) scale(1.2);opacity:.6}75%{transform:translateY(-15px) translate(20px) scale(1.8);opacity:.9}}@keyframes pokeballSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes startersFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sparkle{animation:sparkleFloat 5s ease-in-out infinite;will-change:opacity,transform;backface-visibility:hidden}.floating-pokeball{animation:pokeFloat 12s ease-in-out infinite;will-change:transform;backface-visibility:hidden}.logo-pokeball{animation:logoBounce 3s ease-in-out infinite;will-change:transform}.pokeball-ring{animation:ringPulse 2s ease-in-out infinite;will-change:transform,opacity}.showcase-title{animation:gradText 6s ease infinite;will-change:background-position}.auth-card{animation:cardEnter .8s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.form-header-icon{animation:headerIconBounce 2s ease-in-out infinite;will-change:transform}.slide-in{animation:slideIn .4s cubic-bezier(.22,1,.36,1);will-change:opacity,transform,max-height}.pokeball-spinner{animation:pokeballSpin .8s linear infinite;will-change:transform}.starters-img{animation:startersFloat 4s ease-in-out infinite;will-change:transform}@media(prefers-reduced-motion:reduce){.sparkle,.floating-pokeball,.logo-pokeball,.pokeball-ring,.showcase-title,.form-header-icon,.pokeball-spinner,.starters-img{animation:none}}.pokemon-selector{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f131e,#141c2f,#1a1040);padding:20px;position:relative;z-index:10}.selector-container{width:100%;max-width:1000px;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.selector-header{text-align:center;margin-bottom:40px;color:#eef1ff}.selector-header h1{font-size:2.5rem;margin:0 0 10px;font-weight:900;color:#f6d55c;text-shadow:0 2px 12px rgba(246,213,92,.3)}.selector-subtitle{font-size:1.1rem;margin:0;color:#fff9}.pokemon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.pokemon-card{background:#ffffff0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:20px;cursor:pointer;transition:all .3s ease;transform:scale(1);box-shadow:0 10px 30px #00000040;position:relative;overflow:hidden}.pokemon-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f6d55c14,#667eea14);opacity:0;transition:opacity .3s ease;pointer-events:none}.pokemon-card:hover{transform:scale(1.05) translateY(-6px);box-shadow:0 16px 48px #00000059;border-color:#f6d55c4d}.pokemon-card:hover:before{opacity:1}.pokemon-card.selected{border-color:#f6d55c99;background:#f6d55c1a;box-shadow:0 0 40px #f6d55c33,0 12px 36px #0000004d;transform:scale(1.08)}.pokemon-card.fading{opacity:.3;transform:scale(.95)}.pokemon-image-wrapper{display:flex;align-items:center;justify-content:center;height:140px;margin-bottom:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:16px}.pokemon-image{width:120px;height:120px;object-fit:contain;animation:pokemonIdle 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}@keyframes pokemonIdle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(2deg)}}.pokemon-card:hover .pokemon-image{animation:pokemonHop .6s ease-in-out}@keyframes pokemonHop{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pokemon-name{font-size:1.4rem;font-weight:800;margin:10px 0 4px;color:#f6d55c}.pokemon-type{font-size:.85rem;font-weight:600;color:#ffffff73;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.pokemon-description{font-size:.9rem;color:#fff9;margin:0;line-height:1.4}.selection-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#f6d55c,#d4a574);color:#0f131e;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.85rem;box-shadow:0 4px 16px #f6d55c59;animation:badgePop .4s ease-out}@keyframes badgePop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.selection-confirm{text-align:center;color:#eef1ff;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.selection-confirm p{font-size:1.1rem;margin:0;font-weight:600}.selection-confirm strong{color:#f6d55c;text-shadow:0 2px 8px rgba(246,213,92,.3)}.loading-text{font-size:.95rem;margin-top:8px;color:#ffffffb3;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:768px){.selector-header h1{font-size:1.8rem}.pokemon-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pokemon-card{padding:12px}.pokemon-image-wrapper{height:100px}.pokemon-image{width:80px;height:80px}.pokemon-name{font-size:1rem}}.toast-container{position:fixed;top:18px;right:18px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:360px}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;font-size:.88rem;font-weight:700;pointer-events:auto;border:2px solid;position:relative;overflow:hidden;background:#0f172af5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 40px #0006,0 4px 12px #0003}.toast:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:toastShine 1.2s ease .3s}@keyframes toastShine{0%{left:-100%}to{left:150%}}.toast-icon{font-size:1.4rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.toast-msg{flex:1;line-height:1.35;letter-spacing:.2px}.toast-xp{border-color:#60a5fa99;color:#bfdbfe;background:linear-gradient(135deg,#0f172af7,#1e3a8af2);box-shadow:0 12px 40px #0006,0 0 20px #60a5fa26}.toast-level{border-color:#facc15b3;color:#fef9c3;background:linear-gradient(135deg,#0f172af7,#78350fe6);box-shadow:0 12px 40px #0006,0 0 24px #facc1533;animation:toastGlow 1.5s ease-in-out infinite}.toast-win{border-color:#4ade8099;color:#bbf7d0;background:linear-gradient(135deg,#0f172af7,#14532de6);box-shadow:0 12px 40px #0006,0 0 20px #4ade8026}.toast-coins{border-color:#facc1580;color:#fef3c7;background:linear-gradient(135deg,#0f172af7,#713f12e6);box-shadow:0 12px 40px #0006,0 0 18px #facc151f}.toast-challenge{border-color:#34d39999;color:#a7f3d0;background:linear-gradient(135deg,#0f172af7,#064e3be6);box-shadow:0 12px 40px #0006,0 0 18px #34d3991f}.toast-info{border-color:#94a3b866;color:#e2e8f0;background:linear-gradient(135deg,#0f172af7,#1e293bf2);box-shadow:0 12px 40px #0006}.toast-error{border-color:#ef444499;color:#fecaca;background:linear-gradient(135deg,#0f172af7,#7f1d1de6);box-shadow:0 12px 40px #0006,0 0 20px #ef444426}@keyframes toastGlow{0%,to{box-shadow:0 12px 40px #0006,0 0 16px #facc1526}50%{box-shadow:0 12px 40px #0006,0 0 32px #facc154d}}@media(max-width:600px){.toast-container{right:10px;left:10px;max-width:none;top:12px}.toast{font-size:.84rem;padding:12px 14px}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem}.error-boundary-card{text-align:center;padding:2rem 2.5rem;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,100,100,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px}.error-boundary-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.error-boundary-card h3{margin:0 0 .5rem;font-size:1.2rem;color:var(--text-primary, #1a2e1a)}.error-boundary-card p{margin:0 0 1.25rem;font-size:.9rem;color:var(--text-secondary, #4a6a4a);line-height:1.4}.error-boundary-btn{padding:.6rem 1.5rem;border-radius:8px;border:none;background:linear-gradient(135deg,#2d8a4e,#1b6b3a);color:#fff;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.error-boundary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2d8a4e4d}:root{--font-display: "Sora", "Manrope", sans-serif;--font-body: "Inter", "Manrope", -apple-system, sans-serif;--font-hud: "Orbitron", monospace;--accent-blue: #60A5FA;--accent-yellow: #FACC15;--accent-peach: #FDBA74;--accent-mint: #6EE7B7;--accent-purple: #C084FC;--blue-soft: rgba(96, 165, 250, .12);--yellow-soft: rgba(250, 204, 21, .12);--peach-soft: rgba(253, 186, 116, .12);--mint-soft: rgba(110, 231, 183, .12);--hp: #34d399;--hp-glow: rgba(52, 211, 153, .35);--hunger: #FACC15;--hunger-glow: rgba(250, 204, 21, .35);--care: #C084FC;--care-glow: rgba(192, 132, 252, .35);--energy: #60A5FA;--energy-glow: rgba(96, 165, 250, .35);--bg-primary: #f0f4ff;--bg-surface: #ffffff;--bg-elevated: #f8faff;--bg-glass: rgba(255, 255, 255, .72);--bg-hover: rgba(96, 165, 250, .04);--border-subtle: rgba(203, 213, 225, .8);--border-glow: rgba(96, 165, 250, .3);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-white: #F8FAFC;--shadow-sm: 0 1px 4px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 20px rgba(15,23,42,.08), 0 2px 8px rgba(15,23,42,.04);--shadow-lg: 0 12px 40px rgba(15,23,42,.1), 0 4px 12px rgba(15,23,42,.06);--shadow-xl: 0 24px 64px rgba(15,23,42,.13);--shadow-blue: 0 4px 24px rgba(96, 165, 250, .25);--shadow-glow: 0 0 32px rgba(96, 165, 250, .15);--transition-fast: .12s ease;--transition-base: .22s cubic-bezier(.4, 0, .2, 1);--transition-spring: .38s cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px}[data-theme=dark]{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-surface: #1E293B;--bg-elevated: #263044;--bg-glass: rgba(30, 41, 59, .75);--bg-hover: rgba(96, 165, 250, .06);--border-subtle: rgba(96, 165, 250, .12);--border-glow: rgba(96, 165, 250, .35);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #475569;--shadow-sm: 0 1px 4px rgba(0,0,0,.4);--shadow-md: 0 4px 20px rgba(0,0,0,.5);--shadow-lg: 0 12px 40px rgba(0,0,0,.6);--shadow-xl: 0 24px 64px rgba(0,0,0,.75);--shadow-blue: 0 4px 24px rgba(96, 165, 250, .3);--shadow-glow: 0 0 40px rgba(96, 165, 250, .18)}[data-theme=dark] body,[data-theme=dark] html,[data-theme=dark] #root{background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .app-nav{background:#0f172af2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-color:#60a5fa33;box-shadow:0 0 0 1px #60a5fa14,var(--shadow-xl)}[data-theme=dark] .nav-brand{border-bottom-color:#60a5fa1a}[data-theme=dark] .nav-brand-username{color:var(--text-primary)}[data-theme=dark] .app-nav a{color:var(--text-muted)}[data-theme=dark] .app-nav a:hover{background:var(--blue-soft);color:var(--accent-blue)}[data-theme=dark] .app-nav a:hover .nav-icon{color:var(--accent-blue)}[data-theme=dark] .app-nav a.active{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 4px 16px #60a5fa66}[data-theme=dark] .app-nav a.active .nav-icon,[data-theme=dark] .app-nav a.active .nav-label{color:#fff}[data-theme=dark] .nav-actions{border-top-color:#60a5fa14}[data-theme=dark] .nav-action-btn{color:var(--text-muted)}[data-theme=dark] .nav-action-btn:hover{background:var(--blue-soft);color:var(--accent-blue)}[data-theme=dark] .nav-brand .nav-tag{color:var(--text-secondary)}[data-theme=dark] .mobile-tab-bar{background:#0f172af5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-color:#60a5fa26;box-shadow:0 -8px 32px #00000080,0 -1px #60a5fa1a}.app-nav{background:#ffffffeb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.app-nav a.active{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 4px 16px #60a5fa66}.nav-brand{display:flex;align-items:center;gap:6px;flex-shrink:0}.nav-coins{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.8125rem;font-weight:600;border-radius:10px;background:var(--yellow-soft);color:var(--accent-yellow);border:1px solid rgba(250,204,21,.2);width:fit-content;font-family:var(--font-hud)}.route-loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted, #b2bad2);font-size:1rem;font-style:italic}.mobile-tab-bar{display:none}@media(max-width:768px){.app{margin-left:0!important;max-width:100%!important;padding:8px 8px 0!important;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}.app-nav{display:none!important}.nav-links,.nav-toggle,.nav-actions{display:none}.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:none;border-top:1px solid var(--border-glow);border-radius:0;z-index:1000;justify-content:space-around;align-items:center;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:var(--shadow-lg),0 -1px #ffffff0f inset;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-tab-bar::-webkit-scrollbar{display:none}.mobile-tab-bar a,.mobile-tab-bar button.mobile-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;min-width:56px;max-width:64px;width:56px;height:56px;color:var(--text-muted);text-decoration:none;border-radius:16px;cursor:pointer;transition:all var(--transition-base);padding:0 4px;background:transparent;border:none;font-family:inherit}.mobile-tab-bar a:active,.mobile-tab-bar button.mobile-tab-btn:active{transform:scale(.92)}.mobile-tab-bar a.active{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 0 16px #60a5fa73}.mobile-tab-bar a.active .mobile-tab-icon{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.mobile-tab-icon{font-size:1.4rem;display:block;line-height:1}.mobile-tab-label{font-size:.55rem;font-weight:600;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:380px){.mobile-tab-label{display:none}.mobile-tab-bar a,.mobile-tab-bar button.mobile-tab-btn{height:48px;min-width:48px;max-width:52px;width:48px}.mobile-tab-icon{font-size:1.6rem}}.route-loading{padding-bottom:80px}}@media(min-width:769px){.app-nav{display:flex!important}.mobile-tab-bar{display:none!important}.app{padding:20px 24px 32px}}.app{min-height:100dvh;display:flex;flex-direction:column;padding:24px 32px 32px;position:relative;z-index:1;margin-left:200px;max-width:calc(100% - 200px)}.pet-corner-hud{position:absolute;top:10px;left:10px;right:auto;z-index:10;min-width:220px;max-width:280px;background:#0f172ae0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(96,165,250,.25);border-radius:16px;padding:12px 14px;box-shadow:0 8px 32px #00000059,0 0 0 1px #60a5fa14 inset;font-family:inherit;animation:hudSlideIn .4s cubic-bezier(.22,1,.36,1)}.pet-corner-hud:before{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;background:linear-gradient(90deg,transparent,#60A5FA,transparent);border-radius:2px}@keyframes hudSlideIn{0%{opacity:0;transform:translate(-12px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.corner-hud-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.corner-hud-name{font-weight:700;font-size:.88rem;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;letter-spacing:.6px;font-family:var(--font-hud);text-transform:uppercase}.corner-hud-lv{font-weight:700;font-size:.65rem;color:#fff;background:linear-gradient(135deg,#3b82f6,#60a5fa);padding:3px 10px;border-radius:20px;font-family:var(--font-hud);letter-spacing:.3px;box-shadow:0 2px 8px #60a5fa66}.corner-hud-bar-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}.corner-hud-tag{font-size:.62rem;font-weight:700;letter-spacing:.5px;min-width:30px;text-transform:uppercase;font-family:var(--font-hud)}.hp-tag{color:#4ade80}.hunger-tag{color:#fbbf24}.care-tag{color:#f472b6}.energy-tag{color:#22d3ee}.corner-hud-bar{flex:1;height:8px;background:#ffffff14;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.corner-hud-bar-fill{height:100%;border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.hp-fill.high{background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 8px #4ade804d}.hp-fill.mid{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.hp-fill.low{background:linear-gradient(90deg,#ef4444,#f87171);animation:hudWarningPulse 1.2s ease-in-out infinite}.hunger-fill.high{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 8px #fbbf244d}.hunger-fill.mid{background:linear-gradient(90deg,#fb923c,#f59e0b)}.hunger-fill.low{background:linear-gradient(90deg,#ef4444,#f87171);animation:hudWarningPulse 1.2s ease-in-out infinite}.care-fill.high{background:linear-gradient(90deg,#ec4899,#f472b6);box-shadow:0 0 8px #f472b64d}.care-fill.mid{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.care-fill.low{background:linear-gradient(90deg,#ef4444,#f87171);animation:hudWarningPulse 1.2s ease-in-out infinite}.energy-fill.high{background:linear-gradient(90deg,#06b6d4,#22d3ee);box-shadow:0 0 8px #22d3ee4d}.energy-fill.mid{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.energy-fill.low{background:linear-gradient(90deg,#ef4444,#f87171);animation:hudWarningPulse 1.2s ease-in-out infinite}.corner-hud-bar-fill.low{animation:hudWarningPulse 1.2s ease-in-out infinite}.corner-hud-num{font-size:.68rem;font-weight:600;color:#f1f5f9b3;min-width:40px;text-align:right;font-family:var(--font-hud)}.corner-hud-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.corner-hud-badge{font-size:.62rem;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:capitalize;background:#ffffff0f;color:#f1f5f9cc;border:1px solid rgba(255,255,255,.1);letter-spacing:.3px}.corner-hud-badge.stage-2{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b40}.corner-hud-badge.stage-3{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf640}.corner-hud-badge.mood{background:#34d3991f;color:#6ee7b7;border-color:#34d39933}.corner-hud-badge.streak{background:#facc151f;color:#fbbf24;border-color:#facc1540;box-shadow:0 0 10px #facc1526}.corner-hud-badge.streak{animation:streakFlicker 2.4s ease-in-out infinite}.corner-hud-xp-row{display:flex;align-items:center;gap:6px;margin-bottom:5px;margin-top:2px}.xp-tag{color:#a78bfa;font-size:.62rem;font-weight:700;letter-spacing:.5px;min-width:30px;text-transform:uppercase;font-family:var(--font-hud)}.corner-hud-xp-bar{height:6px!important;background:#a78bfa1a!important;border-color:#a78bfa14!important}.xp-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa,#c084fc);background-size:200% 100%;animation:xpShimmer 2s linear infinite;box-shadow:0 0 6px #a78bfa66;position:relative;overflow:hidden}.xp-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);animation:xpGlint 2.4s ease-in-out infinite}@keyframes xpShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes xpGlint{0%,60%{transform:translate(-100%)}to{transform:translate(200%)}}.xp-sep{color:#f1f5f959;font-size:.6rem}.room-aura-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:8px;max-width:min(340px,34vw);padding:7px 10px;border-radius:999px;border:2px solid rgba(248,250,252,.7);background:#0f172ab8;color:#f8fafc;box-shadow:0 8px 22px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.room-aura-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#f8fafc24;flex-shrink:0;-webkit-text-fill-color:initial;background-clip:initial;-webkit-background-clip:initial;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.room-aura-badge strong{display:block;font-size:.72rem;line-height:1}.room-aura-badge small{display:block;margin-top:2px;font-size:.58rem;line-height:1.1;color:#f8fafcc7}.room-aura-badge.aura-nature{border-color:#4ade80b3;box-shadow:0 0 18px #22c55e33}.room-aura-badge.aura-dream{border-color:#a78bfab3;box-shadow:0 0 18px #8b5cf638}.room-aura-badge.aura-play{border-color:#f472b6b3;box-shadow:0 0 18px #f472b633}.room-aura-badge.aura-training{border-color:#f97316bf;box-shadow:0 0 18px #f9731633}.room-aura-badge.aura-champion{border-color:#f6d55ccc;box-shadow:0 0 20px #f6d55c40}.room-aura-badge-below{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-top:-6px;border-radius:14px;border:1px solid rgba(96,165,250,.15);background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f1f5f9;box-shadow:0 4px 16px #0003}.room-aura-badge-below .room-aura-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff14;flex-shrink:0;font-size:1rem;animation:auraIconBob 3s ease-in-out infinite}.room-aura-badge-below strong{display:block;font-size:.8rem;line-height:1.1;color:#f1f5f9}.room-aura-badge-below small{display:block;margin-top:2px;font-size:.68rem;line-height:1.1;color:#94a3b8e6}.room-aura-badge-below.aura-nature{border-color:#4ade804d}.room-aura-badge-below.aura-dream{border-color:#a78bfa4d}.room-aura-badge-below.aura-play{border-color:#f472b64d}.room-aura-badge-below.aura-training{border-color:#f973164d}.room-aura-badge-below.aura-champion{border-color:#facc1566}[data-theme=light] .room-aura-badge-below{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-primary);box-shadow:var(--shadow-sm)}[data-theme=light] .room-aura-badge-below strong{color:var(--text-primary)}[data-theme=light] .room-aura-badge-below small{color:var(--text-secondary)}.action-dialogue-box{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:25;background:#0f172aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(96,165,250,.3);border-radius:14px;padding:10px 16px 10px 30px;width:min(85%,440px);min-height:48px;box-shadow:0 8px 28px #0006,0 0 0 1px #60a5fa0f inset;animation:dialoguePop .22s ease-out}.action-dialogue-box p{margin:0;font-size:.82rem;color:#e2e8f0;line-height:1.35;font-weight:600}.action-dialogue-cursor{position:absolute;left:12px;top:13px;color:#60a5fa;font-size:.72rem;animation:cursorBlink .9s ease-in-out infinite}@keyframes quoteFade{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@keyframes cursorBlink{0%,to{opacity:1;transform:translate(0)}50%{opacity:.35;transform:translate(2px)}}@keyframes hudBarShine{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes hudWarningPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}@keyframes streakFlicker{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-1px) scale(1.03)}55%{transform:translateY(0) scale(.98)}}@keyframes auraIconBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes dialoguePop{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes mobileTabPop{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-4px) scale(1.12)}to{transform:translateY(0) scale(1)}}.app-main{max-width:1800px;margin:0 auto;width:100%;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}.app-main>.pet-dashboard{grid-column:1;grid-row:1 / span 20;position:sticky;top:72px;align-self:start}.app-main>.challenges-section,.app-main>.tasks-section,.app-main>.pet-chat-section,.app-main>.feed-section,.app-main>.sleep-section-wrapper,.app-main>.habits-section,.app-main>.home-section,.app-main>.encounter-section,.app-main>.daily-hero-banner{grid-column:2}@media(max-width:1024px){.app-main{grid-template-columns:1fr;gap:12px}.app-main>.pet-dashboard{grid-column:1 / -1;grid-row:auto;position:static}.app-main>.daily-hero-banner,.app-main>.challenges-section,.app-main>.tasks-section,.app-main>.pet-chat-section,.app-main>.feed-section,.app-main>.sleep-section-wrapper,.app-main>.habits-section,.app-main>.home-section,.app-main>.encounter-section{grid-column:1 / -1}}.app-nav{position:fixed;top:16px;left:16px;width:168px;height:calc(100vh - 32px);z-index:50;display:flex;flex-direction:column;justify-content:space-between;padding:14px 12px;background:#ffffffe6;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-glow);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg),var(--shadow-glow);transition:box-shadow var(--transition-base);overflow:hidden}.nav-brand{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--border-subtle)}.nav-brand-user{display:flex;flex-direction:column;gap:2px}.nav-brand-username{font-size:.75rem;font-weight:700;color:var(--text-primary);font-family:var(--font-hud);text-transform:uppercase;letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-brand .nav-coins{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;color:var(--accent-yellow);font-family:var(--font-hud);background:var(--yellow-soft);border:1px solid rgba(250,204,21,.2);border-radius:8px;padding:3px 8px;width:fit-content}.nav-brand .nav-tag{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-links{display:flex;flex-direction:column;gap:0;flex:1;align-items:stretch;justify-content:space-evenly;overflow-y:auto;overflow-x:hidden}.app-nav a{text-decoration:none;color:var(--text-muted);font-weight:500;width:100%;height:36px;border-radius:8px;transition:all var(--transition-base);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;gap:10px;padding:0 10px;position:relative;flex-shrink:0}.app-nav a:hover{background:var(--blue-soft);color:var(--accent-blue)}.app-nav a:hover .nav-icon{color:var(--accent-blue)}.app-nav a.active{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 4px 16px #60a5fa59}.app-nav a.active .nav-icon,.app-nav a.active .nav-label{color:#fff}.nav-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.nav-icon svg{width:18px;height:18px;stroke:currentColor;display:block}.nav-label{font-size:.78rem;font-weight:600;color:inherit;font-family:var(--font-body);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-actions{display:flex;flex-direction:column;gap:0;padding-top:10px;margin-top:0;border-top:1px solid var(--border-subtle);align-items:stretch;flex-shrink:0;justify-content:space-evenly}.nav-action-btn{width:100%;height:36px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:10px;padding:0 10px;position:relative;flex-shrink:0}.nav-action-btn:after{content:"";display:none;background:transparent;color:#fff;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);pointer-events:none;box-shadow:var(--shadow-md)}.nav-action-btn:hover:after{opacity:1;visibility:visible;left:calc(100% + 16px)}.nav-action-btn:hover{background:var(--blue-soft);color:var(--accent-blue)}.nav-action-btn:hover .nav-icon,.nav-action-btn:hover .nav-label{color:var(--accent-blue)}.nav-toggle{display:none}.theme-toggle .nav-icon{transition:transform .3s ease}.theme-toggle:hover .nav-icon{transform:rotate(20deg)}[data-theme=dark] .theme-toggle .nav-icon{color:inherit}.quests-section,.home-section{background:transparent}.decor-customizer{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:20px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.decor-customizer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#c084fc,#f472b6)}.decor-customizer h3{margin:0 0 16px;font-size:1rem;color:var(--text-primary);font-weight:700}[data-theme=dark] .decor-customizer{background:#0f172a80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#c084fc1f}.pet-home-room{width:100%;position:relative;height:clamp(520px,68vh,760px);border-radius:24px;overflow:hidden;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(229,231,235,.8);box-shadow:0 4px 6px -1px #0000000d,0 10px 20px -3px #00000014;background:#fde8d8}.pet-home-room:hover{box-shadow:0 8px 12px -2px #00000014,0 20px 30px -5px #0000001a;transform:translateY(-2px)}[data-theme=dark] .pet-home-room{background:#fde8d8;border-color:#ffffff1a;box-shadow:0 4px 6px -1px #0003,0 10px 20px -3px #0006}.pet-home-room.pet-bounce{animation:petBounceAnim .5s ease}@keyframes petBounceAnim{0%{transform:scale(1)}20%{transform:scale(.97) translateY(4px)}50%{transform:scale(1.02) translateY(-6px)}70%{transform:scale(.99) translateY(2px)}to{transform:scale(1) translateY(0)}}.dash-stats-row{position:absolute;top:12px;right:10px;z-index:10;display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:40%}.dash-stats-row span{background:var(--blue-soft);color:var(--accent-blue);border:1px solid rgba(96,165,250,.3);border-radius:8px;padding:2px 8px;font-size:.7rem;font-weight:700;font-family:var(--font-hud)}.slot-option-bonus{display:block;width:100%;font-size:.62rem;line-height:1.15;color:var(--text-muted, #aeb7d0)}.pet-dashboard{background:var(--bg-surface);border-radius:24px;padding:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid var(--border-subtle);animation:dashboardSlideUp .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.pet-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#c084fc);background-size:200% 100%;animation:gradientSlide 4s ease infinite}@keyframes gradientSlide{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.pet-dashboard:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(96,165,250,.03) 50%,transparent 70%);animation:cardShine 6s ease-in-out infinite;pointer-events:none}@keyframes cardShine{0%,to{transform:translate(-100%) rotate(45deg)}50%{transform:translate(100%) rotate(45deg)}}[data-theme=dark] .pet-dashboard{background:#0f172a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#60a5fa1f;box-shadow:0 8px 32px #0006,0 0 0 1px #60a5fa0f inset}.quests-section{animation:questsSectionSlideUp .6s ease;animation-delay:.1s;animation-fill-mode:both}.home-section{animation:tasksSectionSlideUp .6s ease;animation-delay:.2s;animation-fill-mode:both}.daily-hero-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:linear-gradient(135deg,#3b82f626,#c084fc1f,#6ee7b714);border:1px solid rgba(96,165,250,.25);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 4px 24px #60a5fa1f}.daily-hero-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:heroShine 4s ease-in-out infinite;pointer-events:none}@keyframes heroShine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.hero-banner-left{flex:1;min-width:0}.hero-greeting{font-size:.75rem;font-weight:600;color:var(--accent-blue, #60a5fa);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 4px;opacity:.9}.hero-pet-name{font-size:1.3rem;font-weight:800;color:var(--text-primary, #f8fafc);margin:0 0 12px;font-family:Sora,sans-serif;display:flex;align-items:center;gap:6px}.hero-paw{animation:pawWave 2s ease-in-out infinite;display:inline-block}@keyframes pawWave{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.hero-xp-track{display:flex;flex-direction:column;gap:5px}.hero-xp-label{display:flex;justify-content:space-between;font-size:.72rem;font-weight:600;color:#f8fafc99;text-transform:uppercase;letter-spacing:1px}.hero-xp-nums{color:var(--accent-yellow, #facc15)}.xp-sep{opacity:.5}.hero-xp-bar{height:8px;background:#ffffff14;border-radius:99px;overflow:hidden;border:1px solid rgba(96,165,250,.15)}.hero-xp-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa,#facc15);border-radius:99px;box-shadow:0 0 8px #60a5fa80;position:relative}.hero-xp-fill:after{content:"";position:absolute;top:0;right:0;width:6px;height:100%;background:#fff9;border-radius:99px;animation:xpPulse 1.5s ease-in-out infinite}@keyframes xpPulse{0%,to{opacity:.6;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1.2)}}.hero-banner-stats{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.hero-stat-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:110px;transition:all .2s ease}.hero-stat-chip:hover{background:#60a5fa1a;border-color:#60a5fa4d;transform:translate(-2px)}.chip-icon{font-size:1rem}.chip-value{font-size:.9rem;font-weight:800;color:var(--text-primary, #f8fafc);font-family:Orbitron,monospace;flex:1}.chip-label{font-size:.65rem;font-weight:600;color:#f8fafc73;text-transform:uppercase;letter-spacing:.8px}.streak-chip{border-color:#fb923c4d}.streak-chip .chip-value{color:#fb923c}.level-chip{border-color:#facc154d}.level-chip .chip-value{color:#facc15}.quest-chip{border-color:#60a5fa4d}.quest-chip.quest-done{border-color:#6ee7b766;background:#6ee7b714}.quest-chip.quest-done .chip-value{color:#6ee7b7}[data-theme=light] .daily-hero-banner{background:linear-gradient(135deg,#3b82f614,#c084fc0f,#6ee7b70d);border-color:#60a5fa33}[data-theme=light] .hero-greeting{color:#3b82f6}[data-theme=light] .hero-pet-name{color:var(--text-primary)}[data-theme=light] .hero-stat-chip{background:#ffffffb3;border-color:#cbd5e1cc}[data-theme=light] .chip-value{color:var(--text-primary)}[data-theme=light] .chip-label{color:var(--text-secondary, #64748b)}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle, rgba(96,165,250,.12))}.section-header-icon{font-size:1.4rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);border-radius:12px;flex-shrink:0}.section-header>div{flex:1;min-width:0}.section-header-title{font-size:.95rem;font-weight:700;color:var(--text-primary, #f8fafc);margin:0 0 2px;font-family:Sora,sans-serif}.section-header-desc{font-size:.72rem;color:var(--text-muted, #94a3b8);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-badge{font-size:.72rem;font-weight:700;padding:4px 10px;background:#60a5fa1f;border:1px solid rgba(96,165,250,.25);border-radius:99px;color:var(--accent-blue, #60a5fa);white-space:nowrap;flex-shrink:0;font-family:Orbitron,monospace}.section-badge.badge-urgent{background:#fdba7426;border-color:#fdba7459;color:var(--accent-peach, #fdba74);animation:urgentPulse 1.5s ease-in-out infinite}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.6}}[data-theme=light] .section-header-title{color:var(--text-primary)}[data-theme=light] .section-header-desc{color:var(--text-secondary, #64748b)}[data-theme=light] .section-header-icon{background:#3b82f612;border-color:#3b82f626}@keyframes dashboardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes questsSectionSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes tasksSectionSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.challenges-section .challenges-panel{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glow);border-radius:28px;padding:28px;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff80 inset}.challenges-section,.tasks-section,.feed-section,.habits-section,.sleep-section-wrapper,.pet-chat-section{background:var(--bg-surface, #1e293b);border:1px solid var(--border-subtle, rgba(96,165,250,.12));border-radius:20px;padding:20px;position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.challenges-section:hover,.tasks-section:hover,.feed-section:hover,.habits-section:hover,.pet-chat-section:hover{border-color:#60a5fa40;box-shadow:0 4px 20px #60a5fa14}.challenges-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#60a5fa,#c084fc);border-radius:0 2px 2px 0}.tasks-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#6ee7b7,#60a5fa);border-radius:0 2px 2px 0}.feed-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#fdba74,#fb923c);border-radius:0 2px 2px 0}.habits-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#facc15,#6ee7b7);border-radius:0 2px 2px 0}.pet-chat-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#c084fc,#60a5fa);border-radius:0 2px 2px 0}[data-theme=dark] .challenges-section,[data-theme=dark] .tasks-section,[data-theme=dark] .feed-section,[data-theme=dark] .habits-section,[data-theme=dark] .sleep-section-wrapper,[data-theme=dark] .pet-chat-section{background:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=light] .challenges-section,[data-theme=light] .tasks-section,[data-theme=light] .feed-section,[data-theme=light] .habits-section,[data-theme=light] .sleep-section-wrapper,[data-theme=light] .pet-chat-section{background:#fff;border-color:#cbd5e1cc;box-shadow:0 2px 12px #0000000a}@media(max-width:768px){.app-main{gap:8px;padding-bottom:0}.pet-dashboard{padding:6px!important;gap:6px!important;border-radius:14px}.pet-home-room{height:38vh!important;max-height:260px!important;min-height:140px!important;border-radius:12px!important}.room-aura-badge-below{padding:6px 10px!important;gap:8px!important;border-radius:10px!important}.room-aura-badge-below .room-aura-icon{width:24px!important;height:24px!important;font-size:.8rem!important}.room-aura-badge-below strong{font-size:.7rem!important}.room-aura-badge-below small{font-size:.58rem!important}.daily-hero-banner{padding:10px 12px!important;gap:6px!important;border-radius:12px!important;margin-top:0!important}.hero-banner-left{gap:2px!important}.hero-paw{font-size:.75rem!important}.hero-xp-track{gap:2px!important}.hero-xp-label{font-size:.55rem!important}.hero-xp-bar{height:4px!important}.hero-banner-stats{gap:4px!important}.hero-stat-chip{padding:4px 6px!important;min-width:56px!important;border-radius:8px!important}.chip-icon{font-size:.65rem!important}.pet-chat-section{min-height:120px;max-height:180px;padding:6px!important;border-radius:12px!important}.pet-corner-hud{top:6px;left:6px;min-width:0;max-width:54vw;padding:6px 8px;border-radius:12px}.corner-hud-name{font-size:.75rem;max-width:90px}.corner-hud-lv{font-size:.62rem;padding:2px 7px}.corner-hud-bar-row{margin-bottom:3px}.corner-hud-tag{font-size:.56rem;min-width:24px}.corner-hud-bar{height:6px}.corner-hud-num{font-size:.58rem;min-width:30px}.corner-hud-badges{margin-top:5px;padding-top:5px;gap:3px}.corner-hud-badge{font-size:.56rem;padding:2px 6px}.dash-stats-row{top:6px;bottom:auto;right:6px;gap:3px;max-width:42%}.dash-stats-row span{font-size:.58rem;padding:1px 5px}.room-aura-badge{top:auto;bottom:10px;left:50%;transform:translate(-50%);max-width:calc(100% - 24px);padding:5px 8px}.room-aura-badge strong{font-size:.66rem}.room-aura-badge small{font-size:.54rem}.room-aura-icon{width:22px;height:22px;font-size:.8rem}.daily-hero-banner{flex-direction:column;gap:6px!important;padding:10px 12px!important;border-radius:12px!important}.hero-banner-stats{flex-direction:row;flex-wrap:wrap;gap:4px!important;width:100%}.hero-stat-chip{flex:1;min-width:56px!important;padding:4px 6px!important;border-radius:8px!important}.chip-value{font-size:.6rem!important}.chip-label{font-size:.48rem!important}.hero-pet-name{font-size:.85rem!important;margin-bottom:2px!important}.hero-greeting{font-size:.6rem!important}.challenges-section,.tasks-section,.feed-section,.habits-section,.sleep-section-wrapper,.pet-chat-section{padding:14px;border-radius:16px}.section-header{margin-bottom:10px;padding-bottom:10px;gap:10px}.section-header-icon{width:36px;height:36px;font-size:1.1rem;border-radius:10px}.section-header-title{font-size:.88rem}.section-header-desc{font-size:.68rem}.section-badge{font-size:.66rem;padding:3px 8px}.room-preview-instructions{display:none}}[data-theme=light]{--panel-bg: #ffffff;--panel-border: #e5e7eb;--panel-shadow: 0 1px 3px rgba(0, 0, 0, .05);--panel-subtle-bg: #f9fafb}[data-theme=light] .pet-dashboard,[data-theme=light] .decor-customizer,[data-theme=light] .challenges-section .challenges-panel,[data-theme=light] .feed-panel,[data-theme=light] .habits-container,[data-theme=light] .home-slot,[data-theme=light] .hunger-meter-container,[data-theme=light] .care-meter,[data-theme=light] .xp-container{background:#fffaf0d9;border-color:#8b5a2b2e;box-shadow:0 6px 24px #8b5a2b1a;color:#333}[data-theme=light] .feed-item,[data-theme=light] .habit-card{background:linear-gradient(180deg,#fffcf4fa,#ece2d1f0);border-color:#4a2c14;color:#1a202c;box-shadow:4px 4px #4a2c1480}[data-theme=light] .feed-item:hover{border-color:#8ac92680;background:#8ac92614}[data-theme=light] .habit-card.ready{background:linear-gradient(180deg,#fffcf4fa,#ece2d1f0);box-shadow:4px 4px #4a2c1480}[data-theme=light] .habit-card.move-card{background:linear-gradient(180deg,#fffcf4fa,#ece2d1f0)}[data-theme=light] .habit-card.move-care{border-color:#2563eb73}[data-theme=light] .habit-card.move-bond{border-color:#db277773}[data-theme=light] .habit-card.move-rest{border-color:#7c3aed73}[data-theme=light] .habit-card.move-power{border-color:#ea580c80}[data-theme=light] .habit-card.move-nature{border-color:#16a34a73}[data-theme=light] .move-pp{color:#f8fafc;background:#4a2c1485;border-color:#4a2c1438}[data-theme=light] .feed-name,[data-theme=light] .habit-name{color:#1a1a1a}[data-theme=light] .habit-desc,[data-theme=light] .feed-hint,[data-theme=light] .habits-hint{color:#666}[data-theme=light] .slot-option{background:#fff8ebb3;border-color:#8b5a2b33;color:#4a2c14}[data-theme=light] .slot-option.active{background:#f6d55c38;border-color:#b8860b80;color:#8b5a2b}[data-theme=light] .slot-option-bonus{color:#7b5a37}[data-theme=light] .home-slot h3,[data-theme=light] .home-slot h4,[data-theme=light] .decor-customizer h3{color:#1a1a1a}[data-theme=light] .challenge-card{background:#fff8ebbf;border-color:#8b5a2b2e;color:#333}[data-theme=light] .pet-stats-mini span{background:#8b5a2b14;color:#4a2c14}[data-theme=light] .toast{box-shadow:0 6px 24px #8b5a2b26}[data-theme=light] .toast-info{background:#fff8ebeb;border-color:#8b5a2b40;color:#4a2c14}@media(prefers-reduced-motion:reduce){.corner-hud-bar-fill,.corner-hud-bar-fill:after,.corner-hud-badge.streak,.room-aura-badge-below .room-aura-icon,.action-dialogue-box,.action-dialogue-cursor,.pet-home-room.pet-bounce,.mobile-tab-bar a.active .mobile-tab-icon,.pet-dashboard,.quests-section,.home-section{animation:none}}.pet-home-room{border:1px solid var(--border-glow);border-radius:28px;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff80 inset,var(--shadow-glow);background:var(--bg-surface)}.corner-hud-lv,.challenge-panel-kicker,.task-counter{border-radius:20px!important;background:linear-gradient(135deg,#3b82f6,#60a5fa)!important;border:none!important;color:#fff!important;font-weight:600!important;font-size:.75rem!important;padding:4px 10px!important;box-shadow:var(--shadow-blue)}.feed-item,.task-item,.slot-option{border:1px solid var(--border-subtle)!important;border-radius:16px!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-base)}.feed-item:hover,.task-item:hover{border-color:#60a5fa66!important;box-shadow:var(--shadow-md),0 0 0 1px #60a5fa1a!important;transform:translateY(-2px)}.challenge-card,.habit-card{border:1px solid var(--border-subtle)!important;border-radius:20px!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-md),0 0 0 1px #ffffff80 inset!important;transition:all var(--transition-base);position:relative;overflow:hidden}.challenge-card:before,.habit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa);opacity:0;transition:opacity var(--transition-base)}.challenge-card:hover,.habit-card:hover{border-color:#60a5fa73!important;background:var(--bg-glass)!important;box-shadow:var(--shadow-lg),0 0 20px #60a5fa1f,0 0 0 1px #60a5fa26 inset!important;transform:translateY(-4px) scale(1.01)}.challenge-card:hover:before,.habit-card:hover:before{opacity:1}.challenge-name,.habit-name,.task-title{font-size:.9375rem!important;font-weight:600!important;color:#111827!important;letter-spacing:-.25px;line-height:1.4}.challenge-desc,.habit-desc,.task-desc,.feed-hint,.habits-hint{font-size:.8125rem!important;font-weight:400!important;color:#6b7280!important;line-height:1.6;margin-top:4px}.challenge-progress-label,.challenge-rewards,.task-meta,.feed-stats{font-size:.75rem!important;font-weight:500!important;color:#9ca3af!important;letter-spacing:.3px}.challenge-section h3{font-size:1.125rem!important;font-weight:700!important;color:var(--text-primary)!important;margin-bottom:1.25rem;letter-spacing:-.5px}.challenge-section h3 small{font-size:.75rem!important;font-weight:500!important;color:var(--text-muted)!important;background:var(--bg-elevated, #f3f4f6);padding:.375rem .875rem;border-radius:999px}.no-challenges{font-size:.875rem!important;color:#9ca3af!important;text-align:center;padding:2.5rem 2rem}.pet-chat-section,.pet-chat-section *,.admin-panel,.admin-panel *{color:inherit!important}.feed-tooltip{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:10px!important;box-shadow:0 4px 12px #0000001a!important}.challenge-icon,.habit-icon{border-radius:10px!important;background:var(--bg-elevated, #263044)!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;width:36px!important;height:36px!important;display:flex;align-items:center;justify-content:center;font-size:1rem!important}[data-theme=light] .challenge-icon,[data-theme=light] .habit-icon{background:#f3f4f6!important;border:none!important;color:#6b7280!important}.feed-quantity,.move-pp{border:none!important;border-radius:6px!important;background:#f3f4f6!important;color:#6b7280!important;font-weight:500!important;font-size:.75rem!important;padding:3px 8px!important}.add-task-form input,input[type=text],input[type=email],input[type=password],textarea,select{border-radius:12px!important;border:1px solid var(--border-subtle)!important;background:#fffc!important;color:var(--text-primary)!important;font-weight:500!important;padding:.75rem 1rem!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-base)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-task-form input:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:var(--accent-blue)!important;box-shadow:0 0 0 4px #60a5fa26,0 0 15px #60a5fa1f!important;transform:translateY(-1px);background:#fffffff2!important}.add-task-form input::placeholder,input::placeholder{color:var(--text-muted)!important;font-weight:400}.add-task-form,.category-btn,.btn-add-task{background:transparent!important}.btn-add,.btn-cancel,.challenge-claim-btn{border:none!important;border-radius:12px!important;background:linear-gradient(135deg,#3b82f6,#60a5fa)!important;color:#fff!important;font-weight:600!important;font-size:.8125rem!important;padding:.625rem 1.5rem!important;transition:all var(--transition-base)!important;cursor:pointer;box-shadow:var(--shadow-blue)}.btn-add:hover,.challenge-claim-btn:hover{background:linear-gradient(135deg,#60a5fa,#93c5fd)!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 0 25px #60a5fa73!important}.btn-cancel{background:#fff9!important;color:var(--text-secondary)!important;box-shadow:var(--shadow-sm)}.btn-cancel:hover{background:#ffffffe6!important;color:var(--text-primary)!important;box-shadow:var(--shadow-md)}.battle-page h1,.battle-intro,.shop-header h1,.shop-filters,.shop-filter,.statistics h1,.stats-subtitle,.trophy-case h1,.trophy-subtitle,.skills-panel h1,.skills-subtitle,.world-map h1,.egg-incubator h1,.egg-subtitle{color:#1f2937!important}.enemy-card-level{color:var(--accent-peach)!important}.enemy-card-rewards{color:var(--accent-yellow)!important}.defeated-badge{color:var(--accent-blue)!important}.shop-item,.shop-name,.shop-desc,.shop-meta,.shop-locked,.shop-buy.broke{color:#1f2937!important}.shop-item{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000d!important}.shop-filter{background:#f3f4f6!important;border:none!important;border-radius:10px!important;color:#4b5563!important}.shop-filter.active{background:linear-gradient(135deg,#3b82f6,#60a5fa)!important;color:#fff!important;box-shadow:var(--shadow-blue)!important}.stat-card,.progress-section,.milestone,.pet-stat-item{background:var(--bg-glass)!important;border:1px solid var(--border-glow)!important;border-radius:20px!important;box-shadow:var(--shadow-md),0 0 0 1px #ffffff80 inset!important;color:var(--text-primary)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.stat-card:hover,.milestone:hover,.pet-stat-item:hover{border-color:#60a5fa73!important;box-shadow:var(--shadow-lg),0 0 20px #60a5fa1f,0 0 0 1px #60a5fa26 inset!important;transform:translateY(-3px)}.stat-value,.stat-label,.stat-description,.progress-section h2,.cat-label,.cat-count,.ps-label,.ps-value,.milestone{color:var(--text-primary)!important}[data-theme=light] .xp-text,[data-theme=light] .xp-daily-label{color:var(--text-secondary)}[data-theme=light] .xp-bar{background:#0000000f;border-radius:999px;height:8px;overflow:hidden}[data-theme=light] .xp-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 15px #60a5fa59;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}[data-theme=light] .care-meter-label,[data-theme=light] .care-meter-percentage,[data-theme=light] .meter-label{color:#333}[data-theme=light] .meter-row .meter-track{background:#8b5a2b1f}[data-theme=light] .shop-page,[data-theme=light] .shop-item{color:#333}[data-theme=light] .shop-item{background:#fffaf0d9;border-color:#8b5a2b2e}[data-theme=light] .settings-modal{background:#fffaf0fa;color:#333}[data-theme=light] .feed-panel-header h3,[data-theme=light] .habits-header h3{color:#1a1a1a}.corner-hud-card,.dashboard-card{transition:all .2s ease}.corner-hud-card:hover,.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.pet-home-room{border:1px solid #e5e7eb!important;border-radius:20px!important;background:#fde8d8!important;box-shadow:0 4px 12px #00000014!important;overflow:hidden!important;padding:0!important;height:clamp(520px,68vh,760px)!important}.challenge-progress-bar{background:#0000000f!important;border-radius:999px!important;height:6px!important;overflow:hidden;position:relative}.challenge-progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)!important;border-radius:999px!important;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #60a5fa59}[data-theme=light] .pet-hint{color:#6b7280}.trophy-case,.streak-info,.rewards,.achievement-card{background:var(--bg-glass)!important;border:1px solid var(--border-glow)!important;border-radius:20px!important;box-shadow:var(--shadow-md),0 0 0 1px #ffffff80 inset!important;color:var(--text-primary)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trophy-case h1,.streak-info h2,.streak-info p,.streak-number,.streak-label,.rewards h2,.rewards li,.rewards p,.achievement-name,.achievement-desc{color:var(--text-primary)!important}.skill-card,.passive-card,.map-node,.egg-card,.companion-card,.empty-state{background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:20px!important;box-shadow:var(--shadow-md),0 0 0 1px #ffffff80 inset!important;color:var(--text-secondary)!important;transition:all var(--transition-base)}.skill-card:hover,.passive-card:hover,.map-node:hover,.egg-card:hover{border-color:#60a5fa73!important;box-shadow:var(--shadow-lg),0 0 20px #60a5fa1f,0 0 0 1px #60a5fa26 inset!important;transform:translateY(-4px)}.empty-state:hover{border-color:#60a5fa73!important;box-shadow:var(--shadow-lg),0 0 20px #60a5fa1f!important;transform:translateY(-2px)}.skill-name,.skill-desc,.skill-threshold,.passive-name,.passive-desc,.passive-status,.node-name,.node-desc,.node-req,.map-subtitle,.map-progress,.egg-name,.egg-desc,.egg-progress-text,.companion-name,.companion-species,.companion-level,.incubator-subtitle,.incubator-section h2,.skills-section h2,.passives-section h2{color:#1f2937!important}.glow-red{box-shadow:0 0 40px #60a5fa59}.glow-orange{box-shadow:0 0 40px #ff572266}.glow-soft{box-shadow:0 0 60px #60a5fa26}.page-enter{animation:pageEnter .5s cubic-bezier(.4,0,.2,1)}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.float-subtle{animation:floatSubtle 8s ease-in-out infinite}@keyframes floatSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.shine-sweep{position:relative;overflow:hidden}.shine-sweep:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shineSweep 4s ease-in-out infinite}@keyframes shineSweep{0%{left:-100%}to{left:200%}}.glass-card{background:#1a1a1ab3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 8px 32px #0000004d,0 1px #ffffff0d inset}.btn-premium{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-premium:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-premium:hover:before{width:300px;height:300px}.pulse-soft{animation:pulseSoft 2s ease-in-out infinite}@keyframes pulseSoft{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}.btn-add:active,.challenge-claim-btn:active,.nav-action-btn:active,.mobile-tab-bar a:active,.mobile-tab-profile:active{transform:scale(.96)!important;transition:transform .1s ease!important}.challenge-card:hover,.habit-card:hover,.skill-card:hover,.passive-card:hover,.map-node:hover,.egg-card:hover{transform:translateY(-6px) scale(1.01)!important}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 0 #60a5fa66}50%{transform:scale(1.02);box-shadow:0 0 20px 10px #60a5fa59}to{transform:scale(1);box-shadow:0 0 #60a5fa66}}.task-complete,.challenge-completed{animation:successPulse .6s ease}.skeleton{background:linear-gradient(90deg,var(--border-subtle) 25%,rgba(255,255,255,.5) 50%,var(--border-subtle) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px;pointer-events:none}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:4px}.skeleton-text:last-child{width:80%}.skeleton-card{height:120px;width:100%;border-radius:16px;margin-bottom:16px}@keyframes levelUpBurst{0%{transform:scale(.8);opacity:0;filter:blur(10px)}50%{transform:scale(1.1);opacity:1;filter:blur(0)}to{transform:scale(1);opacity:1}}.level-up-modal{animation:levelUpBurst .6s cubic-bezier(.34,1.56,.64,1)}.xp-particle{position:absolute;width:6px;height:6px;background:var(--accent-blue);border-radius:50%;box-shadow:0 0 12px var(--accent-blue),0 0 20px #60a5fa66;pointer-events:none;animation:floatUp 1.2s ease-out forwards}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-120px) scale(0);opacity:0}}@keyframes coinCollect{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(180deg);filter:brightness(1.5)}to{transform:scale(1) rotate(360deg);opacity:1}}.coin-collect{animation:coinCollect .5s cubic-bezier(.34,1.56,.64,1)}@keyframes streakGlow{0%,to{box-shadow:0 0 15px #facc1559}50%{box-shadow:0 0 30px #facc1566,0 0 60px #facc1540}}.streak-active{animation:streakGlow 2s ease-in-out infinite}.empty-state-illustrated{background:var(--bg-glass)!important;border:2px dashed var(--border-subtle)!important;border-radius:24px!important;padding:48px 32px!important;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.empty-state-illustrated:hover{border-color:#60a5fa73!important;box-shadow:0 0 20px #60a5fa1f}.empty-icon{font-size:4rem;opacity:.5;margin-bottom:8px;filter:drop-shadow(0 0 20px rgba(96,165,250,.25));animation:floatSubtle 6s ease-in-out infinite}.empty-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.empty-description{font-size:.875rem;color:var(--text-secondary);max-width:280px}.swipe-card{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;transition:transform .2s ease-out}.swipe-card:active{cursor:grabbing}.swipe-card.swiping-left{transform:translate(-20px) rotate(-2deg);opacity:.8}.swipe-card.swiping-right{transform:translate(20px) rotate(2deg);opacity:.8}.pull-refresh{height:60px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:.875rem;gap:8px;overflow:hidden}.pull-refresh-icon{transition:transform .3s ease;font-size:1.25rem}.pull-refresh--pulling .pull-refresh-icon{transform:rotate(180deg)}.pull-refresh--refreshing .pull-refresh-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(hover:none)and (pointer:coarse){.challenge-card:active,.habit-card:active,.skill-card:active{transform:scale(.98);transition:transform .1s ease}.btn-add:active,.challenge-claim-btn:active{transform:scale(.94)!important}}@keyframes soundWave{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}.sound-indicator{position:relative}.sound-indicator:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:var(--primary);border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.sound-indicator.active:after{animation:soundWave .4s ease-out}.stat-number,.xp-number,.coin-display,.level-number,.streak-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:600}.display-number{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1;letter-spacing:-.03em;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff26,#ffffff0d 75%);background-size:200% 100%}[data-theme=dark] .empty-state-illustrated{border-color:#fff3!important}[data-theme=dark] .empty-icon{opacity:.5}[data-theme=dark] body,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#f1f5f9}[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div{color:inherit}[data-theme=dark] .pet-dashboard,[data-theme=dark] .challenges-panel,[data-theme=dark] .feed-panel,[data-theme=dark] .habits-container,[data-theme=dark] .decor-customizer,[data-theme=dark] .xp-container,[data-theme=dark] .hunger-meter-container,[data-theme=dark] .care-meter{background:#1e293bcc;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .pet-dashboard{background:linear-gradient(135deg,#1e293be6,#0f172ae6)}[data-theme=dark] .challenge-card,[data-theme=dark] .habit-card{background:#1e293be6;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .challenge-name,[data-theme=dark] .habit-name,[data-theme=dark] .task-title{color:#f1f5f9!important}[data-theme=dark] .challenge-desc,[data-theme=dark] .habit-desc,[data-theme=dark] .task-desc,[data-theme=dark] .feed-hint,[data-theme=dark] .habits-hint{color:#94a3b8!important}[data-theme=dark] .stat-value,[data-theme=dark] .stat-label,[data-theme=dark] .stat-description{color:#f1f5f9!important}[data-theme=dark] .pet-corner-hud{background:#0f1623f7;border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-glow)}[data-theme=dark] .corner-hud-bar{background:#ffffff14}[data-theme=dark] .nav-tag,[data-theme=dark] .nav-coins{background:var(--yellow-soft);color:var(--accent-yellow);box-shadow:none}[data-theme=dark] .shop-header h1,[data-theme=dark] .shop-filters,[data-theme=dark] .shop-filter,[data-theme=dark] .shop-item,[data-theme=dark] .shop-name,[data-theme=dark] .shop-desc,[data-theme=dark] .shop-meta,[data-theme=dark] .shop-locked,[data-theme=dark] .shop-buy.broke,[data-theme=dark] .trophy-case h1,[data-theme=dark] .trophy-subtitle,[data-theme=dark] .skills-panel h1,[data-theme=dark] .skills-subtitle,[data-theme=dark] .world-map h1,[data-theme=dark] .egg-incubator h1,[data-theme=dark] .egg-subtitle,[data-theme=dark] .skill-name,[data-theme=dark] .skill-desc,[data-theme=dark] .skill-threshold,[data-theme=dark] .passive-name,[data-theme=dark] .passive-desc,[data-theme=dark] .passive-status,[data-theme=dark] .node-name,[data-theme=dark] .node-desc,[data-theme=dark] .node-req,[data-theme=dark] .map-subtitle,[data-theme=dark] .map-progress,[data-theme=dark] .egg-name,[data-theme=dark] .egg-desc,[data-theme=dark] .egg-progress-text,[data-theme=dark] .companion-name,[data-theme=dark] .companion-species,[data-theme=dark] .companion-level,[data-theme=dark] .incubator-subtitle,[data-theme=dark] .incubator-section h2,[data-theme=dark] .skills-section h2,[data-theme=dark] .passives-section h2{color:#f1f5f9!important}[data-theme=dark] .challenge-progress-label,[data-theme=dark] .challenge-rewards,[data-theme=dark] .task-meta,[data-theme=dark] .feed-stats{color:#94a3b8!important}[data-theme=dark] .dash-stats-row span{background:#60a5fa26;color:var(--accent-blue);border-color:#60a5fa4d}[data-theme=dark] .pet-home-room{background:linear-gradient(180deg,#1e293b,#0f172a);border-color:#ffffff1a}[data-theme=dark] .room-aura-badge{background:#1e293be6;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .room-aura-badge-below .room-aura-label{color:#f1f5f9}[data-theme=dark] .room-aura-badge-below .room-aura-desc{color:#94a3b8}[data-theme=dark] .room-aura-icon{color:#f1f5f9}[data-theme=dark] .pet-chat-panel{background:#1e293bf2;border-color:#ffffff1a}[data-theme=dark] .pet-chat-header-info strong{color:#f1f5f9}[data-theme=dark] .pet-chat-status{color:#94a3b8}[data-theme=dark] .pet-chat-bubble.pet{background:#1e293bcc;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .pet-chat-bubble.user{background:#60a5fa26;border-color:#60a5fa40;color:#f8fafc}[data-theme=dark] .pet-chat-form input{background:#0f172acc;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .pet-chat-form input::placeholder{color:#64748b}[data-theme=dark] .challenge-section h3{color:var(--text-primary)!important}[data-theme=dark] .challenge-section h3 small{color:var(--text-muted)!important}[data-theme=dark] .no-challenges{color:#64748b}[data-theme=dark] .shop-item{background:linear-gradient(135deg,#1e293b,#334155);border-color:#ffffff1a}[data-theme=dark] .shop-name{color:#f1f5f9}[data-theme=dark] .shop-desc{color:#94a3b8}[data-theme=dark] .shop-meta{color:#64748b}[data-theme=dark] .shop-cost{color:#fca5a5}[data-theme=dark] .shop-coins{background:var(--yellow-soft);color:var(--accent-yellow)}[data-theme=dark] .shop-owned{background:#22c55e33;color:#86efac}[data-theme=dark] .shop-locked{color:#94a3b8}[data-theme=dark] .shop-filter{background:#1e293bcc;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .shop-filter.active{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}[data-theme=dark] .statistics h1{color:#f1f5f9}[data-theme=dark] .statistics-subtitle{color:#94a3b8}[data-theme=dark] .stat-card{background:#1e293bcc;border-color:#ffffff1a}[data-theme=dark] .stat-value{color:#f1f5f9}[data-theme=dark] .stat-label{color:#94a3b8}[data-theme=dark] .stat-desc{color:#64748b}[data-theme=dark] .progress-section h2,[data-theme=dark] .category-title,[data-theme=dark] .milestone-title{color:#f1f5f9}[data-theme=dark] .cat-label{color:#94a3b8}[data-theme=dark] .cat-count{color:#64748b}[data-theme=dark] .cat-fill{background:#475569}[data-theme=dark] .milestone{background:#1e293b99;border-color:#ffffff1a}[data-theme=dark] .milestone.unlocked{background:var(--blue-soft);border-color:var(--border-glow)}[data-theme=dark] .milestone-value{color:#f1f5f9}[data-theme=dark] .milestone-label{color:#94a3b8}[data-theme=dark] .m-icon{color:#64748b}[data-theme=dark] .milestone.unlocked .m-icon{color:var(--accent-yellow)}[data-theme=dark] .pet-stat-item{background:#1e293b99;border-color:#ffffff1a}[data-theme=dark] .ps-label{color:#94a3b8}[data-theme=dark] .ps-value,[data-theme=dark] .egg-incubator h1{color:#f1f5f9}[data-theme=dark] .incubator-subtitle{color:#94a3b8}[data-theme=dark] .incubator-section h2{color:#f1f5f9}[data-theme=dark] .egg-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#ffffff1a}[data-theme=dark] .egg-name{color:#f1f5f9}[data-theme=dark] .egg-desc{color:#94a3b8}[data-theme=dark] .egg-progress-text{color:#fca5a5}[data-theme=dark] .empty-state{background:#1e293bcc;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .companion-card{background:#1e293bcc;border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--accent-blue)}[data-theme=dark] .companion-name{color:#f1f5f9}[data-theme=dark] .companion-species{color:#94a3b8}[data-theme=dark] .companion-level{color:var(--accent-blue)}[data-theme=dark] .world-map h1{color:#f1f5f9}[data-theme=dark] .map-subtitle,[data-theme=dark] .map-progress{color:#94a3b8}[data-theme=dark] .map-node{background:#1e293bcc;border-color:#ffffff1a}[data-theme=dark] .map-node.locked{opacity:.4}[data-theme=dark] .map-node.unlocked{border-left-color:var(--accent-blue)}[data-theme=dark] .node-name{color:#f1f5f9}[data-theme=dark] .node-desc{color:#94a3b8}[data-theme=dark] .node-req{color:#64748b}[data-theme=dark] .trophy-case h1{color:#f1f5f9}[data-theme=dark] .trophy-subtitle{color:#94a3b8}[data-theme=dark] .trophy-card{background:#1e293bcc;border-color:#ffffff1a}[data-theme=dark] .trophy-card.unlocked{background:var(--blue-soft);border-color:var(--border-glow)}[data-theme=dark] .trophy-name{color:#f1f5f9}[data-theme=dark] .trophy-card.locked .trophy-name{color:#64748b}[data-theme=dark] .trophy-desc{color:#94a3b8}[data-theme=dark] .trophy-card.locked .trophy-desc{color:#64748b}[data-theme=dark] .trophy-rarity{background:#ffffff1a;color:#94a3b8}[data-theme=dark] .stats-bar{background:#ffffff1a}[data-theme=dark] .stats-label{color:#94a3b8}[data-theme=dark] .stats-value{color:#f1f5f9}[data-theme=dark] .rarity-filter{background:#1e293bcc;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .rarity-filter.active{background:var(--blue-soft);border-color:var(--accent-blue);color:var(--accent-blue)}[data-theme=dark] .empty-trophies{color:#64748b}[data-theme=dark] .skills-panel h1{color:#f1f5f9}[data-theme=dark] .skills-subtitle{color:#94a3b8}[data-theme=dark] .skill-card{background:#1e293bcc;border-color:#ffffff1a}[data-theme=dark] .skill-card.unlocked{border-color:var(--border-glow)}[data-theme=dark] .skill-name{color:#f1f5f9}[data-theme=dark] .skill-desc{color:#94a3b8}[data-theme=dark] .skill-threshold{color:#64748b}[data-theme=dark] .passive-card{background:#1e293bcc;border-color:#ffffff1a}[data-theme=dark] .passive-card.active{border-color:var(--border-glow)}[data-theme=dark] .passive-name{color:#f1f5f9}[data-theme=dark] .passive-desc{color:#94a3b8}[data-theme=dark] .passive-status{color:#64748b}[data-theme=dark] .skills-section h2,[data-theme=dark] .passives-section h2{color:#f1f5f9}[data-theme=dark] .hp-box{background:linear-gradient(135deg,#1e293b,#334155);border-color:var(--border-glow);box-shadow:var(--shadow-lg),inset 0 0 0 2px #ffffff0d}[data-theme=dark] .hp-box-name{color:#f1f5f9}[data-theme=dark] .hp-box-lv{color:#94a3b8}[data-theme=dark] .hp-numbers{color:#f1f5f9}[data-theme=dark] .hp-bar-outer{background:#ffffff1a}[data-theme=dark] .battle-textbox{background:linear-gradient(135deg,#1e293b,#334155);border-color:#000;color:#f1f5f9}[data-theme=dark] .battle-bottom{background:linear-gradient(180deg,#1e293b,#0f172a);border-color:var(--border-glow)}[data-theme=dark] .battle-turn-chip{background:linear-gradient(135deg,#1e293b,#334155);border-color:var(--border-glow);color:#f1f5f9}[data-theme=dark] .move-btn{border-color:#000;color:#f1f5f9}[data-theme=dark] .move-desc{color:#fffc}[data-theme=dark] .flee-btn{border-color:#fdba7466;color:var(--accent-peach)}[data-theme=dark] .battle-viewport{border-color:var(--border-glow)}[data-theme=dark] .enemy-card{background:linear-gradient(180deg,#1e293b,#334155)}[data-theme=dark] .enemy-card-name{color:#f1f5f9}[data-theme=dark] .enemy-card-level{color:var(--accent-peach)}[data-theme=dark] .enemy-card-rewards{color:var(--accent-yellow)}[data-theme=dark] .battle-page h1{color:#f1f5f9}[data-theme=dark] .battle-intro{color:#94a3b8}[data-theme=dark] .profile-page h1,[data-theme=dark] .profile-name,[data-theme=dark] .profile-header h1{color:#f1f5f9}[data-theme=dark] .profile-subtitle,[data-theme=dark] .stat-label,[data-theme=dark] .companion-stage,[data-theme=dark] .achievement-progress{color:#94a3b8}[data-theme=dark] .profile-card,[data-theme=dark] .profile-stat-card,[data-theme=dark] .profile-section{background:#1e293be6;border-color:#ffffff1a}[data-theme=dark] .stat-value,[data-theme=dark] .companion-name,[data-theme=dark] .achievement-name,[data-theme=dark] .next-evo-label{color:#f1f5f9}[data-theme=dark] .next-evo-req{color:#94a3b8}[data-theme=dark] .settings-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border-color:var(--border-glow)}[data-theme=dark] .settings-header{background:linear-gradient(135deg,#3b82f6,#60a5fa)}[data-theme=dark] .setting-group h3{color:var(--accent-blue)}[data-theme=dark] .setting-item{color:#f1f5f9}[data-theme=dark] .setting-item span{color:#94a3b8}[data-theme=dark] .setting-item input[type=text]{background:#0f172acc;border-color:#ffffff1a;color:#f1f5f9}[data-theme=dark] .setting-note{color:#64748b}[data-theme=dark] .test-sound-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none;color:#fff}[data-theme=dark] .test-sound-btn:disabled{background:#64748b4d;border-color:#ffffff1a;color:#64748b}[data-theme=dark] .settings-footer{border-top-color:#ffffff1a}[data-theme=dark] .corner-hud-tag{opacity:.9}[data-theme=dark] .corner-hud-badge.streak{background:#facc1526;color:var(--accent-yellow)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-primary)}[data-theme=dark] p{color:var(--text-secondary)}[data-theme=dark] .stat-card,[data-theme=dark] .shop-item,[data-theme=dark] .challenge-card,[data-theme=dark] .trophy-card,[data-theme=dark] .skill-card,[data-theme=dark] .passive-card,[data-theme=dark] .egg-card,[data-theme=dark] .companion-card,[data-theme=dark] .map-node,[data-theme=dark] .milestone,[data-theme=dark] .pet-stat-item,[data-theme=dark] .progress-section,[data-theme=dark] .profile-card,[data-theme=dark] .profile-stat-card,[data-theme=dark] .profile-section{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .hp-box{background:var(--bg-elevated);border-color:var(--border-glow)}[data-theme=dark] .hp-box-name,[data-theme=dark] .hp-numbers,[data-theme=dark] .hp-box-lv,[data-theme=dark] .battle-textbox,[data-theme=dark] .battle-turn-chip,[data-theme=dark] .move-btn{color:var(--text-primary)!important}[data-theme=dark] .battle-textbox,[data-theme=dark] .battle-turn-chip{background:var(--bg-elevated);border-color:var(--border-subtle)}[data-theme=dark] .battle-bottom{background:var(--bg-surface);border-color:var(--border-subtle)}[data-theme=dark] .flee-btn{color:var(--accent-peach);border-color:#fdba7466}.text-gradient{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glow)}.glow{box-shadow:var(--shadow-glow)}.glow-sm{box-shadow:var(--shadow-glow-sm)}@media print{.app-nav,.mobile-tab-bar,.btn-add,.challenge-claim-btn{display:none!important}body{background:#fff!important;color:#000!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-body);min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-weight:400;overflow-x:hidden;transition:background-color .4s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{color-scheme:dark}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(96,165,250,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(250,204,21,.05) 0%,transparent 55%),radial-gradient(ellipse 50% 60% at 50% 50%,rgba(110,231,183,.04) 0%,transparent 70%)}[data-theme=dark] body:before{background:radial-gradient(ellipse 80% 50% at 15% 0%,rgba(96,165,250,.12) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 85% 100%,rgba(250,204,21,.07) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 50% 45%,rgba(110,231,183,.05) 0%,transparent 65%)}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(148,163,184,.15) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:-1}[data-theme=dark] body:after{background-image:radial-gradient(circle,rgba(96,165,250,.06) 1px,transparent 1px)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#60a5fa33}::selection{background:#60a5fa4d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px;box-shadow:0 0 0 4px #60a5fa33}h1{font-family:var(--font-display);font-weight:800;color:var(--text-primary);letter-spacing:-.5px;line-height:1.2}h2{font-family:var(--font-display);font-weight:700;color:var(--text-primary);letter-spacing:-.3px}h3,h4{font-family:var(--font-body);font-weight:600;color:var(--text-primary)}h5,h6{font-family:var(--font-body);font-weight:500;color:var(--text-secondary)}.font-hud,.xp-label,.xp-value,.level-badge{font-family:var(--font-hud)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}