/* v8.30 house: module overrides. */

/* v8.31 — Beaver House as one living room */
#collectionScreen .house-scene{min-height:100dvh}
#collectionScreen .beaver-house{width:min(1180px,96vw)!important;max-width:none!important}
#collectionScreen .toy-shelf img,#collectionScreen .toy-item{animation:houseItemIn .45s cubic-bezier(.2,.8,.25,1) both}
@keyframes houseItemIn{from{opacity:0;transform:translateY(18px) scale(.82)}to{opacity:1;transform:none}}

.costume-achievement{min-height:110px;display:grid;place-items:center;align-content:center;gap:3px;padding:9px;border:3px solid #684126;border-radius:18px;background:#f5dfaa;text-align:center;color:#4b2c19}
.costume-achievement>div{font-size:30px}.costume-achievement b{font-size:12px}.costume-achievement span{font-size:8px;font-weight:900;opacity:.72}
.costume-achievement.locked{filter:saturate(.65);opacity:.78}


/* v8.44 — Living Beaver House */
#collectionScreen .house-scene{
  position:absolute!important;inset:0!important;min-height:100dvh!important;
  overflow:hidden!important;
  background:url('../../assets/backgrounds/beaver-house-v8.webp') center/cover no-repeat!important;
}
#collectionScreen .living-house{position:absolute;inset:0;z-index:3;overflow:hidden}
#collectionScreen .house-top-sign{z-index:9!important}
#collectionScreen .living-house-items{position:absolute;inset:0;z-index:3;pointer-events:none}
#collectionScreen .living-find{
  position:absolute;transform:translate(-50%,-50%);width:88px;height:88px;padding:4px;
  border:0;background:transparent;pointer-events:auto;cursor:pointer;
  animation:livingFindIn .5s cubic-bezier(.2,.85,.25,1) both;
  filter:drop-shadow(0 6px 5px rgba(45,25,10,.3));
}
#collectionScreen .living-find img{width:100%;height:68px;object-fit:contain;display:block}
#collectionScreen .living-find .house-emoji-find{font-size:54px;line-height:68px}
#collectionScreen .living-find span{
  display:none;position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);
  white-space:nowrap;padding:4px 7px;border-radius:9px;background:#fff1c7;border:2px solid #6a4227;
  color:#4b2c19;font-size:10px;font-weight:1000;
}
#collectionScreen .living-find:hover{z-index:8;transform:translate(-50%,-50%) scale(1.12)}
#collectionScreen .living-find:hover span{display:block}
@keyframes livingFindIn{from{opacity:0;transform:translate(-50%,-30%) scale(.55)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

#collectionScreen .house-beaver-zone{
  position:absolute!important;z-index:6!important;left:50%!important;bottom:4%!important;transform:translateX(-50%)!important;
  width:310px!important;height:440px!important;display:flex!important;flex-direction:column!important;align-items:center!important;
  pointer-events:none;
}
#collectionScreen .house-beaver-stage{position:absolute!important;left:50%!important;bottom:54px!important;transform:translateX(-50%)!important;width:245px!important;height:300px!important;pointer-events:auto}
#collectionScreen #houseBeaver{width:100%!important;height:100%!important;object-fit:contain!important;cursor:pointer!important;filter:drop-shadow(0 10px 8px #0003)}
#collectionScreen .house-dialog{
  position:absolute!important;z-index:3!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;
  width:300px!important;min-height:56px!important;padding:9px 13px!important;border:3px solid #684126!important;border-radius:18px!important;
  background:#fff2c8!important;color:#4b2c19!important;box-shadow:0 5px 0 #4a2b18!important;font-size:13px!important;font-weight:900!important;pointer-events:auto;
}
#collectionScreen .house-talk-btn{
  position:absolute;z-index:5;bottom:12px;left:50%;transform:translateX(-50%);
  border:3px solid #5a361f;border-radius:14px;padding:7px 13px;background:linear-gradient(#fff1b7,#e9bd67);
  box-shadow:0 4px 0 #472817;color:#4a2d1b;font-size:11px;font-weight:1000;pointer-events:auto;
}
#collectionScreen .house-hotspot{
  position:absolute;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  border:3px solid #694020;border-radius:18px;background:rgba(255,239,185,.93);box-shadow:0 5px 0 #4b2b18,0 9px 16px #0003;
  color:#4b2c19;font-weight:1000;cursor:pointer;
}
#collectionScreen .wardrobe-hotspot{left:5%;bottom:10%;width:105px;height:86px}
#collectionScreen .wardrobe-hotspot .hotspot-icon{font-size:34px}
#collectionScreen .chest-hotspot{right:5%;bottom:9%;width:118px;height:98px}
#collectionScreen .chest-hotspot img{width:72px;height:55px;object-fit:contain}
#collectionScreen .house-hotspot b{font-size:11px}
#collectionScreen .house-hotspot:active{transform:translateY(4px);box-shadow:0 1px 0 #4b2b18}
#collectionScreen .living-go-btn{
  position:absolute!important;z-index:7!important;right:3%!important;top:18%!important;left:auto!important;bottom:auto!important;
  width:auto!important;min-width:170px!important;padding:9px 13px!important;
}

