.hatFlow,.wardrobePage{min-height:100vh;display:flex;flex-direction:column;background:#e6f5fd url(/images/ui/bg-sky-cloud-frame.webp) bottom/cover fixed no-repeat;color:var(--ui-body)}.hatFlow h3,.hatFlow h4,.wardrobePage h1,.wardrobePage h2,.wardrobePage h3,.wardrobePage h4{font-weight:400;color:var(--ui-heading);margin:0}.hatFlow .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hatFlow .tone-lavender,.wardrobePage .tone-lavender{background:#f0eaff}.hatFlow .tone-blue,.wardrobePage .tone-blue{background:#e4f1ff}.hatFlow .tone-yellow,.wardrobePage .tone-yellow{background:#fff4cf}.hatFlow .tone-pink,.wardrobePage .tone-pink{background:#ffe6ef}.hatFlow .tone-purple,.wardrobePage .tone-purple{background:#ece0ff}.hatFlow .tone-rainbow,.wardrobePage .tone-rainbow{background:linear-gradient(135deg,#ffe6f2,#e6f1ff)}.hatFlow .tone-gold,.wardrobePage .tone-gold{background:#fff0bf}@keyframes wdPop{0%{transform:scale(.97)}55%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes wdFade{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes hfHatDrop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes hfNudge{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}.hatFlow .hfBody{padding:6px 20px 14px;flex:1 1}.hatFlow .hfScene,.wardrobePage .hfScene{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;border:3px solid #cfe6f7;background:#d9ecfb}.hatFlow .hfLayer,.wardrobePage .hfLayer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.hatFlow .hfWorn,.wardrobePage .hfWorn{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.hatFlow .hfWorn li,.wardrobePage .hfWorn li{display:flex;align-items:center;gap:5px;padding:2px 10px 2px 3px;border-radius:999px;background:hsla(0,0%,100%,.92);border:2px solid #cfe3fb;font-size:13px;color:var(--ui-heading)}.hatFlow .hfWorn img,.wardrobePage .hfWorn img{width:24px;height:24px;object-fit:contain}.wardrobePage .hfWorn li.rar-common{border-color:#8a93d6}.wardrobePage .hfWorn li.rar-rare{border-color:#3aa7ee}.wardrobePage .hfWorn li.rar-epic{border-color:#e86fb8}.wardrobePage .hfWorn li.rar-legendary{border-color:#f2b705}.hatFlow .hfEmpty{grid-column:1/-1;text-align:center;padding:24px 0;margin:0;color:var(--ui-muted)}.hatFlow .hfBack .btn-icon{transform:scaleX(-1)}.hatFlow .r-common{--rc:#4a5289}.hatFlow .r-rare{--rc:#1a62c9}.hatFlow .r-epic{--rc:#d6337a}.hatFlow .r-legendary{--rc:#8a5a00}.hatModal .hfOdds{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.hatModal .hfOdds li{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;grid-gap:8px;gap:8px;text-align:left;padding:6px 8px;border:2px solid #e3edf8;border-radius:12px;background:#fff;font-size:16px}.hatModal .hfOdds img{width:44px;height:36px;object-fit:contain}.hatModal .hfOdds b{font-weight:400;color:var(--ui-heading)}.hatModal .hfOdds em{font-style:normal;color:var(--ui-muted)}.hatModal .hfOddsNote{margin:10px 0 0;font-size:16px}.hatModal .hfOdds--info li{grid-template-columns:1fr auto;padding:8px 12px}.hatFlow .hfBar,.wardrobePage .hfBar{position:-webkit-sticky;position:sticky;bottom:0;z-index:20;margin-inline:0;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding:10px 20px calc(10px + env(safe-area-inset-bottom, 0px));background:linear-gradient(0deg,rgba(230,245,253,.96) 62%,rgba(230,245,253,0));border-top:0}.hatFlow .hfBar>*,.wardrobePage .hfBar>*{flex:none;width:auto}.wardrobePage .wdGrid{flex:1 1;display:grid;grid-template-columns:minmax(300px,34fr) minmax(0,62fr);grid-template-areas:"preview collection";grid-gap:14px;gap:14px;align-items:start;padding:6px 20px 14px}.wardrobePage .wdPreview{grid-area:preview}.wardrobePage .wdCollection{grid-area:collection}.wardrobePage .wdSceneFade{animation:wdFade .26s ease-out both}.wardrobePage .wdIdentity{display:flex;gap:12px;align-items:center;margin-top:12px}.wardrobePage .wdAvatar{width:84px;height:84px;object-fit:cover;border-radius:12px;border:3px solid #9fd0f5;background:#e4f1ff;flex:none}.wardrobePage .wdIdentity h3{font-size:28px;display:flex;align-items:baseline;gap:10px}.wardrobePage .wdIdentity h3 small{font-size:17px;color:var(--ui-muted)}.wardrobePage .wdTraits{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.wardrobePage .wdBoost{display:flex;align-items:center;gap:8px;margin:0}.wardrobePage .wdBoost img{width:34px;height:34px}.wardrobePage .wdBoost span{display:flex;flex-direction:column;line-height:1.1}.wardrobePage .wdBoost b{font-weight:400;font-size:22px;color:var(--ui-heading)}.wardrobePage .wdBoost small{font-size:14px;color:var(--ui-muted)}.wardrobePage .wdActions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.wardrobePage .wdUnsaved{display:inline-flex;align-items:center;gap:6px;color:#e8730c;font-size:17px}.wardrobePage .wdUnsaved img{width:22px;height:22px}.wardrobePage .wdTools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.wardrobePage .wdTools .search{flex:1 1 200px}.wardrobePage .wdTools .tabs{max-width:100%}.wardrobePage .wdItems{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px}.wardrobePage .wdItem{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:2px solid #e3edf8;border-radius:14px;background:#fff;text-align:center;min-width:0}.wardrobePage .wdItem.is-on{background:#f6fff8}.wardrobePage .wdItem.is-locked .wdArt,.wardrobePage .wdItem.is-locked h3{opacity:.5}.wardrobePage .wdArt{width:100%;height:130px;display:grid;place-items:center;border-radius:10px}.wardrobePage .wdArt img{max-width:84%;max-height:112px;object-fit:contain}.wardrobePage .wdItem.is-pop .wdArt{animation:wdPop .28s ease-out}.wardrobePage .wdItem h3{font-size:16px;line-height:1.1}.wardrobePage .wdItem p{margin:0;font-size:14px;color:var(--ui-muted)}.wardrobePage .wdItem .btn{margin-top:4px}.wardrobePage .wdEmpty{grid-column:1/-1;text-align:center;color:var(--ui-muted);padding:24px 0;margin:0}.hatPack .pkSub,.hatReveal .pkSub{font-size:18px;margin:2px 0 0}@keyframes rvSpin{to{transform:rotate(1turn)}}@keyframes rvPopIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes rvTwinkle{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.hatReveal .rvGrid{grid-template-columns:minmax(0,31fr) minmax(0,39fr) minmax(0,30fr);grid-template-areas:"before stage new";grid-gap:14px;gap:14px;align-items:start}.hatReveal .rvStage{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:600px;padding:26px 14px 18px;border-radius:16px;background:linear-gradient(#bfe6ff,#eee8ff 55%,#fff7dc);cursor:pointer;isolation:isolate}.hatReveal .rvStage.is-stage-3{cursor:default}.hatReveal .rvStage.is-stage-0{cursor:pointer}.hatReveal .rvStar{position:absolute;z-index:0;opacity:0;pointer-events:none}.hatReveal .is-stage-2 .rvStar,.hatReveal .is-stage-3 .rvStar{opacity:.9;animation:rvTwinkle 2.2s ease-in-out infinite}.hatReveal .rvResult{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(86%,360px);padding:14px 12px;border-radius:18px;background:hsla(0,0%,100%,.78);border:2px solid #fff;text-align:center;opacity:0;transform:scale(.6);visibility:hidden}.hatReveal .is-stage-3 .rvResult{opacity:1;transform:none;visibility:visible;animation:rvPopIn .4s var(--ease-pop) both}.hatReveal .rvResultArt img{width:270px;max-width:100%;max-height:220px;object-fit:contain}.hatReveal .rvResultArt{position:relative;isolation:isolate;display:grid;place-items:center}.hatReveal .rvResultArt img{position:relative;z-index:2}.hatReveal .rvResult h3{font-size:28px}.hatReveal .rvResult p{margin:0;font-size:15px;color:var(--ui-body)}@media (max-width:1280px){.wardrobePage .wdGrid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.wardrobePage .wdPreview{grid-row:auto}}@media (max-width:1100px){.hatReveal .rvGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"stage stage" "before new"}.hatReveal .rvStage{min-height:520px}}@media (max-width:900px){.wardrobePage .wdGrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview" "collection";grid-template-rows:none}.hatReveal .rvGrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "new" "before"}.hatFlow .hfBar,.wardrobePage .hfBar{position:static;justify-content:center;background:none;border-top:0;margin-top:4px}}@media (max-width:640px){.hatFlow .hfBody,.wardrobePage .wdGrid{padding-inline:12px}.hatFlow .hfBar,.wardrobePage .hfBar{padding-inline:12px;padding-bottom:16px;gap:8px}.wardrobePage .wdItems{grid-template-columns:repeat(2,minmax(0,1fr))}.hatFlow .hfWorn,.wardrobePage .hfWorn{display:none}.wardrobePage .wdArt{height:130px}.hatReveal .rvStage{min-height:540px}}@media (min-width:1101px) and (min-height:680px){.hatFlow.fitPage,.wardrobePage.fitPage{min-height:0}.hatFlow .fitScroll,.wardrobePage .fitScroll{padding-right:4px}.hatFlow .hfBody .panel,.wardrobePage .wdGrid>.panel{min-height:0;padding:clamp(8px,1.5vh,14px) 16px}.hatFlow .panel-head,.wardrobePage .panel-head{margin-bottom:clamp(4px,1vh,10px);flex:none}.hatFlow .panel-title,.wardrobePage .panel-title{font-size:clamp(22px,3.3vh,28px)}.hatFlow .panel-icon,.wardrobePage .panel-icon{width:clamp(28px,3.8vh,36px);height:clamp(28px,3.8vh,36px)}.hatFlow .hfBody>div>.panel,.hatFlow .htSide>.panel,.wardrobePage .wdGrid>.panel{display:flex;flex-direction:column}.hatFlow .hfScene,.wardrobePage .hfScene{flex:1 1;min-height:0;align-self:center;width:auto;max-width:100%;aspect-ratio:1}.hatFlow .tabs,.wardrobePage .tabs{overflow-x:hidden;justify-content:space-between;gap:2px;padding:clamp(3px,.6vh,6px)}.hatFlow .tab,.wardrobePage .tab{flex:1 1 auto;justify-content:center;gap:5px;height:clamp(32px,4.8vh,44px);padding:0 clamp(6px,.8vw,12px);font-size:clamp(14px,2vh,16px)}.hatFlow .tabs--sm .tab{height:clamp(30px,4.4vh,36px);padding:0 clamp(4px,.4vw,9px);font-size:clamp(13px,1.9vh,14px)}.hatFlow .tab-icon,.wardrobePage .tab-icon{width:clamp(20px,3vh,26px);height:clamp(20px,3vh,26px)}.hatFlow .tabs--sm .tab-icon{width:clamp(16px,2.6vh,20px);height:clamp(16px,2.6vh,20px)}.hatFlow .hfBar,.wardrobePage .hfBar{position:static;flex:none;padding-block:clamp(6px,1.2vh,10px)}.hatFlow .hfBody{display:flex;flex-direction:column;padding:clamp(2px,.6vh,6px) 20px clamp(4px,1vh,10px);gap:clamp(8px,1.4vh,14px)}.hatFlow .hfBody>:is(.htGrid,.byGrid,.pkGrid,.rvGrid){flex:1 1;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:clamp(8px,1.4vh,14px)}.hatFlow .hfBody>.panel{flex:1 1}.wardrobePage .wdGrid{grid-template-columns:minmax(300px,32fr) minmax(0,68fr);grid-template-rows:minmax(0,1fr);align-items:stretch;padding:clamp(2px,.6vh,6px) 20px clamp(4px,1vh,10px);gap:clamp(8px,1.4vh,14px)}.wardrobePage .wdPreview{grid-area:preview}.wardrobePage .wdCollection,.wardrobePage .wdPreview{min-width:0}.wardrobePage .wdSceneFade{flex:1 1;min-height:0;display:flex;flex-direction:column}.wardrobePage .wdIdentity{flex:none;margin-top:clamp(6px,1.2vh,12px);gap:clamp(8px,1.2vh,12px)}.hatFlow .hfWorn,.wardrobePage .hfWorn{left:4px;right:4px;bottom:4px;gap:3px}.hatFlow .hfWorn li,.wardrobePage .hfWorn li{font-size:clamp(10px,1.5vh,13px);padding:1px 8px 1px 2px;border-width:2px;gap:3px}.hatFlow .hfWorn img,.wardrobePage .hfWorn img{width:clamp(16px,2.6vh,24px);height:clamp(16px,2.6vh,24px)}.wardrobePage .wdAvatar{width:clamp(56px,10vh,84px);height:clamp(56px,10vh,84px)}.wardrobePage .wdIdentity h3{font-size:clamp(20px,3.4vh,28px)}.wardrobePage .wdIdentity h3 small{font-size:clamp(14px,2vh,17px)}.wardrobePage .wdTraits{margin:clamp(2px,.6vh,6px) 0}.wardrobePage .wdBoost img{width:clamp(26px,4vh,34px);height:clamp(26px,4vh,34px)}.wardrobePage .wdBoost b{font-size:clamp(17px,2.7vh,22px)}.wardrobePage .wdActions{flex:none;margin-top:clamp(6px,1.2vh,12px)}.wardrobePage .wdTools{flex:none;margin-bottom:clamp(6px,1.2vh,12px)}.wardrobePage .wdItems{flex:1 1;min-height:0;align-content:start;grid-template-columns:repeat(auto-fill,minmax(clamp(140px,18vh,175px),1fr));gap:clamp(8px,1.4vh,14px);padding:16px 14px 18px}.wardrobePage .wdArt{height:clamp(90px,16vh,150px)}.wardrobePage .wdArt img{max-height:clamp(76px,13.5vh,128px)}.hatReveal .rvStagePanel,.wardrobePage .wdPreview{overflow:hidden}.hatReveal .rvStage{flex:1 1;min-height:0;padding:clamp(10px,2.4vh,26px) 14px clamp(8px,1.6vh,18px);gap:clamp(2px,.6vh,6px);justify-content:center}.hatReveal .rvResult{gap:clamp(3px,.6vh,6px);padding:clamp(6px,1.4vh,14px) 12px}.hatReveal .rvResultArt img{width:clamp(64px,13vh,170px);max-height:clamp(40px,8.4vh,130px)}.hatReveal .rvResult h3{font-size:clamp(20px,3.2vh,28px)}.hatReveal .rvResult p{font-size:clamp(12px,1.7vh,15px)}.hatReveal .pkSub{font-size:clamp(15px,2.1vh,18px)}}.wardrobePage .wdItem h3{min-height:2.2em;display:flex;align-items:center;justify-content:center;overflow:hidden}.wardrobePage .wdItem .btn{margin-top:auto;align-self:center;flex:none;width:auto;min-width:min(120px,100%)}.wardrobePage .wdItem>:not(.wdArt){flex-shrink:0}.wardrobePage .wdItems{align-items:stretch}@keyframes rvDrop{0%{opacity:0;transform:translateY(-60px) scale(.8)}to{opacity:1;transform:none}}@keyframes rvFloat{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes rvCharge{0%{transform:rotateY(0) rotate(0) scale(1)}12%{transform:rotateY(-38deg) rotate(-9deg) translateX(-6px) scale(1.04)}30%{transform:rotateY(34deg) rotate(9deg) translateX(6px) scale(1.06)}48%{transform:rotateY(-30deg) rotate(-8deg) translateX(-5px) scale(1.08)}64%{transform:rotateY(26deg) rotate(7deg) translateX(5px) scale(1.1)}80%{transform:rotateY(-14deg) rotate(-4deg) translateX(-3px) scale(1.12)}92%{transform:rotateY(6deg) rotate(2deg) scale(1.13)}to{transform:rotateY(0) rotate(0) scale(1.12)}}@keyframes rvShineSweep{0%{background-position:160% 0}to{background-position:-60% 0}}@keyframes rvTearTop{0%{transform:none;opacity:1}30%{transform:translate(6px,-10px) rotate(6deg)}to{transform:translate(120px,-150px) rotate(48deg);opacity:0}}@keyframes rvJolt{0%{transform:none}30%{transform:translateY(8px) scaleY(.96)}60%{transform:translateY(-4px)}to{transform:none}}@keyframes rvTearFlash{0%{opacity:0;transform:scaleX(.2)}40%{opacity:1;transform:scaleX(1.05)}to{opacity:0;transform:scaleX(1.2)}}@keyframes rvBagOut{to{opacity:0;transform:translateY(90px) scale(.85) rotate(-6deg)}}@keyframes rvRise{0%{opacity:0;transform:translateY(70px) scale(.4)}60%{opacity:1;transform:translateY(-10px) scale(1.12)}to{opacity:1;transform:none}}@keyframes rvRays{0%{rotate:0deg}to{rotate:1turn}}@keyframes rvHaloPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.15);opacity:1}}.hatReveal .rvStage{justify-content:center}.hatReveal .rvPackWrap{position:absolute;left:50%;top:46%;width:clamp(120px,40%,210px);translate:-50% -50%;z-index:3;perspective:600px;pointer-events:none;animation:rvDrop .5s var(--ease-pop) both;filter:drop-shadow(0 14px 14px rgba(53,96,171,.25))}.hatReveal .is-stage-3 .rvPackWrap{z-index:0}.hatReveal .rvPackTilt{transform-style:preserve-3d;transform:rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg));transition:transform .18s ease-out;animation:rvFloat 2.6s ease-in-out .5s infinite}.hatReveal .rvPackInner{position:relative;transform-style:preserve-3d}.hatReveal .rvPackInner img{display:block;width:100%;height:auto}.hatReveal .rvPackTop{position:absolute;inset:0;-webkit-clip-path:inset(0 0 79% 0);clip-path:inset(0 0 79% 0)}.hatReveal .rvPackBody{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.hatReveal .rvShine{position:absolute;inset:0;pointer-events:none;-webkit-mask:var(--pack) center/contain no-repeat;mask:var(--pack) center/contain no-repeat;background:linear-gradient(110deg,transparent 38%,hsla(0,0%,100%,.95) 48%,hsla(0,0%,100%,.2) 56%,transparent 64%);background-size:260% 100%;background-position:160% 0;mix-blend-mode:screen}.hatReveal .rvTearLine{position:absolute;left:4%;right:4%;top:19%;height:6px;border-radius:6px;background:linear-gradient(90deg,#fff6c4,#fff,#ffe27a);box-shadow:0 0 16px 6px rgba(255,236,150,.9);opacity:0}.hatReveal .is-stage-1 .rvPackInner{animation:rvCharge 1.5s ease-in-out both}.hatReveal .is-stage-1 .rvShine{animation:rvShineSweep 1.1s ease-in-out .35s both}.hatReveal .is-stage-1 .rvPackTilt,.hatReveal .is-stage-2 .rvPackTilt{animation-play-state:paused}.hatReveal .is-stage-2 .rvPackInner{transform:scale(1.12)}.hatReveal .is-stage-2 .rvPackBody{-webkit-clip-path:inset(21% 0 0 0);clip-path:inset(21% 0 0 0);animation:rvJolt .6s ease-out both}.hatReveal .is-stage-2 .rvPackTop{animation:rvTearTop .9s cubic-bezier(.3,.7,.4,1) both}.hatReveal .is-stage-2 .rvTearLine{animation:rvTearFlash .8s ease-out both}.hatReveal .is-stage-3 .rvPackBody{-webkit-clip-path:inset(21% 0 0 0);clip-path:inset(21% 0 0 0);animation:rvBagOut .7s ease-in both}.hatReveal .is-stage-3 .rvPackTop{opacity:0}.hatReveal .rvGlow{transition:opacity .9s .3s;width:360%;z-index:0;background:repeating-conic-gradient(hsla(0,0%,100%,.85) 0 8deg,var(--glow-ray) 8deg 16deg);-webkit-mask-image:radial-gradient(circle,#000 0 18%,transparent 62%);mask-image:radial-gradient(circle,#000 0 18%,transparent 62%);transition:opacity .5s}.hatReveal .rvGlow,.hatReveal .rvHalo{position:absolute;left:50%;top:50%;aspect-ratio:1;translate:-50% -50%;pointer-events:none;opacity:0}.hatReveal .rvHalo{width:118%;z-index:1;border-radius:50%;background:radial-gradient(circle,var(--glow-core) 0 30%,var(--glow-halo) 52%,transparent 70%)}.hatReveal .is-stage-3 .rvGlow{opacity:1;animation:rvRays 16s linear infinite}.hatReveal .is-stage-3 .rvHalo{opacity:1;animation:rvHaloPulse 2.4s ease-in-out .5s infinite}.hatReveal .is-stage-3 .rvResultArt img{animation:rvRise 1.1s var(--ease-pop) .15s both}.hatReveal .rvResult{overflow:visible;z-index:2}.hatReveal .rvResult>:not(.rvResultArt){position:relative;z-index:3}@media (prefers-reduced-motion:reduce){.hatReveal .rvPackTilt{transform:none}.hatReveal .is-stage-3 .rvGlow{animation:none}}@media (min-width:1101px) and (min-height:680px){.hatReveal .rvPackWrap{width:clamp(100px,17vh,210px)}}@keyframes rvReady{0%,to{filter:drop-shadow(0 14px 14px rgba(53,96,171,.25))}50%{filter:drop-shadow(0 0 22px rgba(255,214,102,.95)) drop-shadow(0 14px 14px rgba(53,96,171,.25))}}@keyframes rvHint{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}.hatReveal .is-stage-0 .rvPackWrap{animation:rvDrop .5s var(--ease-pop) both,rvReady 1.8s ease-in-out .6s infinite}.hatReveal .is-stage-0:hover .rvPackInner{transform:scale(1.06);transition:transform .25s var(--ease-pop)}.hatReveal .rvTapHint{position:absolute;left:50%;top:calc(46% + clamp(80px,13vh,150px));z-index:4;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#fff;border:2px solid #9cc8f3;box-shadow:0 4px 0 #b9d6f7;color:var(--ui-heading);font-size:18px;white-space:nowrap;animation:rvHint 1.6s ease-in-out infinite;pointer-events:none}.hatReveal .rvTapHint img{width:24px;height:24px}.hatReveal .rvStage:focus-visible{outline:3px solid var(--ui-blue);outline-offset:-3px}@media (min-width:1101px) and (min-height:680px){.hatReveal .rvResultArt img{width:clamp(180px,30vh,280px);max-height:clamp(150px,25vh,230px)}}.hatReveal .rvStage{--glow-ray:rgba(255,214,102,.55);--glow-halo:rgba(255,214,102,.45);--glow-core:rgba(255,250,214,.95)}.hatReveal .rvStage.glow-common{--glow-ray:rgba(120,220,200,.55);--glow-halo:rgba(120,220,200,.45);--glow-core:rgba(230,255,248,.95)}.hatReveal .rvStage.glow-rare{--glow-ray:rgba(90,160,255,.6);--glow-halo:rgba(90,160,255,.5);--glow-core:rgba(226,240,255,.95)}.hatReveal .rvStage.glow-epic{--glow-ray:rgba(220,110,230,.6);--glow-halo:rgba(200,110,240,.5);--glow-core:rgba(252,232,255,.95)}.hatReveal .rvStage.glow-legendary{--glow-ray:rgba(255,200,60,.7);--glow-halo:rgba(255,190,40,.6);--glow-core:rgba(255,248,210,.98)}.hatReveal .rvStage.glow-legendary .rvHalo{animation-duration:1.6s}.hatReveal .rvStage.glow-epic .rvGlow,.hatReveal .rvStage.glow-legendary .rvGlow{animation-duration:10s}.hatReveal .rvGrid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"stage new"}@media (max-width:850px){.hatReveal .rvGrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "new"}}.hatPack .hfBody,.hatReveal .hfBody{padding-top:14px}.hatReveal .rvGrid{grid-template-columns:minmax(0,760px) minmax(0,460px)}.hatReveal .rvPackWrap{width:clamp(170px,48%,320px)}.hatReveal .rvTapHint{top:calc(46% + clamp(120px,21vh,220px))}@media (min-width:1101px) and (min-height:680px){.hatReveal .rvPackWrap{width:clamp(160px,30vh,320px)}}@media (max-width:850px){.hatReveal .rvGrid{grid-template-columns:minmax(0,1fr)}}.hatReveal .rvGrid{display:grid;grid-template-columns:minmax(0,760px);grid-template-areas:"stage";justify-content:center}.hatReveal .hfBar,.hatReveal .hfBar[class]{display:flex;justify-content:center;grid-template-columns:none}.hatFlow .hfBackRound .btn-icon{transform:scaleX(-1)}.hatFlow.hatReveal .hfBar,.hatFlow.hatReveal .hfBar[class]{padding-left:20px;padding-right:20px;justify-content:center}@media (max-width:1100px){.hatReveal .rvGrid,.hatReveal .rvGrid[class]{grid-template-columns:minmax(0,1fr)}.hatReveal .rvStage{min-height:420px}.hatReveal .rvPackWrap{width:clamp(150px,46%,220px)}.hatReveal .rvTapHint{top:calc(46% + 130px);font-size:15px}.hatReveal .rvResultArt img{width:200px;max-height:170px}}@media (max-width:700px){.hatFlow.hatReveal{min-height:calc(100svh - var(--tabbar-h, 66px) - env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;justify-content:center}.hatFlow.hatReveal .hfBody{flex:0 0 auto;padding-block:10px 4px}.hatReveal .rvStagePanel{padding:10px 10px 12px}.hatReveal .rvStage{min-height:0;height:clamp(300px,54svh,560px)}.hatReveal .rvPackWrap{top:44%;width:clamp(130px,22svh,220px)}.hatReveal .rvTapHint{top:auto;bottom:clamp(14px,3svh,30px);font-size:15px}.hatReveal .rvResultArt img{width:clamp(150px,26svh,230px);max-height:clamp(120px,22svh,200px)}.hatFlow.hatReveal .hfBar,.hatFlow.hatReveal .hfBar[class]{position:static;background:none;padding:6px 16px 12px}}.hatFlow.hatReveal .hfBar>.btn{min-width:180px;padding-inline:22px}.wdPickPage .wdPickBody{flex:1 1;display:flex;justify-content:center;padding:6px 20px 20px;min-height:0}.wdPickPage .wdPick{width:min(1280px,100%);display:flex;flex-direction:column;min-height:0}.wdPickPage .wdPickGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-gap:12px;gap:12px;padding:14px 12px 18px;align-content:start}.wdPickPage .wdPickCard{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 8px 10px;border:2px solid #cfe3fb;border-radius:16px;background:#fff;color:var(--ui-heading);text-align:center;text-decoration:none;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.wdPickPage .wdPickCard:hover{border-color:#9c80f2;box-shadow:0 6px 16px rgba(111,82,199,.18)}.wdPickPage .wdPickRarity{position:absolute;left:6px;top:6px;box-shadow:0 2px 6px rgba(40,60,120,.18)}.wdPickPage .wdPickCard.rar-common{border-color:#a9b0e3}.wdPickPage .wdPickCard.rar-rare{border-color:#5bbcf0}.wdPickPage .wdPickCard.rar-epic{border-color:#f08fc0}.wdPickPage .wdPickCard.rar-legendary{border-color:#e3bc3a;box-shadow:0 0 0 3px #fff3c4}.wdPickPage .wdPickCard:focus-visible{outline:3px solid var(--ui-blue);outline-offset:3px}.wdPickPage .wdPickArt{width:100%;height:130px;display:grid;place-items:end center;border-radius:12px;background:linear-gradient(180deg,#eef6ff,#e4f1ff);overflow:hidden}.wdPickPage .wdPickArt img{height:94%;width:94%;object-fit:contain;object-position:bottom;transition:transform .3s var(--ease-pop,ease)}.wdPickPage .wdPickCard h3{font-size:19px;display:flex;align-items:baseline;justify-content:center;gap:6px;max-width:100%;white-space:nowrap;overflow:hidden}.wdPickPage .wdPickCard h3 small{font-size:13px;color:var(--ui-muted)}.wdPickPage .wdPickCard .wdTraits{justify-content:center;gap:4px;margin:0}.wdPickPage .wdPickCard .wdTraits .chip:nth-child(n+3){display:none}.wdPickPage .wdPickCard .btn{align-self:center;width:auto;min-width:min(120px,100%);max-width:100%;margin-top:auto;pointer-events:none}@media (min-width:1101px) and (min-height:680px){.wdPickPage .wdPickGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.wdPickPage .wdPickArt{height:clamp(110px,17vh,160px)}}@media (max-width:640px){.wdPickPage .wdPickBody{padding:4px 12px 16px}.wdPickPage .wdPickGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px 0 8px}.wdPickPage .wdPickCard{padding:6px 6px 8px;gap:5px;border-radius:14px}.wdPickPage .wdPickArt{height:110px}.wdPickPage .wdPickCard h3{font-size:16px;gap:4px}.wdPickPage .wdPickCard h3 small{font-size:11px}.wdPickPage .wdPickWord{display:none}}@keyframes wdBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.014,1.022)}}@keyframes wdAura{0%{opacity:.8;transform:translateY(0) scale(1)}to{opacity:1;transform:translateY(-1.5%) scale(1.02)}}@keyframes wdWearIn{0%{opacity:0;transform:translateY(9%)}65%{opacity:1;transform:translateY(-1.2%)}to{transform:none}}@keyframes wdHatIn{0%{opacity:0;transform:translateY(-16%)}55%{opacity:1;transform:translateY(1.2%) scale(1.04,.95)}78%{transform:translateY(-.6%) scale(.98,1.03)}to{transform:none}}@keyframes wdNapIn{0%{opacity:0;transform:scale(.55)}60%{opacity:1;transform:scale(1.07)}to{transform:none}}@keyframes wdSpark{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.3)}25%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-120px) scale(1)}}@keyframes wdFlash{0%{opacity:0;transform:scale(.4)}30%{opacity:.9}to{opacity:0;transform:scale(1.4)}}@keyframes wdSweep{0%{transform:translateX(-130%) skewX(-20deg)}to{transform:translateX(330%) skewX(-20deg)}}@keyframes wdShine{0%{transform:translateX(-120%) skewX(-18deg)}to{transform:translateX(260%) skewX(-18deg)}}@keyframes wdEquipGlow{0%{box-shadow:0 0 0 0 rgba(95,214,144,.65)}to{box-shadow:0 0 0 12px rgba(95,214,144,0)}}@keyframes wdBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px) rotate(-1.5deg)}}.hatFlow .hfCatStack,.wardrobePage .hfCatStack{position:absolute;inset:0;transform-origin:50% 100%;animation:wdBreathe 4.2s ease-in-out infinite}.hatFlow .hfLayer--aura,.wardrobePage .hfLayer--aura{animation:wdAura 5s ease-in-out infinite alternate}.hatFlow .hfLayer--outfit,.wardrobePage .hfLayer--outfit{animation:wdWearIn .45s var(--ease-pop,ease-out) both}.hatFlow .hfLayer--hat,.wardrobePage .hfLayer--hat{transform-origin:50% 40%;animation:wdHatIn .55s ease-out both}.hatFlow .hfLayer--nap,.wardrobePage .hfLayer--nap{transform-origin:55% 85%;animation:wdNapIn .45s var(--ease-pop,ease-out) both}.wardrobePage .hfBurst{position:absolute;left:50%;top:58%;width:0;height:0;z-index:3;pointer-events:none}.wardrobePage .hfBurst:before{content:"";position:absolute;left:-90px;top:-90px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,hsla(0,0%,100%,.9),rgba(255,236,170,.5) 40%,transparent 70%);animation:wdFlash .55s ease-out both}.wardrobePage .hfBurst i{position:absolute;left:-7px;top:-7px;width:14px;height:14px;background:#ffd84d;-webkit-clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:wdSpark .7s ease-out both}.wardrobePage .hfBurst i:nth-child(2n){background:#ff9ccc;width:10px;height:10px;left:-5px;top:-5px;animation-duration:.8s}.wardrobePage .hfShine{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.wardrobePage .hfShine:before{content:"";position:absolute;top:-10%;bottom:-10%;width:35%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.75),transparent);animation:wdShine .9s ease-out both}.wardrobePage .wdItem{--tone-line:#e3edf8;border-color:var(--tone-line)}.wardrobePage .wdItem.rar-common{--tone-line:#d6ddf3}.wardrobePage .wdItem.rar-rare{--tone-line:#b9d7f8}.wardrobePage .wdItem.rar-epic{--tone-line:#efc0e6}.wardrobePage .wdItem.rar-legendary{--tone-line:#f2d27a}.wardrobePage .wdItem{transition:transform .25s var(--ease-pop,ease),box-shadow .25s}.wardrobePage .wdItem:hover{transform:scale(1.04);box-shadow:0 10px 22px rgba(53,96,171,.16);z-index:1}.wardrobePage .wdArt{position:relative;overflow:hidden}.wardrobePage .wdItem.rar-epic .wdArt:after,.wardrobePage .wdItem.rar-legendary .wdArt:after{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:30%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.75),transparent);transform:translateX(-130%) skewX(-20deg);pointer-events:none}.wardrobePage .wdItem.rar-epic:hover .wdArt:after,.wardrobePage .wdItem.rar-legendary:hover .wdArt:after{animation:wdSweep .9s ease-out 1}.wardrobePage .wdItem.is-on{border-color:#8fdca7;animation:wdEquipGlow 1.6s ease-out 1}.wdPickPage .wdPickArt{position:relative;isolation:isolate}.wdPickPage .wdPickArt:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 70%,rgba(156,128,242,.4),transparent 65%);opacity:0;transition:opacity .3s}.wdPickPage .wdPickArt img{position:relative;z-index:1}.wdPickPage .wdPickCard:hover .wdPickArt:before{opacity:1}.wdPickPage .wdPickCard:hover .wdPickArt img{animation:wdBob 1.4s ease-in-out infinite;transform:none}.wdPickPage .wdPickCard:hover h3{color:#6f52c7}.wdPickPage .wdPickCard h3{transition:color .2s}@media (prefers-reduced-motion:reduce){.hatFlow .hfCatStack,.hatFlow .hfLayer--aura,.hatFlow .hfLayer--hat,.hatFlow .hfLayer--nap,.hatFlow .hfLayer--outfit,.wardrobePage .hfCatStack,.wardrobePage .hfLayer--aura,.wardrobePage .hfLayer--hat,.wardrobePage .hfLayer--nap,.wardrobePage .hfLayer--outfit,.wardrobePage .wdItem .wdArt:after,.wardrobePage .wdItem.is-on,.wdPickPage .wdPickCard:hover .wdPickArt img{animation:none}.wardrobePage .wdItem:hover{transform:none}.wardrobePage .hfBurst,.wardrobePage .hfShine{display:none}}.crPage{min-height:100svh;background:#e4f8fe;color:var(--ui-body);font-family:var(--font-game);overflow-x:hidden;padding-bottom:28px}.crPage .crBody{padding:12px 18px 0;display:flex;flex-direction:column;gap:12px;max-width:1700px;margin:0 auto}.crPage .heroHeart,.crPage .heroHome{width:44px;height:44px;object-fit:contain;vertical-align:-6px;margin:0 6px}.crPage .heroPencil{vertical-align:middle;margin-left:6px}.crPage .srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.crPage .onlyPhone{display:none}.crPage .dashedBox{display:inline-block;width:44px;height:44px;border:2px dashed #8fc4ef;border-radius:10px;flex:none}.crPage img{max-width:100%}.crPage .backButton .btn-icon{transform:scaleX(-1)}.crPage .crEmpty{background:#fff;border:var(--frame-border);border-radius:var(--frame-radius);box-shadow:var(--frame-shadow)}.crPage .crEmptyActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.crPage .panel-title{font-size:26px}.crPage .panel{padding:12px 14px}.crPage .catCard{position:relative;display:flex;flex-direction:column;gap:9px;padding:10px;background:#fff;border:2px solid #bfe2f7;border-radius:16px;cursor:pointer;min-width:0;outline:none;transition:transform .2s,border-color .2s,box-shadow .2s}.crPage .catCard:focus-visible{box-shadow:0 0 0 4px #9bd0fb}.crPage .catCard.is-selected{border-color:#2587e8;border-width:3px;padding:9px;box-shadow:0 0 0 4px #d6ecff}.crPage .catCard.is-locked{background:#f4f6fb;cursor:not-allowed}.crPage .catCard.is-locked .catCardArt img{filter:grayscale(.35) brightness(.95)}.crPage .catCard.is-shaking,.crPage .unlockCard.is-shaking{animation:crShake .3s linear}@keyframes crShake{0%,to{translate:0}25%{translate:-4px 0}75%{translate:4px 0}}.crPage .catCardArt{position:relative;aspect-ratio:1.28;border-radius:12px;overflow:hidden;background:#cfeaff}.crPage .catCardScene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.crPage .catCard:hover .catCardScene{transform:scale(1.04)}.crPage .catCardCat{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:96%;width:auto;max-width:90%;object-fit:contain}.crPage .catCardBadge{position:absolute;right:8px;top:8px;background:#fff;max-width:60%;white-space:normal}.crPage .catCardRarity{position:absolute;left:8px;bottom:8px;box-shadow:0 2px 6px rgba(40,60,120,.18)}.crPage .catCard.rar-common{border-color:#a9b0e3}.crPage .catCard.rar-rare{border-color:#5bbcf0}.crPage .catCard.rar-epic{border-color:#f08fc0}.crPage .catCard.rar-legendary{border-color:#e3bc3a;box-shadow:0 0 0 3px #fff3c4}.crPage .catCardHead{display:flex;align-items:center;gap:6px}.crPage .catCardHead h2{margin:0;font-size:26px;font-weight:400;color:#111a4d;line-height:1.1;overflow:hidden;text-overflow:ellipsis}.crPage .catCardId{margin-left:auto;font-size:16px;color:var(--ui-muted)}.crPage .catCardTraits{display:flex;flex-wrap:wrap;gap:6px}.crPage .catCardWorn{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.crPage .catCardWorn li{display:flex;align-items:center;gap:6px;padding:3px 6px;border:2px solid #bfe2f7;border-radius:10px;font-size:13px;line-height:1.1;color:#111a4d;min-width:0}.crPage .catCardWorn li.rar-common{border-color:#8a93d6}.crPage .catCardWorn li.rar-rare{border-color:#3aa7ee}.crPage .catCardWorn li.rar-epic{border-color:#e86fb8}.crPage .catCardWorn li.rar-legendary{border-color:#f2b705}.crPage .catCardWorn img{width:26px;height:26px;object-fit:contain;flex:none}.crPage .catCardWorn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crPage .catCardWornNone{margin:0;font-size:13px;color:var(--ui-body)}.crPage .catCardRow{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;color:#111a4d}.crPage .catCardRow>span{display:inline-flex;align-items:center;gap:8px;min-width:0}.crPage .catCardRow img{width:26px;height:26px;object-fit:contain;flex:none}.crPage .catCardCare{display:grid;grid-template-columns:24px auto 1fr auto;align-items:center;grid-gap:8px;gap:8px;font-size:15px;color:#111a4d}.crPage .catCardCare img{width:24px;height:24px;object-fit:contain}.crPage .catCardCare b{font-weight:400}.crPage .catCardActions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:auto;padding-top:4px}.myCatsPage .catToolbar{flex:none;display:flex;justify-content:center}.myCatsPage .catToolbar .tabs{width:-moz-fit-content;width:fit-content;max-width:100%}.myCatsPage .catGrid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.myCatsPage .catCard{gap:6px;padding:8px}.crPage.myCatsPage .catCard .catCardArt{flex:none;aspect-ratio:auto;height:clamp(110px,17vh,160px);min-height:0}.myCatsPage .catCardHead h2{font-size:20px}.myCatsPage .catCardRow{font-size:14px}.myCatsPage .catCardRow>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myCatsPage .catCardActions{gap:6px;flex-wrap:nowrap}.myCatsPage .catCardActions>*{flex:0 1 auto;min-width:0}.myCatsPage .catCardRow img{width:18px;height:18px}.myCatsPage .catCardBadge{font-size:12px;padding-inline:6px}.myCatsPage .catCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-rows:max-content;align-content:start;grid-gap:12px;gap:12px}.catDetailPage .detailTop{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-gap:12px;gap:12px;align-items:start}.catDetailPage .detailPreview{display:flex;flex-direction:column;gap:10px;padding:10px;background:#fff;border:var(--frame-border);border-radius:var(--frame-radius);box-shadow:var(--frame-shadow)}.catDetailPage .detailStage{position:relative;aspect-ratio:1.02;border-radius:12px;overflow:hidden;background:#cfeaff}.catDetailPage .detailRoom{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.catDetailPage .detailCat{position:absolute;left:50%;bottom:0;height:92%;width:auto;max-width:96%;object-fit:contain;transform:translateX(-50%);animation:crBob 4s ease-in-out infinite}.catDetailPage .detailBadge{position:absolute;left:10px;top:10px;background:#fff;font-size:17px}.catDetailPage .detailActions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.catDetailPage .detailActions .btn{flex:0 0 auto;min-width:170px}.catDetailPage .detailActions .btn-label{padding:0 16px;font-size:16px;gap:6px}.catDetailPage .detailActions .btn-icon{width:20px;height:20px}@keyframes crBob{0%,to{translate:0 0}50%{translate:0 -6px}}.catDetailPage .detailRight{display:flex;flex-direction:column;gap:10px;min-width:0}.catDetailPage .detailMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;background:#fff;border:var(--frame-border);border-radius:var(--frame-radius);box-shadow:var(--frame-shadow);padding:8px}.catDetailPage .detailMetrics>div{display:flex;align-items:center;gap:8px;min-width:0}.catDetailPage .detailMetrics img{width:38px;height:38px;object-fit:contain;flex:none}.catDetailPage .detailMetrics span{display:flex;flex-direction:column;min-width:0;gap:2px;flex:1 1}.catDetailPage .detailMetrics b{font-weight:400;font-size:18px;color:#111a4d;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catDetailPage .detailMetrics small{font-size:14px;color:var(--ui-muted)}.catDetailPage .detailMid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start}.catDetailPage .traitTableWrap{overflow-x:auto}.catDetailPage .traitTable{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:15px;color:#111a4d}.catDetailPage .traitTable td,.catDetailPage .traitTable th{text-align:left;font-weight:400;padding:3px 6px;background:#f7fbff}.catDetailPage .traitTable thead th{background:none;color:var(--ui-body);font-size:15px}.catDetailPage .traitTable tbody th{border-radius:10px 0 0 10px;white-space:nowrap;width:1%}.catDetailPage .traitTable tbody th img{width:26px;height:26px;object-fit:contain;vertical-align:middle;margin-right:8px}.catDetailPage .traitTable td:last-child{border-radius:0 10px 10px 0}.catDetailPage .traitTable td{white-space:nowrap}.catDetailPage .traitThumb{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:8px;vertical-align:middle;border-radius:8px;background:#fff;border:2px solid #dbe9f8;overflow:hidden}.catDetailPage .traitThumb img{width:100%;height:100%;object-fit:cover}.catDetailPage .traitThumb.is-empty{border:2px dashed #b6d4f0;background:none}.catDetailPage .traitThumb--layers{position:relative;overflow:hidden;background:linear-gradient(180deg,#eef6ff,#e4f1ff)}.catDetailPage .traitThumb--layers i{position:absolute;inset:0;background-repeat:no-repeat;background-size:contain;background-position:50%}.roomScene{position:relative;border-radius:12px;overflow:hidden;background:#efe9fb;aspect-ratio:1.55;container-type:size}.roomStage{position:absolute;left:50%;top:50%;width:max(100cqw,150cqh);aspect-ratio:3/2;translate:-50% -50%}.roomScene.is-editing .roomStage{width:min(100cqw,150cqh)}.roomSceneArt{inset:0;width:100%;height:100%}.roomItem,.roomSceneArt{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.roomItem{width:auto;translate:-50% -100%;transform-origin:bottom center;filter:drop-shadow(0 6px 5px rgba(70,50,110,.28));transition:filter .15s ease}.roomItem.is-hover,.roomItem.is-selected{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #2587e8)}.roomItem.is-pulse{animation:roomItemPop .5s var(--ease-pop)}.roomItem.is-dragging{scale:1.08;translate:-50% calc(-100% - 10px);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #2587e8) drop-shadow(0 18px 12px rgba(70,50,110,.3));transition:scale .15s var(--ease-pop),translate .15s var(--ease-pop)}.roomItem.is-blocked{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px #e5484d) drop-shadow(0 18px 12px rgba(70,50,110,.3));opacity:.85}@keyframes roomItemPop{0%{scale:.6}60%{scale:1.08}to{scale:1}}.roomsPage .is-editing .roomItem{cursor:-webkit-grab;cursor:grab;touch-action:none}.roomsPage.is-dragging,.roomsPage.is-dragging *{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.roomsPage .roomItemBar{position:absolute;z-index:200;translate:-50% 10px;display:flex;align-items:center;gap:8px;padding:5px 5px 5px 12px;background:#fff;border:var(--frame-border);border-radius:14px;box-shadow:var(--frame-shadow);white-space:nowrap;animation:crFade .2s ease-out}.roomsPage .roomItemBar.is-above{translate:-50% calc(-100% - 10px)}.roomsPage .roomItemBar b{font-weight:400;font-size:15px;color:#111a4d}@keyframes crBreathe{0%,to{scale:1}50%{scale:1 1.025}}@keyframes crRing{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.95)}to{box-shadow:0 0 0 22px hsla(0,0%,100%,0)}}.roomsPage .roomLockOverlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;text-align:center;background:rgba(20,18,40,.58);color:#fff}.roomsPage .roomLockOverlay img{width:58px;height:58px;object-fit:contain}.roomsPage .roomLockOverlay b{font-weight:400;font-size:20px}.roomsPage .roomLockOverlay small{font-size:15px}.roomsPage .tick{animation:pop .35s var(--ease-pop);display:inline-block}@keyframes crSlide{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}.roomsPage .decoCheck{position:absolute;right:4px;top:4px;width:24px;height:24px}.roomsPage .roomsLayout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.roomsPage .roomsMain{display:flex;flex-direction:column;gap:12px;min-width:0}.roomsPage .roomToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.roomsPage .roomToolbar .tabs{min-width:0}.roomsPage .roomSearch{width:260px;flex:none}.roomsPage .roomCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.roomsPage .roomCard{display:flex;flex-direction:column;gap:8px;padding:10px;background:#fff;border:2px solid var(--ui-border);border-radius:16px;min-width:0}.roomsPage .roomCard header{display:flex;align-items:center;gap:8px}.roomsPage .roomCard header>img{width:34px;height:34px;object-fit:contain;flex:none}.roomsPage .roomCard header h2{margin:0;font-size:22px;font-weight:400;color:#111a4d;flex:1 1;min-width:0;line-height:1.1}.roomsPage .roomCardArt .roomScene{aspect-ratio:1.05}.roomsPage .roomCardMeta{display:flex;align-items:center;justify-content:space-between;gap:8px}.roomsPage .roomCardMeta .multiplier{display:inline-flex;align-items:center;gap:8px}.roomsPage .roomCardMeta .multiplier>img{width:38px;height:38px;object-fit:contain}.roomsPage .roomCardMeta .multiplier span{display:flex;flex-direction:column}.roomsPage .roomCardMeta b{font-weight:400;font-size:20px;color:#111a4d;line-height:1}.roomsPage .roomCardMeta small{font-size:14px;color:var(--ui-body)}.roomsPage .resident{display:flex;align-items:center;gap:8px;min-height:54px;font-size:16px;color:#111a4d}.roomsPage .resident>img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #bfe2f7;background:#eaf6ff;flex:none}.roomsPage .resident span{display:flex;flex-direction:column;min-width:0}.roomsPage .resident b{font-weight:400}.roomsPage .resident small{font-size:14px;color:var(--ui-body);line-height:1.2}.roomsPage .roomCardActions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:auto}.roomsPage .roomCard.is-locked:hover .roomLockOverlay img{animation:crShake .4s linear}.roomsPage .unlockGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.85fr);grid-gap:12px;gap:12px;align-items:start}.roomsPage .unlockList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.roomsPage .unlockCard{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-gap:10px;gap:10px;padding:8px;background:#fff;border:2px solid #bfe2f7;border-radius:14px;cursor:pointer;outline:none;transition:transform .2s,border-color .2s,box-shadow .2s}.roomsPage .unlockCard:focus-visible{box-shadow:0 0 0 4px #9bd0fb}.roomsPage .unlockCard.is-selected{border:3px solid #2587e8;padding:7px;box-shadow:0 0 0 4px #d6ecff}.roomsPage .unlockCard.is-locked{background:#f4f6fb;cursor:not-allowed}.roomsPage .unlockCard.is-locked .unlockCardArt>img:first-child{filter:grayscale(.35) brightness(.9)}.roomsPage .unlockCardArt{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:1.8}.roomsPage .unlockCardArt>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.roomsPage .unlockCardArt .lockBadge{position:absolute;left:8px;top:8px;width:34px;height:34px;padding:5px;background:#fff;border-radius:50%}.roomsPage .unlockCardInfo{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.roomsPage .unlockCardInfo h2{margin:0;font-size:22px;font-weight:400;color:#111a4d;line-height:1.1}.roomsPage .unlockCardInfo .chip{white-space:normal}.roomsPage .priceBox{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:auto;padding:4px;border:2px solid #dbe9f8;border-radius:10px;font-size:15px;color:#111a4d}.roomsPage .priceBox b{font-weight:400;font-size:18px}.roomsPage .unlockCenter{display:flex;flex-direction:column;gap:10px;padding:12px;background:#fff;border:var(--frame-border);border-radius:var(--frame-radius);box-shadow:var(--frame-shadow);min-width:0}.roomsPage .unlockTitle{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.roomsPage .unlockTitle h2{font-size:34px;font-weight:400;color:#111a4d;margin:0 4px 0 0}.roomsPage .assignPreview,.roomsPage .unlockPreview{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1.6;background:#cfeaff}.roomsPage .assignPreview img,.roomsPage .unlockPreview img{width:100%;height:100%;object-fit:cover;animation:crFade .3s ease-out}@keyframes crFade{0%{opacity:0}to{opacity:1}}.roomsPage .unlockFacts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.roomsPage .unlockFacts.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.roomsPage .unlockFacts li{display:flex;align-items:center;gap:10px;padding:8px;background:#f7fbff;border-radius:12px;min-width:0}.roomsPage .unlockFacts img{width:40px;height:40px;object-fit:contain;flex:none}.roomsPage .unlockFacts span{display:flex;flex-direction:column;min-width:0}.roomsPage .unlockFacts b{font-weight:400;font-size:20px;color:#111a4d;line-height:1.1}.roomsPage .unlockFacts small{font-size:14px;color:var(--ui-body)}.roomsPage .purchaseBox{display:flex;flex-direction:column;gap:10px;padding:10px;border:2px solid #dbe9f8;border-radius:14px}.roomsPage .purchaseBox h3{display:flex;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:400;color:#111a4d}.roomsPage .purchaseBox h3 img{width:28px;height:28px;object-fit:contain}.roomsPage .purchaseGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-gap:10px;gap:10px}.roomsPage .purchasePrice{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px;background:#f3f9ff;border-radius:12px;font-size:15px}.roomsPage .purchasePrice b{font-weight:400;font-size:36px;color:#111a4d;line-height:1.1}.roomsPage .purchaseList{margin:0;display:flex;flex-direction:column;gap:4px;justify-content:center;font-size:15px;color:#111a4d}.roomsPage .purchaseList>div{display:flex;justify-content:space-between;gap:8px}.roomsPage .purchaseList dt{color:var(--ui-body)}.roomsPage .purchaseList dd{margin:0;text-align:right}.roomsPage .purchaseList dd.bad{color:#d0306a}.roomsPage .paymentRow{display:flex;align-items:center;gap:10px;padding:0 12px;height:48px;border:2px solid #cbdcf2;border-radius:12px;font-size:16px;color:#111a4d}.roomsPage .paymentRow select{flex:1 1;min-width:0;height:100%;border:0;background:none;font-family:var(--font-game);font-size:16px;color:#111a4d;text-align:right;cursor:pointer}.roomsPage .shortNote{margin:0;padding:8px 10px;border-radius:10px;background:#ffe8f0;color:#d0306a;font-size:15px}.roomsPage .shortNote a{color:#2587e8}.roomsPage .ownedBox{align-items:center}.roomsPage .unlockSide{display:flex;flex-direction:column;gap:12px}.roomsPage .benefitList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.roomsPage .benefitList li{display:flex;gap:10px;align-items:center;padding:6px 8px;background:#f7fbff;border-radius:12px}.roomsPage .benefitList li>img{width:38px;height:38px;object-fit:contain;flex:none}.roomsPage .benefitList b{display:block;font-weight:400;font-size:17px;color:#111a4d;line-height:1.15}.roomsPage .benefitList small{font-size:14px;color:var(--ui-body);line-height:1.25;display:block}.roomsPage .assignBar,.roomsPage .unlockBar{display:flex;align-items:flex-start;justify-content:flex-end;gap:12px}.roomsPage .unlockBar>.btn{width:240px}.roomsPage .unlockCta{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1;max-width:640px;text-align:center}.roomsPage .unlockCta small{font-size:14px;color:var(--ui-body)}.roomsPage .phoneExtras{gap:8px}.roomsPage .assignTop{display:grid;grid-template-columns:minmax(0,37fr) minmax(0,63fr);grid-gap:12px;gap:12px;align-items:start}.roomsPage .assignRoom .panel-head{flex-wrap:wrap}.roomsPage .chooseCat h2{margin:0 0 8px;font-size:34px;font-weight:400;color:#111a4d}.roomsPage .assignCats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;align-content:start}.roomsPage .assignCats .catCardCat{height:100%}.roomsPage .assignCats .catCard .catCardArt{flex:none;aspect-ratio:1.15;min-height:0}.roomsPage .assignCats .catCardHead h2{font-size:20px}.roomsPage .assignCats .catCardBadge{font-size:12px;padding-inline:6px}.roomsPage .assignCats .catCardBadge img{width:14px;height:14px}.roomsPage .assignSummary .summaryRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.2fr);grid-gap:10px;gap:10px;align-items:stretch}.roomsPage .summaryCard{display:flex;align-items:center;gap:10px;padding:8px;background:#f7fbff;border-radius:12px;min-width:0;animation:crFade .3s ease-out}.roomsPage .summaryThumb{width:84px;height:68px;object-fit:cover;border-radius:10px;flex:none;background:#e6f3ff}.roomsPage .summaryCard span{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.roomsPage .summaryCard b{font-weight:400;font-size:20px;color:#111a4d}.roomsPage .summaryCard em{font-style:normal;font-size:15px;color:var(--ui-muted)}.roomsPage .summaryCard small{font-size:14px}.roomsPage .summaryFacts{list-style:none;margin:0;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:#f7fbff;border-radius:12px;font-size:15px;color:#111a4d}.roomsPage .summaryFacts li{display:flex;align-items:center;gap:8px}.roomsPage .summaryFacts img{width:26px;height:26px;object-fit:contain}.roomsPage .summaryCheck{display:flex;align-items:center;padding:8px 10px;background:#f7fbff;border-radius:12px;font-size:15px}.roomsPage .assignBar .btn{min-width:220px}.roomsPage .assignBar .assignCta{flex:0 1 470px}.roomsPage .editGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-gap:12px;gap:12px;align-items:start}.roomsPage .editStats{display:flex;flex-wrap:wrap;gap:6px}.roomsPage .editStageWrap{position:relative}.roomsPage .editStageWrap.is-drop .roomScene{outline:3px dashed #5fb6f2;outline-offset:-3px}.roomsPage .editStageWrap.is-drop .roomScene:after{content:"";position:absolute;inset:0;background:rgba(95,182,242,.08);pointer-events:none}.roomsPage .editPreview .roomScene{aspect-ratio:3/2}.roomsPage .editHint{position:absolute;left:0;right:0;top:28%;width:-moz-fit-content;width:fit-content;margin:0 auto;display:flex;align-items:center;gap:8px;padding:8px 16px;background:hsla(0,0%,100%,.92);border:2px dashed #8fb8ee;border-radius:999px;font-size:16px;color:#123e7d;pointer-events:none;animation:crBob 3s ease-in-out infinite}.roomsPage .editHint img{width:24px;height:24px;object-fit:contain}.roomsPage .editHint.is-armed{top:5%;pointer-events:auto;border-style:solid;border-color:#5fb6f2;animation:none}.roomsPage .editHint.is-armed img{width:34px;height:34px}.roomsPage .editStageWrap:has(.editHint.is-armed) .roomScene{cursor:crosshair;outline:3px dashed #5fb6f2;outline-offset:-3px}.roomsPage .editTip{margin:8px 0 0;font-size:14px;color:var(--ui-body)}.roomsPage .editTip a{color:#2587e8}.roomsPage .editTray{display:flex;flex-direction:column}.roomsPage .editTray .tabs{margin-bottom:8px}.roomsPage .trayGrid{list-style:none;margin:0;padding:12px 10px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:8px;gap:8px;overflow:auto}.roomsPage .trayTile{--rar:#bfe2f7;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;background:#fff;border:2px solid var(--rar);border-radius:14px;cursor:-webkit-grab;cursor:grab;font:inherit;color:#111a4d;touch-action:pan-y;transition:transform .15s var(--ease-pop),box-shadow .15s ease}.roomsPage .trayTile.rar-common{--rar:#8a93d6}.roomsPage .trayTile.rar-rare{--rar:#3aa7ee}.roomsPage .trayTile.rar-epic{--rar:#e86fb8}.roomsPage .trayTile.rar-legendary{--rar:#f2b705}.roomsPage .trayTile:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 12px rgba(53,96,171,.18)}.roomsPage .trayTile:focus-visible{outline:3px solid #2587e8;outline-offset:2px}.roomsPage .trayTile[aria-pressed=true]{box-shadow:0 0 0 3px #d6ecff}.roomsPage .trayTile.is-placed{background:#f1fbf4;cursor:pointer}.roomsPage .trayTile.is-unavailable{opacity:.5;cursor:not-allowed}.roomsPage .trayArt{display:flex;align-items:center;justify-content:center;width:100%;height:64px;overflow:hidden}.roomsPage .trayArt img{display:block;width:88%;height:100%;object-fit:contain;pointer-events:none}.roomsPage .trayTile b{font-weight:400;font-size:14px;line-height:1.1;text-align:center}.roomsPage .trayTile small{font-size:12px;color:var(--ui-body);text-align:center}.roomsPage .trayShop{margin-top:10px;align-self:center}.roomsPage .dragGhost{position:fixed;z-index:1000;width:auto;translate:-50% -100%;rotate:-4deg;scale:1.06;pointer-events:none;opacity:.92;filter:drop-shadow(0 16px 12px rgba(53,96,171,.35));animation:ghostLift .18s var(--ease-pop)}.roomsPage .dragGhost.is-blocked{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px #e5484d);opacity:.75}@keyframes ghostLift{0%{scale:.6;opacity:0}}.roomsPage .editFooter{display:flex;align-items:center;gap:12px}.roomsPage .dirtyNote{flex:1 1;margin:0;padding:12px 14px;background:#e4f8e8;border:3px solid #8fdcae;border-radius:16px;color:#11693a;font-size:17px}.roomsPage .dirtyNote.is-dirty{background:#fff4cf;border-color:#f2d77a;color:#805900}.roomsPage .editFooter .btn{min-width:200px}.crModal .crField{display:flex;flex-direction:column;gap:6px;text-align:left}.crModal .crField input{height:50px;padding:0 14px;border:3px solid #a9d9f5;border-radius:14px;background:#fff;color:#0d3d82;font-family:var(--font-game);font-size:20px;outline:none}.crModal .crField input:focus{border-color:#2587e8}.crModal .crFieldCount{font-size:14px;color:#52719d;text-align:right}.crModal .crFieldCount.is-bad{color:#d0306a}.crModal .crSummary{display:flex;flex-direction:column;gap:4px;padding:12px;background:#fff;border:2px solid #b9d4ea;border-radius:14px;font-size:16px}.crModal .crSummary b{font-weight:400;font-size:20px;color:#111a4d}.crModal .modal-art{width:150px;height:100px;border-radius:12px;object-fit:cover}.crModal.crSuccess .modal-art{animation:pop .5s var(--ease-pop)}.crModal .roomPick{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}@media (max-width:1500px){.catDetailPage .detailMetrics,.roomsPage .roomCards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1250px){.catDetailPage .detailTop,.myCatsPage .catGrid{grid-template-columns:1fr}.catDetailPage .detailStage{aspect-ratio:1.9}.catDetailPage .detailCat{height:96%}.roomsPage .roomsLayout{grid-template-columns:1fr}.roomsPage .unlockGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.roomsPage .unlockSide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.roomsPage .assignTop,.roomsPage .unlockCard{grid-template-columns:1fr}.roomsPage .assignSummary .summaryRow{grid-template-columns:1fr 1fr}.roomsPage .editGrid{grid-template-columns:minmax(0,1fr) minmax(240px,300px)}}@media (max-width:1024px){.catDetailPage .detailMid{grid-template-columns:1fr}.roomsPage .roomCards{grid-template-columns:repeat(2,minmax(0,1fr))}.roomsPage .roomToolbar{flex-wrap:wrap}.roomsPage .roomToolbar .tabs{flex-basis:100%}.roomsPage .roomSearch{width:100%;flex:1 1}.roomsPage .unlockGrid{grid-template-columns:1fr}.roomsPage .unlockList{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.roomsPage .unlockList>li{flex:0 0 260px;scroll-snap-align:start}.roomsPage .unlockSide{grid-template-columns:1fr 1fr}.roomsPage .editFooter{flex-wrap:wrap}.roomsPage .dirtyNote{flex-basis:100%}.roomsPage .editFooter .btn{flex:1 1;min-width:150px}}@media (max-width:768px){.crPage .crBody{padding:10px 14px 0}.crPage .heroHeart,.crPage .heroHome{width:32px;height:32px;vertical-align:-4px}.catDetailPage .detailMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.roomsPage .unlockSide{grid-template-columns:1fr}.roomsPage .unlockBar{flex-wrap:wrap}.roomsPage .unlockCta{flex-basis:100%;max-width:none;order:-1}.roomsPage .unlockBar>.btn{flex:1 1;width:auto;min-width:0}.roomsPage .purchaseGrid{grid-template-columns:1fr}.roomsPage .assignBar{flex-wrap:wrap}.roomsPage .assignBar .assignCta{flex-basis:100%;order:-1}.roomsPage .assignBar .btn{flex:1 1;min-width:0}}@media (max-width:620px){.roomsPage .roomCards{grid-template-columns:1fr}.myCatsPage .catCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.myCatsPage .catCardActions{flex-wrap:wrap}.roomsPage .assignCats{grid-template-columns:repeat(2,minmax(0,1fr))}.roomsPage .roomCardArt .roomScene{aspect-ratio:1.4}.roomsPage .editGrid{grid-template-columns:1fr}.roomsPage .trayGrid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));max-height:44vh}.roomsPage .assignSummary .summaryRow,.roomsPage .unlockFacts{grid-template-columns:1fr}.roomsPage .unlockTitle h2{font-size:28px}.roomsPage .purchasePrice b{font-size:30px}.crPage .noPhone{display:none}.crPage .onlyPhone{display:flex}.roomsPage .actionBar{margin-inline:-14px;padding-inline:14px}.roomsPage .dirtyNote{display:none}.roomsPage .editFooter .btn{min-width:0;flex:1 1}.roomsPage .editFooter .saveButton{order:-1}.catDetailPage .detailStage{aspect-ratio:1}.catDetailPage .traitTable thead{display:none}.catDetailPage .traitTable,.catDetailPage .traitTable tbody{display:block}.catDetailPage .traitTable tr{display:grid;grid-template-columns:1fr auto;grid-gap:2px 8px;gap:2px 8px;padding:8px;margin-bottom:6px;background:#f7fbff;border-radius:12px}.catDetailPage .traitTable td,.catDetailPage .traitTable th{background:none;border-radius:0!important;padding:2px}.catDetailPage .traitTable tbody th{grid-column:1/-1}.catDetailPage .traitTable td[data-label]:before{content:attr(data-label) ": ";color:var(--ui-muted)}.catDetailPage .traitTable td:nth-child(2),.catDetailPage .traitTable td:nth-child(3){grid-column:1}.catDetailPage .traitTable td:last-child{grid-column:2;grid-row:2/span 2;align-self:center}}@media (min-width:1101px) and (min-height:680px){.crPage.fitPage{min-height:0;padding-bottom:0}.crPage.fitPage .crBody{width:100%;max-width:none;display:flex;flex-direction:column;padding:clamp(6px,1.1vh,12px) 18px clamp(8px,1.3vh,14px);gap:clamp(6px,1.1vh,12px)}.crPage.fitPage .crBody>*{min-width:0}.crPage.fitPage .panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9d6f7 transparent;padding:clamp(8px,1.3vh,14px) 14px}.crPage.fitPage .panel::-webkit-scrollbar{width:8px}.crPage.fitPage .panel::-webkit-scrollbar-thumb{background:#b9d6f7;border-radius:8px}.crPage.fitPage .panel-head{margin-bottom:clamp(4px,1vh,10px)}.crPage.fitPage .panel-title{font-size:clamp(20px,2.7vh,26px)}.crPage.fitPage .panel-icon{width:clamp(26px,3.4vh,36px);height:clamp(26px,3.4vh,36px)}.crPage.fitPage .tab{height:clamp(34px,4.8vh,44px);font-size:clamp(14px,2vh,17px)}.crPage.fitPage .tabs{padding:clamp(3px,.6vh,6px)}.crPage.fitPage .tabs--sm .tab{height:clamp(30px,4vh,36px);font-size:clamp(13px,1.8vh,15px)}.crPage.fitPage .crEmpty{flex:1 1;min-height:0;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center}.crPage.fitPage .catCard{min-height:0;gap:clamp(3px,.8vh,9px);padding:clamp(6px,1vh,10px)}.crPage.fitPage .catCard.is-selected{padding:clamp(5px,calc(1vh - 1px),9px)}.crPage.fitPage .catCardArt{flex:1 1;min-height:clamp(56px,9vh,90px);aspect-ratio:auto}.crPage.fitPage .catCardHead h2{font-size:clamp(20px,2.8vh,26px)}.crPage.fitPage .catCardId,.crPage.fitPage .catCardRow{font-size:clamp(13px,1.8vh,16px)}.crPage.fitPage .catCardRow img{width:clamp(18px,2.6vh,26px);height:clamp(18px,2.6vh,26px)}.crPage.fitPage .catCardCare{font-size:clamp(13px,1.7vh,15px)}.crPage.fitPage .catCardCare img{width:clamp(18px,2.5vh,24px);height:clamp(18px,2.5vh,24px)}.crPage.fitPage .catCardActions{padding-top:0;gap:clamp(4px,.8vh,8px)}.crPage.fitPage .catCardTraits{gap:clamp(3px,.6vh,6px)}.crPage.fitPage .catCard .chip{padding:clamp(1px,.4vh,4px) clamp(7px,.7vw,12px);font-size:clamp(12px,1.7vh,15px);gap:4px}.myCatsPage.fitPage .catGrid{flex:1 1;min-height:0;align-items:stretch;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:clamp(6px,1.1vh,12px)}.myCatsPage.fitPage .catCards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-rows:max-content;gap:clamp(6px,1.1vh,12px);padding:14px 12px 18px}.catDetailPage.fitPage .detailTop{flex:1 1;min-height:0;align-items:stretch;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(6px,1.1vh,12px)}.catDetailPage.fitPage .detailPreview{min-height:0;gap:clamp(5px,1vh,10px);padding:clamp(6px,1vh,10px)}.catDetailPage.fitPage .detailStage{flex:1 1;min-height:0;aspect-ratio:auto}.catDetailPage.fitPage .detailCat{height:92%}.catDetailPage.fitPage .detailActions .btn-label{font-size:clamp(14px,1.9vh,16px)}.catDetailPage.fitPage .detailRight{min-height:0;gap:clamp(5px,1vh,10px)}.catDetailPage.fitPage .detailMetrics{flex:none;padding:clamp(4px,.8vh,8px);gap:clamp(4px,.8vh,8px)}.catDetailPage.fitPage .detailMetrics img{width:clamp(26px,4.2vh,38px);height:clamp(26px,4.2vh,38px)}.catDetailPage.fitPage .detailMetrics b{font-size:clamp(14px,2vh,18px)}.catDetailPage.fitPage .detailMetrics small{font-size:clamp(12px,1.6vh,14px)}.catDetailPage.fitPage .detailMid{flex:1 1;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:clamp(5px,1vh,10px)}.catDetailPage.fitPage .traitTable{font-size:clamp(13px,1.8vh,15px);border-spacing:0 clamp(2px,.5vh,4px)}.catDetailPage.fitPage .traitTable td,.catDetailPage.fitPage .traitTable th{padding:clamp(1px,.3vh,3px) 6px}.catDetailPage.fitPage .traitTable td{white-space:normal}.catDetailPage.fitPage .traitThumb{margin-right:5px;width:clamp(24px,3.6vh,32px);height:clamp(24px,3.6vh,32px)}.catDetailPage.fitPage .traitTable tbody th img{width:clamp(20px,3vh,26px);height:clamp(20px,3vh,26px)}.roomsPage.fitPage .roomScene{aspect-ratio:auto}.roomsPage.fitPage .roomsLayout{flex-direction:row;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;grid-gap:clamp(6px,1.1vh,12px);gap:clamp(6px,1.1vh,12px)}.roomsPage.fitPage .roomsMain{min-height:0;gap:clamp(6px,1.1vh,12px)}.roomsPage.fitPage .roomToolbar{flex:none;flex-wrap:nowrap}.roomsPage.fitPage .roomToolbar .tabs{flex:0 1 auto}.roomsPage.fitPage .roomSearch{width:clamp(170px,15vw,260px);flex:none}.roomsPage.fitPage .roomToolbar .tab{padding:0 clamp(10px,1.1vw,18px)}.roomsPage.fitPage .roomCards{flex:1 1;grid-auto-rows:minmax(clamp(250px,36vh,340px),1fr);gap:clamp(6px,1.1vh,12px);padding:14px 12px 18px}.roomsPage.fitPage .roomCard{min-height:0;gap:clamp(4px,.8vh,8px);padding:clamp(6px,1vh,10px)}.roomsPage.fitPage .roomCard header>img{width:clamp(24px,3.4vh,34px);height:clamp(24px,3.4vh,34px)}.roomsPage.fitPage .roomCard header h2{font-size:clamp(17px,2.5vh,22px)}.roomsPage.fitPage .roomCardArt{position:relative;flex:1 1;min-height:clamp(60px,9vh,110px)}.roomsPage.fitPage .roomCardArt .roomScene{position:absolute;inset:0;aspect-ratio:auto}.roomsPage.fitPage .roomCardMeta .multiplier>img{width:clamp(28px,4vh,38px);height:clamp(28px,4vh,38px)}.roomsPage.fitPage .roomCardMeta b{font-size:clamp(16px,2.3vh,20px)}.roomsPage.fitPage .resident{min-height:0;font-size:clamp(13px,1.8vh,16px)}.roomsPage.fitPage .resident>img{width:clamp(34px,5vh,48px);height:clamp(34px,5vh,48px)}.roomsPage.fitPage .resident small{font-size:clamp(12px,1.6vh,14px)}.roomsPage.fitPage .roomCardActions{gap:clamp(5px,.9vh,8px)}.roomsPage.fitPage .unlockGrid{flex:1 1;min-height:0;align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:minmax(0,1fr);gap:clamp(6px,1.1vh,12px)}.roomsPage.fitPage .unlockList{flex-direction:column;overflow-x:hidden;gap:clamp(5px,1vh,10px);padding:2px 4px 4px 2px;margin:-2px -4px -4px -2px}.roomsPage.fitPage .unlockList>li{flex:none}.roomsPage.fitPage .unlockCard{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(6px,1vh,10px);padding:clamp(5px,.9vh,8px)}.roomsPage.fitPage .unlockCard.is-selected{padding:clamp(4px,calc(.9vh - 1px),7px)}.roomsPage.fitPage .unlockCardInfo{gap:clamp(3px,.6vh,5px)}.roomsPage.fitPage .unlockCardInfo h2{font-size:clamp(17px,2.5vh,22px)}.roomsPage.fitPage .priceBox{font-size:clamp(13px,1.7vh,15px);padding:2px 4px}.roomsPage.fitPage .priceBox b{font-size:clamp(15px,2vh,18px)}.roomsPage.fitPage .unlockCenter{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b9d6f7 transparent;gap:clamp(5px,1vh,10px);padding:clamp(8px,1.3vh,12px)}.roomsPage.fitPage .unlockTitle h2{font-size:clamp(24px,3.6vh,34px)}.roomsPage.fitPage .assignPreview,.roomsPage.fitPage .unlockPreview{flex:1 1;min-height:clamp(70px,12vh,120px);aspect-ratio:auto}.roomsPage.fitPage .assignPreview img,.roomsPage.fitPage .unlockPreview img{position:absolute;inset:0}.roomsPage.fitPage .unlockFacts{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(4px,.8vh,8px)}.roomsPage.fitPage .unlockFacts.two{margin-top:clamp(4px,.8vh,8px);grid-template-columns:repeat(2,minmax(0,1fr))}.roomsPage.fitPage .unlockFacts li{padding:clamp(4px,.8vh,8px);gap:clamp(6px,1vh,10px)}.roomsPage.fitPage .unlockFacts img{width:clamp(28px,4.2vh,40px);height:clamp(28px,4.2vh,40px)}.roomsPage.fitPage .unlockFacts b{font-size:clamp(15px,2.2vh,20px)}.roomsPage.fitPage .unlockFacts small{font-size:clamp(12px,1.6vh,14px)}.roomsPage.fitPage .purchaseBox{flex:none;gap:clamp(5px,1vh,10px);padding:clamp(6px,1vh,10px)}.roomsPage.fitPage .purchaseBox h3{font-size:clamp(17px,2.5vh,22px)}.roomsPage.fitPage .purchaseBox h3 img{width:clamp(22px,3.1vh,28px);height:clamp(22px,3.1vh,28px)}.roomsPage.fitPage .purchaseGrid{gap:clamp(5px,1vh,10px)}.roomsPage.fitPage .purchasePrice{padding:clamp(5px,1vh,10px);font-size:clamp(13px,1.7vh,15px)}.roomsPage.fitPage .purchasePrice b{font-size:clamp(24px,3.8vh,36px)}.roomsPage.fitPage .purchaseList{font-size:clamp(13px,1.7vh,15px);gap:clamp(2px,.4vh,4px)}.roomsPage.fitPage .paymentRow{height:clamp(36px,5vh,48px);font-size:clamp(14px,1.9vh,16px)}.roomsPage.fitPage .shortNote{font-size:clamp(13px,1.7vh,15px);padding:clamp(4px,.8vh,8px) 10px}.roomsPage.fitPage .unlockSide{min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1.1vh,12px);grid-column:auto}.roomsPage.fitPage .unlockSide>.panel:first-child{flex:5 1}.roomsPage.fitPage .unlockSide>.panel:last-child{flex:4 1}.roomsPage.fitPage .benefitList{gap:clamp(3px,.6vh,6px)}.roomsPage.fitPage .benefitList li{padding:clamp(3px,.6vh,6px) 8px;gap:clamp(6px,1vh,10px)}.roomsPage.fitPage .benefitList li>img{width:clamp(26px,3.8vh,38px);height:clamp(26px,3.8vh,38px)}.roomsPage.fitPage .benefitList b{font-size:clamp(14px,1.9vh,17px)}.roomsPage.fitPage .benefitList small{font-size:clamp(12px,1.6vh,14px)}.roomsPage.fitPage .assignBar,.roomsPage.fitPage .editFooter,.roomsPage.fitPage .unlockBar{flex:none;flex-wrap:nowrap;align-items:center}.roomsPage.fitPage .unlockBar>.btn{width:clamp(190px,17vw,240px)}.roomsPage.fitPage .unlockCta{max-width:640px;flex:1 1;gap:2px}.roomsPage.fitPage .unlockCta small{font-size:clamp(12px,1.6vh,14px)}.roomsPage.fitPage .assignTop{flex:1 1;min-height:0;align-items:stretch;grid-template-columns:minmax(0,37fr) minmax(0,63fr);grid-template-rows:minmax(0,1fr);gap:clamp(6px,1.1vh,12px)}.roomsPage.fitPage .assignRoom{display:flex;flex-direction:column}.roomsPage.fitPage .assignRoom .assignPreview{position:relative}.roomsPage.fitPage .chooseCat{display:flex;flex-direction:column;min-height:0}.roomsPage.fitPage .chooseCat h2{font-size:clamp(22px,3.4vh,34px);margin-bottom:clamp(4px,1vh,8px);flex:none}.roomsPage.fitPage .assignCats{flex:1 1;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;gap:clamp(6px,1.1vh,10px);padding:14px 12px 18px}.roomsPage.fitPage .assignSummary{flex:none}.roomsPage.fitPage .assignSummary .summaryRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.2fr);gap:clamp(5px,1vh,10px)}.roomsPage.fitPage .summaryCard{padding:clamp(4px,.8vh,8px);gap:clamp(6px,1vh,10px)}.roomsPage.fitPage .summaryThumb{width:clamp(56px,9vh,84px);height:clamp(44px,7.2vh,68px)}.roomsPage.fitPage .summaryCard b{font-size:clamp(16px,2.3vh,20px)}.roomsPage.fitPage .summaryCard em,.roomsPage.fitPage .summaryCheck,.roomsPage.fitPage .summaryFacts{font-size:clamp(12px,1.7vh,15px)}.roomsPage.fitPage .summaryFacts{padding:clamp(4px,.8vh,8px) 10px;gap:clamp(2px,.5vh,6px)}.roomsPage.fitPage .summaryFacts img{width:clamp(20px,2.8vh,26px);height:clamp(20px,2.8vh,26px)}.roomsPage.fitPage .assignBar .btn{min-width:clamp(170px,15vw,220px)}.roomsPage.fitPage .editGrid{flex:1 1;min-height:0;align-items:stretch;grid-template-columns:minmax(0,1fr) clamp(280px,24vw,380px);grid-template-rows:minmax(0,1fr);gap:clamp(6px,1.1vh,12px)}.roomsPage.fitPage .editPreview{display:flex;flex-direction:column}.roomsPage.fitPage .editStageWrap{flex:1 1;min-height:0;display:flex}.roomsPage.fitPage .editPreview .roomScene{flex:1 1;min-height:0;aspect-ratio:auto}.roomsPage.fitPage .editTray{min-height:0}.roomsPage.fitPage .trayGrid{flex:1 1;min-height:0}.roomsPage.fitPage .dirtyNote{padding:clamp(6px,1.2vh,12px) 14px;font-size:clamp(14px,2vh,17px)}.roomsPage.fitPage .editFooter .btn{min-width:clamp(160px,14vw,200px)}@media (min-width:1280px){.catDetailPage.fitPage .detailMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-height:899px){.roomsPage.fitPage .roomCards{grid-auto-rows:100%}}}.roomItem.is-tappable{cursor:pointer}.roomItem.is-tappable:hover{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px rgba(255,214,102,.9)) drop-shadow(0 6px 5px rgba(70,50,110,.28))}.roomItem.is-lamp{transition:filter .6s ease}.roomItem.is-lamp:not(.is-lit){filter:brightness(.92) saturate(.9) drop-shadow(0 0 0 rgba(255,226,140,0)) drop-shadow(0 6px 5px rgba(70,50,110,.28))}.roomItem.is-lit{filter:brightness(1.15) saturate(1) drop-shadow(0 0 6px rgba(255,226,140,.95)) drop-shadow(0 0 22px rgba(255,210,110,.85));animation:lampFlicker 3s ease-in-out infinite}@keyframes lampFlicker{0%,to{opacity:1}50%{opacity:.92}}.roomItem.is-played{animation:toyPlay .5s ease-in-out 4;transform-origin:50% 100%}@keyframes toyPlay{0%,to{rotate:0deg;translate:-50% -100%}25%{rotate:-14deg;translate:-58% -108%}75%{rotate:12deg;translate:-42% -104%}}@media (prefers-reduced-motion:reduce){.roomItem.is-lit,.roomItem.is-played{animation:none}}.catDetailPage .detailExtras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.catDetailPage .detailExtras ul{list-style:none;margin:0;padding:0}.catDetailPage .careToday{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:10px!important}.catDetailPage .careToday li{display:flex;align-items:center;gap:8px;padding:6px 10px;border:2px solid #e3edf8;border-radius:12px;background:#f7fbff;min-width:0}.catDetailPage .careToday li.is-done{background:#e9f9ef;border-color:#a8e3b8}.catDetailPage .careToday img{width:30px;height:30px;object-fit:contain;flex:none}.catDetailPage .careToday span{display:flex;flex-direction:column;min-width:0}.catDetailPage .careToday small{font-size:13px;color:var(--ui-muted)}.catDetailPage .careToday b{font-weight:400;font-size:16px;color:#111a4d;white-space:nowrap}.catDetailPage .careMeters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px 14px;gap:6px 14px}.catDetailPage .careMeters li{display:grid;grid-template-columns:22px 74px minmax(0,1fr) 40px;align-items:center;grid-gap:6px;gap:6px;font-size:14px}.catDetailPage .careMeters img{width:22px;height:22px;object-fit:contain}.catDetailPage .careMeters small{color:var(--ui-body);font-size:14px}.catDetailPage .careMeters b{font-weight:400;text-align:right;color:#111a4d}.catDetailPage .boostList{display:grid;grid-gap:6px;gap:6px}.catDetailPage .boostList li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:5px 10px;border:2px solid #e3edf8;border-radius:12px;background:#f7fbff;font-size:16px;color:var(--ui-body)}.catDetailPage .boostList img{width:26px;height:26px;object-fit:contain}.catDetailPage .boostList b{font-weight:400;color:#111a4d}.catDetailPage .boostTotal{margin:10px 0 0;font-size:15px;color:var(--ui-body)}.catDetailPage .boostTotal b{font-weight:400;color:#6b4300}.catDetailPage .detailNote{margin:0;font-size:15px;color:var(--ui-body)}@media (max-width:900px){.catDetailPage .detailExtras{grid-template-columns:1fr}}@media (max-width:520px){.catDetailPage .careMeters{grid-template-columns:1fr}}