/* The only warm accent is the small, optional stellar companion. */
#aw-blueprint .bp-side { display:flex; flex-direction:column; }
#aw-blueprint .bp-side-content { flex:none; max-height:calc(100dvh - 140px); }
#aw-blueprint .bp-pet-toggle {
  position:relative; z-index:16;
  display:flex; align-items:center; flex:none; gap:8px; width:100%; min-height:44px;
  margin-top:auto; padding:24px 0 0; color:var(--bp-muted);
  font-size:calc(11px + var(--bp-font-step));
}
#aw-blueprint .bp-pet-toggle:hover { color:var(--bp-ink); }
#aw-blueprint .bp-pet-toggle img { width:28px; height:28px; flex:none; }
#aw-blueprint .bp-pet-toggle-state { margin-left:auto; font-size:calc(10px + var(--bp-font-step)); }
#aw-blueprint .bp-pet-switch { position:relative; width:28px; height:16px; flex:none; border:1px solid var(--bp-line); border-radius:12px; }
#aw-blueprint .bp-pet-switch::after { content:''; position:absolute; top:3px; left:3px; width:8px; height:8px; border-radius:50%; background:var(--bp-muted); transition:transform .18s,background .18s; }
#aw-blueprint .bp-pet-toggle[aria-checked=true] .bp-pet-switch { border-color:#efa737; background:rgba(239,167,55,.12); }
#aw-blueprint .bp-pet-toggle[aria-checked=true] .bp-pet-switch::after { background:#ffc755; transform:translateX(12px); }
#aw-blueprint .bp-pet-layer { position:fixed; inset:0; z-index:15; overflow:hidden; pointer-events:none; }
#aw-blueprint .bp-pet-embers { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
#aw-blueprint .bp-pet {
  position:absolute; top:0; left:0; width:76.8px; height:76.8px; border-radius:50%;
  pointer-events:auto; touch-action:none; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none;
  cursor:grab; will-change:transform; outline-offset:0;
}
#aw-blueprint .bp-pet[data-held=true] { cursor:grabbing; }
#aw-blueprint .bp-pet:focus-visible { outline-color:#ffd26c; }
#aw-blueprint .bp-pet[data-pointer=true]:focus-visible { outline:none; }
#aw-blueprint .bp-pet-body { position:absolute; inset:-9.6px; pointer-events:none; will-change:transform; }
#aw-blueprint .bp-pet-body img {
  position:absolute; inset:0; width:100%; height:100%; object-fit:contain;
  pointer-events:none; opacity:0; -webkit-user-drag:none;
}
#aw-blueprint .bp-pet[data-expression=idle] [data-face=idle],
#aw-blueprint .bp-pet[data-expression=held] [data-face=held],
#aw-blueprint .bp-pet[data-expression=flying] [data-face=flying],
#aw-blueprint .bp-pet[data-expression=sleepy] [data-face=sleepy] { opacity:1; }
@media (max-width:640px) {
  #aw-blueprint .bp-pet-toggle { flex-wrap:wrap; justify-content:center; gap:2px 4px; font-size:calc(11px + var(--bp-font-step)); }
  #aw-blueprint .bp-pet-toggle img { width:22px; height:22px; }
  #aw-blueprint .bp-pet-toggle-state { margin-left:0; font-size:calc(9px + var(--bp-font-step)); }
  #aw-blueprint .bp-pet-switch { width:26px; }
  #aw-blueprint .bp-pet-toggle[aria-checked=true] .bp-pet-switch::after { transform:translateX(10px); }
  #aw-blueprint .bp-pet { width:60.8px; height:60.8px; }
  #aw-blueprint .bp-pet-body { inset:-6.4px; }
}
@media (prefers-reduced-motion:reduce) {
  #aw-blueprint .bp-pet-switch::after { transition:none; }
}