.pet-room-v2-card{padding:0;overflow:hidden;background:#fff8f2}
.pet-room-v2{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;background:#f7d5b1 url('assets/pet-room-bg-v3.png') center/cover no-repeat}
.pet-room-v2::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 45%,rgba(113,69,38,.035))}
.pet-game-canvas{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}
.pet-scene-foreground{position:absolute;inset:0;z-index:4;pointer-events:none;background:url('assets/pet-room-bg-v3.png') center/cover no-repeat}
.pet-tub-foreground{display:none;clip-path:polygon(65.5% 42%,92.5% 42%,92% 61%,68% 61%,65.5% 47%)}
.pet-room-v2.is-bathing .pet-tub-foreground{display:block}
.pet-bed-foreground{display:none;clip-path:polygon(6.5% 43%,9.5% 50%,13% 53%,19% 55%,25% 53%,29% 50%,31.5% 43%,31.5% 59%,6.5% 59%)}
.pet-room-v2.is-sleeping .pet-bed-foreground{display:block}
.pet-night-veil{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .7s ease-in-out;background:radial-gradient(circle at 51% 15%,rgba(255,245,183,.2) 0 3%,transparent 3.4%),radial-gradient(circle at 43% 13%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 57% 19%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 49% 25%,#fff 0 1px,transparent 1.5px),rgba(22,34,82,.48);mix-blend-mode:multiply}
.pet-room-v2.is-night .pet-night-veil{opacity:1}
.pet-reminder-v2{position:absolute;z-index:9;top:2.5%;left:50%;width:min(430px,48%);transform:translateX(-50%);padding:10px 14px;border:3px solid #fff;border-radius:19px;background:rgba(255,255,255,.95);box-shadow:0 7px 22px rgba(143,84,65,.2);text-align:center;font-size:13px;line-height:1.5}
.pet-reminder-v2::before,.pet-reminder-v2::after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;border-style:solid;border-color:transparent}
.pet-reminder-v2::before{border-width:14px;border-top-color:#fff}
.pet-reminder-v2::after{border-width:10px;border-top-color:rgba(255,255,255,.95)}
.pet-reminder-v2 strong{color:var(--accent-dark)}
.pet-reminder-v2 .btn{position:relative;z-index:1;margin-left:6px;padding:4px 9px}
.pet-reminder-v2.is-action{color:var(--accent-dark);font-weight:700}
.pet-hotspot-v2{position:absolute;z-index:8;border:0;background:transparent;border-radius:24px;cursor:pointer;font:600 13px inherit;color:var(--accent-dark);transition:background .2s,box-shadow .2s,transform .2s}
.pet-hotspot-v2:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}
.pet-hotspot-v2:focus-visible{outline:none}
.pet-hotspot-v2:disabled{cursor:wait;opacity:.68}
.pet-hotspot-v2 span{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;white-space:nowrap;padding:6px 10px;border:2px solid rgba(255,255,255,.92);border-radius:18px;background:rgba(255,248,250,.94);box-shadow:0 4px 12px rgba(147,76,89,.2);transition:transform .2s}
.pet-hotspot-v2:hover span,.pet-hotspot-v2:focus-visible span{transform:translateX(-50%) translateY(-3px)}
.pet-hotspot-v2[data-action="play"]{left:1%;bottom:0;width:30%;height:34%}
.pet-hotspot-v2[data-action="bathe"]{right:1%;top:5%;width:34%;height:60%}
.pet-hotspot-v2[data-action="feed"]{right:1%;bottom:0;width:31%;height:32%}
.pet-dashboard-v2{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(360px,1.8fr) auto;gap:16px;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#fff8fb,#fff)}
.pet-summary-v2{text-align:center}
.pet-summary-v2 .pet-name{font-size:18px;font-weight:700;color:var(--accent-dark)}
.pet-summary-v2 .pet-level{font-size:13px;color:var(--text-light);margin-top:2px}
.pet-summary-v2 .pet-exp{font-size:11px;color:var(--text-light);margin-top:3px}
.pet-stats-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pet-stat-v2{text-align:center}
.pet-stat-v2 .stat-label{font-size:12px;color:var(--text-light);font-weight:600}
.pet-stat-v2 .stat-bar{width:100%;height:10px;background:var(--gray-light);border-radius:5px;overflow:hidden;margin-top:5px}
.pet-stat-v2 .stat-fill{height:100%;border-radius:5px;transition:width .5s}
.pet-showcase-mode-row{margin-top:14px;text-align:center}
.pet-showcase-mode{width:min(340px,100%);border:1px solid rgba(128,141,158,.22);border-radius:14px;padding:8px 16px;background:#f6f8fb;color:#667085;font:600 13px inherit;cursor:pointer;box-shadow:0 2px 7px rgba(61,71,86,.08);transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.pet-showcase-mode span,.pet-showcase-mode small{display:block}
.pet-showcase-mode small{margin-top:2px;font-size:11px;font-weight:500;color:inherit;opacity:.8}
.pet-showcase-mode:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(61,71,86,.12)}
.pet-showcase-mode:focus-visible{outline:2px solid #f1ba45;outline-offset:2px}
.pet-showcase-mode.is-active{border-color:transparent;background:linear-gradient(135deg,#fff8d6,#ffe99b);color:#8a5b00;box-shadow:0 7px 15px rgba(192,143,28,.2);transform:translateY(-3px)}
.pet-showcase-mode:disabled{cursor:default;opacity:.65}
.pet-voice-v2{white-space:nowrap}
@media(max-width:768px){
  .pet-dashboard-v2{grid-template-columns:1fr;padding:12px;gap:10px}
  .pet-reminder-v2{top:2%;width:54%;padding:7px 9px;font-size:11px}
  .pet-reminder-v2 .btn{font-size:10px;padding:3px 6px}
  .pet-hotspot-v2 span{padding:4px 7px;font-size:10px}
  .pet-voice-v2{justify-self:center}
}
@media(max-width:480px){
  .pet-reminder-v2{width:59%;font-size:9px;line-height:1.3}
  .pet-reminder-v2 .btn{display:block;margin:4px auto 0}
  .pet-hotspot-v2 span{bottom:1%;font-size:9px;border-width:1px}
  .pet-stats-v2{gap:5px}
  .pet-stat-v2 .stat-label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .pet-night-veil{transition-duration:.12s}
  .pet-hotspot-v2,.pet-hotspot-v2 span,.pet-stat-v2 .stat-fill,.pet-showcase-mode{transition:none}
  .pet-hotspot-v2:hover,.pet-hotspot-v2:hover span,.pet-hotspot-v2:focus-visible span{transform:none}
}