#collectionScreen .house-drawer{
  position:absolute;z-index:20;right:2%;top:14%;bottom:3%;width:min(440px,42vw);
  padding:14px;border:4px solid #684126;border-radius:25px;background:linear-gradient(180deg,#fff0bd,#ddb36b);
  box-shadow:0 12px 0 #472817,0 24px 50px #0006;overflow:auto;
  transition:transform .22s ease,opacity .22s ease;
}
#collectionScreen .house-drawer.hidden{display:block!important;opacity:0;pointer-events:none;transform:translateX(calc(100% + 40px))}
#collectionScreen .house-drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #8c6037;padding:0 2px 10px;margin-bottom:10px;color:#4b2c19}
#collectionScreen .house-drawer-head div{display:flex;flex-direction:column}
#collectionScreen .house-drawer-head small{font-size:9px;font-weight:1000;letter-spacing:1px;opacity:.7}
#collectionScreen .house-drawer-head b{font-size:23px}
#collectionScreen #houseDrawerClose{width:36px;height:36px;border:2px solid #684126;border-radius:50%;background:#fff1c8;color:#4b2c19;font-size:25px;font-weight:1000}
#collectionScreen .house-panel{display:none!important}
#collectionScreen .house-panel.active{display:block!important}
#collectionScreen .house-panel-note{font-size:11px!important;margin:4px 0 10px!important;color:#68452d!important;font-weight:800!important}
#collectionScreen .costume-grid,#collectionScreen .toy-shelf{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
#collectionScreen .toy-card,#collectionScreen .costume-card{min-height:112px!important;padding:7px!important}
#collectionScreen .toy-card img,#collectionScreen .costume-card img{max-height:70px!important}
#collectionScreen .empty-house-finds{grid-column:1/-1;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#68452d}
#collectionScreen .empty-house-finds b{font-size:20px}.empty-house-finds span{font-size:11px;max-width:220px;margin-top:5px}

