/* 🏠 CASTAWAY PIG — HOME's panel (furniture, the chest, the stove, the upgrade bench,
   Ronan's trades) and the HUD's heat / cool badge. Everything else reuses style.css
   (.panel, .panel-box, .recipes, .recipe, .r-ico, .r-body, .needs, .need, .btn). */
.home-buff { margin-left: 6px; }
.home-buff[hidden] { display: none; }
.home-buff.hot { background: rgba(190, 70, 20, .88); }
.home-buff.cool { background: rgba(40, 120, 200, .88); }

#p-home .panel-box { zoom: var(--ui, 1); }
.home-box .row.between h2 { margin: 2px 0; text-align: left; }
.home-say { margin: 4px auto 8px; padding: 8px 14px; border-radius: 16px; background: #fffaf0; border: 3px solid var(--sand3, #e2c58c); font-weight: bold; max-width: 680px; text-align: left; }
.home-ronan { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 2px 0 4px; }
.home-ronan-b { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; }
.home-hearts { font-size: 1.25em; letter-spacing: 2px; }
.home-fr { font-size: .9em; }
.home-box .recipes { grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); }
.home-swap { display: flex; flex-wrap: nowrap; align-items: center; gap: 6px; }
.home-swap > .needs { display: inline-flex; flex-wrap: wrap; margin-top: 0; }
.home-arrow { font-size: 18px; color: #7a4622; }
.recipe.home-card.cant { opacity: .78; }
/* 🧑‍🌾 Ronan's swaps (v1.5): grouped by kind, a badge on every card */
.home-kind { margin: 12px 4px 5px; text-align: left; font-size: 1em; }
.home-badge { display: block; width: max-content; font-size: 11px; font-weight: bold; padding: 0 7px; border-radius: 9px; margin: 0 0 2px; line-height: 1.5; }
.home-badge-b { background: #ffe25a; color: #6a4a00; border: 2px solid #e0a820; }
.home-badge-f { background: #e3f1ff; color: #24507a; border: 2px solid #8ab8e0; }
.home-badge-s { background: #f3e3ff; color: #5a2a80; border: 2px solid #b88ae0; }
.recipe.home-offer-b { border-color: #f0c040; }
.recipe.home-offer-s { border-color: #c8a0f0; }
/* ✨ v1.6: the pinned golden-fish card (and the 🌈 super-rare one below it): outside the grid, so left-aligned here */
.recipe.home-golden, .recipe.home-super { text-align: left; }
.recipe.home-golden { margin: 2px 0 10px; border-color: #e0a800; background: linear-gradient(135deg, #fff8d0, #ffe27a 55%, #fff2b0); box-shadow: 0 0 0 3px rgba(255, 214, 64, .55), 0 6px 16px rgba(160, 110, 0, .25); animation: home-gold 1.4s ease-in-out infinite alternate; }
.recipe.home-golden .r-body > b { font-size: 1.15em; color: #6a4300; }
.home-badge-g { background: #fff3a0; color: #7a5200; border: 2px solid #e0a800; }
.btn.home-gold-btn { background: linear-gradient(#fff6a8, #ffc63a); border-color: #b07a00; }
@keyframes home-gold { from { box-shadow: 0 0 0 3px rgba(255, 214, 64, .45), 0 6px 16px rgba(160, 110, 0, .2); } to { box-shadow: 0 0 0 6px rgba(255, 214, 64, .8), 0 6px 20px rgba(160, 110, 0, .35); } }
/* 🌈 v1.6: the SUPER-RARE deal (1 morning in 100) */
.recipe.home-super { margin: 2px 0 10px; border: 3px solid transparent; background: linear-gradient(#fffaf0, #fffaf0) padding-box, linear-gradient(90deg, #ff5a5a, #ffb43a, #ffe23a, #5ad25a, #3ab4ff, #a05aff) border-box; box-shadow: 0 0 0 3px rgba(255, 214, 64, .45), 0 6px 18px rgba(120, 60, 160, .25); animation: home-gold 1.1s ease-in-out infinite alternate; }
.recipe.home-super .r-body > b { font-size: 1.12em; color: #5a2a80; }
.home-badge-super { background: linear-gradient(90deg, #ffd0d0, #fff0b0, #d0ffd0, #d0f0ff, #ecd8ff); color: #5a2a80; border: 2px solid #b88ae0; }
.btn.home-super-btn { background: linear-gradient(90deg, #ffb0b0, #ffe48a, #b8f0b0, #a8dcff, #dcc0ff); border-color: #7a4ab0; }
@media (prefers-reduced-motion: reduce) { .recipe.home-golden, .recipe.home-super { animation: none; } }
.recipe.home-card.cant .btn.make { filter: grayscale(.6); }
.home-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; text-align: left; }
.home-col h3 { margin: 4px 0; font-size: 1em; }
.home-list { display: flex; flex-direction: column; gap: 4px; max-height: 44vh; overflow: auto; padding: 2px; }
.btn.home-item { justify-content: flex-start; min-height: 40px; padding: 3px 10px; font-size: .92em; box-shadow: 0 2px 0 var(--wood2, #7a4622); }
.btn.home-item .ico { flex: none; }
@media (max-width: 600px) { .home-cols { grid-template-columns: 1fr; } .home-list { max-height: 30vh; } .home-box .recipes { grid-template-columns: 1fr; } }
@media (max-height: 520px) { .home-say { margin: 2px auto 4px; padding: 4px 10px; } .home-list { max-height: 34vh; } .home-ronan canvas { width: 40px !important; height: 40px !important; } }