/* forge.css — the 🪓 woodshop card, run through makeCard. the head + bottom bar wear the JENGA
   wood texture; the border is RIPPED from the woodshop's amber wood. the woodshop itself runs
   self-contained in the iframe (the body) — its own scripts + storage, untouched. */

.card-forge { overflow: hidden; }

/* the wood border — ripped from the woodshop (--wood-border) */
.p-forge { border-color: var(--wood-border); background: var(--wood-bg); }

/* head + bottom bar — the jenga plank (the woodshop's own asset, no dup). dark text on light wood. */
.p-forge .card-head {
  background: url('../woodshop/assets/jenga.png') center / cover no-repeat;
  border-bottom: 1px solid rgba(26,8,0,.55);
}
.p-forge .card-head .card-title { color: var(--wood-ink); letter-spacing: 2px; text-shadow: 0 1px 1px rgba(255,235,205,0.45); }
.p-forge .card-head .card-icon { filter: drop-shadow(0 1px 1px rgba(255,235,205,0.55)); }
.p-forge .card-head::after { color: var(--wood-ink); }
.p-forge .card-grip { color: var(--wood-grip); }
.p-forge .card-grip:hover { color: var(--wood-ink); }

.p-forge .card-bottom {
  background: url('../woodshop/assets/jenga.png') center / cover no-repeat;
  border-top: 1px solid rgba(26,8,0,.55);
  box-shadow: inset 0 3px 9px -3px rgba(0,0,0,0.4);   /* a warm dark inset, not the gray glow */
}
.p-forge .card-bottom::before { color: var(--wood-ink); }

/* the body holds the woodshop iframe — give it room; the bottom bar slides its height */
.p-forge .card-body { height: 560px; }
.p-forge .forge-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: none; background: var(--bg); }