/* Detailed illustrations share one animation group so clothing and instruments remain attached. */
.living-pet{display:block;width:100%;height:100%;min-width:0;max-width:100%;overflow:visible;color:var(--pet-accent,#ff963f);isolation:isolate;filter:drop-shadow(0 12px 10px #0003)}
.living-pet.is-still *,.living-pet.is-item-art *{animation:none!important}
.character-frame>.living-pet{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.profile-editor .character-option>.character-frame>.living-pet{width:100%;height:100%;max-width:100%;max-height:100%;filter:none}
.character-option>.character-frame:has(.living-pet){overflow:visible}
.help-fab:has(.living-pet){width:96px;height:112px;max-width:none;padding:0;background:transparent!important;border:0;box-shadow:none;border-radius:0;right:auto;left:calc(var(--sidebar-width,242px) + 12px);bottom:14px;overflow:visible;z-index:35}
.help-fab>.living-pet{width:100%;height:100%;filter:drop-shadow(0 5px 7px #0008)}
.help-fab:has(.living-pet):hover{transform:translateY(-3px)}
.help-fab:has(.living-pet):focus-visible{outline:2px solid #ff8c40;outline-offset:2px;border-radius:24px}
.visit-scoreboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.visit-scoreboard>section{border:1px solid #303036;border-radius:17px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(120deg,#151519,#0b0b0e);min-width:0}
.visit-scoreboard>section:first-child{border-color:#5f4025;background:linear-gradient(120deg,#2b1d10,#15100b)}
.visit-scoreboard span{font-size:13px;color:#b8b6bb;line-height:1.6;overflow-wrap:anywhere}
.visit-scoreboard strong{font-family:Oswald,Arial,sans-serif;font-size:35px;font-weight:500;color:#fff;font-variant-numeric:tabular-nums}
.visit-scoreboard>section:first-child strong{color:#ffae70}
.pet-home{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin-bottom:30px;min-width:0;border:1px solid #2c2a31;border-radius:23px;overflow:hidden;background:radial-gradient(ellipse at 24% 48%,#33201d 0%,#161318 35%,#0b0b0e 77%)}
.pet-home-art{display:flex;align-items:center;justify-content:center;height:420px;max-height:55dvh;min-height:300px;padding:30px 30px 18px;min-width:0;background:radial-gradient(ellipse at 50% 57%,#fc913510,transparent 70%)}
.pet-home-art .living-pet{max-width:330px}
.pet-home-copy{padding:35px 30px 35px 0;min-width:0}
.pet-home-copy>.eyebrow{font-size:10px;color:#d59c72;letter-spacing:.12em;line-height:1.7}
.pet-home-copy h2{font:500 clamp(34px,3.5vw,49px)/1.15 Oswald,Arial,sans-serif;margin:12px 0 16px;color:#fff;overflow-wrap:anywhere}
.pet-home-copy>p{font-size:13px;line-height:1.9;color:#c2bdc5;max-width:410px;margin:0 0 21px}
.pet-home-copy .pet-rule-note{font-size:11px;color:#949098;margin:13px 0 22px;line-height:1.8}
.visit-reward-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-width:370px}
.visit-reward-track>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #3b353e;background:#17151c;padding:12px 3px;border-radius:12px;min-width:0;color:#a9a0ae}
.visit-reward-track>span.is-collected{border-color:#916332;background:#49301e;color:#ffd2a4}
.visit-reward-track small{font-size:10px;white-space:nowrap}
.visit-reward-track strong{font-size:18px;color:inherit}
.pet-home-actions{display:flex;gap:9px;flex-wrap:wrap}
.pet-home-actions>.btn{min-height:44px;font-size:11px;padding:12px 15px}
.pet-home-actions>.btn:first-child{background:#ff721c;border-color:#ff721c;color:#130b05}
.wardrobe{min-width:0;padding:25px;border:1px solid #2b2b31;background:#0d0d10;border-radius:20px;scroll-margin-top:95px}
.wardrobe-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;min-width:0}
.wardrobe-header h2{font:500 30px/1.2 Oswald,Arial,sans-serif;margin:0 0 8px;color:#fff}
.wardrobe-header p{font-size:12px;color:#a7a4af;line-height:1.7;margin:0}
.points-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #624528;background:#302115;border-radius:12px;color:#edc799;white-space:nowrap;font-size:11px}
.points-pill strong{font-size:18px;color:#ffce8e;font-variant-numeric:tabular-nums}
.points-pill>.icon{width:17px;height:17px;color:#ffb65f}
.wardrobe-slots{display:flex;align-items:stretch;gap:7px;overflow-x:auto;scrollbar-width:thin;padding-bottom:10px;margin-bottom:13px;max-width:100%}
.wardrobe-slots>button{min-height:44px;white-space:nowrap;border:1px solid #34323d;border-radius:10px;padding:11px 15px;color:#aaa5b1;background:#16151b;font:inherit;font-size:12px;cursor:pointer;flex:0 0 auto}
.wardrobe-slots>button[aria-pressed=true]{background:#3b2518;border-color:#a36637;color:#ffcb9f}
.wardrobe-filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:23px;min-width:0}
.wardrobe-search{display:flex;align-items:center;gap:9px;flex:1;min-width:150px;padding:0 12px;background:#16151b;border:1px solid #38343f;border-radius:10px}
.wardrobe-search>span{display:flex;align-items:center;flex:0 0 17px;color:#9b93a3}
.wardrobe-search>.icon,.wardrobe-search>span>.icon{width:17px;height:17px;display:block}
.wardrobe-search input{border:0;box-shadow:none!important;background:transparent;color:#fff;min-width:0;width:100%;height:44px;padding:10px 0;font:inherit;font-size:12px;outline:none}
.wardrobe-search:focus-within{outline:2px solid #b97841;outline-offset:2px}
.wardrobe-filters>select{width:auto;max-width:100%;min-width:150px;min-height:44px;padding:9px 12px;border:1px solid #38343f;border-radius:10px;background:#16151b;color:#d7d1dd;font:inherit;font-size:12px}
.wardrobe-filters>.btn{font-size:11px;min-height:44px}
.wardrobe-filters>.btn[aria-pressed=true]{border-color:#a36637;color:#ffcb9f;background:#3b2518}
.wardrobe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;min-width:0}
.wardrobe-item{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;border:1px solid #34313e;background:radial-gradient(ellipse at 50% 12%,color-mix(in srgb,var(--item-rarity),transparent 88%),#15131b 76%);border-radius:16px;padding:14px;overflow:hidden}
.wardrobe-item:before{position:absolute;content:'';inset:0 20% auto;height:1px;background:var(--item-rarity);opacity:.7}
.wardrobe-item.is-equipped{border-color:var(--item-rarity);box-shadow:0 0 0 1px color-mix(in srgb,var(--item-rarity),transparent 70%)}
.wardrobe-rarity{color:var(--item-rarity,#c6b8e9);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.6}
.wardrobe-art{display:flex;align-items:center;justify-content:center;min-width:0;height:190px;padding:12px 6px 6px;border:0;background:transparent;cursor:pointer;color:inherit}
.wardrobe-art>.living-pet{filter:drop-shadow(0 9px 10px #0005);max-height:190px}
.wardrobe-art:hover>.living-pet{transform:translateY(-3px);transition:transform .2s}
.wardrobe-art:focus-visible{outline:2px solid var(--item-rarity);outline-offset:0;border-radius:10px}
.wardrobe-item h3{font-size:13px;line-height:1.6;font-weight:650;min-height:42px;overflow-wrap:anywhere;color:#eee9f4;margin:10px 0 5px}
.wardrobe-price{font-size:11px;color:#b6abba;margin:0 0 14px;min-height:18px}
.wardrobe-item>.btn{width:100%;min-height:44px;margin-top:auto;font-size:11px;padding:10px 8px;white-space:normal;line-height:1.5}
.wardrobe-item>.btn-primary{background:#ff7628;border-color:#ff7628;color:#170c06}
.wardrobe-equipped{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:10px;border:1px solid #526154;color:#c1dec3;background:#1e3021;font-size:11px}
.wardrobe-equipped:before{content:'✓';font-size:15px}
.wardrobe-empty{grid-column:1/-1;color:#aaa1b0;font-size:13px;line-height:1.8;text-align:center;padding:45px 10px}
.pet-fitting{text-align:center;max-width:530px;margin:auto;min-width:0}
.pet-fitting>.living-pet{height:350px;max-height:45dvh;margin:0 auto 18px;max-width:300px}
.pet-fitting h3{font:500 29px/1.4 Oswald,Arial,sans-serif;margin:0 0 10px;color:#fff;overflow-wrap:anywhere}
.pet-fitting>.wardrobe-rarity{display:block;margin-bottom:12px}
.pet-fitting p{font-size:12px;color:#aca3b3;line-height:1.8}
.pet-fitting .pet-fitting-price{color:#ffd2a1;font-size:14px;margin:18px 0 25px}
.pet-fitting>.page-actions{justify-content:center}
.pet-save-points{font-size:12px;color:#bbaac9;line-height:1.8}
.pet-helper-panel.help-popover,.pet-helper-panel{position:fixed;right:auto;left:calc(var(--sidebar-width,242px) + 14px);bottom:137px;z-index:60;width:365px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 165px);overflow-y:auto;padding:20px;border:1px solid #45404b;border-radius:20px;background:linear-gradient(145deg,#22202a,#111015 65%);box-shadow:0 20px 65px #0009;color:#f3eef8;min-width:0}
.pet-helper-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pet-helper-heading>strong{font-size:18px;overflow-wrap:anywhere}
.pet-helper-heading>.btn{width:44px;height:44px;flex:0 0 44px;color:#c6bdce}
.pet-helper-portrait{height:150px;display:flex;justify-content:center;align-items:center;margin-top:-10px;margin-bottom:10px}
.pet-helper-portrait>.living-pet{width:130px;height:155px}
.pet-helper-choices{display:grid;grid-template-columns:1fr;gap:8px}
.pet-helper-choices>.btn{width:100%;min-height:44px;justify-content:center;font-size:12px;background:#28232e;border-color:#4d4257;color:#eadcf4}
.pet-helper-choices>.btn:last-child{background:#ff7c2c;border-color:#ff7c2c;color:#1a0c03}
.pet-conversation{display:flex;flex-direction:column;gap:9px;margin-top:20px;max-height:285px;overflow:auto;padding-right:3px;scrollbar-width:thin}
.pet-conversation>p{margin:0;max-width:94%;padding:13px 15px;line-height:1.8;font-size:12px;border-radius:15px;overflow-wrap:anywhere;flex:0 0 auto}
.pet-conversation>.from-person{align-self:flex-end;background:#4b2f20;color:#ffdbc4;border-bottom-right-radius:4px}
.pet-conversation>.from-pet{align-self:flex-start;background:#302b3a;color:#ece3f6;border-bottom-left-radius:4px}
.pet-answer-link{display:block;padding:10px 0 0;border:0;color:#ffc391;font:inherit;font-size:11px;background:transparent;text-align:left;min-height:44px;cursor:pointer}
.pet-question-form{display:flex;gap:8px;align-items:center;margin-top:15px}
.pet-question-form>input{min-width:0;width:100%;flex:1;min-height:46px;border:1px solid #51445b;border-radius:11px;color:#fff;background:#141117;padding:12px;font:inherit;font-size:11px}
.pet-question-form>.btn{flex:0 0 46px;width:46px;height:46px;padding:0;justify-content:center}
.pet-local-note{display:block;margin-top:12px;font-size:9px;line-height:1.7;color:#968ba0}
@media(min-width:1500px){.wardrobe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.visit-scoreboard{gap:9px}.visit-scoreboard>section{padding:17px 15px}.visit-scoreboard span{font-size:11px}.pet-home{gap:15px;grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr)}.pet-home-art{height:370px;padding:25px 12px}.pet-home-copy{padding:25px 22px 25px 0}.wardrobe{padding:20px}.wardrobe-grid{gap:10px}.wardrobe-art{height:155px}.wardrobe-item{padding:12px}}
@media(max-width:700px){.visit-scoreboard{gap:7px;margin-bottom:16px}.visit-scoreboard>section{flex-direction:column;gap:8px;padding:13px 6px;align-items:center;text-align:center;border-radius:13px}.visit-scoreboard span{font-size:9px;line-height:1.6;min-height:29px}.visit-scoreboard strong{font-size:30px;line-height:1.3}.pet-home{display:flex;flex-direction:column;gap:0;padding:8px 17px 25px;border-radius:19px;margin-bottom:20px}.pet-home-art{height:310px;min-height:260px;max-height:40dvh;width:100%;padding:18px 0 0}.pet-home-art>.living-pet{max-width:250px}.pet-home-copy{padding:0;width:100%;text-align:center}.pet-home-copy>.eyebrow{font-size:9px}.pet-home-copy h2{font-size:36px;margin:8px 0 14px}.pet-home-copy>p{font-size:12px;margin:0 auto 17px}.pet-home-copy .pet-rule-note{margin:12px auto 18px;font-size:10px}.visit-reward-track{margin:auto;max-width:350px;gap:6px}.visit-reward-track>span{padding:11px 3px}.visit-reward-track small{font-size:9px}.pet-home-actions{justify-content:center;gap:7px}.pet-home-actions>.btn{font-size:10px;flex:1;padding:10px 7px}.wardrobe{padding:17px 13px;scroll-margin-top:78px;border-radius:17px}.wardrobe-header{gap:10px;margin-bottom:17px;align-items:flex-start}.wardrobe-header h2{font-size:27px}.wardrobe-header p{font-size:10px;line-height:1.7}.points-pill{padding:8px 10px;font-size:9px;gap:5px}.points-pill strong{font-size:16px}.points-pill>.icon{display:none}.wardrobe-slots{gap:6px;margin-right:-4px}.wardrobe-slots>button{font-size:10px;padding:10px 12px}.wardrobe-filters{gap:7px;margin-bottom:17px}.wardrobe-search{flex-basis:100%;min-width:0}.wardrobe-filters>select{flex:1;min-width:115px;max-width:100%;font-size:10px}.wardrobe-filters>.btn{font-size:10px;padding:9px}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wardrobe-item{padding:11px 9px;border-radius:13px}.wardrobe-rarity{font-size:8px;letter-spacing:.06em}.wardrobe-art{height:142px;padding:10px 0 0}.wardrobe-art>.living-pet{max-height:142px}.wardrobe-item h3{font-size:10px;line-height:1.7;min-height:36px;margin:9px 0 5px}.wardrobe-price{font-size:9px;margin-bottom:11px;min-height:17px}.wardrobe-item>.btn{font-size:9px;min-height:44px;padding:9px 3px;border-radius:8px}.wardrobe-equipped{font-size:10px;min-height:44px}.help-fab:has(.living-pet){width:96px;height:112px;right:auto;left:10px;bottom:max(9px,env(safe-area-inset-bottom));z-index:35}.pet-helper-panel.help-popover,.pet-helper-panel{right:auto;left:14px;bottom:127px;max-height:calc(100dvh - 149px);padding:17px;border-radius:17px}.pet-helper-portrait{height:126px;margin-top:-10px}.pet-helper-portrait>.living-pet{height:140px;width:118px}.pet-fitting>.living-pet{height:300px;max-height:40dvh}.pet-fitting h3{font-size:25px}.pet-fitting>.page-actions>.btn{min-height:44px;font-size:11px}.pet-fitting p{font-size:11px}}
@media(max-width:360px){.wardrobe-art{height:123px}.wardrobe-item{padding:9px 7px}.wardrobe-item h3{font-size:10px}.wardrobe-header p{max-width:155px}.points-pill{padding:7px 8px}.visit-scoreboard span{font-size:8px}.pet-home-art{height:285px}.pet-home-actions{flex-direction:column}.pet-home-actions>.btn{flex:auto;width:100%}.pet-helper-panel.help-popover,.pet-helper-panel{max-width:calc(100vw - 20px);right:auto;left:10px}}
@media(prefers-reduced-motion:reduce){.living-pet *{animation:none!important}.wardrobe-art:hover>.living-pet{transform:none}.help-fab:has(.living-pet):hover{transform:none}}

@media(min-width:701px) and (max-width:780px){.help-fab:has(.living-pet){left:12px;right:auto}.pet-helper-panel.help-popover,.pet-helper-panel{left:14px;right:auto}}

/* Static illustrations keep the original 5:6 proportions. No independently moving parts. */
.living-pet.pet-static{position:relative;display:block;width:100%;height:auto;aspect-ratio:5/6;isolation:isolate;overflow:clip;overflow-clip-margin:10px;transform:none}
.pet-static,.pet-static *{animation:none!important;transition:none!important}
.pet-complete-art,.pet-static-scene{display:block;width:100%;height:auto;aspect-ratio:5/6;object-fit:contain;max-width:100%;user-select:none;pointer-events:none}
.pet-static>.pet-complete-art{position:absolute;aspect-ratio:auto;max-width:none;object-fit:contain}
.pet-static-scene{overflow:hidden}
.pet-static .pet-item-crop{display:block;width:100%;height:100%;overflow:hidden}
.living-pet.pet-static.is-item-art{height:100%;aspect-ratio:auto;filter:drop-shadow(0 10px 9px #0004)}
.pet-art-pending{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100px;padding:15px;color:#a69cae;font:500 11px/1.8 Manrope,Arial,sans-serif;text-align:center;border-radius:14px;background:radial-gradient(ellipse at center,#3c2b47,#1c1823 70%);box-sizing:border-box}
.profile-editor .character-option .character-frame:has(.pet-static){display:block;width:100%;height:auto;max-width:240px;aspect-ratio:5/6;min-height:0;overflow:clip}
.character-frame>.living-pet.pet-static{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:5/6}
.help-fab>.living-pet.pet-static{height:100%;width:100%;aspect-ratio:auto}
.help-fab:has(.pet-static){height:115.2px}
.help-fab:has(.pet-static):hover{transform:none}
.help-fab .pet-complete-art,.help-fab .pet-static-scene{height:100%;width:100%;object-fit:contain;aspect-ratio:auto}
.pet-home-art>.living-pet.pet-static{width:min(100%,310px);height:auto;max-height:100%}
.pet-helper-portrait>.living-pet.pet-static{width:125px;height:auto;max-height:150px}
.wardrobe-art:hover>.living-pet.pet-static{transform:none}
.wardrobe-color-hint{font-size:10px;line-height:1.6;color:#958b9d;margin:-6px 0 15px}
.pet-fitting-figure{width:min(100%,310px);aspect-ratio:5/6;max-height:none;margin:0 auto 20px;min-width:0;overflow:clip;overflow-clip-margin:10px}
.pet-fitting-figure>.living-pet{height:auto;width:100%;max-width:100%}
.pet-color-chooser{border:1px solid #423544;border-radius:14px;padding:15px;margin:20px 0;text-align:left;min-width:0}
.pet-color-chooser legend{color:#f1dfcc;font-size:12px;padding:0 7px}
.pet-color-palette{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pet-color-swatch{flex:0 0 36px;width:36px;height:36px;padding:4px;border-radius:50%;background:var(--swatch);border:3px solid #17131a;outline:1px solid #554759;cursor:pointer}
.pet-color-swatch[aria-pressed=true]{outline:3px solid #ffc087;outline-offset:2px}
.pet-original-color{min-height:38px;border:1px solid #5b475e;border-radius:9px;background:#2c2331;color:#ded0e6;font:inherit;font-size:11px;padding:8px 11px;cursor:pointer}
.pet-original-color[aria-pressed=true]{border-color:#ffb47b;color:#ffcc9f;background:#4a2f23}
.pet-custom-color{display:flex;gap:8px;align-items:center;min-height:38px;color:#bcaec7;font-size:11px;cursor:pointer}
.pet-custom-color input{width:40px;height:36px;min-height:0;padding:2px;border:1px solid #68516c;border-radius:8px;background:#251d29;cursor:pointer}
.pet-color-hex{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px;color:#c0b0cb;font-size:11px}
.pet-color-hex input{width:105px;min-height:40px;padding:8px;border:1px solid #66516b;border-radius:8px;background:#17111c;color:#ffe8d6;letter-spacing:.06em;text-transform:uppercase;font:inherit;font-size:12px}
.pet-color-hex small{color:#8f819c;font-size:10px;line-height:1.7}
@media(max-width:700px){.pet-home-art>.living-pet.pet-static{max-width:230px}.pet-helper-portrait>.living-pet.pet-static{width:110px;max-height:132px}.pet-fitting-figure{width:min(100%,250px)}.pet-color-chooser{padding:12px}.pet-color-palette{gap:9px}.wardrobe-color-hint{font-size:8px;min-height:26px}.profile-editor .character-option .character-frame:has(.pet-static){max-width:155px}}

/* Each rarity is a real section, ordered from the first affordable models. */
.wardrobe-view-tabs{display:inline-flex;gap:5px;padding:5px;margin:4px 0 22px;border:1px solid #343036;border-radius:14px;background:#0c0c0d;max-width:100%}.wardrobe-view-tabs>button{border:0;border-radius:10px;min-height:44px;padding:11px 24px;color:#b6afb9;background:transparent;font:700 13px/1.4 Manrope,sans-serif;cursor:pointer}.wardrobe-view-tabs>button[aria-pressed=true]{background:#ff6a00;color:#080808}.wardrobe-view-tabs>button:focus-visible{outline:2px solid white;outline-offset:2px}.wardrobe-empty h3{font:600 25px/1.3 Oswald,sans-serif;color:white;margin:0 0 12px}.wardrobe-empty p{max-width:460px;margin:0 auto 20px;line-height:1.7}.wardrobe-empty .btn{min-height:44px}
.pet-fitting-v4{max-width:none;width:100%}
.pet-fitting-options>.page-actions{position:sticky;bottom:-16px;padding:12px 0;background:#101010;border-top:1px solid #302936;z-index:2}
.wardrobe-catalog{display:grid;gap:36px}.wardrobe-tier{min-width:0;scroll-margin-top:90px}.wardrobe-tier-heading{display:flex;align-items:baseline;gap:13px;border-bottom:1px solid #343036;padding:0 0 13px;margin-bottom:18px}.wardrobe-tier-heading h3{margin:0;color:var(--item-rarity);font:600 26px Oswald,sans-serif}.wardrobe-tier-heading>span{font-size:11px;color:#a39ba8}.wardrobe-inspiration{display:block;color:#a69fae;font-size:11px;line-height:1.6;margin:-3px 0 11px;min-height:17px}.wardrobe-item{display:flex;flex-direction:column}.wardrobe-item>.btn{margin-top:auto}.wardrobe-item .wardrobe-color-hint{margin-bottom:14px}.profile-wardrobe-link{margin-top:12px}.pet-fitting-v4{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:start;text-align:left}.pet-fitting-visual{position:sticky;top:0;min-width:0}.pet-fitting-v4 .pet-fitting-figure{width:min(100%,360px);margin:0 auto 10px}.pet-fitting-note{display:block;max-width:290px;margin:auto;text-align:center;font-size:11px;line-height:1.65;color:#aaa0b0}.pet-fitting-options{min-width:0}.pet-fitting-options>h3{margin:10px 0 18px;font:600 30px/1.2 Oswald,sans-serif}.pet-fitting-options>.page-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.pet-fitting-options>.page-actions>.btn{flex:1;min-height:44px;padding:12px 14px;white-space:normal}.pet-fitting-v4 .pet-fitting-price{margin-top:18px}.pet-fitting-v4 .pet-color-chooser{margin-top:22px}.pet-fitting-v4 p{line-height:1.7}
@media(max-width:700px){.wardrobe-catalog{gap:28px}.wardrobe-tier-heading{gap:10px;margin-bottom:13px}.wardrobe-tier-heading h3{font-size:23px}.wardrobe-tier-heading>span{font-size:10px}.wardrobe-inspiration{font-size:9px;min-height:0}.pet-fitting-v4{display:block}.pet-fitting-visual{position:static}.pet-fitting-v4 .pet-fitting-figure{width:min(100%,250px)}.pet-fitting-note{font-size:10px;margin-bottom:21px}.pet-fitting-options>h3{font-size:27px}.pet-fitting-options>.page-actions{position:sticky;bottom:-16px;margin-inline:-5px;padding:12px 5px;background:#101010;border-top:1px solid #302936;z-index:2}.pet-fitting-options>.page-actions>.btn{font-size:11px}.profile-wardrobe-link{max-width:100%}}

/* The live character is part of the wardrobe, above the catalogue, and stays
   visible while browsing. Trying anything never commits a purchase. */
.wardrobe-inline{overflow:visible}
.wardrobe-live-preview{position:sticky;top:12px;z-index:28;display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:26px;min-width:0;padding:18px 24px;margin:0 0 28px;border:1px solid #55402c;border-radius:19px;background:radial-gradient(ellipse at 12% 45%,#271b11,#0b0b0b 60%);box-shadow:0 15px 40px #0009;isolation:isolate}
.wardrobe-live-figure{display:flex;align-items:center;justify-content:center;width:230px;min-width:0;aspect-ratio:5/6;max-width:100%;overflow:hidden}
.wardrobe-live-figure>.living-pet.pet-static{width:100%;height:auto;filter:drop-shadow(0 10px 10px #0005)}
.wardrobe-art-loading{font-size:12px;line-height:1.6;color:#b7a99d;text-align:center;padding:15px}
.wardrobe-live-copy{min-width:0}
.wardrobe-live-visual{min-width:0;display:grid;justify-items:center;gap:4px}
.wardrobe-live-visual>.btn{min-height:36px;max-width:100%;padding:5px 12px;background:transparent;border-color:#514235;color:#ddc2ac;font-size:11px}
.wardrobe-zoom-figure{width:min(100%,540px,calc((100dvh - 220px)*.8333333333));margin:0 auto;aspect-ratio:5/6;display:grid;place-items:center}
.wardrobe-zoom-figure>.living-pet.pet-static{width:100%;height:auto;max-height:none;object-fit:contain}
.wardrobe-zoom-note{text-align:center;color:#b7a99d;font-size:13px;margin:8px 0}
.wardrobe-preview-eyebrow{font-size:10px;line-height:1.6;font-weight:700;letter-spacing:.11em;color:#e4a87b}
.wardrobe-live-copy>h3{font:500 29px/1.15 Oswald,sans-serif;color:#fff;margin:7px 0 9px;overflow-wrap:anywhere}
.wardrobe-preview-note{font-size:12px;line-height:1.6;color:#b3aaa3;margin:0 0 7px;max-width:430px}
.wardrobe-preview-loading{display:block;font-size:11px;line-height:1.5;color:#ffbd89;min-height:0}
.wardrobe-preview-loading:empty{display:none}
.wardrobe-preview-loading>.btn{min-height:36px;padding:6px 10px;font-size:11px;margin-left:5px}
.wardrobe-preview-meta{font-size:11px;color:#e7bb94;line-height:1.6;margin:7px 0}
.wardrobe-preview-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:13px;min-width:0}
.wardrobe-preview-actions>.btn,.wardrobe-inline-colors>summary{min-height:44px;padding:10px 14px;font-size:12px;line-height:1.5;white-space:normal}
.wardrobe-preview-actions>[data-action="pet-equip"],.wardrobe-preview-actions>[data-action="pet-confirm-buy"]{background:#ff6a00;border-color:#ff6a00;color:#090909;font-weight:750}
.wardrobe-preview-actions>[data-action="pet-reset-preview"]{background:transparent;color:#aaa19a;border-color:#38312c;font-size:11px}
.wardrobe-preview-staged{display:block;margin-top:10px;max-width:470px;font-size:10px;line-height:1.6;color:#8b827c}
.wardrobe-preview-status{font-size:11px;color:#c7b09b}
.wardrobe-inline-colors{position:relative;min-width:0}
.wardrobe-inline-colors>summary{display:flex;align-items:center;border:1px solid #544235;border-radius:9px;background:#211810;color:#ffd4b2;cursor:pointer;list-style:none;box-sizing:border-box}
.wardrobe-inline-colors>summary::-webkit-details-marker{display:none}
.wardrobe-inline-colors>summary::after{content:'⌄';font-size:15px;margin-left:10px}
.wardrobe-inline-colors[open]>summary{border-color:#ff9f56}
.wardrobe-color-popover{position:absolute;top:calc(100% + 9px);right:0;z-index:3;width:min(420px,80vw);max-height:min(460px,55dvh);overflow:auto;padding:14px;border:1px solid #5d4432;border-radius:13px;background:#10100f;box-shadow:0 15px 40px #000b;box-sizing:border-box;overscroll-behavior:contain}
.wardrobe-color-popover .pet-color-chooser{margin:0 0 12px;border:0;padding:0}
.wardrobe-color-popover>.btn{min-height:44px;width:100%}
.wardrobe-color-popover .pet-color-hex input{font-size:16px}
.wardrobe-item.is-trying{border-color:#ff8b38;box-shadow:inset 0 0 0 1px #ff8b3833}
.wardrobe-browse{min-width:0}
body:has(#pet-wardrobe) .help-fab{display:none}
@media(max-width:700px){
 .wardrobe-inline{padding:15px 10px}
 .wardrobe-live-preview{top:8px;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:12px;margin-bottom:21px;border-radius:15px}
 .wardrobe-live-figure{width:145px;align-self:center}
 .wardrobe-live-visual>.btn{min-height:44px;font-size:12px}
 .wardrobe-preview-eyebrow{font-size:8px;letter-spacing:.08em}
 .wardrobe-live-copy>h3{font-size:20px;line-height:1.15;margin:4px 0 6px}
 .wardrobe-preview-note{font-size:10px;line-height:1.5;margin-bottom:5px}
 .wardrobe-preview-meta{font-size:10px;margin:5px 0}
 .wardrobe-preview-actions{gap:6px;margin-top:8px}
 .wardrobe-preview-actions>.btn{padding:8px 9px;font-size:10px;min-height:44px}
 .wardrobe-preview-actions>[data-action="pet-equip"],.wardrobe-preview-actions>[data-action="pet-confirm-buy"]{flex:1 0 100%;font-size:11px;min-height:44px}
 .wardrobe-preview-actions>[data-action="pet-reset-preview"]{flex:1;font-size:10px;padding:8px 5px}
 .wardrobe-preview-staged{display:none}
 .wardrobe-preview-loading{font-size:9px}
 .wardrobe-inline-colors{position:static;flex:1}
 .wardrobe-inline-colors>summary{justify-content:center;min-height:44px;padding:8px 5px;font-size:10px}
 .wardrobe-inline-colors>summary::after{margin-left:5px;font-size:12px}
 .wardrobe-color-popover{position:fixed;left:14px;right:14px;top:auto;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:49dvh;padding:15px}
 .wardrobe-preview-actions .pet-save-points{font-size:10px;line-height:1.5}
 .wardrobe-view-tabs{width:100%;display:flex}
 .wardrobe-view-tabs>button{flex:1;padding:10px;font-size:12px}
}
@media(max-width:360px){.wardrobe-live-preview{grid-template-columns:112px minmax(0,1fr);gap:9px;padding:10px}.wardrobe-live-figure{width:112px}.wardrobe-live-copy>h3{font-size:18px}}
@media(max-height:550px){.wardrobe-live-preview{grid-template-columns:80px minmax(0,1fr);gap:14px;padding:10px}.wardrobe-live-figure{width:80px}.wardrobe-live-copy>h3{font-size:20px;margin:3px 0}.wardrobe-preview-note,.wardrobe-preview-staged,.wardrobe-preview-meta{display:none}.wardrobe-preview-actions{margin-top:5px}.wardrobe-preview-actions>[data-action="pet-equip"],.wardrobe-preview-actions>[data-action="pet-confirm-buy"]{flex:0 1 auto}.wardrobe-preview-actions>.btn,.wardrobe-inline-colors>summary{font-size:10px;min-height:36px;padding:7px 9px}}
