.progression-layer-stack{position:fixed;right:24px;bottom:112px;z-index:1100;width:min(430px,calc(100vw - 24px));display:flex;flex-direction:column;gap:9px;pointer-events:none;max-height:calc(100svh - 32px);overflow:hidden}.progression-layer-card{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) 56px;align-items:center;gap:13px;overflow:hidden;padding:17px 19px;border:1px solid color-mix(in srgb,var(--growth-color) 76%,#fff);border-radius:15px;background:linear-gradient(110deg,#111a25f5,#203b39f5 55%,#162233f5);color:#fff2d4;box-shadow:0 15px 48px #0009,inset 0 0 0 3px #e6d59f12,0 0 25px color-mix(in srgb,var(--growth-color) 18%,transparent);animation:growth-notice-enter 1.8s both}.growth-portrait{width:62px;height:68px;position:relative;border:1px solid var(--growth-color);border-radius:35px 35px 10px 10px;background:#0e1821;overflow:hidden;box-shadow:0 0 16px color-mix(in srgb,var(--growth-color) 24%,transparent)}.growth-portrait img{width:100%;height:100%;object-fit:cover}.progression-layer-card.progression-subject-pet .growth-portrait img{object-fit:contain}.growth-portrait>i{position:absolute;inset:-12px;border:2px solid var(--growth-color);border-radius:50%;animation:growth-portrait-seal 1.1s ease-out}.growth-copy{min-width:0}.growth-eyebrow{color:var(--growth-color,#e9cb83);font-size:9px;font-weight:750;letter-spacing:1.6px;line-height:1.5}.growth-copy h3{font:20px var(--serif);margin:5px 0 4px;line-height:1.05}.growth-copy p{margin:0;font-size:10px;line-height:1.5;color:#d1d4c9}.growth-track{height:4px;position:relative;margin-top:11px;background:#4e5a5b;border-radius:4px;overflow:hidden}.growth-track>i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--growth-color),#fff6c8);box-shadow:0 0 9px var(--growth-color)}.growth-track>b{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:translateX(-120%);animation:growth-track-sheen .9s .3s both}.growth-level{position:relative;display:grid;place-items:center;align-content:center;color:var(--growth-color);min-height:70px}.growth-level small{font-size:7px;letter-spacing:1.5px}.growth-level strong{font:38px var(--serif);line-height:1.1;animation:growth-number-new .7s .18s both;text-shadow:0 0 16px color-mix(in srgb,var(--growth-color) 35%,transparent)}.growth-level-before{position:absolute;top:18px;font:32px var(--serif);animation:growth-number-old .55s both}.growth-level em{font-style:normal;color:#c7c6b3;font-size:8px}.growth-ribbon{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,color-mix(in srgb,var(--growth-color) 24%,transparent) 49%,transparent 65%);transform:translateX(-130%);animation:growth-ribbon-sweep 1s .1s both;pointer-events:none}.progression-layer-card.perfection{border-color:#fbdd91;background:linear-gradient(110deg,#201d30f5,#3d3421f5,#162233f5)}.progression-anchor-seal{position:fixed;width:0;height:0;z-index:1090;pointer-events:none}.progression-anchor-seal>i{position:absolute;width:110px;height:110px;left:-55px;top:-55px;border:1px solid var(--growth-color);border-radius:50%;animation:growth-anchor-orbit 1.25s both;box-shadow:0 0 15px color-mix(in srgb,var(--growth-color) 30%,transparent)}.progression-anchor-seal>i:nth-child(2){animation-delay:.1s;border-style:dashed;transform:rotate(20deg)}.progression-anchor-seal>i:nth-child(3){animation-delay:.22s;width:150px;height:150px;left:-75px;top:-75px;border-color:color-mix(in srgb,var(--growth-color) 45%,transparent)}
.realm-growth-celebration{position:fixed;inset:0;z-index:2200;display:grid;place-items:center;background:#020813df;overflow:hidden;color:#fff0cc;isolation:isolate;animation:realm-growth-field-in .45s both}.realm-celestial-field{position:absolute;inset:-30%;background:radial-gradient(ellipse,color-mix(in srgb,var(--growth-color) 15%,transparent),transparent 56%),conic-gradient(from 20deg,transparent,#ecd28a0d,transparent,#a8f0dd0c,transparent);animation:realm-growth-field-turn 16s linear infinite;z-index:-1}.realm-growth-orbits{position:absolute;width:min(760px,120vw);aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-55%);pointer-events:none}.realm-growth-orbits>i{position:absolute;inset:calc(var(--orbit)*34px);border:1px solid color-mix(in srgb,var(--growth-color) 45%,transparent);border-radius:50%;box-shadow:0 0 28px color-mix(in srgb,var(--growth-color) 12%,transparent);animation:realm-orbit-unfold 2.1s calc(var(--orbit)*.09s) both}.realm-growth-orbits>i:nth-child(2n){border-style:dashed}.realm-growth-stars{position:absolute;inset:0;pointer-events:none}.realm-growth-stars>i{position:absolute;left:50%;top:44%;width:3px;height:3px;border-radius:50%;background:var(--growth-color);box-shadow:0 0 8px var(--growth-color);animation:realm-star-rise 2.4s calc(var(--star)*.035s) both;--star-angle:calc(var(--star)*137.5deg)}.realm-growth-content{position:relative;text-align:center;width:min(690px,calc(100vw - 30px));padding:25px 0;max-height:calc(100svh - 24px);overflow:auto;scrollbar-width:none}.realm-growth-content>.growth-eyebrow{font-size:10px;letter-spacing:3px;animation:realm-growth-copy-in .7s .2s both}.realm-growth-portrait{position:relative;margin:22px auto 0;width:220px;height:220px;border:2px solid var(--growth-color);border-radius:50%;background:#0d1520;box-shadow:0 0 0 7px #c9b56c12,0 0 0 9px #d0bd7840,0 0 60px color-mix(in srgb,var(--growth-color) 27%,transparent);animation:realm-portrait-rise 1.1s both}.realm-growth-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.realm-avatar-before{animation:realm-avatar-depart 1.2s both}.realm-avatar-after{animation:realm-avatar-arrive 1.4s .2s both}.realm-growth-celebration.progression-subject-pet .realm-growth-portrait>img{object-fit:contain}.realm-growth-crest{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);display:grid;place-items:center;min-width:49px;height:34px;padding:0 9px;border:1px solid #f7dca1;border-radius:7px;background:linear-gradient(#4b4234,#151c26);font:20px var(--serif);color:#fff0c3;box-shadow:0 4px 15px #0008;animation:realm-growth-copy-in .6s .5s both}.realm-growth-name{font:19px var(--serif);margin:25px 0 8px;color:#edddbb;animation:realm-growth-copy-in .6s .35s both}.realm-growth-former{font:15px var(--serif);color:#afa693;animation:realm-former-away 2.4s both}.realm-growth-content h1{font:clamp(30px,5vw,53px) var(--serif);line-height:1.05;margin:8px 0 15px;color:#ffe9ad;text-shadow:0 0 22px #e0bf6533;animation:realm-title-rise .9s .6s both}.realm-growth-level{font-size:10px;letter-spacing:1.5px;color:#d4e6d8;animation:realm-growth-copy-in .6s .8s both}.realm-growth-level span{margin:0 13px;color:#f5d487}.realm-growth-level i{font-style:normal;margin:0 9px}.realm-growth-benefit{font-size:12px;color:#d6c8a5;margin:15px 0 22px;animation:realm-growth-copy-in .6s .9s both}.realm-growth-benefit span{margin:0 9px}.realm-growth-skip{font-size:12px!important;min-height:34px;padding:6px 24px!important;animation:realm-growth-copy-in .5s 1s both}
@keyframes growth-notice-enter{0%{opacity:0;transform:translateY(12px) scale(.96)}15%,82%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-9px) scale(.99)}}@keyframes growth-number-old{0%,20%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-24px) rotateX(70deg)}}@keyframes growth-number-new{from{opacity:0;transform:translateY(22px) rotateX(-60deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes growth-portrait-seal{from{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@keyframes growth-track-sheen{to{transform:translateX(120%)}}@keyframes growth-ribbon-sweep{to{transform:translateX(130%)}}@keyframes growth-anchor-orbit{0%{opacity:0;transform:scale(.5) rotate(-20deg)}30%{opacity:.8}100%{opacity:0;transform:scale(1.7) rotate(40deg)}}@keyframes realm-growth-field-in{from{opacity:0}to{opacity:1}}@keyframes realm-growth-field-turn{to{transform:rotate(360deg)}}@keyframes realm-orbit-unfold{0%{opacity:0;transform:scale(.4) rotate(-45deg)}45%{opacity:.75}100%{opacity:.4;transform:scale(1) rotate(15deg)}}@keyframes realm-star-rise{0%{opacity:0;transform:rotate(var(--star-angle)) translateX(60px) scale(.5)}25%{opacity:.9}100%{opacity:0;transform:rotate(var(--star-angle)) translateX(440px) scale(.1)}}@keyframes realm-portrait-rise{from{transform:translateY(35px) scale(.86);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes realm-avatar-depart{0%,20%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(5px)}}@keyframes realm-avatar-arrive{from{opacity:0;filter:brightness(1.5)}to{opacity:1;filter:brightness(1)}}@keyframes realm-growth-copy-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes realm-former-away{0%,50%{opacity:.8}100%{opacity:.45}}@keyframes realm-title-rise{from{opacity:0;transform:translateY(15px);letter-spacing:8px}to{opacity:1;transform:translateY(0);letter-spacing:0}}
@media(max-width:600px){.progression-layer-stack{right:12px;bottom:105px;width:calc(100vw - 24px)}.progression-layer-card{padding:13px;gap:9px;grid-template-columns:50px minmax(0,1fr) 43px}.growth-portrait{width:50px;height:59px}.growth-copy h3{font-size:18px}.growth-copy p{font-size:9px}.growth-eyebrow{font-size:8px;letter-spacing:1px}.growth-level strong{font-size:32px}.realm-growth-portrait{width:170px;height:170px;margin-top:18px}.realm-growth-content h1{font-size:32px}.realm-growth-content>.growth-eyebrow{font-size:8px;letter-spacing:1.7px}.realm-growth-benefit{font-size:10px}.realm-growth-name{font-size:17px}.realm-growth-level{font-size:8px;letter-spacing:1px}.realm-growth-orbits{width:125vw}.realm-growth-orbits>i{inset:calc(var(--orbit)*20px)}}
.progression-layer-stack.reduced-motion .progression-layer-card{animation:none}.progression-layer-stack.reduced-motion .growth-level-before{display:none}.progression-layer-stack.reduced-motion .growth-level strong,.progression-layer-stack.reduced-motion .growth-portrait>i,.progression-layer-stack.reduced-motion .growth-ribbon,.progression-layer-stack.reduced-motion .growth-track>b{animation:none}.progression-layer-stack.reduced-motion .growth-portrait>i,.progression-layer-stack.reduced-motion .growth-ribbon,.progression-layer-stack.reduced-motion .growth-track>b{display:none}.realm-growth-celebration.reduced-motion,.realm-growth-celebration.reduced-motion *{animation:none!important}.realm-growth-celebration.reduced-motion .realm-avatar-before,.realm-growth-celebration.reduced-motion .realm-growth-stars{display:none}.realm-growth-celebration.reduced-motion .realm-growth-orbits>i{opacity:.35}
@media(prefers-reduced-motion:reduce){.progression-layer-card,.progression-layer-card *,.progression-anchor-seal,.progression-anchor-seal *,.realm-growth-celebration,.realm-growth-celebration *{animation:none!important}.growth-level-before,.progression-anchor-seal,.realm-avatar-before,.realm-growth-stars,.growth-ribbon,.growth-portrait>i{display:none}.realm-growth-orbits>i{opacity:.35}}
.realm-growth-celebration>.realm-growth-skip{position:fixed;right:18px;top:18px;z-index:3;animation:none;margin:0}