/* Wide cabinet fills the screen. APK sprite is a cutout, no card. */
img[src*="sprites/pet/room.jpg"] {
  object-fit: cover !important;
  object-position: 58% 50% !important;
}
@media (max-width: 720px) {
  img[src*="sprites/pet/room.jpg"] {
    object-position: 82% 50% !important;
  }
}

.farm-bob,
.pet-talk,
.pet-think,
.pet-droop,
.pet-hype {
  height: 13rem !important;
  width: 10rem !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.farm-bob img,
.pet-talk img,
.pet-think img,
.pet-droop img,
.pet-hype img {
  background: transparent !important;
  object-fit: contain !important;
  object-position: bottom center !important;
  filter: drop-shadow(0 10px 14px rgba(0,0,0,.4));
}
@media (min-width: 640px) {
  .farm-bob,
  .pet-talk,
  .pet-think,
  .pet-droop,
  .pet-hype {
    height: 16rem !important;
    width: 12.5rem !important;
  }
}
.pet-vignette { opacity: .12 !important; }

.flex-\[1\.05\] {
  justify-content: flex-start !important;
  align-items: flex-end !important;
  padding-left: 4% !important;
}
.flex-\[1\.05\] > div {
  margin-bottom: 0 !important;
  background: transparent !important;
}

#sc-booth-hot{
  position:fixed; right:4%; top:12%; width:min(32vw,280px); height:70vh;
  z-index:40; cursor:pointer; border:0; background:transparent; padding:0;
  display:none;
}
#sc-booth-hot.on{ display:block; }
#sc-booth-hot .ring{ display:none !important; }
#sc-booth-hot .tag{
  position:absolute; right:10px; top:10px;
  background:#c62828; color:#fff; font:700 11px/1.1 Nunito,system-ui,sans-serif;
  letter-spacing:.08em; text-transform:uppercase; padding:6px 10px; border-radius:999px;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
}
#sc-desk{
  position:fixed; inset:0; z-index:80; display:none;
  background:rgba(6,10,16,.72); backdrop-filter:blur(8px);
  color:#eef3ea; font-family:Nunito,ui-sans-serif,system-ui,sans-serif;
}
#sc-desk.open{ display:flex; align-items:stretch; justify-content:flex-end; }
#sc-desk .panel{
  width:min(440px,100%); height:100%; background:#101820;
  border-left:1px solid #2a3b4a; display:flex; flex-direction:column;
  box-shadow:-18px 0 50px rgba(0,0,0,.45);
}
#sc-desk header.bar{
  display:flex; align-items:center; gap:10px; padding:14px 16px;
  border-bottom:1px solid #223040;
}
#sc-desk header.bar b{ font-size:16px; }
#sc-desk header.bar span{ color:#8aa0b5; font-size:12px; margin-left:auto; }
#sc-desk .close{
  background:#1b2733; color:#eef3ea; border:0; border-radius:999px;
  width:36px; height:36px; cursor:pointer; font-size:18px;
}
#sc-desk .tabs{ display:flex; gap:6px; padding:10px 14px; }
#sc-desk .tabs button{
  flex:1; border:0; border-radius:10px; padding:8px 6px; cursor:pointer;
  background:#1b2733; color:#c5d2de; font-weight:700; font-size:12px;
}
#sc-desk .tabs button.on{ background:#c62828; color:#fff; }
#sc-desk .credit{
  margin:0 14px 8px; padding:8px 10px; border-radius:10px; background:#0b1218;
  font-size:12px; color:#9bb0c2; display:flex; justify-content:space-between; gap:8px;
}
#sc-desk .credit b{ color:#f5c542; }
#sc-desk .log{
  flex:1; overflow:auto; padding:8px 14px 12px; display:flex; flex-direction:column; gap:8px;
}
#sc-desk .bubble{ max-width:92%; padding:8px 10px; border-radius:12px; font-size:13px; line-height:1.4; }
#sc-desk .bubble.me{ align-self:flex-end; background:#243044; }
#sc-desk .bubble.bot{ align-self:flex-start; background:#1a2a22; border:1px solid #2d4a38; }
#sc-desk .bubble small{ display:block; color:#8aa0b5; font-size:10px; margin-bottom:3px; }
#sc-desk .sum{
  margin:0 14px 10px; padding:10px; border-radius:12px; background:#1a1410; border:1px solid #5a3a18;
  font-size:12px; display:none;
}
#sc-desk .sum.on{ display:block; }
#sc-desk .dock{
  display:flex; gap:8px; flex-wrap:wrap; padding:10px 14px 72px;
  border-top:1px solid #223040; background:#0c131a;
}
#sc-desk .dock input{
  flex:1; border:0; border-radius:999px; padding:10px 14px; background:#1b2733; color:#eef3ea;
}
#sc-desk .dock button{
  border:0; border-radius:999px; padding:10px 14px; cursor:pointer; font-weight:800;
  background:#c62828; color:#fff;
}
#sc-desk .dock button.ghost{ background:#1b2733; color:#eef3ea; }
#sc-desk .dock button.live{ background:#2e7d32; }
#sc-hint{
  position:fixed; left:50%; bottom:86px; transform:translateX(-50%);
  z-index:35; display:none; pointer-events:none;
  background:rgba(11,22,32,.78); color:#e8f0f5; font:700 12px Nunito,system-ui,sans-serif;
  padding:6px 12px; border-radius:999px; letter-spacing:.04em;
}
#sc-hint.on{ display:block; }

@media (max-width:720px){
  #sc-booth-hot{ width:48vw; height:62vh; top:10%; right:0; }
  #sc-desk.open{ align-items:flex-end; }
  #sc-desk .panel{ width:100%; height:min(92vh,720px); border-left:0; border-top:1px solid #2a3b4a; border-radius:18px 18px 0 0; }
}