/* Pokémon Day Care panel (js/breeding.js) */
.daycare { display: flex; flex-direction: column; gap: 10px; }
.daycare h3 { margin: 4px 0 0; }
.daycare h3.sub { font-size: 14px; color: var(--muted); }
.dc-speech { background: #f6f3e8; color: #2b2b2b; border: 3px solid #5a6b8c; border-radius: 10px; padding: 10px 14px; font-weight: 800; box-shadow: inset 0 0 0 2px #fff; }
.dc-slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 8px; }
.dc-slot { display: grid; grid-template-columns: 64px 1fr auto; gap: 10px; align-items: center; background: #0f2552; border: 2px solid #2d5bb3; border-radius: 12px; padding: 8px; }
.dc-thumb { width: 64px; height: 64px; border-radius: 10px; display: grid; place-items: center; background: radial-gradient(color-mix(in srgb, var(--t) 45%, #16326b), #16326b); overflow: hidden; }
.dc-thumb img { width: 100%; height: 100%; object-fit: contain; }
.dc-thumb b { font-size: 20px; opacity: .8; }
.dc-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dc-info small { font-size: 11px; }
.dc-g { font-weight: 900; }
.dc-g.m { color: #6fb6ff; }
.dc-g.f { color: #ff8fc0; }
.dc-compat { background: #0a1838; border: 2px solid #2d5bb3; border-radius: 10px; padding: 8px 12px; font-weight: 800; }
.dc-compat.c70 { border-color: #ff7fb0; }
.dc-compat.c50 { border-color: #ffb0cf; }
.dc-compat.c0 { border-color: #555f7a; }
.dc-hearts { color: #ff6fa6; margin-right: 8px; letter-spacing: 2px; }
.dc-held { display: flex; flex-wrap: wrap; gap: 6px; }
.dc-picks { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 6px; }
.dc-pick { display: flex; flex-direction: column; align-items: center; gap: 3px; background: #0f2552; border: 2px solid #2d5bb3; border-radius: 10px; padding: 6px; }
.dc-pick:hover:not(:disabled) { border-color: #fff; }
.dc-pick:disabled { opacity: .4; cursor: not-allowed; }
.dc-pick .dc-thumb { width: 56px; height: 56px; }
.dc-pick span { font-weight: 800; font-size: 12px; }
.dc-pick small { color: var(--gold); font-size: 11px; }
.dc-egg { display: flex; align-items: center; gap: 10px; background: linear-gradient(#3a2d0b, #241c06); border: 2px solid var(--gold); border-radius: 12px; padding: 8px 12px; animation: dc-pulse 1.6s ease-in-out infinite; }
.dc-egg img { width: 44px; height: 44px; }
.dc-egg div { display: flex; flex-direction: column; flex: 1; }
@keyframes dc-pulse { 50% { box-shadow: 0 0 18px rgba(255, 207, 74, .5); } }
.daycare .small { font-size: 11px; margin: 0; }
