/* "Oops! You Found Us Early!" note from the teddy bear. Nana V says both lines; they sit between Starli and Nana V. */
.ps-backdrop{padding:14px}
.ps-card{position:relative;width:min(640px,100%);max-height:100%;overflow:auto;background:var(--card,#fffaf0);color:var(--ink,#2b1850);border-radius:24px;padding:22px 22px 20px;text-align:center;box-shadow:0 20px 50px rgba(42,35,80,.3)}
.ps-card h2{margin:0 0 6px;font:700 clamp(1.35rem,4.2vw,1.85rem)/1.15 var(--pop,inherit);color:#6a2bd9}
.ps-scene{position:relative;margin:0 auto}
.ps-scene img{display:block;width:100%;height:auto}
.ps-say{position:absolute;left:27%;right:43%;top:22%;text-align:center}
.ps-say p{margin:0 0 10px;font:600 clamp(.85rem,2.2vw,1.05rem)/1.4 var(--pop,inherit)}
.ps-body{margin:12px 0 4px;font:500 clamp(1rem,2.6vw,1.12rem)/1.45 var(--pop,inherit)}
.ps-btns{display:flex;justify-content:center;align-items:center;gap:12px}
.ps-hear{width:52px;height:52px;border-radius:50%;border:3px solid #d9a72b;background:#fff4d6;font-size:24px;cursor:pointer;display:grid;place-items:center}
.ps-soon{margin:0 0 14px;font:700 clamp(1.05rem,3vw,1.3rem)/1.3 var(--pop,inherit);color:#c2410c}
@media (max-width:560px){
  .ps-card{padding:16px 14px}
  .ps-say{position:static;margin-top:8px}
  .ps-say p{font-size:1rem;margin-bottom:6px}
}
@media (max-height:520px) and (orientation:landscape){
  .ps-card{display:grid;grid-template-columns:42% 1fr;column-gap:16px;align-items:center;width:min(780px,100%);padding:12px 18px}
  .ps-card h2{grid-column:1/-1;margin-bottom:4px}
  .ps-scene{display:contents}
  .ps-scene img{grid-column:1;grid-row:2/span 4;width:100%}
  .ps-say{position:static;grid-column:2}
  .ps-say p{font-size:.95rem;margin-bottom:4px}
  .ps-body,.ps-soon,.ps-btns{grid-column:2}
  .ps-body{margin:6px 0 2px;font-size:.95rem}.ps-soon{margin:0 0 6px;font-size:1.05rem}
}
