/* Illustrated companions. All selectors are scoped so cabinet notation stays untouched. */
.den-sprite{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
.creature-figure{position:relative;width:240px;aspect-ratio:1;flex:none;--body-size:88%;--wear-x:52%;--charm-y:48%;--charm-w:25%;--head-y:3%;--head-w:35%}
.creature-body{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);width:var(--body-size);height:var(--body-size);filter:drop-shadow(0 7px 5px #0004)}
.creature-figure.stage-0{--body-size:58%}.creature-figure.stage-1{--body-size:65%}.creature-figure.stage-2{--body-size:80%}
.creature-wearable{display:block;position:absolute;z-index:2;left:var(--wear-x);transform:translateX(-50%);pointer-events:none}
.wear-charm{top:var(--charm-y);width:var(--charm-w);height:var(--charm-w)}
.wear-head{top:var(--head-y);width:var(--head-w);height:calc(var(--head-w)*.65)}
.species-emberling.stage-1{--wear-x:55%;--charm-y:64%;--charm-w:19%}
.species-emberling.stage-2{--wear-x:57%;--charm-y:52%;--charm-w:20%;--head-y:8%;--head-w:36%}
.species-emberling.stage-3{--wear-x:53%;--charm-y:45%;--charm-w:23%;--head-y:3%;--head-w:37%}
.species-mosswhisk.stage-1{--wear-x:54%;--charm-y:64%;--charm-w:18%}
.species-mosswhisk.stage-2{--wear-x:54%;--charm-y:52%;--charm-w:18%;--head-y:26%;--head-w:32%}
.species-mosswhisk.stage-3{--wear-x:33%;--charm-y:46%;--charm-w:20%;--head-y:22%;--head-w:30%}
.species-lunowl.stage-1{--wear-x:52%;--charm-y:60%;--charm-w:22%}
.species-lunowl.stage-2{--wear-x:51%;--charm-y:49%;--charm-w:23%;--head-y:7%;--head-w:43%}
.species-lunowl.stage-3{--wear-x:51%;--charm-y:44%;--charm-w:25%;--head-y:1%;--head-w:44%}
.creature-scene{position:relative;isolation:isolate;min-height:400px;overflow:hidden;background-color:#101d29;background-position:50% 65%;background-size:cover;border-radius:18px}
.creature-scene:after{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;box-shadow:inset 0 -25px 40px #060f2040,inset 0 0 80px #08132038}
.scene-resident{position:absolute;z-index:2;left:50%;bottom:5%;width:min(68%,330px);transform:translateX(-50%)}
.scene-resident:before{content:'';position:absolute;z-index:-1;bottom:3%;left:25%;width:50%;height:8%;border-radius:50%;background:#09101aba;filter:blur(5px)}
.scene-resident .creature-body,.scene-resident .creature-wearable{animation:den-breathe 4.8s ease-in-out infinite;transform-origin:50% 100%}
.stage-0 .creature-body{animation:egg-settle 6s ease-in-out infinite}
.den-furniture{position:absolute;z-index:1;width:33%;aspect-ratio:1;bottom:10%;filter:drop-shadow(0 8px 5px #0006)}
.furniture-nest{width:35%;left:33%;bottom:3%;height:22%;opacity:.98}
.furniture-perch{width:25%;left:7%;bottom:15%}.furniture-shelter{width:38%;left:1%;bottom:17%}
.furniture-decoration{width:21%;right:6%;bottom:5%;z-index:3}.furniture-lantern{width:17%;right:9%;bottom:10%}
.furniture-crystals{filter:drop-shadow(0 0 12px #7d8eff55)}
.scene-mini{min-height:0;height:190px;border-radius:0;background-position:center 67%}
.scene-mini .scene-resident{width:175px;bottom:3%}.scene-mini .furniture-nest{width:90px;left:calc(50% - 45px)}
.lobby-companion{overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #64766060;border-radius:16px;background:#111e29;box-shadow:0 10px 30px #0002}
.companion-caption{padding:16px 16px 4px}.companion-caption small{display:block;color:#b7c4c2;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.companion-caption strong{display:block;margin-top:3px;color:#f8e1ac;font-family:Georgia,serif;font-size:1.25rem;overflow-wrap:anywhere}
.companion-footer{padding:8px 14px 14px}.companion-footer p{font-size:.8rem;color:#c4d1d2;line-height:1.45;margin:0 0 9px}
.companion-footer .avatar-shop-link{position:static;display:block;width:100%;min-height:40px;padding:8px;color:#f2ddb1;border-color:#bca26755;background:#233337;font-size:.82rem}
.companion-thumb{display:block!important;position:relative;width:40px!important;height:40px!important;background:#1b3236!important;border-color:#d5b46e80!important;box-shadow:none!important}.companion-thumb .creature-figure{position:absolute;width:48px;left:-4px;bottom:-4px}.companion-thumb .stage-0{--body-size:85%}
.den-heading{align-items:center}.den-heading h1{letter-spacing:-.035em}.den-wallet{display:flex;align-items:center;gap:9px;white-space:nowrap;background:#243638;border:1px solid #bfa26455;border-radius:13px;padding:12px 17px;color:#e9ce8c;font-size:.9rem}.den-wallet strong{font-size:1.5rem;color:#fff0c9}.den-wallet>span:first-child{font-size:1.3rem}
.den-intro{text-align:center;max-width:660px;margin:12px auto 26px}.den-intro h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:12px 0 8px;color:#f6e4bb;font-family:Georgia,serif}.den-intro p{color:#bfcbd2;font-size:1rem;line-height:1.6}
.den-eyebrow{color:#c2ac7d;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:750;margin:0 0 8px}
.den-pill,.den-badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:650;padding:5px 9px;border-radius:20px;background:#24443e;color:#a8efce;border:1px solid #79cbb23a}.den-badge{background:#302e42;border-color:#ad9dfb33;color:#d2c6ff}
.den-button,.den-tab,.collection-slot,.den-close{font:inherit;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.den-button{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 15px;border:1px solid #657f8259;border-radius:10px;background:#213541;color:#e6f0f1;font-size:.9rem;font-weight:700;line-height:1.4;text-align:center}
.den-button:hover:not(:disabled){border-color:#a5cebf;background:#2d494f;transform:translateY(-1px)}
.den-primary{border-color:#d7c08b;background:linear-gradient(150deg,#f7dfa5,#d8b56e);color:#302610;box-shadow:0 3px 0 #8d6b34,0 5px 18px #0003}.den-primary:hover:not(:disabled){background:#ffedc7;border-color:#ffedc7}
.den-button:disabled{cursor:default;opacity:.52;box-shadow:none}.den-button:focus-visible,.den-tab:focus-visible,.collection-slot:focus-visible,.den-close:focus-visible,.den-guide summary:focus-visible,.den-name-row input:focus-visible{outline:3px solid #7fe6d0;outline-offset:4px}
.egg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.egg-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:16px 20px 22px;border-radius:17px;border:1px solid color-mix(in srgb,var(--species-color) 30%,transparent);background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--species-color) 12%,#10212b),#11202b 75%);text-align:center;box-shadow:0 10px 35px #0002}
.egg-portrait{height:210px;position:relative;isolation:isolate;margin:-8px -10px 12px;background:radial-gradient(ellipse at 50% 83%,#0005 0,transparent 35%)}.egg-portrait>.creature-figure{position:absolute;width:230px;height:230px;left:50%;bottom:0;transform:translateX(-50%);z-index:2;--body-size:72%}
.egg-portrait .egg-silhouette{position:absolute;height:190px;width:170px;right:-10px;bottom:10px;opacity:.065;filter:brightness(0) invert(1);z-index:1}
.egg-card h3{font-size:1.6rem;font-family:Georgia,serif;color:var(--species-color);margin:0 0 8px}.egg-card>p:not(.den-eyebrow){color:#bfccd1;line-height:1.6;font-size:.9rem;margin:0 0 20px;flex:1}.egg-card .den-button{width:100%;margin-top:auto}
.den-focus{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr);gap:28px;margin-bottom:30px;align-items:stretch}
.den-stage-card{position:relative;min-height:430px;border:1px solid #b6996255;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #0003}.den-stage-card>.creature-scene{height:100%;min-height:430px}.den-stage-label{position:absolute;left:20px;top:20px;z-index:4;padding:7px 11px;color:#f3dfb5;border:1px solid #eed4a144;background:#122125bd;backdrop-filter:blur(8px);border-radius:7px;font-size:.8rem}
.den-companion-details{padding:12px 0;align-self:center}.den-companion-details h2{font:600 clamp(1.8rem,3vw,2.5rem)/1.15 Georgia,serif;color:#fbe6b8;overflow-wrap:anywhere;margin:7px 0 14px}.den-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
.den-growth-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:.8rem;color:#aebec5;margin-bottom:9px}.den-growth-label strong{color:#dcebe4}.den-growth{width:100%;height:10px;border:0;border-radius:20px;overflow:hidden;display:block;background:#23343f;accent-color:#83ddae}.den-growth::-webkit-progress-bar{background:#23343f;border-radius:20px}.den-growth::-webkit-progress-value{background:linear-gradient(90deg,#519d83,#a1eac3);border-radius:20px}.den-growth::-moz-progress-bar{background:#83ddae}.den-growth-copy{font-size:.88rem;color:#bfcfd2;line-height:1.6;margin:9px 0 16px}
.den-stages{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:16px 0 24px}.den-stages li{position:relative;text-align:center;color:#a1b0bb;font-size:.72rem}.den-stages li:before{content:'';position:absolute;top:13px;left:0;right:0;height:2px;background:#30444d}.den-stages li:first-child:before{left:50%}.den-stages li:last-child:before{right:50%}.den-stages span{display:grid;position:relative;place-items:center;z-index:1;width:28px;height:28px;margin:0 auto 7px;border:1px solid #53636c;border-radius:50%;background:#15252f;color:#91a0a8}.den-stages .reached{color:#b7e3c7}.den-stages .reached span{border-color:#89cca2;background:#29473e;color:#b4ebc8}.den-stages [aria-current] span{box-shadow:0 0 0 4px #8bdbae16;color:#182f2a;background:#a5e7c2}
#creatureNameForm label{display:block;color:#bfcbd1;font-size:.8rem;margin-bottom:7px}.den-name-row{display:flex;gap:8px}.den-name-row input{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #3c5461;border-radius:10px;background:#14252f;color:#f0f4f2;font:inherit}.den-name-row button{white-space:nowrap}.den-naming-hint,.den-travel-note{color:#adc3bc;font-size:.86rem;line-height:1.5}.den-travel-note{margin:20px 0 12px}
.den-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 16px}.den-section-heading h2{margin:0;color:#ecdfc2;font-size:1.2rem}.den-section-heading p{font-size:.88rem;color:#acbfc8;line-height:1.5;margin:6px 0 0}.den-section-heading>span{color:#b9c7cd;font-size:.85rem;text-align:right}
.den-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.collection-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:185px;min-width:0;padding:10px 14px 18px;border:1px solid #3e535d;border-radius:13px;background:#142532;color:#e5eee9}.collection-slot.is-active{border-color:#bba471;background:radial-gradient(ellipse at 50% 20%,#33483b,#1a2c32);box-shadow:inset 0 0 0 1px #bba47140}.collection-slot:hover{border-color:#b9cbbf;background-color:#213743}.collection-slot .creature-figure{width:110px;height:110px;margin:-4px 0 4px}.collection-slot strong{overflow-wrap:anywhere;max-width:100%;font-size:1rem;line-height:1.5}.collection-slot small{color:#afc1c8;font-size:.76rem;margin-top:4px}.slot-empty{border-style:dashed;background:#10212b8a}.slot-empty>span{font-size:2rem;font-weight:300;color:#778d90;margin:0 0 13px}.slot-empty strong{color:#c4cece;font-weight:500}
.den-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.den-tab{min-height:44px;padding:9px 18px;border:1px solid transparent;border-radius:10px;background:transparent;color:#bfcbd5;font-size:.9rem;font-weight:600}.den-tab:hover{background:#213542}.den-tab.selected{background:#2e403c;border-color:#8e916357;color:#f3dfae}
.den-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.den-item{overflow:hidden;display:flex;flex-direction:column;border:1px solid #52626066;border-radius:14px;background:#142631}.den-item-art{height:160px;padding:18px;position:relative;background:radial-gradient(ellipse at 50% 75%,#56675244,#0a182e00 72%)}.den-item-art>.den-sprite{max-width:170px;margin:auto}.den-item-art>span:not(.growth-spark){position:absolute;top:12px;right:12px;padding:4px 8px;font-size:.7rem;border-radius:6px;color:#c2e6ce;background:#213b31}.den-item>div:last-child{padding:8px 18px 18px;display:flex;flex-direction:column;flex:1}.den-item h3{color:#f1ddad;font-size:1rem;margin:4px 0 7px}.den-item p{font-size:.86rem;line-height:1.6;color:#b8c8cf;margin:0 0 16px;flex:1}.den-item .den-button{width:100%}.den-item small{font-size:.74rem;color:#b2c2ca;text-align:center;margin-top:9px}.growth-spark{display:block;width:110px;height:125px;text-align:center;color:#bce8c4;font-size:6rem;line-height:1;text-shadow:0 0 40px #95e8ba55;margin:auto}.growth-spark small{display:block!important;color:#e7f4d8!important;font-size:1rem!important;margin:0!important}
.den-update{color:#a5e0c0;line-height:1.5;font-size:.9rem;min-height:1.5em;margin:16px 0}.den-guide{margin-top:18px;border-top:1px solid #53656555;padding:18px 0;color:#acbec5;font-size:.88rem;line-height:1.7}.den-guide summary{min-height:44px;cursor:pointer;color:#d9e5de;font-weight:600}.den-guide>div{max-width:820px}.den-guide p{margin:0 0 14px}.den-guide strong{color:#e0e9e4}.den-signin{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:25px;padding:18px;background:#253c3c;border-radius:12px;color:#e0e9e0}.den-signin p{margin:0}
.creature-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100svh - 36px);overflow:auto;padding:24px;border:1px solid #ad956877;border-radius:18px;background:#132530;color:#dbe6df;box-shadow:0 30px 100px #0009}.creature-dialog::backdrop{background:#050d19c9;backdrop-filter:blur(6px)}.creature-dialog .creature-scene{height:280px;min-height:280px}.creature-dialog .scene-resident{width:240px;max-width:70%}.creature-dialog>p{font-size:.95rem;line-height:1.6}.den-dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}.den-dialog-heading h2{font:600 1.5rem Georgia,serif;margin:4px 0;color:#f4ddac}.den-close{width:44px;height:44px;flex:none;border:1px solid #61736f70;border-radius:50%;background:#203943;color:#e4eedd;font-size:1.7rem;line-height:1}.den-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.adopt-preview{margin:-14px auto 10px;width:220px;--body-size:80%!important}
.companion-launch{display:flex;align-items:center;gap:12px;padding:4px 12px;border:1px solid #54755e60;border-radius:12px;background:#203832;color:#c7ddcc;font-size:.9rem}.companion-launch .creature-figure{width:60px;height:60px}
.creature-run-celebration{display:flex;align-items:center;gap:18px;padding:6px 18px;margin:18px 0;border:1px solid #5e91736b;border-radius:15px;background:radial-gradient(ellipse at 0 80%,#395740,#172a33 80%)}.creature-run-celebration .creature-figure{width:110px;height:110px}.creature-run-celebration h3{margin:0 0 6px;font-size:1.2rem;color:#f4dfaf;overflow-wrap:anywhere}.creature-run-celebration strong{color:#b0ebc1}.creature-run-celebration p{font-size:.84rem!important;line-height:1.5!important;margin:6px 0!important}.creature-run-celebration.has-evolution{border-color:#dec181;background:radial-gradient(ellipse at 10% 70%,#73603855,#203934 85%)}.creature-summary-note{font-size:.88rem;color:#baccc0}.grow-celebration{animation:den-grow 1.1s cubic-bezier(.18,.7,.25,1) both}.happy-companion{animation:den-hop .55s ease-in-out 2}.celebration-sparks{position:absolute;left:20%;right:20%;top:25%;text-align:center;color:#ffe3a3;font-size:2rem;animation:den-grow 1s ease-out}
@keyframes den-breathe{0%,100%{transform:translateX(-50%) scaleY(1)}50%{transform:translateX(-50%) scaleY(1.025)}}
@keyframes egg-settle{0%,70%,100%{transform:translateX(-50%) rotate(0)}76%,87%{transform:translateX(-50%) rotate(-3deg)}82%,93%{transform:translateX(-50%) rotate(3deg)}}
@keyframes den-grow{0%{transform:scale(.3);opacity:0;filter:brightness(2)}65%{transform:scale(1.08);opacity:1}100%{transform:scale(1);filter:brightness(1)}}
@keyframes den-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1000px){.den-focus{grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:20px}.den-stage-card,.den-stage-card>.creature-scene{min-height:390px}.egg-grid,.den-store-grid{gap:12px}.egg-card{padding:14px 12px 18px}.egg-portrait{height:180px}.egg-portrait>.creature-figure{width:200px;height:200px}.egg-card h3{font-size:1.3rem}.egg-card .den-button{font-size:.8rem;padding:9px}.scene-mini .scene-resident{width:155px}}
@media(max-width:740px){.den-focus{grid-template-columns:1fr}.den-stage-card,.den-stage-card>.creature-scene{min-height:340px}.den-stage-card>.creature-scene{height:340px}.den-companion-details{padding:0 6px}.den-companion-details>.den-primary{width:100%}.den-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.egg-grid{grid-template-columns:1fr}.egg-card{display:grid;grid-template-columns:130px minmax(0,1fr);column-gap:12px;text-align:left;padding:20px}.egg-portrait{grid-row:1/5;height:185px;margin:0 -5px 0 -15px;align-self:center}.egg-portrait>.creature-figure{width:155px;height:190px;--body-size:94%}.egg-portrait .egg-silhouette{display:none}.egg-card>.den-eyebrow{margin-bottom:5px}.egg-card>p:not(.den-eyebrow){margin-bottom:14px}.egg-card .den-button{font-size:.9rem}.den-collection{gap:9px}.collection-slot{padding:5px 7px 14px;min-height:165px}.collection-slot .creature-figure{width:90px;height:100px}.collection-slot strong{font-size:.85rem}.collection-slot small{font-size:.7rem}.slot-empty>span{margin:4px 0}.den-section-heading{gap:12px;align-items:start}.den-section-heading>span{max-width:110px;flex:none}.den-tabs{gap:2px}.den-tab{padding:9px 12px}.lobby-companion{display:grid;grid-template-columns:1fr 170px;grid-template-rows:auto auto;min-height:200px}.companion-caption{padding:20px 16px 0}.companion-footer{padding:4px 16px 16px}.lobby-companion #missionCreatureScene{grid-column:2;grid-row:1/3;overflow:hidden}.scene-mini{height:100%;min-height:200px}.scene-mini .scene-resident{width:165px;bottom:6%}.scene-mini .furniture-decoration{right:1%}.creature-run-celebration{padding:10px;gap:8px}.creature-run-celebration .creature-figure{width:85px;height:100px}.creature-run-celebration h3{font-size:1.05rem}}
@media(max-width:430px){.egg-card{grid-template-columns:100px minmax(0,1fr);padding:15px;gap:8px}.egg-portrait>.creature-figure{width:120px;height:160px}.egg-card h3{font-size:1.3rem}.egg-card>p:not(.den-eyebrow){font-size:.8rem}.egg-card .den-eyebrow{font-size:.65rem}.egg-card .den-button{font-size:.8rem;padding:8px}.den-store-grid{grid-template-columns:1fr}.den-item{display:grid;grid-template-columns:100px minmax(0,1fr)}.den-item-art{height:160px;padding:12px 5px;align-self:center}.den-item-art>span:not(.growth-spark){top:0;right:0}.den-item>div:last-child{padding:16px 12px}.den-item p{margin-bottom:10px}.den-heading{gap:12px}.den-wallet{padding:8px 10px}.den-wallet strong{font-size:1.1rem}.den-wallet>span:first-child{display:none}.den-collection{grid-template-columns:1fr}.collection-slot{min-height:90px;display:grid;grid-template-columns:85px 1fr;grid-template-rows:1fr 1fr;text-align:left;padding:5px 14px;column-gap:12px}.collection-slot .creature-figure,.slot-empty>span{grid-row:1/3;width:85px;height:85px;text-align:center;display:grid;place-items:center}.collection-slot strong{align-self:end;font-size:1rem}.collection-slot small{align-self:start}.slot-empty>span{margin:0}.den-dialog-actions{flex-direction:column-reverse}.creature-dialog{padding:18px}.lobby-companion{grid-template-columns:1fr 140px}.scene-mini .scene-resident{width:145px}.den-section-heading>span{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.creature-figure,.creature-body,.creature-wearable,.celebration-sparks{animation:none!important}.den-button,.den-tab,.collection-slot{transition:none}}