@media(max-width:760px){
 #collectionScreen .house-scene{background-position:center center!important}
 #collectionScreen .house-beaver-zone{width:210px!important;height:330px!important;bottom:5%!important}
 #collectionScreen .house-beaver-stage{width:175px!important;height:220px!important;bottom:45px!important}
 #collectionScreen .house-dialog{width:210px!important;min-height:48px!important;font-size:10px!important;padding:7px 9px!important}
 #collectionScreen .house-talk-btn{bottom:6px;padding:5px 9px;font-size:9px}
 #collectionScreen .wardrobe-hotspot{left:3%;bottom:9%;width:74px;height:66px;border-radius:14px}
 #collectionScreen .wardrobe-hotspot .hotspot-icon{font-size:25px}
 #collectionScreen .chest-hotspot{right:3%;bottom:8%;width:78px;height:70px;border-radius:14px}
 #collectionScreen .chest-hotspot img{width:48px;height:38px}
 #collectionScreen .house-hotspot b{font-size:8px}
 #collectionScreen .living-go-btn{right:2%!important;top:12%!important;min-width:0!important;padding:6px 8px!important}
 #collectionScreen .living-go-btn b{font-size:8px!important}
 #collectionScreen .living-find{width:58px;height:58px}
 #collectionScreen .living-find img{height:48px}
 #collectionScreen .living-find .house-emoji-find{font-size:38px;line-height:48px}
 #collectionScreen .house-drawer{left:7px;right:7px;top:64px;bottom:7px;width:auto;padding:10px;border-radius:20px}
 #collectionScreen .house-drawer-head b{font-size:19px}
 #collectionScreen .costume-grid,#collectionScreen .toy-shelf{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* v8.45 — illustrated room composition */
#collectionScreen .house-object{
 position:absolute;z-index:5;border:0;background:transparent;padding:0;cursor:pointer;
 filter:drop-shadow(0 10px 8px rgba(48,25,8,.28));transition:transform .18s ease,filter .18s ease;
}
#collectionScreen .house-object img{display:block;width:100%;height:100%;object-fit:contain}
#collectionScreen .house-object:hover{filter:drop-shadow(0 12px 9px rgba(48,25,8,.38)) brightness(1.05)}
#collectionScreen .house-wardrobe-object{left:2.5%;bottom:3%;width:22%;height:67%}
#collectionScreen .house-wardrobe-object:hover{transform:scale(1.025)}
#collectionScreen .house-shelf-object{right:2.5%;bottom:4%;width:24%;height:59%}
#collectionScreen .house-shelf-object:hover{transform:scale(1.025)}
#collectionScreen .house-achievements-object{right:3%;top:13%;width:26%;height:30%}
#collectionScreen .house-achievements-object:hover{transform:scale(1.025)}
#collectionScreen .house-rug-art{
 position:absolute;z-index:4;left:50%;bottom:1.5%;transform:translateX(-50%);width:43%;height:23%;object-fit:contain;pointer-events:none;
 filter:drop-shadow(0 8px 7px rgba(35,20,8,.24));
}
#collectionScreen .house-grand-chest{
 position:absolute;z-index:6;left:28%;bottom:6%;width:14%;height:20%;object-fit:contain;cursor:pointer;
 filter:saturate(.72) drop-shadow(0 8px 7px rgba(40,20,7,.35));transition:.2s ease;
}
#collectionScreen .house-grand-chest:hover{transform:scale(1.05)}
#collectionScreen .house-grand-chest.grand-open{filter:drop-shadow(0 0 15px #ffd65d) drop-shadow(0 8px 7px rgba(40,20,7,.35));animation:grandChestGlow 1.5s ease-in-out infinite alternate}
@keyframes grandChestGlow{to{filter:drop-shadow(0 0 28px #ffd65d) drop-shadow(0 8px 7px rgba(40,20,7,.35))}}
#collectionScreen .house-beaver-zone{z-index:8!important}
#collectionScreen .living-house-items{z-index:7!important}
#collectionScreen .living-find{width:58px;height:58px}
#collectionScreen .living-find img{height:48px}
#collectionScreen .living-go-btn{z-index:10!important}
#collectionScreen .house-achievement-list{display:grid;gap:8px}
#collectionScreen .house-achievement-row{
 display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:2px solid #82572f;border-radius:13px;
 background:#e1bd7b;color:#62401f;font-weight:900;opacity:.65
}
#collectionScreen .house-achievement-row.earned{background:#fff0b6;opacity:1;box-shadow:inset 0 0 0 2px #ffd96c}
#collectionScreen .house-achievement-row b{font-size:12px}
#collectionScreen .house-achievement-row span{font-size:10px}

@media(max-width:760px){
 #collectionScreen .house-wardrobe-object{left:-3%;bottom:6%;width:30%;height:49%}
 #collectionScreen .house-shelf-object{right:-3%;bottom:7%;width:31%;height:43%}
 #collectionScreen .house-achievements-object{right:0;top:16%;width:32%;height:24%}
 #collectionScreen .house-rug-art{width:61%;height:19%;bottom:1%}
 #collectionScreen .house-grand-chest{left:24%;bottom:8%;width:18%;height:14%}
 #collectionScreen .living-find{width:42px;height:42px}
 #collectionScreen .living-find img{height:34px}
}