:root{--bg: linear-gradient(135deg, #f8f6ff 0%, #eef2ff 45%, #fef3f2 100%);--card: rgba(255,255,255,.92);--border: rgba(139,92,246,.14);--primary: #7c3aed;--primary-2: #ec4899;--text: #1f2937;--muted: #6b7280;--danger: #dc2626;--shadow: 0 18px 40px rgba(124,58,237,.12)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:20px}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.auth-card{width:100%;max-width:520px;background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);padding:32px}.auth-logo{font-size:64px;text-align:center}.auth-card h1{margin:10px 0 6px;text-align:center}.auth-card p{margin:0 0 20px;text-align:center;color:var(--muted)}.mode-switch{display:flex;gap:8px;background:#f5f3ff;padding:6px;border-radius:18px;margin-bottom:18px}.mode-switch button,.segmented button,.main-tabs button{border:none;background:transparent}.mode-switch button{flex:1;padding:10px 12px;border-radius:14px}.mode-switch button.active,.segmented button.active,.main-tabs button.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.auth-form,.stack-form{display:grid;gap:14px}.field{display:grid;gap:8px;font-weight:600}.field span{font-size:14px;color:var(--muted)}input,select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #ddd6fe;background:#fff}.inline-form{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:center}.primary-btn,.ghost-btn,.danger-btn{border:none;padding:12px 16px;border-radius:14px}.primary-btn{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.primary-btn.small{padding:10px 12px}.ghost-btn{background:#f5f3ff;color:var(--primary)}.danger-btn{background:#fef2f2;color:var(--danger)}.error-box{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:14px;padding:10px 12px}.hint-box{margin-top:16px;background:#faf5ff;padding:14px;border-radius:16px;color:var(--muted);font-size:14px}.page-shell{max-width:1440px;margin:0 auto;padding:28px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;background:#ffffffb3;border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.hero h1{margin:6px 0;font-size:32px}.hero p{margin:0;color:var(--muted)}.hero-badge{display:inline-flex;padding:6px 10px;background:#ede9fe;border-radius:999px;color:var(--primary);font-size:13px}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.meta-pill,.toolbar select{background:#fff;border:1px solid #ddd6fe;padding:10px 12px;border-radius:999px}.toolbar{display:flex;justify-content:space-between;gap:16px;margin:18px 0;align-items:center}.toolbar-left,.toolbar-right,.segmented{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.segmented{padding:5px;background:#f5f3ff;border-radius:18px}.segmented button{padding:10px 14px;border-radius:14px}.toggle-line{display:flex;align-items:center;gap:8px;color:var(--muted)}.main-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.main-tabs button{padding:12px 18px;border-radius:16px;background:#fff;border:1px solid #e9d5ff}.grid-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}.main-column,.side-column{display:grid;gap:18px;align-content:start}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:20px;box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.card-head h3{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.big-num{font-size:34px;font-weight:800;color:var(--primary)}.child-banner{display:flex;align-items:center;gap:16px}.child-avatar{width:68px;height:68px;border-radius:20px;background:#ede9fe;display:flex;align-items:center;justify-content:center;font-size:32px}.list,.mini-list,.task-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.list li,.task-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#faf5ff}.list li span,.task-list li p{color:var(--muted);margin:4px 0 0;font-size:14px}.row-actions{display:flex;gap:8px;align-items:center}.row-actions.wrap{flex-wrap:wrap}.pet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.pet-card{padding:16px;border-radius:20px;background:#fff;border:1px solid #ede9fe;display:grid;gap:10px}.pet-card img{width:100%;height:140px;object-fit:contain;background:#faf5ff;border-radius:16px;padding:10px}.pet-meta{color:var(--primary);font-weight:700}.pet-bars{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px;color:var(--muted)}.empty-box{padding:20px;background:#faf5ff;border-radius:18px;color:var(--muted)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #f1f5f9;font-size:14px}.toast{position:sticky;top:12px;z-index:4;margin:14px auto;width:fit-content;background:#111827;color:#fff;padding:12px 18px;border-radius:999px}@media(max-width:1080px){.grid-layout{grid-template-columns:1fr}}@media(max-width:720px){.page-shell{padding:16px}.hero,.toolbar{flex-direction:column;align-items:stretch}.hero-meta{justify-content:flex-start}}textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #ddd6fe;background:#fff;font:inherit;resize:vertical}.top-gap{margin-top:16px}.compact{margin-top:12px}.two-col,.three-col{display:grid;gap:12px}.two-col{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.three-col{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.weekday-wrap{display:flex;flex-wrap:wrap;gap:10px}.weekday-item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#faf5ff;border:1px solid #e9d5ff;border-radius:999px}.task-item-stack{display:grid!important;gap:12px;align-items:stretch!important}.task-top-line{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.task-checkin-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.chips-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f5f3ff;color:#6d28d9;font-size:12px}.chip.warning{background:#fff7ed;color:#c2410c}.tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px}.tag.success{background:#ecfdf5;color:#047857}.tag.highlight{background:#fdf2f8;color:#be185d}.stat-box{padding:18px}.stat-label{color:var(--muted);font-size:14px;margin-bottom:10px}.section-title{margin:0 0 8px}.section-subtitle{font-weight:700;color:var(--primary)}.child-chip{width:100%;border:none;background:#faf5ff;padding:12px 14px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;color:var(--text)}.child-chip.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.child-chip small{opacity:.8}.muted{color:var(--muted)}@media(max-width:720px){.task-top-line{flex-direction:column}}.pet-page-full{width:100%;min-height:calc(100vh - 260px);padding:4px 0 70px;background:linear-gradient(125deg,#fbf3ff,#ebe7ff 48%,#dfe7ff);border-radius:26px}.pet-page-inner{max-width:980px;margin:0 auto}.pet-toolbar-original{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 4px}.pet-points{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:900;color:#6d28d9;background:#fff;border:1px solid #ead7ff;border-radius:999px;padding:9px 15px;box-shadow:0 8px 22px #8b5cf61f}.pet-main-card{padding:0!important;overflow:hidden}.pet-stage-wrap{position:relative;height:260px;background:linear-gradient(135deg,#fef3ff,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center;overflow:hidden}.pet-stage-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(251,191,36,.15) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(244,114,182,.15) 0,transparent 40%);pointer-events:none}.pet-stage-sad{filter:saturate(.85)}.pet-stage-img{position:relative;z-index:1;width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(139,92,246,.25));cursor:pointer}.pet-emoji{font-size:130px;line-height:1;filter:drop-shadow(0 8px 16px rgba(139,92,246,.25));transform-origin:center bottom;-webkit-user-select:none;user-select:none}.pet-anim-breath{animation:pet-breath 2.4s ease-in-out infinite}.pet-anim-float{animation:pet-float 3s ease-in-out infinite}.pet-anim-happy{animation:pet-happy 1.4s ease-in-out infinite}@keyframes pet-breath{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes pet-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes pet-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.04)}}@keyframes pet-happy{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-18px) rotate(-6deg)}40%{transform:translateY(0) rotate(0)}60%{transform:translateY(-18px) rotate(6deg)}80%{transform:translateY(0) rotate(0)}}.bond-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f;font-size:11px;font-weight:800;box-shadow:0 2px 6px #f59e0b4d}.bond-badge.lv2{background:linear-gradient(135deg,#bae6fd,#0ea5e9);color:#0c4a6e}.pet-heart{position:absolute;bottom:20px;font-size:24px;animation:pet-heart-rise 2.4s ease-in infinite;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2}@keyframes pet-heart-rise{0%{transform:translateY(0) scale(.7);opacity:0}20%{opacity:1}to{transform:translateY(-160px) scale(1.2);opacity:0}}.pet-bubble{position:absolute;top:20px;right:20px;background:#fff;color:#ef4444;padding:8px 14px;border-radius:20px 20px 20px 4px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #ef444426;animation:pet-breath 1.2s ease-in-out infinite;z-index:3}.pet-bubble.happy{color:#7c3aed}.pet-info{padding:18px 20px 4px}.pet-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.pet-nickname{font-size:22px;font-weight:900;color:#6d28d9}.pet-stage-name{font-size:14px;color:#6b7280;font-weight:600}.pet-species-tag{background:linear-gradient(135deg,#a78bfa,#ec4899);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.pet-desc-line{font-size:13px;color:#6b7280;margin-bottom:14px;line-height:1.55}.pet-main-card .pet-bars{display:flex!important;flex-direction:column;gap:10px}.pet-bar{display:flex;align-items:center;gap:10px;font-size:13px}.pet-bar-label{width:78px;font-weight:700;color:#4b5563}.pet-bar-track{flex:1;height:14px;background:#f3f4f6;border-radius:7px;overflow:hidden;position:relative}.pet-bar-fill{height:100%;border-radius:7px;transition:width .5s cubic-bezier(.4,0,.2,1)}.pet-bar-fill.amber{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.pet-bar-fill.orange{background:linear-gradient(90deg,#fb923c,#ef4444)}.pet-bar-fill.pink{background:linear-gradient(90deg,#f472b6,#ec4899)}.pet-bar-fill.cyan{background:linear-gradient(90deg,#67e8f9,#06b6d4)}.pet-bar-fill.green{background:linear-gradient(90deg,#86efac,#22c55e)}.pet-bar-val{min-width:62px;text-align:right;font-size:12px;color:#6b7280;font-weight:700}.pet-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:16px 20px 20px}.pet-btn{padding:10px 8px;background:#fff;border:2px solid #ddd6fe;color:#6d28d9;border-radius:14px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .15s}.pet-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.pet-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.pet-btn.primary{background:linear-gradient(135deg,#a78bfa,#ec4899);color:#fff;border-color:transparent}.pet-inventory{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;padding:0 4px}.pet-mini{background:#faf7ff;border:2px solid transparent;border-radius:16px;padding:14px 8px;text-align:center;cursor:pointer;transition:all .2s;position:relative;color:#374151}.pet-mini:hover{border-color:#c4b5fd;transform:translateY(-3px)}.pet-mini.active{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#7c3aed;cursor:default;box-shadow:0 6px 16px #8b5cf640}.pet-mini-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;padding:2px 10px;border-radius:999px;font-size:10px;font-weight:900;box-shadow:0 2px 8px #7c3aed59;white-space:nowrap}.pet-mini-img{width:54px;height:54px;object-fit:contain;margin:0 auto 7px;animation:pet-breath 2.4s ease-in-out infinite}.pet-mini-name{font-size:13px;font-weight:800;color:#6d28d9}.pet-mini-stage{font-size:11px;color:#9ca3af;margin-top:2px}.pet-empty-card{padding:0!important;overflow:hidden}.pet-empty{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6b7280}.pet-empty h2{margin:0 0 8px;color:#6d28d9}.pet-empty p{margin:0 0 22px}.pet-store-btn{border:0;border-radius:18px;background:linear-gradient(105deg,#9b5cf6,#e85aac);color:#fff;height:48px;padding:0 24px;font-weight:950;font-size:16px;box-shadow:0 12px 25px #a050dc38}.pet-egg-svg{width:88px;height:114px;border:7px solid #050505;border-radius:50% 50% 47% 47%/60% 60% 42% 42%;background:#fff;position:relative;margin-bottom:22px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.08));animation:eggfloat 2.2s ease-in-out infinite}.pet-egg-svg:before,.pet-egg-svg:after{content:"";position:absolute;border-radius:50%;background:#e5e5e5}.pet-egg-svg:before{width:10px;height:10px;left:25px;top:54px}.pet-egg-svg:after{width:13px;height:13px;left:39px;top:40px;box-shadow:0 21px #d8d8d8}@keyframes eggfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1118276b;display:flex;align-items:flex-start;justify-content:center;padding:42px 16px;overflow:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pet-modal{align-items:flex-start}.pet-shop{width:min(760px,100%);background:#fff;border-radius:24px;padding:34px 32px;box-shadow:0 28px 80px #6d28d947;border:2px solid rgba(255,255,255,.85)}.pet-shop-title{margin:0 0 20px;text-align:center;font-size:28px;font-weight:950;color:#c260dd}.pet-score{font-size:14px;color:#6b7280;margin-bottom:12px}.pet-label{display:block;font-size:14px;font-weight:900;margin-bottom:8px}.pet-input{width:100%;height:44px;border:2px solid #e5e7eb;border-radius:12px;padding:0 16px;font-size:15px;outline:none;margin-bottom:18px}.pet-input:focus{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc29}.species-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.species-card{border:2px solid #ead7ff;border-radius:16px;background:linear-gradient(150deg,#fff,#fbf3ff);padding:16px 12px;text-align:center;position:relative;min-height:290px;display:flex;flex-direction:column;align-items:center}.species-card.owned{border-color:#86efac;background:#f0fdf4}.owned-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;box-shadow:0 2px 6px #22c55e59}.species-card img{width:112px;height:112px;object-fit:contain;margin:3px 0 10px;mix-blend-mode:multiply}.species-card h3{font-size:18px;color:#7c3aed;margin:0 0 8px}.species-card p{font-size:13px;color:#6b7280;line-height:1.45;margin:0 0 12px;min-height:38px}.species-card strong{font-size:16px;color:#f472b6;margin:auto 0 12px}.species-card button{width:100%;height:43px;border:0;border-radius:12px;background:linear-gradient(105deg,#d7bfff,#ef9bd0);color:#fff;font-weight:950;font-size:15px}.species-card button:disabled{background:#e5e7eb;color:#9ca3af}.shop-close{width:100%;height:56px;border:0;border-radius:12px;background:#f1f2f4;font-weight:950;font-size:17px;margin-top:26px;cursor:pointer}.pet-record-list{display:grid;gap:8px}.pet-record{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#faf7ff;border-radius:16px}.pet-record-icon{font-size:32px}.pet-record-body{flex:1}.pet-record-name{font-weight:800;color:#374151}.pet-record-sub{font-size:12px;color:#6b7280;margin-top:2px}@media(max-width:720px){.pet-actions{grid-template-columns:repeat(2,1fr)}.species-grid{grid-template-columns:1fr}.pet-shop{padding:28px 20px}.pet-empty{min-height:330px}.pet-stage-img{width:180px;height:180px}.pet-stage-wrap{height:220px}.pet-toolbar-original{align-items:stretch;flex-direction:column;gap:10px}.pet-btn.primary{width:100%}.pet-bar{align-items:flex-start;display:grid;grid-template-columns:70px 1fr 58px}.grid-layout{display:block}}.overview-stack{display:grid;gap:18px}.align-start{align-items:start}.summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.summary-strip div{background:linear-gradient(135deg,#faf5ff,#fff7ed);border:1px solid #eadcff;border-radius:18px;padding:16px;text-align:center}.summary-strip strong{display:block;font-size:28px;color:#7c3aed}.summary-strip span{font-size:13px;color:#6b7280}.timeline-list{display:grid;gap:10px}.timeline-list.compact{max-height:420px;overflow:auto;padding-right:4px}.timeline-item{display:flex;gap:12px;align-items:flex-start;background:#faf7ff;border:1px solid #f0e7ff;border-radius:16px;padding:12px 14px}.timeline-item>span{width:36px;height:36px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #7c3aed14}.timeline-item strong{display:block;color:#374151}.timeline-item p{margin:4px 0 0;color:#6b7280;font-size:13px}.task-progress{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;margin-bottom:14px;color:#6b7280}.task-progress b{color:#7c3aed}.task-progress i{height:10px;background:#ede9fe;border-radius:999px;overflow:hidden}.task-progress em{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:999px}.task-list.enhanced li{align-items:stretch}.task-item-stack.done{background:#f0fdf4;border-color:#bbf7d0}.task-title-wrap{display:flex;gap:12px;align-items:flex-start}.task-icon{width:40px;height:40px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 6px 16px #7c3aed14}.habit-list li{display:flex}.habit-card{border:1px solid #e9d5ff;background:linear-gradient(135deg,#fff,#fbf7ff)!important}.habit-card.bad{border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff)!important}.chart-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:12px;align-items:end;min-height:230px}.chart-day{display:grid;gap:7px;justify-items:center;color:#6b7280;font-size:12px}.chart-day strong{font-size:12px;color:#7c3aed}.bar-wrap{height:150px;width:28px;background:#f3e8ff;border-radius:999px;display:flex;align-items:end;overflow:hidden;box-shadow:inset 0 0 0 1px #ead7ff}.bar-wrap i{display:block;width:100%;background:linear-gradient(180deg,#ec4899,#8b5cf6);border-radius:999px 999px 0 0;min-height:8px}.reward-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.reward-card{background:linear-gradient(145deg,#fff,#faf5ff);border:1px solid #ead7ff;border-radius:20px;padding:18px;text-align:center;box-shadow:0 10px 24px #7c3aed14}.reward-icon{width:58px;height:58px;border-radius:20px;margin:0 auto 10px;background:#f5e8ff;display:flex;align-items:center;justify-content:center;font-size:28px}.reward-card h3{margin:8px 0;color:#6d28d9}.reward-card p{margin:0 0 14px;color:#6b7280}.tiny-text{font-size:12px}.top-gap{margin-top:12px}.tag.highlight{background:#ede9fe;color:#6d28d9}.tag.warning{background:#fff7ed;color:#c2410c}.tag.success{background:#dcfce7;color:#15803d}.row-actions.wrap select{min-width:110px}@media(max-width:960px){.chart-bars{grid-template-columns:repeat(7,1fr)}.task-progress{grid-template-columns:1fr auto}.task-progress i{grid-column:1/-1}.reward-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.reward-grid{grid-template-columns:1fr}.summary-strip{grid-template-columns:1fr 1fr}.chart-bars{overflow:auto;grid-auto-flow:column;grid-auto-columns:48px;grid-template-columns:none}.task-title-wrap{display:block}.task-icon{margin-bottom:8px}}:root{--bg: radial-gradient(circle at 8% 4%, rgba(255, 232, 162, .55) 0 15%, transparent 28%), radial-gradient(circle at 92% 10%, rgba(248, 187, 217, .5) 0 13%, transparent 27%), linear-gradient(135deg, #fff9e8 0%, #f2ecff 44%, #e8f7ff 100%);--card: rgba(255, 255, 255, .86);--border: rgba(132, 91, 205, .16);--primary: #8b5cf6;--primary-2: #f061a8;--accent: #f6b73c;--mint: #67c8a8;--text: #25213b;--muted: #746f8b;--shadow: 0 24px 70px rgba(93, 63, 164, .14), 0 6px 18px rgba(246, 183, 60, .08)}body{position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;filter:blur(.2px)}body:before{width:520px;height:520px;left:-220px;top:120px;border-radius:42% 58% 60% 40%;background:#ffd35b29;transform:rotate(16deg)}body:after{width:420px;height:420px;right:-180px;bottom:-120px;border-radius:54% 46% 38% 62%;background:#67c8a824;transform:rotate(-18deg)}.loading-screen,.auth-shell{background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.85) 0 8%,transparent 18%),radial-gradient(circle at 76% 70%,rgba(255,255,255,.65) 0 7%,transparent 17%)}.auth-card,.card{border:1px solid rgba(255,255,255,.72);outline:1px solid var(--border);box-shadow:var(--shadow)}.auth-card{position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto 0;height:9px;background:linear-gradient(90deg,#ffd86f,#ff75b5,#9b6cff,#6ed6b5)}.auth-logo{width:92px;height:92px;margin:0 auto 4px;border-radius:30px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff8d7,#ffe0ef 58%,#ece3ff);box-shadow:inset 0 -8px 20px #ff85b529,0 18px 38px #8b5cf629}.auth-card h1,.hero h1{letter-spacing:-.045em}.auth-card p,.hero p{line-height:1.7}.primary-btn,.mode-switch button.active,.segmented button.active,.main-tabs button.active,.pet-btn.primary,.species-card button{background:linear-gradient(115deg,#8d5df7,#f061a8 58%,#f6b73c 122%);box-shadow:0 12px 26px #f061a833}.primary-btn:hover,.ghost-btn:hover,.danger-btn:hover,.main-tabs button:hover,.pet-btn:hover,.species-card:hover{transform:translateY(-1px)}.primary-btn,.ghost-btn,.danger-btn,.main-tabs button,.pet-btn,.species-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}input:focus,select:focus,button:focus-visible{outline:3px solid rgba(246,183,60,.35);outline-offset:2px}.page-shell{max-width:1240px}.hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.7);outline:1px solid rgba(139,92,246,.14);background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.34) 0 13%,transparent 25%),linear-gradient(120deg,#8b5cf6f5,#ec4899e6 55%,#f6b73ce6 125%);box-shadow:0 28px 80px #7c3aed38}.hero:before{content:"🌱";position:absolute;right:26px;bottom:-20px;font-size:112px;opacity:.18;transform:rotate(-12deg)}.hero-badge,.meta-pill,.tag{border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar,.main-tabs{border:1px solid rgba(255,255,255,.68);outline:1px solid rgba(139,92,246,.09);background:#ffffffa8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 34px #503e8e14}.main-tabs{padding:8px;border-radius:24px}.main-tabs button{font-weight:850}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card-head h3:before{content:"✦";color:var(--accent);margin-right:8px}.stat-box{background:linear-gradient(145deg,#ffffffeb,#fff7edc2)}.big-num{background:linear-gradient(120deg,#7c3aed,#ec4899,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.task-list li,.timeline-item,.reward-card,.species-card,.pet-record{border:1px solid rgba(139,92,246,.12)}.pet-page-full{background:radial-gradient(circle at 16% 8%,rgba(255,216,111,.45),transparent 26%),radial-gradient(circle at 86% 28%,rgba(236,72,153,.2),transparent 24%),linear-gradient(125deg,#fff8e6,#f3ecff 48%,#e3f8ff)}.pet-stage,.pet-empty{box-shadow:inset 0 -18px 45px #8b5cf614,0 24px 70px #8b5cf61f}.pet-stage-img{filter:drop-shadow(0 18px 22px rgba(87,63,133,.22))}.toast{border:1px solid rgba(255,255,255,.7);box-shadow:0 16px 40px #25213b2e}@media(prefers-reduced-motion:no-preference){.auth-logo,.pet-stage-img,.pet-egg-svg{animation:gentle-float 3.4s ease-in-out infinite}.card,.hero,.toolbar,.main-tabs{animation:soft-rise .42s cubic-bezier(.16,1,.3,1) both}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes soft-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.page-shell{padding:18px 12px 40px}.hero:before{font-size:74px;right:6px}.auth-shell{padding:18px}.auth-card{padding:28px 20px;border-radius:24px}}.pet-hero-strip{display:flex;justify-content:space-between;align-items:stretch;gap:18px;padding:22px;margin-bottom:18px;border:1px solid rgba(139,92,246,.16);border-radius:28px;background:radial-gradient(circle at 12% 0%,rgba(255,221,119,.55),transparent 36%),radial-gradient(circle at 100% 20%,rgba(103,200,168,.24),transparent 35%),#ffffffc7;box-shadow:var(--shadow);overflow:hidden;position:relative}.pet-hero-strip:after{content:"🐾";position:absolute;right:22px;bottom:-20px;font-size:96px;opacity:.08;transform:rotate(-12deg)}.pet-kicker{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;background:#ffffffb8;color:#7c3aed;border:1px solid rgba(124,58,237,.14);font-weight:850;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.pet-hero-strip h2{margin:10px 0 6px;font-size:clamp(24px,4vw,38px)}.pet-hero-strip p{margin:0;color:var(--muted);max-width:640px}.pet-hero-actions{display:grid;align-content:center;justify-items:end;gap:10px;min-width:220px;z-index:1}.growth-roadmap{display:grid;grid-template-columns:repeat(8,minmax(98px,1fr));gap:10px;overflow-x:auto;padding-bottom:4px}.growth-node{min-height:112px;padding:14px 12px;border-radius:20px;border:1px solid rgba(139,92,246,.12);background:linear-gradient(145deg,#ffffffdb,#f5f3ff9e);display:grid;gap:5px;align-content:start;position:relative;overflow:hidden;color:#50476b}.growth-node:before{content:"";position:absolute;inset:auto -28px -34px auto;width:78px;height:78px;border-radius:50%;background:#8b5cf61a}.growth-node b{font-size:18px;color:#7c3aed}.growth-node span{font-weight:900}.growth-node small{color:var(--muted);line-height:1.35}.growth-node.reached{border-color:#f6b73c73;box-shadow:0 16px 30px #f6b73c24;transform:translateY(-1px)}.growth-node.reached:after{content:"✓";position:absolute;top:10px;right:12px;color:#16a34a;font-weight:900}.growth-node.leaf:before{background:#67c8a82e}.growth-node.sun:before,.growth-node.amber:before{background:#f6b73c38}.growth-node.aqua:before{background:#22d3ee2e}.growth-node.rose:before{background:#ec489929}.growth-node.violet:before{background:#8b5cf633}.growth-node.rainbow:before{background:linear-gradient(135deg,#8b5cf640,#ec489933,#f6b73c3d)}.pet-two-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;align-items:start}.pet-shop-wide{width:min(1120px,calc(100vw - 32px));max-height:min(86vh,920px);overflow:auto}.pet-shop-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:14px}.pet-shop-tools{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr);gap:12px;align-items:end;margin:16px 0}.pet-filter-pills{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}.pet-filter-pills button{border:1px solid rgba(139,92,246,.14);background:#ffffffb8;color:#6d28d9;padding:8px 12px;border-radius:999px;font-weight:800}.pet-filter-pills button.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.encyclopedia-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.encyclopedia-card{position:relative;text-align:left}.encyclopedia-card img{height:112px;object-fit:contain;margin:8px auto 10px}.species-element{position:absolute;left:12px;top:12px;padding:4px 8px;border-radius:999px;background:#ffffffd1;color:#7c3aed;font-size:12px;font-weight:900;border:1px solid rgba(124,58,237,.1)}.leaderboard-list{display:grid;gap:8px}.leaderboard-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#ffffffb8}.leaderboard-list li.is-me{background:linear-gradient(135deg,#fff7ede6,#f5f3ffeb);border:1px solid rgba(246,183,60,.35)}.rank-medal{color:#f59e0b;font-weight:950}.leaderboard-list strong{color:#7c3aed}@media(max-width:980px){.pet-hero-strip,.pet-shop-head{flex-direction:column}.pet-hero-actions{justify-items:stretch;min-width:0}.growth-roadmap{grid-template-columns:repeat(8,124px)}.pet-two-col,.pet-shop-tools{grid-template-columns:1fr}}.task-template-panel{display:grid;gap:14px;padding:16px;margin-bottom:18px;border:1px solid rgba(124,58,237,.13);border-radius:22px;background:radial-gradient(circle at 8% 0%,rgba(236,72,153,.13),transparent 28%),linear-gradient(135deg,#faf5fff2,#ffffffeb)}.task-template-panel .eyebrow{display:inline-flex;width:fit-content;padding:5px 10px;border-radius:999px;color:#7c3aed;background:#7c3aed1a;font-size:12px;font-weight:900;letter-spacing:.08em}.task-template-panel h4{margin:8px 0 4px;font-size:18px}.task-template-panel p{margin:0;color:var(--muted);line-height:1.6}.task-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.task-template-card{display:grid;gap:6px;text-align:left;border:1px solid rgba(139,92,246,.15);border-radius:18px;background:#ffffffe6;padding:12px 13px;color:var(--text);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.task-template-card:hover{transform:translateY(-2px);border-color:#7c3aed66;box-shadow:0 12px 28px #7c3aed1f}.task-template-card strong{color:#6d28d9}.task-template-card span{color:#db2777;font-size:12px;font-weight:800}.task-template-card small{color:var(--muted);line-height:1.45}.task-main-copy{min-width:0}.task-main-copy strong{font-size:17px}.task-item-stack{border:1px solid rgba(139,92,246,.1);background:linear-gradient(135deg,#fff,#fbf7ff)!important}.task-checkin-box{padding-top:12px;border-top:1px dashed rgba(139,92,246,.18)}@media(max-width:720px){.task-top-line{flex-direction:column}.task-top-line .row-actions{width:100%;justify-content:flex-start}}.habit-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.habit-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border-radius:18px;border:1px solid rgba(139,92,246,.12);background:linear-gradient(135deg,#fffffff5,#faf5ffe0)}.habit-item.success{border-color:#22c55e2e}.habit-item.highlight{border-color:#7c3aed38}.habit-item.warning{border-color:#f59e0b3d;background:linear-gradient(135deg,#fffffff5,#fffbebe6)}.habit-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:#7c3aed1a;font-size:22px}.habit-body{min-width:0}.habit-body strong{font-size:17px}.habit-body p{margin:4px 0 0;color:var(--muted);font-size:14px}.habit-template-panel{display:grid;gap:14px;padding:16px;margin-bottom:16px;border:1px solid rgba(139,92,246,.13);border-radius:22px;background:radial-gradient(circle at 96% 0%,rgba(34,197,94,.13),transparent 26%),linear-gradient(135deg,#fffffff0,#f0fdf4b8)}.habit-template-panel h4{margin:8px 0 4px;font-size:18px}.habit-template-panel p{margin:0;color:var(--muted);line-height:1.6}.habit-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.habit-template-card{display:grid;gap:6px;text-align:left;border:1px solid rgba(139,92,246,.14);border-radius:18px;background:#ffffffe6;padding:12px 13px;color:var(--text);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.habit-template-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #22c55e1f}.habit-template-card.success{border-color:#22c55e33}.habit-template-card.highlight{border-color:#7c3aed38}.habit-template-card.warning{border-color:#f59e0b42}.habit-template-card strong{color:#166534}.habit-template-card.highlight strong{color:#6d28d9}.habit-template-card.warning strong{color:#b45309}.habit-template-card span{color:#db2777;font-size:12px;font-weight:800}.habit-template-card small{color:var(--muted);line-height:1.45}.habit-form{grid-template-columns:minmax(220px,1fr) minmax(150px,.6fr) minmax(120px,.45fr) auto;align-items:end}.habit-form .field{margin:0}@media(max-width:720px){.habit-item{grid-template-columns:auto minmax(0,1fr)}.habit-actions{grid-column:1 / -1}.habit-form{grid-template-columns:1fr}}.pet-upgrade-panel{margin:14px 0;padding:14px 16px;border-radius:18px;border:1px solid #fde68a;background:linear-gradient(135deg,#fffbeb,#fff7ed);display:flex;justify-content:space-between;gap:12px;align-items:center}.pet-upgrade-panel.ready{border-color:#bbf7d0;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.pet-upgrade-panel strong{display:block;color:#7c2d12}.pet-upgrade-panel p{margin:4px 0 0;color:#6b7280;font-size:13px}.pet-upgrade-btn{border:0;border-radius:999px;padding:10px 14px;font-weight:900;color:#fff;background:linear-gradient(135deg,#f59e0b,#ec4899);cursor:pointer;white-space:nowrap}.pet-upgrade-btn:disabled{cursor:not-allowed;opacity:.55;background:#d1d5db}.point-ledger-list{display:grid;gap:10px}.point-ledger-item{display:flex;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid #e5e7eb;background:#fff}.point-ledger-item>span{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f8fafc;flex:0 0 34px}.point-ledger-item.earn{border-color:#bbf7d0;background:#f0fdf4}.point-ledger-item.spend{border-color:#fed7aa;background:#fff7ed}.point-ledger-item strong{display:block;color:#111827}.point-ledger-item p{margin:4px 0;color:#6b7280;font-size:13px}.point-ledger-item small{color:#9ca3af}.pet-feedback-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;margin:0 0 14px;padding:14px 44px 14px 14px;border:1px solid rgba(34,197,94,.22);border-radius:20px;background:radial-gradient(circle at 0 0,rgba(134,239,172,.28),transparent 32%),linear-gradient(135deg,#f0fdf4f5,#ffffffe6);box-shadow:0 16px 34px #22c55e1f;overflow:hidden}.pet-feedback-card.level-up{border-color:#f59e0b59;background:radial-gradient(circle at 8% 0,rgba(251,191,36,.34),transparent 34%),radial-gradient(circle at 100% 0,rgba(236,72,153,.18),transparent 30%),linear-gradient(135deg,#fffbebfa,#ffffffe6);box-shadow:0 18px 40px #f59e0b29}.pet-feedback-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:#ffffffdb;font-size:28px;box-shadow:inset 0 -10px 22px #8b5cf614}.pet-feedback-body{min-width:0}.pet-feedback-body strong{display:block;color:#166534;font-size:17px;line-height:1.25}.pet-feedback-card.level-up .pet-feedback-body strong{color:#b45309}.pet-feedback-body p{margin:4px 0 10px;color:#5f6472;line-height:1.45;font-size:13px}.pet-feedback-close{position:absolute;top:10px;right:12px;width:28px;height:28px;border:0;border-radius:999px;background:#fffc;color:#7c3aed;font-size:19px;font-weight:900;cursor:pointer}.pet-delta-row{display:flex;flex-wrap:wrap;gap:7px}.pet-delta-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;background:#22c55e1c;color:#15803d;font-size:12px;font-weight:900;border:1px solid rgba(34,197,94,.14)}.pet-delta-chip.down{background:#fb923c1c;color:#c2410c;border-color:#fb923c2e}.pet-delta-chip.saved{background:#7c3aed1a;color:#6d28d9;border-color:#7c3aed24}.pet-level-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}.pet-level-summary>div{padding:12px 13px;border:1px solid rgba(139,92,246,.12);border-radius:18px;background:linear-gradient(135deg,#ffffffe0,#f5f3ff9e)}.pet-level-summary small{display:block;margin-bottom:4px;color:#8b5cf6;font-size:11px;font-weight:900;letter-spacing:.05em}.pet-level-summary strong{display:block;color:#4c1d95;font-size:15px}.pet-level-summary span{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.35}.pet-action-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.pet-action-btn{display:grid;gap:5px;align-content:start;min-height:112px;padding:13px 12px;text-align:left;border:1px solid rgba(139,92,246,.15);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(236,72,153,.12),transparent 35%),#ffffffe6;color:#4c1d95;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pet-action-btn:hover:not(:disabled){transform:translateY(-3px);border-color:#7c3aed59;box-shadow:0 14px 30px #7c3aed24}.pet-action-btn b{font-size:15px;color:#6d28d9}.pet-action-btn span{color:#db2777;font-size:12px;font-weight:900;line-height:1.35}.pet-action-btn small{color:var(--muted);font-size:11px;line-height:1.35}.pet-action-btn.record{background:radial-gradient(circle at 100% 0,rgba(34,211,238,.14),transparent 34%),#ffffffe0}@media(max-width:980px){.pet-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-action-btn.record{grid-column:1 / -1}}@media(max-width:560px){.pet-feedback-card{grid-template-columns:1fr;padding-right:40px}.pet-feedback-icon{width:44px;height:44px;font-size:24px}.pet-level-summary,.pet-action-grid{grid-template-columns:1fr}}.date-control{display:inline-flex;align-items:stretch;gap:8px;min-width:0}.date-display{position:relative;display:inline-flex;align-items:center;gap:10px;min-width:214px;min-height:52px;padding:8px 14px 8px 11px;border:1px solid rgba(139,92,246,.18);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(246,183,60,.22),transparent 36%),linear-gradient(135deg,#fffffff5,#faf5ffe6);color:#4c1d95;box-shadow:0 10px 24px #7c3aed1a;cursor:pointer;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.date-display:hover{transform:translateY(-1px);border-color:#7c3aed57;box-shadow:0 14px 30px #7c3aed24}.date-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:linear-gradient(135deg,#fef3c7,#fbcfe8);box-shadow:inset 0 -8px 16px #7c3aed14;font-size:19px}.date-copy{display:grid;gap:1px;min-width:0;line-height:1.1}.date-copy small{color:#8b5cf6;font-size:11px;font-weight:950;letter-spacing:.04em}.date-copy strong{color:#4c1d95;font-size:14px;font-weight:950;white-space:nowrap}.date-copy em{color:#8b728f;font-size:11px;font-style:normal;font-weight:800}.date-native{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.date-control.compact .date-display{min-width:188px;min-height:46px;padding:7px 12px 7px 9px;border-radius:16px}.date-control.compact .date-icon{width:32px;height:32px;border-radius:12px;font-size:17px}.date-control.compact .date-copy strong{font-size:13px}.date-step,.date-today{border:1px solid rgba(139,92,246,.18);border-radius:15px;background:#ffffffe0;color:#6d28d9;font-weight:950;cursor:pointer;box-shadow:0 8px 18px #7c3aed14;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.date-step{width:40px;padding:0;font-size:24px;line-height:1}.date-today{padding:0 13px;font-size:13px}.date-step:hover,.date-today:hover{transform:translateY(-1px);background:#fff;box-shadow:0 12px 24px #7c3aed21}.date-field{display:grid;gap:6px}.date-field>.date-control,.date-field .date-display{width:100%}.date-field .date-display{min-height:48px}.card-head .date-control{justify-self:end}@media(max-width:720px){.card-head{align-items:flex-start;gap:10px}.card-head .date-control{width:100%;justify-self:stretch}.date-control.with-stepper{display:grid;grid-template-columns:40px minmax(0,1fr) auto 40px;width:100%}.date-control:not(.with-stepper),.date-control:not(.with-stepper) .date-display{width:100%}.date-display{min-width:0}}@media(max-width:480px){.date-control.with-stepper{grid-template-columns:38px minmax(0,1fr) 38px}.date-control.with-stepper .date-today{grid-column:1 / -1;height:38px}.date-copy strong{font-size:13px}}@media(max-width:640px){.pet-upgrade-panel{align-items:stretch;flex-direction:column}.pet-upgrade-btn{width:100%}}.grid-layout.pet-tab-layout{grid-template-columns:minmax(0,1fr)}.grid-layout.pet-tab-layout .main-column{min-width:0;width:100%}.pet-page-full{min-width:0;overflow:hidden}.pet-page-inner{min-width:0;display:grid;gap:18px}.pet-tab-layout .pet-main-card{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);align-items:stretch;gap:22px}.pet-tab-layout .pet-actions{grid-column:1/-1}.pet-tab-layout .pet-stage-wrap{min-height:360px;height:auto}.pet-two-col{align-items:start;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:18px}.pet-record-list{max-height:420px;overflow:auto;padding-right:6px;scrollbar-width:thin;overscroll-behavior:contain}.pet-record{min-width:0}.pet-record-body{min-width:0;overflow:hidden}.pet-record-sub{overflow-wrap:anywhere;line-height:1.45}.pet-record-list::-webkit-scrollbar-thumb{background:#7c3aed40;border-radius:999px}.photo-upload-field{display:grid;gap:6px;padding:11px 12px;border:1px dashed rgba(124,58,237,.32);border-radius:14px;background:linear-gradient(135deg,#faf5ffe6,#fff7edb8);color:#6d28d9;font-weight:850}.photo-upload-field input{padding:8px;border-radius:10px;background:#fff;border:1px solid rgba(124,58,237,.14)}.photo-upload-field small{color:#8b728f;font-size:12px;font-weight:750;line-height:1.35}.badge-page{display:grid;gap:18px}.badge-hero-card{position:relative;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:24px;border-radius:28px;border:1px solid rgba(139,92,246,.16);background:radial-gradient(circle at 8% 0,rgba(251,191,36,.36),transparent 34%),radial-gradient(circle at 100% 20%,rgba(236,72,153,.18),transparent 30%),linear-gradient(135deg,#fffffff5,#f5f3ffe0);box-shadow:var(--shadow);overflow:hidden}.badge-hero-card:after{content:"";position:absolute;right:18%;bottom:-60px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(124,58,237,.12),transparent 68%);pointer-events:none}.badge-hero-card span{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;background:#7c3aed1a;color:#6d28d9;font-size:12px;font-weight:950;letter-spacing:.08em}.badge-hero-card h2{margin:10px 0 6px;font-size:clamp(24px,4vw,38px);color:#251858;letter-spacing:-.04em}.badge-hero-card p{margin:0;color:var(--muted);line-height:1.65}.badge-hero-score{min-width:150px;padding:18px;border-radius:24px;background:#ffffffd6;text-align:center;border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 -16px 30px #7c3aed0f}.badge-hero-score strong{display:block;font-size:36px;color:#7c3aed;line-height:1}.badge-hero-score small{display:block;margin-top:8px;color:var(--muted);font-weight:850}.badge-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.badge-grid-redesign{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.badge-card{position:relative;display:grid;gap:12px;padding:16px;border-radius:22px;border:1px solid rgba(139,92,246,.14);background:linear-gradient(145deg,#fffffff0,#f8fafcdb);overflow:hidden;box-shadow:0 14px 30px #4f46e512;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.badge-card:hover{transform:translateY(-3px);box-shadow:0 20px 38px #4f46e51f}.badge-card:after{content:"";position:absolute;right:-32px;top:-38px;width:110px;height:110px;border-radius:999px;background:#8b5cf614}.badge-card.unlocked{border-color:#f59e0b6b;box-shadow:0 18px 34px #f59e0b26}.badge-card.unlocked:before{content:"已点亮";position:absolute;right:12px;top:12px;z-index:2;padding:4px 8px;border-radius:999px;background:#f59e0b24;color:#b45309;font-size:11px;font-weight:950}.badge-orb{width:58px;height:58px;display:grid;place-items:center;border-radius:22px;background:#fff;box-shadow:inset 0 -10px 20px #7c3aed14,0 10px 20px #7c3aed14;font-size:30px;z-index:1}.badge-copy,.badge-foot,.badge-progress-line{position:relative;z-index:1}.badge-copy strong{display:block;color:#312e81;font-size:17px}.badge-copy p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45;min-height:36px}.badge-progress-line{height:9px;border-radius:999px;background:#94a3b82e;overflow:hidden}.badge-progress-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b);box-shadow:0 0 18px #ec489940}.badge-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#6d28d9;font-size:13px;font-weight:900}.badge-card.leaf:after{background:#22c55e1a}.badge-card.sun:after,.badge-card.amber:after{background:#f59e0b1f}.badge-card.violet:after{background:#7c3aed1f}.badge-card.aqua:after{background:#22d3ee1f}.badge-card.rose:after{background:#ec48991f}.badge-card.rainbow:after{background:linear-gradient(135deg,#7c3aed29,#ec48991f,#f59e0b29)}@media(max-width:980px){.pet-tab-layout .pet-main-card,.pet-two-col{grid-template-columns:1fr}.pet-tab-layout .pet-stage-wrap{min-height:280px}}@media(max-width:720px){.badge-hero-card{flex-direction:column;align-items:stretch}.badge-hero-score{width:100%}.badge-grid-redesign{grid-template-columns:1fr}.pet-record-list{max-height:340px}}.pet-shop-note{display:block;margin-top:6px;color:#8b728f;font-size:12px;font-weight:800;line-height:1.4;text-align:right}@media(max-width:720px){.pet-shop-note{text-align:left}}.confirm-modal{display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.confirm-dialog-card{width:min(520px,94vw);display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;padding:22px;border-radius:28px;background:#fffffff5;border:1px solid rgba(139,92,246,.18);box-shadow:0 30px 80px #1f29373d}.confirm-dialog-card.danger{border-color:#ef444440;box-shadow:0 30px 80px #7f1d1d2e}.confirm-dialog-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#fef3c7,#fce7f3);font-size:28px}.confirm-dialog-copy h3{margin:0 0 8px;font-size:22px;color:#312e81}.confirm-dialog-copy p{margin:0;color:var(--muted);line-height:1.65}.confirm-note-field{margin-top:14px;display:grid;gap:8px}.confirm-note-field span{font-weight:900;color:#4c1d95}.confirm-note-field textarea{width:100%;resize:vertical}.confirm-dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.reward-page{display:grid;gap:18px}.reward-hero-card{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:24px;border-radius:28px;border:1px solid rgba(245,158,11,.18);background:radial-gradient(circle at 10% 0,rgba(251,191,36,.32),transparent 34%),radial-gradient(circle at 100% 20%,rgba(236,72,153,.15),transparent 30%),linear-gradient(135deg,#fffffff2,#fffbebdb);box-shadow:var(--shadow)}.reward-hero-card span{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;background:#f59e0b21;color:#b45309;font-size:12px;font-weight:950}.reward-hero-card h2{margin:10px 0 6px;font-size:clamp(24px,4vw,36px);color:#7c2d12}.reward-hero-card p{margin:0;color:var(--muted);line-height:1.7}.reward-balance-card{min-width:150px;padding:16px;border-radius:22px;background:#ffffffd6;text-align:center;border:1px solid rgba(245,158,11,.16)}.reward-balance-card small{color:var(--muted);font-weight:800}.reward-balance-card strong{display:block;margin-top:6px;font-size:34px;color:#d97706}.reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.reward-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:16px;border-radius:22px;border:1px solid rgba(245,158,11,.18);background:linear-gradient(145deg,#fffffff2,#fffbebc7);text-align:left}.reward-card.disabled{opacity:.72}.reward-card-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:20px;background:#fff7ed;font-size:28px}.reward-card-copy strong{color:#7c2d12;font-size:17px}.reward-card-copy p{margin:5px 0;color:#b45309;font-weight:850}.reward-card-copy small{color:var(--muted);line-height:1.45}.reward-card-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.form-hint{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.pet-stage-wrap{position:relative;overflow:hidden}.pet-evolution-ring{position:absolute;top:28px;right:28px;bottom:28px;left:28px;border-radius:999px;border:2px dashed rgba(255,255,255,.72);animation:pet-ring-spin 18s linear infinite;pointer-events:none;z-index:1}.pet-evolution-ring span{position:absolute;right:8%;top:8%;padding:6px 10px;border-radius:999px;background:#ffffffe0;color:#7c3aed;font-weight:950;box-shadow:0 8px 20px #7c3aed1f}.pet-evolution-title{position:absolute;left:50%;bottom:22px;transform:translate(-50%);padding:8px 13px;border-radius:999px;background:#ffffffe0;color:#4c1d95;font-weight:950;box-shadow:0 12px 24px #7c3aed1f;z-index:3;white-space:nowrap}.pet-stage-img{position:relative;z-index:2;transition:transform .35s ease,filter .35s ease}.pet-stage-img.stage-grown{filter:saturate(1.08) drop-shadow(0 16px 24px rgba(34,197,94,.18))}.pet-stage-img.stage-rare{transform:scale(1.04);filter:saturate(1.18) hue-rotate(8deg) drop-shadow(0 18px 30px rgba(34,211,238,.22))}.pet-stage-img.stage-epic{transform:scale(1.08);filter:saturate(1.28) hue-rotate(18deg) drop-shadow(0 22px 34px rgba(124,58,237,.26))}.pet-stage-img.stage-legend{transform:scale(1.12);filter:saturate(1.38) hue-rotate(30deg) drop-shadow(0 24px 40px rgba(245,158,11,.3))}.pet-evolution-ring.rare{border-color:#22d3ee9e}.pet-evolution-ring.epic{border-color:#7c3aed9e}.pet-evolution-ring.legend{border-color:#f59e0bb8}@keyframes pet-ring-spin{to{transform:rotate(360deg)}}@media(max-width:720px){.reward-hero-card,.confirm-dialog-card{grid-template-columns:1fr}.reward-hero-card{flex-direction:column;align-items:stretch}.confirm-dialog-actions{justify-content:stretch}.confirm-dialog-actions button{flex:1}}.photo-upload-card{position:relative;grid-column:1/-1;display:grid;gap:12px;padding:14px;border:1px dashed rgba(124,58,237,.35);border-radius:22px;background:radial-gradient(circle at 12% 0,rgba(251,191,36,.2),transparent 32%),radial-gradient(circle at 92% 12%,rgba(236,72,153,.12),transparent 30%),linear-gradient(135deg,#fffffff5,#faf5ffd1);box-shadow:0 14px 32px #7c3aed17;overflow:hidden}.photo-upload-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 34%,rgba(255,255,255,.58) 45%,transparent 56%);opacity:.55}.photo-upload-card.has-photo{border-style:solid;border-color:#22c55e47;background:radial-gradient(circle at 12% 0,rgba(134,239,172,.22),transparent 34%),radial-gradient(circle at 100% 0,rgba(196,181,253,.18),transparent 28%),linear-gradient(135deg,#fffffff7,#f0fdf4c7)}.photo-upload-card.has-error{border-color:#ef444461;box-shadow:0 14px 32px #ef444414}.photo-upload-main,.photo-upload-actions,.photo-preview-box{position:relative;z-index:1}.photo-upload-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.photo-upload-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#ede9fe,#fff7ed);box-shadow:inset 0 0 0 1px #7c3aed1f,0 10px 22px #7c3aed1f;font-size:24px}.photo-upload-copy{display:grid;gap:4px;min-width:0}.photo-upload-copy strong{color:#4c1d95;font-size:15px;font-weight:950}.photo-upload-copy span{color:#7c6a8d;font-size:12px;line-height:1.45;font-weight:750}.photo-upload-status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:6px 10px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:12px;font-weight:950;box-shadow:inset 0 0 0 1px #f9731624}.photo-upload-status.ready{background:#ecfdf5;color:#047857;box-shadow:inset 0 0 0 1px #10b98129}.photo-preview-box{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(124,58,237,.1)}.photo-preview-box img{width:88px;height:72px;object-fit:cover;border-radius:14px;border:2px solid #fff;box-shadow:0 10px 22px #4c1d9529}.photo-preview-copy{display:grid;gap:4px}.photo-preview-copy strong{color:#166534;font-size:14px;font-weight:950}.photo-preview-copy small{color:#7c6a8d;line-height:1.45;font-weight:750}.photo-upload-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.photo-upload-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:10px 14px;border-radius:999px;color:#fff;font-size:13px;font-weight:950;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 12px 22px #7c3aed2e;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.photo-upload-trigger:hover{transform:translateY(-1px);box-shadow:0 16px 28px #7c3aed3d;filter:saturate(1.05)}.photo-upload-trigger input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-remove-btn{border:1px solid rgba(124,58,237,.12);background:#ffffffc7!important}.photo-upload-error,.photo-upload-hint{position:relative;z-index:1;margin:0;padding:9px 11px;border-radius:14px;font-size:12px;line-height:1.45;font-weight:850}.photo-upload-error{color:#b91c1c;background:#fef2f2e6;border:1px solid rgba(248,113,113,.24)}.photo-upload-hint{color:#92400e;background:#fffbebdb;border:1px solid rgba(251,191,36,.22)}.checkin-action-row{grid-column:1/-1;display:flex;justify-content:flex-end}.primary-btn:disabled,.primary-btn.small:disabled{cursor:not-allowed;opacity:.52;transform:none!important;box-shadow:none!important;filter:grayscale(.1)}@media(max-width:640px){.photo-upload-main{grid-template-columns:auto minmax(0,1fr)}.photo-upload-status{grid-column:1/-1;width:fit-content}.photo-preview-box{grid-template-columns:72px minmax(0,1fr)}.photo-preview-box img{width:72px;height:64px}.checkin-action-row{justify-content:stretch}.checkin-action-row .primary-btn{width:100%}}.pet-action-btn b{display:flex;align-items:center;justify-content:space-between;gap:10px}.pet-action-btn b em{font-style:normal;flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#7c3aed1a;color:#6d28d9;font-size:11px;font-weight:950}.pet-action-btn.disabled,.pet-action-btn:disabled{cursor:not-allowed;opacity:.58;filter:saturate(.75);transform:none!important}.pet-action-btn.disabled b em,.pet-action-btn:disabled b em{background:#94a3b824;color:#64748b}@media(max-width:760px){html,body,#root{min-width:0;width:100%;overflow-x:hidden}body{font-size:15px;-webkit-text-size-adjust:100%;touch-action:manipulation}input,select,textarea,button{font-size:16px}.page-shell{padding:14px 10px 96px;max-width:100%;overflow:hidden}.hero{padding:18px;border-radius:24px;gap:14px}.hero h1{font-size:clamp(24px,8vw,32px);line-height:1.12;letter-spacing:-.03em}.hero p{font-size:14px;line-height:1.6}.hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.meta-pill{width:100%;text-align:center;padding:9px 8px;font-size:12px;white-space:normal}.toolbar{margin:12px 0;gap:10px}.toolbar-left,.toolbar-right,.segmented{width:100%;justify-content:stretch}.toolbar-left>*,.toolbar-right>*{min-width:0;flex:1}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px}.segmented button{min-height:42px;padding:9px 10px}.main-tabs{position:sticky;bottom:10px;z-index:30;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:12px -4px 16px;padding:8px;border-radius:22px;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 42px #4c1d952e;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.main-tabs::-webkit-scrollbar{display:none}.main-tabs button{flex:0 0 auto;min-width:92px;min-height:42px;padding:10px 12px;font-size:13px;scroll-snap-align:center}.card{padding:15px;border-radius:22px;min-width:0}.card-head{display:grid;grid-template-columns:1fr;align-items:start;gap:10px}.card-head h3{font-size:18px;line-height:1.25}.grid-layout,.pet-two-col,.two-col,.three-col,.inline-form{display:grid;grid-template-columns:1fr!important;gap:12px}.stats-grid,.reward-grid,.badge-grid-redesign,.pet-grid{grid-template-columns:1fr!important;gap:12px}.list li,.task-list li{display:grid;grid-template-columns:1fr;gap:10px;padding:13px;border-radius:18px}.row-actions,.row-actions.wrap{width:100%;justify-content:stretch;display:grid;grid-template-columns:1fr 1fr;gap:8px}.row-actions button,.row-actions .tag{justify-content:center;width:100%}.task-checkin-box{grid-template-columns:1fr!important;gap:12px}.weekday-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.weekday-item{justify-content:center;padding:9px 8px}.data-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:6px}.data-table th,.data-table td{font-size:13px;padding:9px 8px}.modal{padding:10px;align-items:flex-end}.confirm-dialog-card{width:100%;max-height:88dvh;overflow:auto;grid-template-columns:1fr!important;padding:18px;border-radius:26px 26px 18px 18px}.confirm-dialog-icon{width:52px;height:52px;border-radius:18px}.confirm-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.confirm-dialog-actions button{width:100%}.toast{width:calc(100% - 20px);border-radius:18px;text-align:center;top:8px}}@media(max-width:560px){.hero-meta{grid-template-columns:1fr}.toolbar-left,.toolbar-right{display:grid;grid-template-columns:1fr;gap:9px}.main-tabs button{min-width:82px}.pet-hero-strip{padding:18px;border-radius:24px}.pet-hero-strip h2{font-size:clamp(24px,9vw,34px)}.pet-hero-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%}.pet-points,.pet-btn.primary,.pet-store-btn{width:100%;justify-content:center;text-align:center}.pet-tab-layout .pet-main-card{grid-template-columns:1fr!important;gap:0}.pet-stage-wrap{min-height:220px!important;height:auto!important;border-radius:22px 22px 0 0}.pet-stage-img{width:170px!important;height:170px!important}.pet-evolution-ring{top:18px;right:18px;bottom:18px;left:18px}.pet-evolution-title{bottom:12px;font-size:12px;max-width:88%;overflow:hidden;text-overflow:ellipsis}.pet-info{padding:16px 14px 4px}.pet-header{display:grid;grid-template-columns:1fr;gap:8px}.pet-nickname{font-size:20px}.pet-level-summary{grid-template-columns:1fr!important;gap:10px}.pet-upgrade-panel{display:grid;grid-template-columns:1fr!important;gap:12px;padding:13px;border-radius:18px}.pet-upgrade-btn{width:100%;min-height:44px}.pet-bars{gap:9px!important}.pet-bar{grid-template-columns:62px minmax(0,1fr) 52px!important;gap:8px;font-size:12px}.pet-bar-track{height:12px}.pet-actions,.pet-action-grid{grid-template-columns:1fr!important;padding:12px;gap:10px}.pet-action-btn{min-height:92px;padding:13px;border-radius:18px;text-align:left}.pet-action-btn b{font-size:15px}.pet-action-btn span,.pet-action-btn small{font-size:12px;line-height:1.45}.growth-roadmap{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible!important}.growth-node{min-width:0;padding:12px 8px;border-radius:18px}.pet-inventory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.pet-mini{padding:10px;border-radius:18px}.pet-mini-img{height:82px!important}.pet-record-list{max-height:320px!important;padding-right:0}.pet-record{align-items:flex-start;padding:11px;border-radius:16px}.pet-record-icon{font-size:26px}.pet-record-body{min-width:0}.pet-record-sub{font-size:11px;word-break:break-word}.pet-shop-wide{width:100%!important;max-height:90dvh;border-radius:26px 26px 18px 18px;padding:18px 14px!important}.pet-shop-head{display:grid;grid-template-columns:1fr;gap:12px}.pet-shop-tools{grid-template-columns:1fr!important;gap:10px}.pet-filter-pills{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.pet-filter-pills button{flex:0 0 auto}.encyclopedia-grid,.species-grid{grid-template-columns:1fr!important;max-height:none!important}.species-card{min-height:auto;padding:14px;border-radius:20px}.photo-upload-card{padding:12px;border-radius:20px}.photo-upload-actions{display:grid;grid-template-columns:1fr;gap:9px}.photo-upload-trigger,.photo-remove-btn{width:100%;min-height:42px}}@media(max-width:390px){.page-shell{padding-left:8px;padding-right:8px}.card{padding:13px;border-radius:20px}.weekday-wrap,.pet-inventory,.growth-roadmap{grid-template-columns:1fr!important}.row-actions,.confirm-dialog-actions{grid-template-columns:1fr}.pet-bar{grid-template-columns:56px minmax(0,1fr) 46px!important}.pet-action-btn b{display:grid;grid-template-columns:1fr;align-items:start}}.pet-stage-wrap{isolation:isolate}.pet-stage-wrap.grown{background:linear-gradient(135deg,#ecfeff,#dbeafe 52%,#c7d2fe)}.pet-stage-wrap.rare{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.86),transparent 34%),linear-gradient(135deg,#e0f2fe,#ede9fe 52%,#fbcfe8)}.pet-stage-wrap.epic{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.9),transparent 32%),linear-gradient(135deg,#fae8ff,#c4b5fd 48%,#93c5fd)}.pet-stage-wrap.legend{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.95),transparent 30%),conic-gradient(from 160deg,#fde68a,#f0abfc,#93c5fd,#86efac,#fde68a)}.pet-stage-wrap.upgrade-ready:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:32px;border:2px dashed rgba(250,204,21,.75);animation:pet-glow-spin 8s linear infinite;pointer-events:none}.pet-stage-img.stage-grown{transform:scale(1.05);filter:drop-shadow(0 16px 24px rgba(59,130,246,.28)) saturate(1.08)}.pet-stage-img.stage-rare{transform:scale(1.09);filter:drop-shadow(0 20px 28px rgba(168,85,247,.34)) saturate(1.18)}.pet-stage-img.stage-epic{transform:scale(1.13);filter:drop-shadow(0 22px 34px rgba(217,70,239,.4)) saturate(1.28)}.pet-stage-img.stage-legend{transform:scale(1.17);filter:drop-shadow(0 24px 40px rgba(245,158,11,.48)) saturate(1.35) contrast(1.05)}.pet-crown{position:absolute;top:28px;left:50%;transform:translate(-50%);z-index:4;display:grid;place-items:center;width:50px;height:50px;border-radius:18px;background:#ffffffd1;box-shadow:0 12px 30px #7c3aed38;font-size:28px;animation:pet-crown-pop 2.4s ease-in-out infinite}.crown-legend{background:linear-gradient(135deg,#fff7ed,#fde68a);box-shadow:0 14px 38px #f59e0b59}.upgrade-requirement-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.upgrade-requirement-row span{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#fff;border:1px solid rgba(139,92,246,.16);color:#6d28d9;font-size:12px;font-weight:900}.pet-action-btn.disabled{filter:grayscale(.2);background:#f8fafc;color:#94a3b8;border-color:#e5e7eb}.pet-action-btn.disabled b,.pet-action-btn.disabled span,.pet-action-btn.disabled small{color:#94a3b8}@keyframes pet-glow-spin{to{transform:rotate(360deg)}}@keyframes pet-crown-pop{0%,to{transform:translate(-50%) translateY(0) rotate(-3deg)}50%{transform:translate(-50%) translateY(-6px) rotate(3deg)}}.badge-page-v2{display:grid;gap:16px}.badge-hero-v2{position:relative;overflow:hidden;border:1px solid rgba(139,92,246,.16);background:linear-gradient(135deg,#fff7ed,#f5f3ff 45%,#e0f2fe)}.badge-hero-v2:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(168,85,247,.24),transparent 66%)}.badge-hero-score{position:relative;z-index:1}.badge-hero-score i{display:block;height:8px;margin-top:10px;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b)}.badge-rarity-legend{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.rarity{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900;background:#f1f5f9;color:#475569}.rarity.common{background:#ecfdf5;color:#047857}.rarity.rare{background:#eff6ff;color:#2563eb}.rarity.epic{background:#faf5ff;color:#9333ea}.rarity.legend{background:#fffbeb;color:#b45309}.badge-grid-v2{align-items:stretch}.badge-card-v2{position:relative;display:grid;grid-template-rows:auto auto 1fr;gap:10px;min-height:245px;padding:16px;border-radius:24px;border:1px solid rgba(148,163,184,.2);background:linear-gradient(180deg,#fff,#fafafa);box-shadow:0 12px 30px #0f172a0f;overflow:hidden}.badge-card-v2:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:#cbd5e1}.badge-card-v2.rarity-common:before{background:#34d399}.badge-card-v2.rarity-rare:before{background:#60a5fa}.badge-card-v2.rarity-epic:before{background:#c084fc}.badge-card-v2.rarity-legend:before{background:linear-gradient(90deg,#f59e0b,#ec4899,#8b5cf6)}.badge-card-v2.locked{background:linear-gradient(180deg,#f8fafc,#fff);filter:saturate(.72)}.badge-card-v2.locked .badge-orb{background:#e5e7eb;color:#64748b;box-shadow:none}.badge-card-v2.locked .badge-copy strong{color:#64748b}.badge-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.badge-category{display:inline-flex;border-radius:999px;padding:4px 9px;background:#fff;border:1px solid rgba(148,163,184,.2);font-size:11px;font-weight:900;color:#64748b}.badge-card-v2 .badge-orb{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#fef3c7,#fbcfe8);box-shadow:0 12px 26px #ec489929}.badge-card-v2 .badge-orb span{font-size:36px}.badge-card-v2 .badge-progress{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:10px 0}.badge-card-v2 .badge-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b)}.badge-card-v2 .badge-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#64748b;font-size:12px;font-weight:900}.badge-card-v2.unlocked{box-shadow:0 18px 40px #8b5cf61f;transform:translateY(-1px)}.photo-upload-card{position:relative;border:1px dashed rgba(139,92,246,.32);background:linear-gradient(135deg,#fff,#faf5ff)}.photo-upload-card.has-photo{border-style:solid;background:linear-gradient(135deg,#ecfdf5,#fff)}.photo-upload-status.uploading{background:#fef3c7;color:#92400e}.photo-preview-box img,.task-photo-proof img{object-fit:cover}.task-photo-proof{display:grid;grid-template-columns:112px 1fr;gap:12px;margin:10px 0 0;padding:12px;border-radius:20px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid rgba(99,102,241,.14)}.task-photo-proof img{width:112px;height:84px;border-radius:16px;box-shadow:0 10px 24px #0f172a1f}.task-photo-proof strong{display:block;color:#334155;margin-bottom:4px}.task-photo-proof p{margin:0 0 6px;color:#64748b;font-size:12px}.task-photo-proof a{font-weight:900;color:#7c3aed;text-decoration:none}@media(max-width:560px){.badge-card-v2{min-height:0}.task-photo-proof{grid-template-columns:1fr}.task-photo-proof img{width:100%;height:180px}.pet-crown{top:18px;width:42px;height:42px;font-size:24px}.upgrade-requirement-row{display:grid;grid-template-columns:1fr}.upgrade-requirement-row span{justify-content:center}}.pet-stage-orbit{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:999px;pointer-events:none;z-index:0;filter:blur(.1px)}.pet-stage-orbit i{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.72);box-shadow:0 0 34px #8b5cf629;animation:pet-glow-spin 22s linear infinite}.pet-stage-orbit i:nth-child(1){top:6%;right:6%;bottom:6%;left:6%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.48),transparent 34%)}.pet-stage-orbit i:nth-child(2){top:16%;right:16%;bottom:16%;left:16%;border-style:dashed;animation-duration:16s;animation-direction:reverse}.pet-stage-orbit i:nth-child(3){top:28%;right:28%;bottom:28%;left:28%;border-color:#ffffff75;animation-duration:10s}.pet-stage-orbit.grown i{box-shadow:0 0 36px #22c55e2e}.pet-stage-orbit.rare i{border-color:#22d3ee75;box-shadow:0 0 42px #22d3ee40}.pet-stage-orbit.epic i{border-color:#a855f785;box-shadow:0 0 48px #a855f747}.pet-stage-orbit.legend i{border-color:#f59e0b9e;box-shadow:0 0 56px #f59e0b57}.pet-stage-level-chip{position:absolute;left:18px;top:18px;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:36px;padding:0 12px;border-radius:999px;background:#ffffffe0;border:1px solid rgba(255,255,255,.76);color:#5b21b6;font-weight:1000;box-shadow:0 12px 28px #5b21b624;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pet-stage-visual-note{position:absolute;left:50%;bottom:68px;transform:translate(-50%);z-index:4;width:min(82%,360px);padding:7px 11px;border-radius:999px;background:#ffffffc2;border:1px solid rgba(255,255,255,.72);color:#6d28d9;font-size:12px;font-weight:900;text-align:center;box-shadow:0 10px 24px #5b21b61a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pet-action-btn.pending{position:relative;overflow:hidden;border-color:#f59e0b7a!important;background:linear-gradient(135deg,#fffbeb,#fff7ed)!important;color:#92400e!important}.pet-action-btn.pending:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.62) 45%,transparent 70%);transform:translate(-120%);animation:upload-shimmer 1.2s linear infinite;pointer-events:none}.pet-action-btn.pending em{background:#fef3c7;color:#92400e}.photo-upload-card.uploading{border-style:solid;border-color:#f59e0b8f;background:linear-gradient(135deg,#fffbeb,#fff7ed);box-shadow:0 14px 30px #f59e0b1f}.photo-upload-card.uploading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.5) 45%,transparent 65%);animation:upload-shimmer 1.25s linear infinite;pointer-events:none}@keyframes upload-shimmer{to{transform:translate(120%)}}.badge-track-panel{display:grid;gap:12px}.badge-track-item{display:grid;grid-template-columns:minmax(118px,1fr) minmax(120px,2fr) auto;gap:12px;align-items:center;padding:14px;border-radius:20px;border:1px solid rgba(139,92,246,.14);background:linear-gradient(135deg,#fffffff0,#f8fafcdb);box-shadow:0 10px 24px #4f46e50f}.badge-track-item strong{display:block;color:#312e81;font-size:16px}.badge-track-item span{display:block;margin-top:3px;color:#64748b;font-size:12px;font-weight:850}.badge-track-item i{display:block;height:12px;border-radius:999px;background:#e5e7eb;overflow:hidden}.badge-track-item i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#60a5fa,#a855f7,#f59e0b)}.badge-track-item b{color:#7c3aed;font-weight:1000}@media(max-width:640px){.pet-stage-visual-note{position:static;transform:none;margin:8px auto 0;width:92%;font-size:11px}.badge-track-item{grid-template-columns:1fr}.badge-track-item b{text-align:right}.pet-stage-level-chip{left:14px;top:14px;height:32px;min-width:52px}.photo-upload-card.uploading:after{display:none}}.badge-card.badge-card-v2:before{content:"";position:absolute;inset:0 0 auto 0;right:auto;top:0;width:auto;height:5px;padding:0;border-radius:24px 24px 0 0;background:#cbd5e1;color:transparent;box-shadow:none;z-index:2}.badge-card.badge-card-v2.rarity-common:before{background:#34d399}.badge-card.badge-card-v2.rarity-rare:before{background:#60a5fa}.badge-card.badge-card-v2.rarity-epic:before{background:#c084fc}.badge-card.badge-card-v2.rarity-legend:before{background:linear-gradient(90deg,#f59e0b,#ec4899,#8b5cf6)}.badge-card-v2 .badge-card-top{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.badge-card-v2 .badge-status{grid-column:1/-1;width:max-content;display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:1000;letter-spacing:.02em}.badge-card-v2 .badge-status.done{background:linear-gradient(135deg,#dcfce7,#fef3c7);color:#166534;border:1px solid rgba(34,197,94,.2)}.badge-card-v2 .badge-status.todo{background:#f1f5f9;color:#64748b;border:1px solid rgba(148,163,184,.22)}.badge-card-v2.unlocked{border-color:#f59e0b61;background:radial-gradient(circle at 86% 18%,rgba(251,191,36,.18),transparent 32%),linear-gradient(180deg,#fff,#fffbeb)}.badge-card-v2.unlocked .badge-orb{background:linear-gradient(135deg,#fef3c7,#fde68a 45%,#fbcfe8);box-shadow:0 16px 30px #f59e0b33,inset 0 -10px 18px #ffffff8c}.badge-card-v2.unlocked .badge-progress i{background:linear-gradient(90deg,#22c55e,#f59e0b);box-shadow:0 0 18px #f59e0b3d}.badge-card-v2.locked .badge-status.todo{background:#e2e8f0;color:#64748b}.badge-card-v2.locked .badge-progress i{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}@media(max-width:560px){.badge-card-v2 .badge-card-top{grid-template-columns:1fr}.badge-card-v2 .rarity{width:max-content}.badge-card-v2 .badge-status{grid-column:auto}}.license-status{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:950;border:1px solid transparent;white-space:nowrap}.license-status.unused{background:#ecfdf5;color:#047857;border-color:#10b98138}.license-status.used{background:#f1f5f9;color:#64748b;border-color:#94a3b852}.chart-bar-item em{display:block;margin-top:2px;color:#94a3b8;font-size:10px;font-style:normal;font-weight:800;line-height:1.1}.chart-bar-item .bar-fill{background:linear-gradient(180deg,#22c55e,#8b5cf6)}.reward-form-v2{display:grid;gap:14px}.reward-form-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(140px,.8fr) minmax(120px,.7fr);gap:12px;align-items:end}.reward-form-v2 .field{min-width:0}.reward-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reward-form-actions .primary-btn{min-width:140px}.reward-form-actions .form-hint{margin:0;flex:1;min-width:220px;padding:10px 12px;border-radius:16px;background:#f59e0b17;border:1px solid rgba(245,158,11,.14)}@media(max-width:760px){.reward-form-grid{grid-template-columns:1fr}.reward-form-actions{display:grid;grid-template-columns:1fr}.reward-form-actions .primary-btn{width:100%;min-width:0}.reward-form-actions .form-hint{min-width:0}}.interactive-pet-stage{cursor:pointer;touch-action:manipulation;outline:none;-webkit-user-select:none;user-select:none}.interactive-pet-stage:focus-visible{box-shadow:0 0 0 4px #7c3aed33,var(--shadow);z-index:2}.interactive-pet-stage .pet-stage-img,.interactive-pet-stage .pet-emoji{will-change:transform;transform-origin:center bottom}.pet-stage-shadow{position:absolute;left:50%;bottom:68px;width:150px;height:28px;border-radius:999px;background:radial-gradient(ellipse,#4c1d9538,#4c1d9500 70%);transform:translate(-50%);z-index:1;filter:blur(1px);animation:pet-shadow-breathe 3s ease-in-out infinite}.pet-face-badge{position:absolute;left:calc(50% + 74px);top:42%;z-index:5;display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#ffffffeb;box-shadow:0 12px 26px #4c1d9529;font-size:24px;border:1px solid rgba(255,255,255,.8);animation:pet-face-float 2.4s ease-in-out infinite}.pet-touch-ripple{position:absolute;left:50%;top:50%;width:40px;height:40px;border-radius:999px;border:2px solid rgba(255,255,255,.8);transform:translate(-50%,-50%) scale(.4);opacity:0;z-index:0;pointer-events:none}.interactive-pet-stage.is-interacting .pet-touch-ripple{animation:pet-touch-ripple .9s ease-out}.pet-particle-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.pet-interaction-particle{position:absolute;left:var(--x);bottom:76px;font-size:28px;filter:drop-shadow(0 8px 14px rgba(76,29,149,.18));opacity:0;animation:pet-particle-rise 1.8s cubic-bezier(.2,.8,.2,1) var(--delay) both}.pet-bubble.active{background:linear-gradient(135deg,#fff,#f5f3ff);color:#5b21b6;border:1px solid rgba(139,92,246,.18);animation:pet-bubble-pop .42s ease both}.pet-interaction-hint{position:absolute;left:50%;bottom:58px;z-index:4;transform:translate(-50%);padding:5px 10px;border-radius:999px;background:#ffffffb3;color:#7c3aed;font-size:12px;font-weight:900;box-shadow:0 8px 18px #7c3aed1a;opacity:.86;white-space:nowrap}.interactive-pet-stage:hover .pet-interaction-hint{opacity:1}.interactive-pet-stage.motion-tap .pet-stage-img,.interactive-pet-stage.motion-tap .pet-emoji{animation:pet-tap-bounce .72s cubic-bezier(.2,.9,.25,1.2) 2}.interactive-pet-stage.motion-feed .pet-stage-img,.interactive-pet-stage.motion-feed .pet-emoji{animation:pet-feed-nom .72s ease-in-out 3}.interactive-pet-stage.motion-clean .pet-stage-img,.interactive-pet-stage.motion-clean .pet-emoji{animation:pet-clean-wiggle .78s ease-in-out 3}.interactive-pet-stage.motion-play .pet-stage-img,.interactive-pet-stage.motion-play .pet-emoji{animation:pet-play-hop .7s cubic-bezier(.2,.85,.25,1.25) 3}.interactive-pet-stage.motion-sleep .pet-stage-img,.interactive-pet-stage.motion-sleep .pet-emoji{animation:pet-sleep-sway 2.6s ease-in-out infinite;filter:saturate(.9) brightness(.98) drop-shadow(0 18px 30px rgba(59,130,246,.2))}.interactive-pet-stage.motion-upgrade .pet-stage-img,.interactive-pet-stage.motion-upgrade .pet-emoji{animation:pet-upgrade-pop 1.15s cubic-bezier(.2,.9,.2,1.18) 2}.interactive-pet-stage.motion-upgrade:before{animation:pet-upgrade-flash 1.1s ease-in-out 2}@keyframes pet-shadow-breathe{0%,to{transform:translate(-50%) scaleX(1);opacity:.7}50%{transform:translate(-50%) scaleX(.82);opacity:.42}}@keyframes pet-face-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(4deg)}}@keyframes pet-touch-ripple{0%{opacity:.8;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(8)}}@keyframes pet-particle-rise{0%{opacity:0;transform:translateY(18px) scale(.65) rotate(-10deg)}18%{opacity:1}to{opacity:0;transform:translateY(-170px) scale(1.22) rotate(18deg)}}@keyframes pet-bubble-pop{0%{transform:scale(.82);opacity:.55}to{transform:scale(1);opacity:1}}@keyframes pet-tap-bounce{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-18px) scale(1.06)}70%{transform:translateY(0) scale(.98)}}@keyframes pet-feed-nom{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(4px) scale(1.08,.94)}68%{transform:translateY(-5px) scale(.98,1.04)}}@keyframes pet-clean-wiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.03)}50%{transform:rotate(5deg) scale(1.04)}75%{transform:rotate(-3deg) scale(1.02)}}@keyframes pet-play-hop{0%,to{transform:translateY(0) rotate(0) scale(1)}35%{transform:translateY(-30px) rotate(-7deg) scale(1.06)}70%{transform:translateY(-8px) rotate(7deg) scale(1.02)}}@keyframes pet-sleep-sway{0%,to{transform:translateY(4px) rotate(-1deg) scale(.99)}50%{transform:translateY(9px) rotate(1deg) scale(.97)}}@keyframes pet-upgrade-pop{0%{transform:translateY(0) scale(1) rotate(0)}35%{transform:translateY(-24px) scale(1.18) rotate(-5deg)}72%{transform:translateY(-8px) scale(1.08) rotate(5deg)}to{transform:translateY(0) scale(1)}}@keyframes pet-upgrade-flash{0%,to{filter:brightness(1)}45%{filter:brightness(1.16) saturate(1.24)}}@media(max-width:720px){.pet-face-badge{left:calc(50% + 54px);width:36px;height:36px;font-size:21px}.pet-interaction-hint{bottom:48px;font-size:11px;max-width:calc(100% - 28px);white-space:normal;text-align:center}.pet-stage-shadow{bottom:58px;width:120px}.pet-interaction-particle{font-size:24px;bottom:64px}}@media(prefers-reduced-motion:reduce){.interactive-pet-stage.motion-tap .pet-stage-img,.interactive-pet-stage.motion-tap .pet-emoji,.interactive-pet-stage.motion-feed .pet-stage-img,.interactive-pet-stage.motion-feed .pet-emoji,.interactive-pet-stage.motion-clean .pet-stage-img,.interactive-pet-stage.motion-clean .pet-emoji,.interactive-pet-stage.motion-play .pet-stage-img,.interactive-pet-stage.motion-play .pet-emoji,.interactive-pet-stage.motion-sleep .pet-stage-img,.interactive-pet-stage.motion-sleep .pet-emoji,.interactive-pet-stage.motion-upgrade .pet-stage-img,.interactive-pet-stage.motion-upgrade .pet-emoji,.pet-interaction-particle,.pet-touch-ripple{animation:none!important}.pet-particle-layer{display:none}}.interactive-pet-stage{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.pet-avatar-shell{position:absolute;left:50%;top:47%;width:252px;height:252px;display:grid;place-items:center;z-index:4;pointer-events:none;transform:translate(calc(-50% + var(--pet-nudge-x,0px)),calc(-50% + var(--pet-nudge-y,0px)));transition:transform .32s cubic-bezier(.2,.85,.2,1);will-change:transform}.interactive-pet-stage.is-dragging .pet-avatar-shell{transition:transform .06s linear;filter:drop-shadow(0 18px 28px rgba(124,58,237,.18))}.pet-avatar-shell .pet-stage-img,.pet-avatar-shell .pet-emoji{pointer-events:none}.pet-avatar-shell .pet-crown{top:-2px}.pet-avatar-shell .pet-face-badge{left:calc(50% + 82px);top:40px}.pet-stage-tools{position:absolute;right:14px;top:76px;z-index:9;display:grid;gap:8px;pointer-events:auto}.pet-stage-tool{width:58px;height:58px;border:1px solid rgba(255,255,255,.72);border-radius:20px;background:#ffffffc7;box-shadow:0 12px 24px #4c1d951f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;padding:5px;color:#5b21b6;font-weight:950;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.pet-stage-tool span{font-size:23px;line-height:1}.pet-stage-tool small{font-size:10px;line-height:1;color:#6d28d9}.pet-stage-tool:hover:not(:disabled){transform:translateY(-3px) scale(1.04);box-shadow:0 16px 30px #4c1d952e}.pet-stage-tool:active:not(:disabled){transform:translateY(0) scale(.96)}.pet-stage-tool.disabled,.pet-stage-tool:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.35);box-shadow:none}.pet-stage-tool.tool-feed{background:linear-gradient(135deg,#fff7edeb,#fed7aabd)}.pet-stage-tool.tool-clean{background:linear-gradient(135deg,#ecfeffeb,#bae6fdbd)}.pet-stage-tool.tool-play{background:linear-gradient(135deg,#fdf4ffeb,#fbcfe8bd)}.pet-stage-tool.tool-sleep{background:linear-gradient(135deg,#eff6ffeb,#ddd6febd)}.interactive-pet-stage.motion-feed .pet-stage-tool.tool-feed,.interactive-pet-stage.motion-clean .pet-stage-tool.tool-clean,.interactive-pet-stage.motion-play .pet-stage-tool.tool-play,.interactive-pet-stage.motion-sleep .pet-stage-tool.tool-sleep{animation:pet-tool-pulse .72s ease-in-out 2}@keyframes pet-tool-pulse{0%,to{transform:scale(1)}45%{transform:scale(1.13) rotate(-4deg)}}@media(max-width:720px){.pet-avatar-shell{width:196px;height:196px;top:46%}.pet-avatar-shell .pet-face-badge{left:calc(50% + 58px);top:28px}.pet-stage-tools{right:8px;top:auto;bottom:78px;grid-template-columns:repeat(4,44px);gap:6px}.pet-stage-tool{width:44px;height:44px;border-radius:15px}.pet-stage-tool span{font-size:19px}.pet-stage-tool small{display:none}.pet-interaction-hint{bottom:44px}.pet-evolution-title{bottom:10px}}@media(prefers-reduced-motion:reduce){.pet-avatar-shell,.pet-stage-tool{transition:none!important}.interactive-pet-stage.motion-feed .pet-stage-tool.tool-feed,.interactive-pet-stage.motion-clean .pet-stage-tool.tool-clean,.interactive-pet-stage.motion-play .pet-stage-tool.tool-play,.interactive-pet-stage.motion-sleep .pet-stage-tool.tool-sleep{animation:none!important}}.pet-stage-visual-note{top:58px!important;left:18px!important;right:auto!important;bottom:auto!important;max-width:210px;text-align:left;z-index:7;pointer-events:none;background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pet-evolution-title{top:18px!important;left:18px!important;right:auto!important;bottom:auto!important;transform:none!important;z-index:7;pointer-events:none}.pet-companion-note{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;border-radius:18px;background:linear-gradient(135deg,#fff7ed,#f5f3ff);border:1px solid rgba(139,92,246,.16);box-shadow:0 10px 24px #7c3aed14;color:#5b21b6;font-weight:900;animation:pet-bubble-pop .28s ease both}.pet-companion-note b{display:grid;place-items:center;width:34px;height:34px;border-radius:14px;background:#fff;font-size:21px;box-shadow:0 8px 18px #7c3aed1f}.pet-companion-note span{font-size:13px;line-height:1.45}.pet-avatar-shell{width:270px;height:270px}.live-pet-avatar{--pet-scale:1;--pet-tilt:0deg;position:relative;width:236px;height:236px;display:grid;place-items:center;isolation:isolate;transform:scale(var(--pet-scale));transform-origin:center bottom;filter:drop-shadow(0 18px 26px rgba(76,29,149,.18));animation:live-pet-breathe 3.2s ease-in-out infinite}.live-pet-avatar.compact{width:104px;height:104px;--pet-scale:.92;filter:drop-shadow(0 8px 14px rgba(76,29,149,.12))}.live-pet-avatar.locked{filter:grayscale(.9) opacity(.48);transform:scale(.86)}.live-pet-img{position:relative;z-index:3;width:78%;height:78%;object-fit:contain;transition:transform .35s ease,filter .35s ease;animation:live-pet-sway 4.8s ease-in-out infinite}.live-pet-fallback{display:grid;place-items:center;font-size:76px}.live-aura{position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:1;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(196,181,253,.2) 46%,transparent 68%);animation:live-aura-pulse 3.5s ease-in-out infinite}.live-aura i{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.68);top:10%;right:10%;bottom:10%;left:10%;animation:live-orbit 12s linear infinite}.live-aura i:nth-child(2){top:20%;right:20%;bottom:20%;left:20%;animation-duration:9s;animation-direction:reverse}.live-aura i:nth-child(3){top:31%;right:31%;bottom:31%;left:31%;animation-duration:15s}.live-back-mark{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%) scale(2.7);opacity:.12;filter:blur(.2px)}.live-expression{position:absolute;z-index:8;right:20%;top:19%;display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:#ffffffdb;box-shadow:0 10px 22px #4c1d9524;font-size:23px;animation:live-expression-pop 2.4s ease-in-out infinite}.live-eye{position:absolute;z-index:7;top:42%;width:13px;height:13px;border-radius:999px;background:#24123f;box-shadow:0 0 0 4px #ffffffb3;animation:live-blink 4.2s ease-in-out infinite}.live-eye i{position:absolute;right:2px;top:2px;width:4px;height:4px;border-radius:999px;background:#fff}.live-eye-left{left:40%}.live-eye-right{right:40%;animation-delay:.08s}.live-mouth{position:absolute;z-index:7;left:50%;top:50%;width:20px;height:10px;border:3px solid #5b21b6;border-top:0;border-radius:0 0 20px 20px;transform:translate(-50%);opacity:.76}.live-cheek{position:absolute;z-index:6;top:50%;width:16px;height:8px;border-radius:999px;background:#f472b673;filter:blur(.2px);animation:live-cheek-glow 2.8s ease-in-out infinite}.live-cheek-left{left:32%}.live-cheek-right{right:32%}.live-paw{position:absolute;z-index:6;bottom:24%;width:30px;height:22px;border-radius:999px;background:#ffffffc7;box-shadow:inset 0 -3px #7c3aed14,0 8px 14px #4c1d951a;animation:live-paw-wave 2.6s ease-in-out infinite}.live-paw-left{left:29%;transform-origin:right center}.live-paw-right{right:29%;transform-origin:left center;animation-delay:1.25s}.live-tail{position:absolute;z-index:2;right:18%;bottom:32%;width:44px;height:22px;border-radius:999px;border:8px solid rgba(255,255,255,.72);border-left:0;border-bottom-color:transparent;transform:rotate(-24deg);animation:live-tail-wag 1.9s ease-in-out infinite}.live-acc{position:absolute;z-index:9;display:grid;place-items:center;width:38px;height:38px;border-radius:15px;background:#ffffffd1;box-shadow:0 10px 20px #4c1d9521;font-size:23px;animation:live-acc-float 3.1s ease-in-out infinite}.live-acc-left{left:15%;top:18%}.live-acc-right{right:14%;bottom:22%;animation-delay:.8s}.live-pet-avatar.lv-1{--pet-scale:.86}.live-pet-avatar.lv-2{--pet-scale:.92}.live-pet-avatar.lv-3{--pet-scale:.98}.live-pet-avatar.lv-4{--pet-scale:1.04}.live-pet-avatar.lv-5{--pet-scale:1.08}.live-pet-avatar.lv-6{--pet-scale:1.12}.live-pet-avatar.lv-7{--pet-scale:1.16}.live-pet-avatar.lv-8{--pet-scale:1.2}.live-pet-avatar.lv-1 .live-acc-right,.live-pet-avatar.lv-1 .live-tail,.live-pet-avatar.lv-2 .live-tail{display:none}.live-pet-avatar.lv-3 .live-aura{background:radial-gradient(circle,rgba(255,255,255,.95),rgba(187,247,208,.25) 46%,transparent 70%)}.live-pet-avatar.stage-rare .live-aura{background:radial-gradient(circle,rgba(255,255,255,.95),rgba(125,211,252,.34) 46%,transparent 70%)}.live-pet-avatar.stage-epic .live-aura{background:radial-gradient(circle,rgba(255,255,255,.96),rgba(216,180,254,.44) 48%,transparent 72%)}.live-pet-avatar.stage-legend .live-aura{background:conic-gradient(from 90deg,#fde68a70,#f0abfc6b,#93c5fd6b,#86efac6b,#fde68a70);box-shadow:0 0 45px #f59e0b47}.live-pet-avatar.stage-legend .live-pet-img{filter:saturate(1.32) contrast(1.05) drop-shadow(0 0 16px rgba(245,158,11,.32))}.live-pet-avatar.stage-epic .live-pet-img{filter:saturate(1.22) hue-rotate(12deg)}.live-pet-avatar.stage-rare .live-pet-img{filter:saturate(1.15) hue-rotate(6deg)}.live-pet-avatar.type-myth .live-tail{border-color:#fde68ad9;border-bottom-color:transparent}.live-pet-avatar.type-bird .live-paw{width:34px;border-radius:12px 28px 28px 12px}.live-pet-avatar.type-spirit .live-pet-img{filter:saturate(1.22) hue-rotate(24deg)}.live-pet-avatar.motion-tap,.interactive-pet-stage.motion-tap .live-pet-avatar{animation:live-tap .7s cubic-bezier(.2,.9,.25,1.15) 2}.live-pet-avatar.motion-feed,.interactive-pet-stage.motion-feed .live-pet-avatar{animation:live-feed .78s ease-in-out 3}.live-pet-avatar.motion-clean,.interactive-pet-stage.motion-clean .live-pet-avatar{animation:live-clean .78s ease-in-out 3}.live-pet-avatar.motion-play,.interactive-pet-stage.motion-play .live-pet-avatar{animation:live-play .72s cubic-bezier(.2,.85,.25,1.2) 3}.live-pet-avatar.motion-sleep,.interactive-pet-stage.motion-sleep .live-pet-avatar{animation:live-sleep 2.8s ease-in-out infinite}.live-pet-avatar.motion-upgrade,.interactive-pet-stage.motion-upgrade .live-pet-avatar{animation:live-upgrade 1.1s cubic-bezier(.2,.9,.2,1.18) 2}.pet-evolution-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.evolution-card{position:relative;display:grid;justify-items:center;gap:5px;min-height:192px;padding:13px 9px;border-radius:24px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#fff,#fafafa);box-shadow:0 10px 24px #0f172a0d;overflow:hidden}.evolution-card.current{border-color:#8b5cf673;box-shadow:0 16px 34px #8b5cf629}.evolution-card.reached{background:linear-gradient(180deg,#fff,#f5f3ff)}.evolution-card b{font-size:15px;color:#5b21b6}.evolution-card span{font-weight:900;color:#334155;font-size:13px}.evolution-card small{font-size:11px;color:#64748b;text-align:center;line-height:1.35}.evolution-card em{position:absolute;right:10px;top:10px;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;font-style:normal;font-weight:900}.evolution-card.reached em{background:#ecfdf5;color:#047857}.evolution-card.current em{background:#faf5ff;color:#7c3aed}.pet-mini .live-pet-avatar.compact{margin:2px auto 6px;width:96px;height:96px}.pet-mini .live-expression,.evolution-card .live-expression{display:none}@keyframes live-pet-breathe{0%,to{transform:scale(var(--pet-scale)) translateY(0)}50%{transform:scale(calc(var(--pet-scale) * 1.03)) translateY(-5px)}}@keyframes live-pet-sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1.2deg)}}@keyframes live-aura-pulse{0%,to{transform:scale(.94);opacity:.72}50%{transform:scale(1.05);opacity:1}}@keyframes live-orbit{to{transform:rotate(360deg)}}@keyframes live-blink{0%,88%,to{transform:scaleY(1)}91%,94%{transform:scaleY(.12)}}@keyframes live-expression-pop{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(5deg)}}@keyframes live-cheek-glow{0%,to{opacity:.4}50%{opacity:.85}}@keyframes live-paw-wave{0%,to{transform:rotate(0)}45%{transform:rotate(-18deg) translateY(-5px)}}@keyframes live-tail-wag{0%,to{transform:rotate(-26deg)}50%{transform:rotate(9deg)}}@keyframes live-acc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes live-tap{0%,to{transform:scale(var(--pet-scale)) translateY(0)}45%{transform:scale(calc(var(--pet-scale) * 1.08)) translateY(-18px)}}@keyframes live-feed{0%,to{transform:scale(var(--pet-scale))}40%{transform:scale(calc(var(--pet-scale) * 1.08),calc(var(--pet-scale) * .94)) translateY(6px)}}@keyframes live-clean{0%,to{transform:scale(var(--pet-scale)) rotate(0)}25%{transform:scale(var(--pet-scale)) rotate(-6deg)}60%{transform:scale(var(--pet-scale)) rotate(6deg)}}@keyframes live-play{0%,to{transform:scale(var(--pet-scale)) translateY(0) rotate(0)}42%{transform:scale(calc(var(--pet-scale) * 1.08)) translateY(-34px) rotate(-7deg)}72%{transform:scale(var(--pet-scale)) translateY(-8px) rotate(7deg)}}@keyframes live-sleep{0%,to{transform:scale(var(--pet-scale)) translateY(4px) rotate(-1deg);filter:saturate(.86)}50%{transform:scale(calc(var(--pet-scale) * .98)) translateY(10px) rotate(1deg);filter:saturate(.78)}}@keyframes live-upgrade{0%,to{transform:scale(var(--pet-scale)) translateY(0)}35%{transform:scale(calc(var(--pet-scale) * 1.2)) translateY(-24px) rotate(-5deg)}70%{transform:scale(calc(var(--pet-scale) * 1.08)) translateY(-8px) rotate(5deg)}}@media(max-width:720px){.pet-stage-visual-note{display:none}.pet-evolution-title{top:12px!important;left:12px!important;font-size:12px}.pet-avatar-shell{width:210px;height:210px}.live-pet-avatar{width:190px;height:190px}.live-pet-avatar.compact{width:86px;height:86px}.pet-evolution-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.evolution-card{min-height:170px;padding:11px 7px}.pet-companion-note{align-items:flex-start}.pet-companion-note span{font-size:12px}.live-eye,.live-mouth,.live-cheek{display:none}}@media(prefers-reduced-motion:reduce){.live-pet-avatar,.live-pet-img,.live-aura,.live-aura i,.live-expression,.live-cheek,.live-paw,.live-tail,.live-acc{animation:none!important}}.species-card>.live-pet-avatar.compact{margin:0 auto 8px;width:118px;height:118px}.species-evolution-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:4px 0 9px;padding:7px;border-radius:18px;background:#ffffffa8;border:1px solid rgba(139,92,246,.12)}.species-evolution-strip .live-pet-avatar.compact{width:48px;height:48px;filter:drop-shadow(0 5px 8px rgba(76,29,149,.1))}.species-evolution-strip .live-aura,.species-evolution-strip .live-eye,.species-evolution-strip .live-mouth,.species-evolution-strip .live-cheek,.species-evolution-strip .live-paw,.species-evolution-strip .live-tail,.species-evolution-strip .live-acc{display:none}.species-evolution-strip:after{content:"Lv1 →Lv8";grid-column:1/-1;text-align:center;color:#7c3aed;font-size:10px;font-weight:950;letter-spacing:.02em}@media(max-width:560px){.species-card>.live-pet-avatar.compact{width:104px;height:104px}.species-evolution-strip .live-pet-avatar.compact{width:44px;height:44px}}.pet-level-up-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:10px 0 12px;padding:10px;border-radius:22px;background:linear-gradient(135deg,#ffffffd1,#f5f3ffeb);border:1px solid rgba(139,92,246,.16);box-shadow:inset 0 1px #ffffffd1}.pet-level-up-compare>b{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;box-shadow:0 10px 18px #8b5cf638}.pet-level-up-form{position:relative;display:grid;justify-items:center;gap:4px;min-width:0;padding:8px 6px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(148,163,184,.14)}.pet-level-up-form .live-pet-avatar.compact{width:74px;height:74px;margin:0 auto}.pet-level-up-form span{font-weight:950;color:#5b21b6;font-size:12px}.pet-level-up-form small{font-size:10px;color:#64748b;font-weight:800}.pet-level-up-form.new{background:linear-gradient(180deg,#fff7ed,#fff);border-color:#fbbf2447;box-shadow:0 10px 22px #fbbf241f}.upgrade-preview-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:12px 0;padding:10px;border-radius:24px;background:linear-gradient(135deg,#ffffffc7,#ecfdf5b3);border:1px solid rgba(34,197,94,.16)}.upgrade-preview-form{display:grid;justify-items:center;gap:4px;min-width:0;padding:8px 6px;border-radius:19px;background:#ffffffc2;border:1px solid rgba(148,163,184,.14)}.upgrade-preview-form .live-pet-avatar.compact{width:78px;height:78px;margin:0}.upgrade-preview-form span{font-size:12px;font-weight:950;color:#334155}.upgrade-preview-form.next{border-color:#8b5cf63d;background:linear-gradient(180deg,#faf5ff,#fff)}.upgrade-preview-arrow{display:grid;place-items:center;gap:3px;color:#7c3aed}.upgrade-preview-arrow b{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:#fff;color:#7c3aed;box-shadow:0 10px 22px #7c3aed29}.upgrade-preview-arrow small{font-size:10px;font-weight:900;color:#7c3aed;white-space:nowrap}.species-evolution-strip{align-items:end}.species-evo-step{display:grid;justify-items:center;gap:2px;min-width:0}.species-evo-step small{font-size:9px;font-weight:950;color:#7c3aed;line-height:1}.species-evolution-strip:after{content:"Lv1 →Lv8"!important}@media(max-width:560px){.pet-level-up-compare,.upgrade-preview-row{gap:7px;padding:8px}.pet-level-up-form .live-pet-avatar.compact,.upgrade-preview-form .live-pet-avatar.compact{width:62px;height:62px}.upgrade-preview-arrow b{width:30px;height:30px}.upgrade-preview-arrow small{display:none}}.pet-upgrade-panel.locked-today{background:linear-gradient(135deg,#f8fafc,#eef2ff);border-color:#6366f12e;box-shadow:0 14px 32px #6366f11a}.pet-upgrade-panel.locked-today .pet-upgrade-btn{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:none;color:#fff}.pet-upgrade-panel.locked-today .upgrade-preview-row{background:linear-gradient(135deg,#f8fafceb,#eef2ffe0);border-color:#6366f129}.pet-main-card{overflow:hidden}.pet-stage-wrap.interactive-pet-stage{position:relative;min-height:430px;border-radius:34px;background:radial-gradient(circle at 50% 42%,#fffffff5 0,#ffffffd1 30%,#eff6ffb8 58%,#ede9fec7);border:1px solid rgba(124,58,237,.12);box-shadow:inset 0 1px #ffffffdb,0 22px 46px #6366f11f;overflow:hidden}.pet-stage-wrap.interactive-pet-stage:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:28px;background:linear-gradient(120deg,rgba(255,255,255,.7),transparent 36%,rgba(167,139,250,.1));pointer-events:none}.pet-stage-wrap.interactive-pet-stage:after{content:"";position:absolute;left:50%;bottom:42px;width:min(58%,310px);height:34px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(76,29,149,.24) 0,rgba(124,58,237,.1) 42%,transparent 72%);filter:blur(6px);opacity:.72;pointer-events:none}.pet-stage-orbit,.pet-evolution-ring,.pet-stage-shadow{display:none!important}.pet-avatar-shell{position:absolute!important;left:50%!important;top:50%!important;width:300px!important;height:300px!important;display:grid!important;place-items:center!important;z-index:4!important;pointer-events:none!important;transform:translate(calc(-50% + var(--pet-nudge-x,0px)),calc(-50% + var(--pet-nudge-y,0px)))!important;transition:transform .18s ease,filter .18s ease!important}.pet-stage-level-chip{position:absolute!important;left:18px!important;top:18px!important;right:auto!important;z-index:8!important;padding:7px 13px!important;border-radius:999px!important;background:#ffffffd6!important;border:1px solid rgba(124,58,237,.14)!important;color:#5b21b6!important;font-weight:950!important;box-shadow:0 10px 24px #5b21b61f!important}.pet-evolution-title{position:absolute!important;left:18px!important;bottom:18px!important;top:auto!important;z-index:7!important;max-width:calc(100% - 36px)!important;padding:9px 13px!important;border-radius:18px!important;background:#ffffffc7!important;border:1px solid rgba(148,163,184,.16)!important;color:#334155!important;font-weight:950!important;box-shadow:0 10px 24px #0f172a14!important}.pet-stage-visual-note{position:absolute!important;right:18px!important;top:18px!important;left:auto!important;bottom:auto!important;z-index:7!important;max-width:210px!important;padding:8px 11px!important;border-radius:18px!important;background:#ffffffb8!important;border:1px solid rgba(148,163,184,.16)!important;color:#64748b!important;font-size:12px!important;font-weight:800!important;text-align:right!important}.pet-stage-tools{position:absolute!important;left:50%!important;right:auto!important;bottom:18px!important;top:auto!important;z-index:9!important;display:flex!important;justify-content:center!important;gap:9px!important;transform:translate(-50%)!important;width:min(92%,430px)!important}.pet-stage-tool{width:auto!important;min-width:74px!important;height:48px!important;border-radius:18px!important;background:#ffffffe6!important;border:1px solid rgba(124,58,237,.12)!important;box-shadow:0 12px 26px #6366f11f!important}.pet-stage-tool span{font-size:18px!important}.pet-stage-tool small{font-size:11px!important;font-weight:950!important}.pet-stage-tool.disabled{opacity:.46!important;filter:grayscale(.7)!important;box-shadow:none!important}.pet-touch-ripple{position:absolute;left:50%;top:50%;width:150px;height:150px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(124,58,237,.28);opacity:0;pointer-events:none}.interactive-pet-stage.is-interacting .pet-touch-ripple{animation:model-ripple .8s ease-out 1}.pet-particle-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.pet-interaction-particle{position:absolute;left:var(--x);top:55%;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff 0,#c4b5fd 45%,#7c3aed00 72%);box-shadow:0 0 18px #7c3aed52;opacity:0}.interactive-pet-stage.is-interacting .pet-interaction-particle{animation:model-spark 1s ease-out var(--delay) 1}.pet-companion-note.pet-model-toast{display:flex!important;align-items:center!important;justify-content:center!important;margin:-6px auto 12px!important;width:max-content!important;max-width:100%!important;padding:9px 14px!important;border-radius:999px!important;background:linear-gradient(135deg,#fff,#f5f3ff)!important;border:1px solid rgba(124,58,237,.14)!important;color:#5b21b6!important;box-shadow:0 14px 30px #6366f11f!important}.pet-companion-note.pet-model-toast span{font-size:13px!important;font-weight:950!important;line-height:1.35!important}.pet-heart{display:none!important}.pet-model-avatar{--model-scale:1;position:relative;display:grid;place-items:center;width:260px;height:260px;isolation:isolate;transform-origin:center 82%;animation:model-breathe 3.4s ease-in-out infinite;filter:drop-shadow(0 20px 28px rgba(76,29,149,.18))}.pet-model-avatar.compact{width:126px;height:126px;animation:model-breathe-compact 3.6s ease-in-out infinite}.pet-model-avatar.locked{filter:grayscale(.86) saturate(.65);opacity:.48}.pet-model-glow{position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.86) 0,rgba(216,180,254,.22) 46%,rgba(125,211,252,.12) 66%,transparent 74%);filter:blur(10px);opacity:.8;transform:scale(.92)}.pet-model-plate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;border-radius:42% 48% 45% 46%;background:radial-gradient(circle at 50% 82%,rgba(255,255,255,.75) 0,rgba(255,255,255,.22) 36%,transparent 58%)}.pet-model-plate:after{content:"";position:absolute;left:15%;right:15%;bottom:8%;height:17%;border-radius:50%;background:radial-gradient(ellipse,rgba(15,23,42,.18),rgba(15,23,42,.04) 52%,transparent 72%);filter:blur(5px);z-index:1}.pet-model-img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center 82%;will-change:transform,filter;filter:saturate(1.05) contrast(1.02)}.pet-model-fallback{display:grid;place-items:center;font-size:68px}.pet-model-level{position:absolute;right:18px;bottom:20px;z-index:4;padding:6px 11px;border-radius:999px;background:#ffffffe0;border:1px solid rgba(124,58,237,.14);color:#5b21b6;font-size:12px;font-weight:950;box-shadow:0 10px 22px #4c1d9521}.pet-model-avatar.lv-1 .pet-model-img{transform:scale(.86)}.pet-model-avatar.lv-2 .pet-model-img{transform:scale(.9)}.pet-model-avatar.lv-3 .pet-model-img{transform:scale(.94)}.pet-model-avatar.lv-4 .pet-model-img{transform:scale(.98)}.pet-model-avatar.lv-5 .pet-model-img{transform:scale(1.02)}.pet-model-avatar.lv-6 .pet-model-img{transform:scale(1.05)}.pet-model-avatar.lv-7 .pet-model-img{transform:scale(1.08)}.pet-model-avatar.lv-8 .pet-model-img{transform:scale(1.12)}.pet-model-avatar .live-aura,.pet-model-avatar .live-back-mark,.pet-model-avatar .live-eye,.pet-model-avatar .live-mouth,.pet-model-avatar .live-cheek,.pet-model-avatar .live-paw,.pet-model-avatar .live-tail,.pet-model-avatar .live-acc,.pet-model-avatar .live-expression{display:none!important}.pet-model-avatar.motion-tap,.interactive-pet-stage.motion-tap .pet-model-avatar{animation:model-tap .82s ease 2}.pet-model-avatar.motion-feed,.interactive-pet-stage.motion-feed .pet-model-avatar{animation:model-feed .9s ease 2}.pet-model-avatar.motion-clean,.interactive-pet-stage.motion-clean .pet-model-avatar{animation:model-clean .82s ease 2}.pet-model-avatar.motion-play,.interactive-pet-stage.motion-play .pet-model-avatar{animation:model-play .92s cubic-bezier(.2,.9,.25,1.15) 2}.pet-model-avatar.motion-sleep,.interactive-pet-stage.motion-sleep .pet-model-avatar{animation:model-sleep 2.8s ease-in-out infinite}.pet-model-avatar.motion-upgrade,.interactive-pet-stage.motion-upgrade .pet-model-avatar{animation:model-upgrade 1.1s cubic-bezier(.2,.9,.2,1.18) 2}.interactive-pet-stage.is-dragging .pet-model-avatar .pet-model-img{filter:saturate(1.12) contrast(1.04)}.pet-evolution-preview{display:flex!important;gap:14px!important;overflow-x:auto!important;padding:6px 4px 14px!important;scroll-snap-type:x mandatory!important;grid-template-columns:none!important}.pet-evolution-preview::-webkit-scrollbar{height:8px}.pet-evolution-preview::-webkit-scrollbar-thumb{background:#ddd6fe;border-radius:999px}.pet-evolution-preview::-webkit-scrollbar-track{background:#ddd6fe52;border-radius:999px}.evolution-card{flex:0 0 184px!important;min-height:238px!important;padding:14px!important;border-radius:26px!important;scroll-snap-align:start!important;display:grid!important;justify-items:center!important;align-content:start!important;gap:8px!important;background:linear-gradient(180deg,#ffffffe0,#f8fafcb8)!important;border:1px solid rgba(124,58,237,.12)!important}.evolution-card.current{background:linear-gradient(180deg,#fff7ed,#fff)!important;border-color:#fb923c57!important;box-shadow:0 16px 34px #fb923c24!important}.evolution-card.locked{background:linear-gradient(180deg,#f8fafc,#f1f5f9)!important}.evolution-card .pet-model-avatar.compact{width:132px!important;height:132px!important}.evolution-card b,.evolution-card span,.evolution-card small{max-width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis}.pet-inventory{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(164px,1fr))!important;gap:14px!important;max-height:540px!important;overflow:auto!important;padding:4px!important}.pet-inventory::-webkit-scrollbar{width:8px}.pet-inventory::-webkit-scrollbar-thumb{background:#ddd6fe;border-radius:999px}.pet-mini{min-height:218px!important;padding:14px!important;border-radius:26px!important;display:grid!important;justify-items:center!important;align-content:start!important;gap:8px!important;background:linear-gradient(180deg,#ffffffe6,#f8fafcbd)!important;border:1px solid rgba(124,58,237,.1)!important;box-shadow:0 12px 28px #6366f114!important}.pet-mini.active{border-color:#7c3aed52!important;box-shadow:0 18px 36px #7c3aed24!important}.pet-mini .pet-model-avatar.compact{width:132px!important;height:132px!important}.pet-mini-name,.pet-mini-stage{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.species-card>.pet-model-avatar.compact{margin:0 auto 8px!important;width:118px!important;height:118px!important}.species-evolution-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;align-items:end!important;margin:6px 0 10px!important;padding:8px!important;border-radius:18px!important;background:#ffffffb8!important;border:1px solid rgba(139,92,246,.12)!important}.species-evolution-strip .pet-model-avatar.compact{width:58px!important;height:58px!important;filter:none!important}.species-evo-step{display:grid!important;justify-items:center!important;gap:2px!important;min-width:0!important}.species-evo-step small{font-size:9px!important;font-weight:950!important;color:#7c3aed!important;line-height:1!important}.species-evolution-strip:after{content:"Lv1 -> Lv8"!important;grid-column:1/-1;text-align:center;color:#7c3aed;font-size:10px;font-weight:950;letter-spacing:.02em}.pet-level-up-form .pet-model-avatar.compact{width:82px!important;height:82px!important;margin:0 auto!important}.upgrade-preview-form .pet-model-avatar.compact{width:86px!important;height:86px!important;margin:0!important}@keyframes model-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.018)}}@keyframes model-breathe-compact{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.012)}}@keyframes model-tap{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-16px) scale(1.055)}}@keyframes model-feed{0%,to{transform:scale(1)}40%{transform:scale(1.055,.965) translateY(5px)}}@keyframes model-clean{0%,to{transform:rotate(0)}30%{transform:rotate(-4deg)}65%{transform:rotate(4deg)}}@keyframes model-play{0%,to{transform:translateY(0) rotate(0) scale(1)}45%{transform:translateY(-30px) rotate(-5deg) scale(1.06)}75%{transform:translateY(-7px) rotate(4deg)}}@keyframes model-sleep{0%,to{transform:translateY(6px) scale(.98);filter:saturate(.88)}50%{transform:translateY(12px) scale(.965);filter:saturate(.78)}}@keyframes model-upgrade{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-22px) scale(1.16) rotate(-3deg)}70%{transform:translateY(-6px) scale(1.06) rotate(3deg)}}@keyframes model-ripple{0%{opacity:.7;transform:translate(-50%,-50%) scale(.45)}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}@keyframes model-spark{0%{opacity:0;transform:translateY(18px) scale(.4)}20%{opacity:1}to{opacity:0;transform:translateY(-88px) scale(1.2)}}@media(max-width:720px){.pet-stage-wrap.interactive-pet-stage{min-height:386px;border-radius:28px}.pet-avatar-shell{width:238px!important;height:238px!important}.pet-model-avatar{width:226px!important;height:226px!important}.pet-stage-visual-note{display:none!important}.pet-stage-tools{bottom:14px!important;gap:7px!important;width:calc(100% - 24px)!important}.pet-stage-tool{min-width:0!important;flex:1!important;height:46px!important}.pet-evolution-title{bottom:72px!important;font-size:12px!important}.pet-evolution-preview{gap:10px!important}.evolution-card{flex-basis:156px!important;min-height:214px!important;padding:11px!important}.evolution-card .pet-model-avatar.compact{width:112px!important;height:112px!important}.pet-inventory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-height:none!important;overflow:visible!important}.pet-mini{min-height:184px!important;padding:10px!important}.pet-mini .pet-model-avatar.compact{width:108px!important;height:108px!important}.species-card>.pet-model-avatar.compact{width:104px!important;height:104px!important}.species-evolution-strip .pet-model-avatar.compact{width:46px!important;height:46px!important}.pet-level-up-form .pet-model-avatar.compact,.upgrade-preview-form .pet-model-avatar.compact{width:66px!important;height:66px!important}}@media(max-width:430px){.pet-stage-wrap.interactive-pet-stage{min-height:358px}.pet-avatar-shell{width:210px!important;height:210px!important}.pet-model-avatar{width:204px!important;height:204px!important}.pet-stage-level-chip{left:12px!important;top:12px!important}.pet-evolution-title{left:12px!important;right:12px!important;bottom:70px!important}.pet-stage-tools{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.pet-stage-tool{padding:5px!important;border-radius:15px!important}.pet-stage-tool span{font-size:16px!important}.pet-stage-tool small{font-size:10px!important}.evolution-card{flex-basis:146px!important}.pet-model-level{right:10px;bottom:12px;font-size:10px}}@media(prefers-reduced-motion:reduce){.pet-model-avatar,.pet-interaction-particle,.pet-touch-ripple{animation:none!important}}.pet-stage-wrap.interactive-pet-stage .pet-evolution-title{bottom:82px!important;left:18px!important;right:auto!important;max-width:min(360px,calc(100% - 36px))!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-tools{bottom:20px!important}@media(max-width:720px){.pet-stage-wrap.interactive-pet-stage .pet-evolution-title{bottom:74px!important;left:14px!important;right:14px!important;max-width:none!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-tools{bottom:14px!important}}.pet-page-full{overflow:visible!important}.pet-page-inner{width:100%!important;max-width:1184px!important;min-width:0!important;box-sizing:border-box!important}.pet-page-inner>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.pet-hero-strip,.pet-main-card,.pet-two-col,.pet-page-inner>.card{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.pet-tab-layout .pet-main-card{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)!important}.pet-two-col{display:grid!important;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)!important;gap:18px!important;align-items:start!important}.pet-evolution-preview{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.evolution-card{overflow:visible!important}.pet-inventory{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.pet-mini{overflow:visible!important}.pet-record-list{max-height:420px!important;overflow:auto!important;padding-right:4px!important}.pet-record-list::-webkit-scrollbar{width:8px}.pet-record-list::-webkit-scrollbar-thumb{background:#ddd6fe;border-radius:999px}@media(max-width:980px){.pet-tab-layout .pet-main-card,.pet-two-col{grid-template-columns:1fr!important}.pet-page-inner{max-width:100%!important}.pet-record-list{max-height:360px!important}}.pet-evolution-preview{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important;padding:6px 4px!important;scroll-snap-type:none!important}.evolution-card{width:auto!important;min-width:0!important;flex:initial!important;min-height:228px!important}.evolution-card .pet-model-avatar.compact{width:118px!important;height:118px!important}.evolution-card .pet-model-img{max-width:100%!important;max-height:100%!important}@media(max-width:760px){.pet-evolution-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.evolution-card{min-height:196px!important}.evolution-card .pet-model-avatar.compact{width:96px!important;height:96px!important}}@media(max-width:390px){.pet-evolution-preview{grid-template-columns:1fr!important}.evolution-card{min-height:170px!important;grid-template-columns:auto 1fr!important;align-items:center!important;justify-items:start!important;text-align:left!important}.evolution-card .pet-model-avatar.compact{width:86px!important;height:86px!important}.evolution-card b,.evolution-card span,.evolution-card small,.evolution-card em{text-align:left!important}}.encyclopedia-card{align-content:start!important;gap:10px!important;overflow:visible!important}.species-primary-model{position:relative;display:grid;place-items:center;gap:6px;width:100%;padding:12px 10px 10px;margin:2px 0 4px;border-radius:24px;background:radial-gradient(circle at 50% 42%,#fffffff2,#f5f3ffc7 58%,#e0f2fead);border:1px solid rgba(139,92,246,.13);box-shadow:inset 0 1px #ffffffe6}.species-primary-model:after{content:"";position:absolute;left:24%;right:24%;bottom:28px;height:16px;border-radius:50%;background:radial-gradient(ellipse,rgba(76,29,149,.16),transparent 70%);filter:blur(5px)}.species-primary-model>.pet-model-avatar.compact{width:132px!important;height:132px!important;z-index:1}.species-primary-model>span{position:relative;z-index:2;display:inline-flex;padding:4px 10px;border-radius:999px;background:#ffffffd1;border:1px solid rgba(139,92,246,.12);color:#6d28d9;font-size:11px;font-weight:950}.species-evolution-secondary{width:100%;border-radius:18px;border:1px solid rgba(139,92,246,.13);background:#ffffffb8;overflow:hidden;box-shadow:0 8px 18px #6366f10f}.species-evolution-secondary summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;color:#5b21b6;font-size:12px;font-weight:950}.species-evolution-secondary summary::-webkit-details-marker{display:none}.species-evolution-secondary summary:after{content:"⌄";display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#f5f3ff;color:#7c3aed;transition:transform .18s ease}.species-evolution-secondary[open] summary:after{transform:rotate(180deg)}.species-evolution-secondary summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.species-evolution-secondary summary em{font-style:normal;flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#ede9fe;color:#7c3aed;font-size:10px;font-weight:950}.species-evolution-secondary .species-evolution-strip{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;margin:0!important;padding:8px 8px 10px!important;border:0!important;border-top:1px solid rgba(139,92,246,.1)!important;border-radius:0!important;background:linear-gradient(180deg,#faf5ffb3,#ffffffd6)!important}.species-evolution-secondary .species-evolution-strip:after{content:"Milestone preview"!important;grid-column:1/-1;text-align:center;color:#8b5cf6;font-size:10px;font-weight:950;letter-spacing:.02em}.species-evolution-secondary .species-evo-step{padding:4px 2px;border-radius:12px;background:#ffffff94;border:1px solid rgba(148,163,184,.1)}.species-evolution-secondary .species-evo-step .pet-model-avatar.compact{width:44px!important;height:44px!important}.species-evolution-secondary .species-evo-step small{font-size:9px!important;color:#6d28d9!important}.encyclopedia-card>h3{margin-top:2px!important}.encyclopedia-card>p{min-height:42px}.species-card>.pet-model-avatar.compact{display:none!important}@media(max-width:720px){.species-primary-model>.pet-model-avatar.compact{width:118px!important;height:118px!important}.species-evolution-secondary .species-evolution-strip{grid-template-columns:repeat(5,minmax(42px,1fr))!important;overflow-x:auto!important}.species-evolution-secondary .species-evo-step .pet-model-avatar.compact{width:40px!important;height:40px!important}}.encyclopedia-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr))!important;gap:16px!important;align-items:start!important}.encyclopedia-card{min-width:0!important;padding:14px!important;border-radius:26px!important;background:linear-gradient(180deg,#fffffff0,#faf5ffc7)!important}.species-primary-model>.pet-model-avatar.compact{width:146px!important;height:146px!important}.species-evolution-secondary .species-evolution-strip{grid-template-columns:repeat(5,minmax(38px,1fr))!important}.species-evolution-secondary .species-evo-step{min-width:0!important}.species-evolution-secondary .species-evo-step .pet-model-avatar.compact{width:50px!important;height:50px!important}.species-evolution-secondary:not([open]) .species-evolution-strip{display:none!important}.species-evolution-secondary[open]{box-shadow:0 12px 26px #7c3aed1a}@media(max-width:760px){.encyclopedia-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important}.species-primary-model>.pet-model-avatar.compact{width:130px!important;height:130px!important}.species-evolution-secondary .species-evo-step .pet-model-avatar.compact{width:44px!important;height:44px!important}}@media(max-width:520px){.encyclopedia-grid{grid-template-columns:1fr!important}.encyclopedia-card{padding:13px!important}.species-primary-model{min-height:170px}.species-evolution-secondary .species-evolution-strip{grid-template-columns:repeat(5,minmax(54px,1fr))!important}.species-evolution-secondary .species-evo-step .pet-model-avatar.compact{width:48px!important;height:48px!important}}.encyclopedia-grid{grid-template-columns:repeat(auto-fill,minmax(286px,1fr))!important;gap:18px!important}.species-primary-model{padding:10px!important;margin-bottom:6px!important}.species-primary-model>.pet-model-avatar.compact{width:138px!important;height:138px!important}.species-evolution-secondary .species-evolution-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:10px!important}.species-evolution-secondary .species-evolution-strip:after{content:"Lv.1 / Lv.2 / Lv.4 / Lv.6 / Lv.8"!important}.species-evolution-secondary .species-evo-step{padding:7px 4px!important}.species-evolution-secondary .species-evo-step .pet-model-avatar.compact{width:64px!important;height:64px!important}.species-evolution-secondary .species-evo-step small{font-size:10px!important}.encyclopedia-card>p{min-height:0!important;line-height:1.45!important}.encyclopedia-card strong{margin-top:auto!important}@media(max-width:920px){.encyclopedia-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr))!important}.species-evolution-secondary .species-evo-step .pet-model-avatar.compact{width:54px!important;height:54px!important}}@media(max-width:520px){.encyclopedia-grid{grid-template-columns:1fr!important}.species-evolution-secondary .species-evolution-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}.species-evolution-secondary .species-evo-step .pet-model-avatar.compact{width:58px!important;height:58px!important}}.species-primary-model{min-height:190px!important;align-content:center!important;overflow:hidden!important}.species-primary-model>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:100%!important;padding:5px 10px!important;border-radius:999px!important;background:#ffffffbd!important;border:1px solid rgba(124,58,237,.12)!important;color:#5b21b6!important;font-size:12px!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.species-level-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:10px!important}.species-level-picker:after{content:none!important;display:none!important}.species-level-picker .species-evo-step{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:1px solid rgba(139,92,246,.12)!important;cursor:pointer!important;display:grid!important;justify-items:center!important;gap:3px!important;min-height:88px!important;padding:7px 4px 6px!important;background:linear-gradient(180deg,#ffffffdb,#f8fafcc2)!important;box-shadow:0 8px 18px #6366f10f!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important}.species-level-picker .species-evo-step:hover{transform:translateY(-2px)!important;border-color:#7c3aed4d!important;box-shadow:0 14px 26px #7c3aed1f!important}.species-level-picker .species-evo-step.active{background:linear-gradient(180deg,#fff7ed,#fff)!important;border-color:#fb923c73!important;box-shadow:0 16px 30px #fb923c24!important}.species-level-picker .species-evo-step.active small{color:#ea580c!important}.species-level-picker .species-evo-step .pet-model-avatar.compact{width:52px!important;height:52px!important}.species-route-hint{grid-column:1/-1!important;margin:0!important;padding:7px 10px!important;border-radius:14px!important;background:#ede9fe9e!important;color:#6d28d9!important;font-size:11px!important;font-weight:900!important;text-align:center!important;line-height:1.35!important}.encyclopedia-card{display:flex!important;flex-direction:column!important}.encyclopedia-card>h3{margin:8px 0 0!important}.encyclopedia-card>p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.pet-interaction-particle{font-size:0!important}@media(max-width:920px){.species-level-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important}.species-level-picker .species-evo-step .pet-model-avatar.compact{width:46px!important;height:46px!important}}@media(max-width:520px){.species-primary-model{min-height:178px!important}.species-level-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.species-level-picker .species-evo-step{min-height:78px!important;padding:6px 2px!important}.species-level-picker .species-evo-step .pet-model-avatar.compact{width:42px!important;height:42px!important}}.pet-stage-wrap.interactive-pet-stage{min-height:520px!important;height:auto!important;padding:32px 24px 112px!important;border-radius:34px!important;overflow:hidden!important;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.98) 0 12%,rgba(254,243,199,.78) 13% 25%,rgba(221,214,254,.56) 36%,transparent 58%),radial-gradient(circle at 18% 18%,rgba(251,207,232,.76),transparent 31%),radial-gradient(circle at 84% 18%,rgba(186,230,253,.72),transparent 34%),linear-gradient(180deg,#fff7ed,#f5f3ff 42%,#e0f2fe 74%,#dcfce7)!important;box-shadow:inset 0 1px #ffffffe6,inset 0 -34px 80px #22c55e29!important}.pet-stage-wrap.interactive-pet-stage:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none!important;background:radial-gradient(circle at 18% 30%,rgba(255,255,255,.82) 0 18px,transparent 19px),radial-gradient(circle at 25% 27%,rgba(255,255,255,.62) 0 11px,transparent 12px),radial-gradient(circle at 78% 28%,rgba(255,255,255,.7) 0 16px,transparent 17px),radial-gradient(circle at 86% 31%,rgba(255,255,255,.58) 0 10px,transparent 11px),linear-gradient(180deg,#ffffff14,#fff0 42%)!important;opacity:1!important}.pet-stage-wrap.interactive-pet-stage:after{content:""!important;position:absolute!important;left:-8%!important;right:-8%!important;bottom:-34px!important;height:178px!important;pointer-events:none!important;background:radial-gradient(ellipse at 50% 0%,#ffffffd9,#fff0 54%),radial-gradient(ellipse at 50% 68%,rgba(22,163,74,.28),rgba(22,163,74,.1) 48%,transparent 72%),linear-gradient(180deg,#bbf7d0a6,#86efac38)!important;border-radius:50% 50% 0 0/42% 42% 0 0!important;filter:blur(.1px)!important;z-index:0!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-orbit{width:min(430px,82vw)!important;height:min(430px,82vw)!important;opacity:.92!important;z-index:1!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-shadow{bottom:96px!important;width:250px!important;height:44px!important;background:radial-gradient(ellipse,rgba(67,56,202,.24),rgba(22,163,74,.1) 48%,transparent 74%)!important;z-index:2!important}.pet-stage-wrap.interactive-pet-stage .pet-avatar-shell{width:340px!important;height:340px!important;z-index:3!important;transform:translateY(-10px)!important}.pet-stage-wrap.interactive-pet-stage .pet-model-avatar:not(.compact){width:330px!important;height:330px!important;filter:drop-shadow(0 30px 38px rgba(76,29,149,.24))!important}.pet-stage-wrap.interactive-pet-stage .pet-model-glow{top:-6%!important;right:-6%!important;bottom:-6%!important;left:-6%!important;opacity:.95!important;filter:blur(18px)!important;background:radial-gradient(circle,rgba(255,255,255,.98) 0,rgba(253,224,71,.22) 32%,rgba(168,85,247,.18) 55%,rgba(14,165,233,.11) 72%,transparent 82%)!important}.pet-stage-wrap.interactive-pet-stage .pet-model-plate{background:radial-gradient(circle at 50% 82%,rgba(255,255,255,.76) 0,rgba(255,255,255,.28) 34%,transparent 62%)!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-level-chip{left:22px!important;top:22px!important}.pet-stage-wrap.interactive-pet-stage .pet-evolution-ring{right:22px!important;top:22px!important;z-index:5!important}.pet-stage-wrap.interactive-pet-stage .pet-evolution-title{bottom:92px!important;background:#ffffffd1!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:0 12px 28px #4c1d951f!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-tools{bottom:24px!important;z-index:7!important;max-width:620px!important;left:50%!important;transform:translate(-50%)!important}.pet-shop.pet-shop-wide{width:min(1240px,calc(100vw - 28px))!important;max-height:min(92dvh,960px)!important;padding:22px!important;border-radius:32px!important;overflow:auto!important}.pet-shop-wide .encyclopedia-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))!important;gap:20px!important;align-items:start!important}.pet-shop-wide .encyclopedia-card{min-width:0!important;padding:16px!important;gap:10px!important;overflow:hidden!important;border-radius:28px!important;background:linear-gradient(180deg,#fffffffa,#faf5ffe6)!important}.pet-shop-wide .species-primary-model{min-height:252px!important;height:252px!important;width:100%!important;padding:14px 12px 12px!important;margin:0 0 8px!important;overflow:hidden!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;place-items:center!important;align-content:stretch!important;border-radius:26px!important;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.98) 0 26%,rgba(254,240,138,.32) 27% 44%,rgba(221,214,254,.38) 45% 66%,transparent 78%),linear-gradient(180deg,#eff6ff,#f5f3ff 52%,#ecfdf5)!important;border:1px solid rgba(139,92,246,.16)!important;box-shadow:inset 0 -22px 48px #22c55e1f,0 14px 26px #4c1d9514!important}.pet-shop-wide .species-primary-model:after{left:18%!important;right:18%!important;bottom:46px!important;height:26px!important;background:radial-gradient(ellipse,rgba(67,56,202,.2),rgba(67,56,202,.04) 58%,transparent 76%)!important;z-index:0!important}.pet-shop-wide .species-primary-model>.pet-model-avatar.compact{width:188px!important;height:188px!important;z-index:2!important;align-self:center!important;filter:drop-shadow(0 22px 28px rgba(76,29,149,.2))!important}.pet-shop-wide .species-primary-model .pet-model-img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}.pet-shop-wide .species-primary-model>span{z-index:3!important;max-width:calc(100% - 16px)!important;margin-top:-2px!important;padding:6px 12px!important;font-size:12px!important}.pet-shop-wide .species-evolution-secondary{border-radius:20px!important;overflow:hidden!important;background:#ffffffd1!important}.pet-shop-wide .species-evolution-secondary summary{min-height:42px!important;padding:10px 12px!important}.pet-shop-wide .species-level-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;padding:11px!important;max-height:260px!important;overflow:auto!important}.pet-shop-wide .species-level-picker .species-evo-step{min-height:104px!important;padding:8px 4px 7px!important;border-radius:16px!important}.pet-shop-wide .species-level-picker .species-evo-step .pet-model-avatar.compact{width:66px!important;height:66px!important}.pet-shop-wide .species-level-picker .species-evo-step small{font-size:11px!important;font-weight:1000!important}.pet-shop-wide .encyclopedia-card>h3{font-size:18px!important;line-height:1.2!important;margin-top:4px!important;color:#312e81!important}.pet-shop-wide .encyclopedia-card>p{min-height:42px!important;-webkit-line-clamp:2!important;color:#64748b!important}.pet-shop-wide .encyclopedia-card>strong{margin-top:2px!important}@media(max-width:760px){.pet-stage-wrap.interactive-pet-stage{min-height:438px!important;padding:24px 12px 104px!important;border-radius:28px!important}.pet-stage-wrap.interactive-pet-stage .pet-avatar-shell{width:268px!important;height:268px!important;transform:translateY(-6px)!important}.pet-stage-wrap.interactive-pet-stage .pet-model-avatar:not(.compact){width:260px!important;height:260px!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-orbit{width:314px!important;height:314px!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-shadow{bottom:88px!important;width:205px!important}.pet-stage-wrap.interactive-pet-stage .pet-evolution-ring{display:none!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-tools{width:calc(100% - 20px)!important;bottom:16px!important}.pet-shop.pet-shop-wide{width:calc(100vw - 12px)!important;padding:14px!important;border-radius:24px!important}.pet-shop-wide .encyclopedia-grid{grid-template-columns:1fr!important;gap:14px!important}.pet-shop-wide .species-primary-model{height:226px!important;min-height:226px!important}.pet-shop-wide .species-primary-model>.pet-model-avatar.compact{width:168px!important;height:168px!important}.pet-shop-wide .species-level-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-height:240px!important}.pet-shop-wide .species-level-picker .species-evo-step{min-height:92px!important}.pet-shop-wide .species-level-picker .species-evo-step .pet-model-avatar.compact{width:56px!important;height:56px!important}}@media(max-width:430px){.pet-stage-wrap.interactive-pet-stage{min-height:410px!important;padding-bottom:100px!important}.pet-stage-wrap.interactive-pet-stage .pet-avatar-shell{width:238px!important;height:238px!important}.pet-stage-wrap.interactive-pet-stage .pet-model-avatar:not(.compact){width:232px!important;height:232px!important}.pet-shop-wide .species-primary-model{height:214px!important;min-height:214px!important}.pet-shop-wide .species-primary-model>.pet-model-avatar.compact{width:154px!important;height:154px!important}.pet-shop-wide .species-level-picker{gap:7px!important;padding:9px!important}.pet-shop-wide .species-level-picker .species-evo-step{min-height:84px!important;padding:6px 2px!important}.pet-shop-wide .species-level-picker .species-evo-step .pet-model-avatar.compact{width:50px!important;height:50px!important}}.pet-stage-wrap.interactive-pet-stage .pet-avatar-shell{left:50%!important;top:47%!important;transform:translate(calc(-50% + var(--pet-nudge-x,0px)),calc(-50% + var(--pet-nudge-y,0px) - 10px))!important}@media(max-width:760px){.pet-stage-wrap.interactive-pet-stage .pet-avatar-shell{transform:translate(calc(-50% + var(--pet-nudge-x,0px)),calc(-50% + var(--pet-nudge-y,0px) - 6px))!important}}@media(max-width:430px){.pet-stage-wrap.interactive-pet-stage .pet-avatar-shell{transform:translate(calc(-50% + var(--pet-nudge-x,0px)),calc(-50% + var(--pet-nudge-y,0px) - 4px))!important}}.pet-stage-wrap.interactive-pet-stage .pet-stage-scenery{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:0!important;pointer-events:none!important;overflow:hidden!important;border-radius:inherit!important;background:linear-gradient(180deg,#dbeafec7,#f0f9ff94 36%,#dcfce76b 67%,#bbf7d061)!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-sun{position:absolute!important;right:13%!important;top:11%!important;width:74px!important;height:74px!important;border-radius:999px!important;background:radial-gradient(circle,#fff7ad 0,#fff7ad 38%,#fbbf248a 39%,#fbbf248a 62%,#fbbf2400 68%)!important;box-shadow:0 0 48px #fbbf2457!important;opacity:.92!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-cloud{position:absolute!important;height:38px!important;border-radius:999px!important;background:#ffffffb8!important;box-shadow:28px 2px 0 5px #ffffff9e,58px 7px 0 -2px #ffffff80,-20px 8px 0 -4px #ffffff85!important;filter:blur(.1px)!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-cloud.cloud-one{left:9%!important;top:15%!important;width:88px!important;opacity:.74!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-cloud.cloud-two{right:24%!important;top:25%!important;width:70px!important;opacity:.48!important;transform:scale(.78)!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-hill{position:absolute!important;bottom:86px!important;width:58%!important;height:145px!important;border-radius:58% 58% 0 0/82% 82% 0 0!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-hill.hill-back{left:-11%!important;background:linear-gradient(180deg,#86efac80,#22c55e38)!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-hill.hill-front{right:-12%!important;bottom:72px!important;width:70%!important;height:168px!important;background:linear-gradient(180deg,#bbf7d0b8,#4ade8033)!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-field{position:absolute!important;left:-10%!important;right:-10%!important;bottom:-22px!important;height:142px!important;border-radius:54% 54% 0 0/34% 34% 0 0!important;background:radial-gradient(ellipse at 18% 20%,rgba(255,255,255,.74),transparent 30%),radial-gradient(ellipse at 80% 8%,rgba(255,255,255,.58),transparent 28%),repeating-linear-gradient(100deg,#16a34a21 0,#16a34a21 10px,#16a34a00 10px,#16a34a00 22px),linear-gradient(180deg,#bbf7d0e0,#4ade805c)!important;box-shadow:inset 0 24px 42px #ffffff7a!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-path{position:absolute!important;left:50%!important;bottom:-38px!important;width:230px!important;height:126px!important;transform:translate(-50%) perspective(220px) rotateX(54deg)!important;border-radius:58% 58% 42% 42%!important;background:linear-gradient(180deg,#fef3c7d1,#fdba7457)!important;box-shadow:0 -10px 28px #92400e14,inset 0 14px 24px #ffffff7a!important}.pet-stage-wrap.interactive-pet-stage:before{z-index:0!important;opacity:.74!important}.pet-stage-wrap.interactive-pet-stage:after{z-index:1!important;opacity:.86!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-orbit{z-index:2!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-shadow{z-index:3!important}.pet-stage-wrap.interactive-pet-stage .pet-avatar-shell{z-index:4!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-level-chip,.pet-stage-wrap.interactive-pet-stage .pet-evolution-ring,.pet-stage-wrap.interactive-pet-stage .pet-evolution-title,.pet-stage-wrap.interactive-pet-stage .pet-stage-tools,.pet-stage-wrap.interactive-pet-stage .pet-particle-layer,.pet-stage-wrap.interactive-pet-stage .pet-touch-ripple{z-index:8!important}.pet-shop-wide .species-level-snapshot{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;padding:8px!important;margin:-2px 0 6px!important;border-radius:18px!important;background:linear-gradient(135deg,#ffffffd6,#ede9fe85)!important;border:1px solid rgba(139,92,246,.12)!important}.pet-shop-wide .species-snapshot-step{min-width:0!important;min-height:78px!important;display:grid!important;place-items:center!important;gap:2px!important;padding:6px 4px!important;border:1px solid rgba(148,163,184,.14)!important;border-radius:15px!important;background:#ffffffb8!important;color:#6d28d9!important;font-weight:1000!important;cursor:pointer!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}.pet-shop-wide .species-snapshot-step:hover,.pet-shop-wide .species-snapshot-step.active{transform:translateY(-1px)!important;border-color:#7c3aed57!important;box-shadow:0 10px 22px #7c3aed1a!important;background:#fff!important}.pet-shop-wide .species-snapshot-step .pet-model-avatar.compact{width:54px!important;height:54px!important;filter:none!important}.pet-shop-wide .species-snapshot-step span{font-size:11px!important;line-height:1!important}.pet-shop-wide .species-evolution-secondary summary{background:linear-gradient(135deg,#f5f3ffd1,#ffffffc2)!important}.pet-shop-wide .species-evolution-secondary summary span:after{content:" - Lv.1~Lv.8";color:#8b5cf6;font-size:11px;font-weight:900}.pet-shop-wide .species-level-picker{scrollbar-width:thin!important;scrollbar-color:#c4b5fd transparent!important}.pet-shop-wide .species-level-picker .species-evo-step.active{border-color:#7c3aed6b!important;background:#fff!important;box-shadow:0 10px 20px #7c3aed1a!important}@media(max-width:760px){.pet-stage-wrap.interactive-pet-stage .pet-scene-sun{width:58px!important;height:58px!important;right:10%!important;top:10%!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-cloud.cloud-one{left:4%!important;top:13%!important;transform:scale(.82)!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-cloud.cloud-two{display:none!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-hill{bottom:82px!important;height:124px!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-field{height:126px!important}.pet-stage-wrap.interactive-pet-stage .pet-scene-path{width:190px!important;height:112px!important}.pet-shop-wide .species-level-snapshot{gap:7px!important;padding:7px!important}.pet-shop-wide .species-snapshot-step{min-height:72px!important;padding:5px 2px!important}.pet-shop-wide .species-snapshot-step .pet-model-avatar.compact{width:48px!important;height:48px!important}}@media(max-width:430px){.pet-shop-wide .species-primary-model{height:224px!important;min-height:224px!important}.pet-shop-wide .species-primary-model>.pet-model-avatar.compact{width:164px!important;height:164px!important}.pet-shop-wide .species-level-snapshot{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.pet-shop-wide .species-primary-model{position:relative!important;padding:34px 12px 64px!important}.pet-shop-wide .species-primary-model>span{position:absolute!important;top:10px!important;left:50%!important;transform:translate(-50%)!important;margin:0!important;max-width:calc(100% - 24px)!important;z-index:5!important}.pet-shop-wide .species-primary-model .species-level-snapshot{position:absolute!important;left:12px!important;right:12px!important;bottom:10px!important;width:auto!important;height:52px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:5px!important;margin:0!important;border-radius:16px!important;background:#ffffffc7!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;z-index:5!important}.pet-shop-wide .species-primary-model .species-snapshot-step{min-height:0!important;height:42px!important;grid-template-columns:auto auto!important;display:grid!important;place-items:center!important;justify-content:center!important;gap:3px!important;padding:4px!important;border-radius:12px!important}.pet-shop-wide .species-primary-model .species-snapshot-step .pet-model-avatar.compact{width:31px!important;height:31px!important}.pet-shop-wide .species-primary-model .species-snapshot-step span{font-size:10px!important;line-height:1!important;color:#6d28d9!important;font-weight:1000!important}@media(max-width:760px){.pet-shop-wide .species-primary-model{padding:32px 10px 61px!important}.pet-shop-wide .species-primary-model .species-level-snapshot{left:10px!important;right:10px!important;bottom:9px!important;height:50px!important}.pet-shop-wide .species-primary-model .species-snapshot-step{height:40px!important}.pet-shop-wide .species-primary-model .species-snapshot-step .pet-model-avatar.compact{width:29px!important;height:29px!important}}.pet-stage-wrap.interactive-pet-stage{min-height:460px!important;padding:26px 16px 92px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:34px!important;background:radial-gradient(circle at 50% 46%,#fffffff5 0,#fffffff5 30%,#f5f3ffd6 31%,#f5f3ffd6 58%,#eff6ff8f 59%,#eff6ff8f)!important;border:1px solid rgba(139,92,246,.12)!important;box-shadow:inset 0 1px #ffffffe6,0 18px 42px #4c1d951a!important}.pet-stage-wrap.interactive-pet-stage:before,.pet-stage-wrap.interactive-pet-stage:after,.pet-stage-wrap.interactive-pet-stage .pet-stage-scenery,.pet-stage-wrap.interactive-pet-stage .pet-stage-orbit,.pet-stage-wrap.interactive-pet-stage .pet-evolution-ring,.pet-stage-wrap.interactive-pet-stage .pet-stage-shadow,.pet-stage-wrap.interactive-pet-stage .pet-stage-visual-note{display:none!important;content:none!important}.pet-stage-wrap.interactive-pet-stage .pet-avatar-shell{left:50%!important;top:47%!important;width:360px!important;height:360px!important;transform:translate(calc(-50% + var(--pet-nudge-x,0px)),calc(-50% + var(--pet-nudge-y,0px) - 18px))!important;z-index:4!important;overflow:visible!important}.pet-stage-wrap.interactive-pet-stage .pet-model-avatar:not(.compact){width:354px!important;height:354px!important;background:transparent!important;filter:drop-shadow(0 28px 30px rgba(76,29,149,.18))!important}.pet-stage-wrap.interactive-pet-stage .pet-model-glow{display:block!important;top:11%!important;right:11%!important;bottom:11%!important;left:11%!important;opacity:.72!important;filter:blur(28px)!important;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(196,181,253,.26) 45%,rgba(147,197,253,.14) 62%,transparent 75%)!important}.pet-stage-wrap.interactive-pet-stage .pet-model-plate{background:transparent!important;box-shadow:none!important;border:0!important}.pet-stage-wrap.interactive-pet-stage .pet-model-img{width:112%!important;height:112%!important;object-fit:contain!important;object-position:center!important;transform:translateY(-2%)!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-level-chip{left:18px!important;top:18px!important;z-index:8!important;background:#ffffffe6!important;color:#6d28d9!important;border:1px solid rgba(139,92,246,.16)!important}.pet-stage-wrap.interactive-pet-stage .pet-evolution-title{left:50%!important;right:auto!important;top:auto!important;bottom:74px!important;transform:translate(-50%)!important;max-width:calc(100% - 36px)!important;z-index:8!important;background:#ffffffdb!important;color:#4c1d95!important;border:1px solid rgba(139,92,246,.12)!important;pointer-events:none!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-tools{bottom:18px!important;left:50%!important;width:calc(100% - 28px)!important;max-width:620px!important;transform:translate(-50%)!important;z-index:9!important}.pet-shop-wide .species-primary-model{height:252px!important;min-height:252px!important;padding:18px 12px 14px!important;overflow:hidden!important;background:radial-gradient(circle at 50% 44%,#fffffffa 0,#fffffffa 33%,#f5f3ffd1 34%,#f5f3ffd1 68%,#eff6ff9e)!important}.pet-shop-wide .species-primary-model:after{display:none!important;content:none!important}.pet-shop-wide .species-primary-model>.pet-model-avatar.compact{width:196px!important;height:196px!important;filter:drop-shadow(0 20px 24px rgba(76,29,149,.16))!important}.pet-shop-wide .species-primary-model .pet-model-glow{display:none!important}.pet-shop-wide .species-primary-model .pet-model-plate{background:transparent!important;box-shadow:none!important;border:0!important}.pet-shop-wide .species-primary-model .pet-model-img{width:112%!important;height:112%!important;object-fit:contain!important;transform:translateY(-2%)!important}.pet-shop-wide .species-primary-model>span{position:static!important;transform:none!important;margin-top:-4px!important;max-width:100%!important}.pet-shop-wide .species-level-snapshot{display:none!important}.pet-shop-wide .species-evolution-secondary{border-radius:22px!important;overflow:hidden!important;background:#ffffffe6!important;border:1px solid rgba(139,92,246,.14)!important}.pet-shop-wide .species-evolution-secondary summary{min-height:44px!important;padding:10px 12px!important;cursor:pointer!important}.pet-shop-wide .species-evolution-secondary summary span:after{content:""!important}.pet-shop-wide .species-level-picker{display:flex!important;grid-template-columns:none!important;gap:10px!important;padding:12px!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;background:linear-gradient(180deg,#faf5ffb3,#ffffffeb)!important}.pet-shop-wide .species-level-picker::-webkit-scrollbar{height:8px!important}.pet-shop-wide .species-level-picker::-webkit-scrollbar-thumb{background:#c4b5fd!important;border-radius:999px!important}.pet-shop-wide .species-level-picker .species-evo-step{flex:0 0 104px!important;width:104px!important;min-height:126px!important;padding:8px 6px!important;border-radius:18px!important;scroll-snap-align:start!important;background:#ffffffdb!important;border:1px solid rgba(148,163,184,.18)!important}.pet-shop-wide .species-level-picker .species-evo-step .pet-model-avatar.compact{width:82px!important;height:82px!important;filter:drop-shadow(0 10px 14px rgba(76,29,149,.1))!important}.pet-shop-wide .species-level-picker .species-evo-step .pet-model-glow{display:none!important}.pet-shop-wide .species-level-picker .species-evo-step .pet-model-plate{background:transparent!important;box-shadow:none!important;border:0!important}.pet-shop-wide .species-level-picker .species-evo-step small{margin-top:3px!important;font-size:12px!important;font-weight:1000!important;color:#5b21b6!important}.pet-shop-wide .species-route-hint{flex:0 0 210px!important;align-self:center!important;margin:0!important;color:#7c3aed!important;font-size:12px!important;line-height:1.45!important;font-weight:900!important}@media(max-width:760px){.pet-stage-wrap.interactive-pet-stage{min-height:360px!important;padding:20px 12px 86px!important;border-radius:28px!important}.pet-stage-wrap.interactive-pet-stage .pet-avatar-shell{width:284px!important;height:284px!important;top:45%!important;transform:translate(calc(-50% + var(--pet-nudge-x,0px)),calc(-50% + var(--pet-nudge-y,0px) - 8px))!important}.pet-stage-wrap.interactive-pet-stage .pet-model-avatar:not(.compact){width:278px!important;height:278px!important}.pet-stage-wrap.interactive-pet-stage .pet-evolution-title{bottom:68px!important;font-size:12px!important}.pet-stage-wrap.interactive-pet-stage .pet-stage-tools{bottom:14px!important;width:calc(100% - 20px)!important}.pet-shop-wide .species-primary-model{height:236px!important;min-height:236px!important;padding:16px 10px 12px!important}.pet-shop-wide .species-primary-model>.pet-model-avatar.compact{width:186px!important;height:186px!important}.pet-shop-wide .species-level-picker{gap:9px!important;padding:11px!important}.pet-shop-wide .species-level-picker .species-evo-step{flex-basis:96px!important;width:96px!important;min-height:118px!important}.pet-shop-wide .species-level-picker .species-evo-step .pet-model-avatar.compact{width:76px!important;height:76px!important}}@media(max-width:430px){.pet-stage-wrap.interactive-pet-stage{min-height:340px!important;padding-bottom:82px!important}.pet-stage-wrap.interactive-pet-stage .pet-avatar-shell{width:262px!important;height:262px!important}.pet-stage-wrap.interactive-pet-stage .pet-model-avatar:not(.compact){width:256px!important;height:256px!important}.pet-shop-wide .species-primary-model{height:226px!important;min-height:226px!important}.pet-shop-wide .species-primary-model>.pet-model-avatar.compact{width:176px!important;height:176px!important}.pet-shop-wide .species-level-picker .species-evo-step{flex-basis:92px!important;width:92px!important;min-height:114px!important}.pet-shop-wide .species-level-picker .species-evo-step .pet-model-avatar.compact{width:72px!important;height:72px!important}}.pet-stage-wrap.interactive-pet-stage .pet-model-img{width:104%!important;height:104%!important;transform:none!important}.pet-shop-wide .species-primary-model .pet-model-img{width:106%!important;height:106%!important;transform:none!important}.pet-stage-wrap.interactive-pet-stage{min-height:468px!important;padding:18px 16px 86px!important;background:linear-gradient(145deg,#fff7ed,#fef3c7 28%,#e0f2fe 70%,#f5f3ff)!important}.pet-stage-wrap.interactive-pet-stage .pet-avatar-shell{width:min(92vw,410px)!important;height:min(92vw,410px)!important;top:46%!important;transform:translate(calc(-50% + var(--pet-nudge-x,0px)),calc(-50% + var(--pet-nudge-y,0px) - 18px))!important}.pet-stage-wrap.interactive-pet-stage .pet-model-avatar:not(.compact){width:100%!important;height:100%!important;border-radius:34px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 26px 54px #4c1d9529,0 0 0 1px #ffffffb8 inset!important}.pet-stage-wrap.interactive-pet-stage .pet-model-glow{display:none!important}.pet-stage-wrap.interactive-pet-stage .pet-model-plate{top:0!important;right:0!important;bottom:0!important;left:0!important;border-radius:34px!important;overflow:hidden!important;background:#fff!important}.pet-stage-wrap.interactive-pet-stage .pet-model-plate:after{display:none!important;content:none!important}.pet-stage-wrap.interactive-pet-stage .pet-model-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:saturate(1.04) contrast(1.02)!important}.pet-shop-wide .species-primary-model{background:linear-gradient(145deg,#fff7ed,#fef3c7 32%,#e0f2fe 78%,#f5f3ff)!important}.pet-shop-wide .species-primary-model>.pet-model-avatar.compact{border-radius:28px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 18px 34px #4c1d951f!important}.pet-shop-wide .species-primary-model .pet-model-plate{top:0!important;right:0!important;bottom:0!important;left:0!important;border-radius:28px!important;overflow:hidden!important;background:#fff!important}.pet-shop-wide .species-primary-model .pet-model-plate:after{display:none!important;content:none!important}.pet-shop-wide .species-primary-model .pet-model-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important}.pet-shop-tools.no-name-field{grid-template-columns:1fr!important;align-items:start!important}.pet-shop-tools.no-name-field .pet-search-input{width:100%!important}@media(max-width:760px){.pet-stage-wrap.interactive-pet-stage{min-height:374px!important;padding:14px 10px 80px!important}.pet-stage-wrap.interactive-pet-stage .pet-avatar-shell{width:min(88vw,322px)!important;height:min(88vw,322px)!important;top:45%!important;transform:translate(calc(-50% + var(--pet-nudge-x,0px)),calc(-50% + var(--pet-nudge-y,0px) - 10px))!important}}@media(max-width:430px){.pet-stage-wrap.interactive-pet-stage{min-height:356px!important}.pet-stage-wrap.interactive-pet-stage .pet-avatar-shell{width:min(88vw,304px)!important;height:min(88vw,304px)!important}}.confirm-note-field input{width:100%}.pet-shop-wide .pet-shop-tools.no-name-field{overflow:visible!important}.pet-shop-wide .pet-shop-tools.no-name-field .pet-filter-pills{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(66px,1fr))!important;gap:8px!important;overflow:visible!important;flex-wrap:wrap!important;padding:0!important;width:100%!important}.pet-shop-wide .pet-shop-tools.no-name-field .pet-filter-pills button{width:100%!important;min-height:38px!important;padding:8px 10px!important;white-space:nowrap!important;text-align:center!important}@media(max-width:430px){.pet-shop-wide .pet-shop-tools.no-name-field .pet-filter-pills{grid-template-columns:repeat(auto-fit,minmax(62px,1fr))!important;gap:7px!important}.pet-shop-wide .pet-shop-tools.no-name-field .pet-filter-pills button{padding:8px!important}}.safe-login-hint{text-align:center;color:#6b7280;font-weight:750}.license-store-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(245,158,11,.24);background:linear-gradient(135deg,#fffbebf5,#f5f3ffd6);box-shadow:0 12px 28px #f59e0b14}.license-store-box.compact{padding:12px 13px;margin-top:-4px}.license-store-box.in-card{margin:0}.license-store-box div{display:grid;gap:3px;min-width:0}.license-store-box strong{color:#92400e;font-weight:950;font-size:14px}.license-store-box span{color:#7c6a56;font-size:12px;line-height:1.45;font-weight:750}.license-store-box a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:9px 12px;border-radius:999px;color:#fff;text-decoration:none;font-size:13px;font-weight:950;background:linear-gradient(135deg,#f59e0b,#ec4899);box-shadow:0 10px 22px #ec489929}.license-store-box a:hover{transform:translateY(-1px);box-shadow:0 14px 28px #ec489938}.pet-shop-wide .encyclopedia-card{padding-top:54px!important}.pet-shop-wide .encyclopedia-card .species-element,.pet-shop-wide .encyclopedia-card .owned-badge{z-index:30!important;pointer-events:none!important;box-shadow:0 10px 22px #4c1d951f!important}.pet-shop-wide .encyclopedia-card .species-element{top:16px!important;left:16px!important;background:#fffffff0!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.pet-shop-wide .encyclopedia-card .owned-badge{top:16px!important;right:16px!important}.pet-shop-wide .encyclopedia-card .species-primary-model{margin-top:0!important}@media(max-width:520px){.license-store-box{display:grid;grid-template-columns:1fr;gap:10px}.license-store-box a{width:100%}.pet-shop-wide .encyclopedia-card{padding-top:52px!important}}.pet-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:80!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:18px!important;overflow:hidden!important;background:#4c1d953d!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.pet-modal .pet-shop-wide{position:relative!important;width:min(1180px,100%)!important;max-height:calc(100vh - 36px)!important;overflow:auto!important;overscroll-behavior:contain!important;padding-top:58px!important;scrollbar-width:thin}.shop-close-floating{position:sticky!important;top:0!important;float:right!important;z-index:90!important;width:42px!important;height:42px!important;margin:-42px 0 8px auto!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#fff,#ffe4f1)!important;color:#9f1239!important;font-size:28px!important;line-height:1!important;font-weight:950!important;box-shadow:0 16px 36px #9f123938!important;cursor:pointer!important}.shop-close-floating:hover{transform:translateY(-1px)}@media(max-width:560px){.pet-modal{padding:10px!important;background:#4c1d952e!important}.pet-modal .pet-shop-wide{max-height:calc(100vh - 20px)!important;border-radius:24px!important;padding:54px 14px 18px!important}.shop-close-floating{width:40px!important;height:40px!important;font-size:26px!important;margin:-40px 0 6px auto!important}}