/* ═══ كلمة بحرف — «ورشة الحدّاد» (البادئة fg-) — لوحة ١٩٢٠×١٠٨٠ (W5K) ═══
   هويّتها: ورشة حدادة — طوب محروق، فرن ناري، حديد رمادي، والحرف الجاي حديدة حمرا على السندان. */
/* ═════ ج) ورشة الحدّاد ═════ */
.fg-cv{background:#15110f}
.fg-wall{position:absolute;inset:0;background:
  radial-gradient(ellipse 700px 620px at 12% 78%,rgba(255,120,30,.5),transparent 70%),
  radial-gradient(ellipse 620px 420px at 50% 72%,rgba(255,150,50,.22),transparent 70%),
  repeating-linear-gradient(0deg,transparent 0 74px,rgba(0,0,0,.5) 74px 80px),
  repeating-linear-gradient(90deg,transparent 0 154px,rgba(0,0,0,.4) 154px 160px),
  linear-gradient(#2a211c,#1a1412)}
.fg-fur{left:70px;top:470px;width:360px;height:520px;border-radius:180px 180px 0 0;background:#3a2a22;border:16px solid #4d3a30;box-shadow:0 0 120px 30px rgba(255,120,30,.35)}
.fg-fur i{position:absolute;inset:26px 26px 0;border-radius:150px 150px 0 0;background:radial-gradient(ellipse at 50% 100%,#fff3b0 0,#ffb02e 30%,#e2511a 60%,#5a1608 100%);animation:fgFire 1.1s ease-in-out infinite alternate}
@keyframes fgFire{from{filter:brightness(.9)}to{filter:brightness(1.25)}}
.fg-chain{left:0;right:0;top:130px;display:flex;justify-content:center;align-items:flex-start}
.fg-link{width:300px;height:170px;border-radius:85px;background:linear-gradient(#d8dee6,#737b86 55%,#3d434c);box-shadow:0 12px 24px rgba(0,0,0,.6);flex:none}
.fg-hole{position:absolute;inset:26px;border-radius:60px;background:#1a1412;box-shadow:inset 0 8px 14px rgba(0,0,0,.8);display:grid;place-items:center}
.fg-hole span{font-size:68px;font-weight:900;line-height:1.2;color:#f1ead9;margin-top:-10px}
.fg-hole em{color:#ffb02e}
.fg-join{width:60px;height:96px;margin:37px -22px 0;border-radius:30px;background:linear-gradient(90deg,#3d434c,#d8dee6 45%,#737b86);flex:none;z-index:2;box-shadow:0 8px 14px rgba(0,0,0,.6)}
.fg-tag{position:absolute;left:0;right:0;top:186px;display:flex;align-items:center;justify-content:center;gap:8px}
.fg-tag{--avs:52px}
.fg-tag b{font-size:26px}
.fg-link.nxt{background:none;border:8px dashed #ff9a3a;box-shadow:none;animation:w5blink 1.4s infinite}
.fg-link.nxt .fg-hole{background:none;box-shadow:none}
.fg-link.nxt span{color:#ff9a3a}
.fg-anvil{left:700px;top:740px;width:520px;height:230px;background:linear-gradient(#6b727d,#2b3038 60%,#15181d);clip-path:polygon(0 0,100% 0,100% 22%,80% 30%,67% 60%,80% 82%,80% 100%,20% 100%,20% 82%,33% 60%,22% 30%,8% 30%,0 12%)}
.fg-hot{left:800px;top:576px;width:320px;height:170px;border-radius:85px;background:radial-gradient(ellipse,#fff3b0 0,#ffb02e 45%,#e2511a 100%);box-shadow:0 0 90px 30px rgba(255,130,30,.6);display:grid;place-items:center;animation:fgFire 1s ease-in-out infinite alternate}
.fg-hot b{font-size:128px;line-height:1;color:#4a1400;font-weight:900;margin-top:-22px}
.fg-hot .sp{position:absolute;left:50%;top:40%;width:8px;height:22px;border-radius:4px;background:#ffe07a;transform-origin:50% 0;animation:fgSp 1.1s linear infinite;animation-delay:var(--d)}
@keyframes fgSp{0%{transform:rotate(var(--a)) translateY(-60px);opacity:1}100%{transform:rotate(var(--a)) translateY(-260px);opacity:0}}
.fg-hammer{left:1140px;top:470px;width:300px;height:200px;transform-origin:100% 100%;animation:fgHam 1.1s ease-in infinite alternate}
.fg-hammer i{position:absolute;right:0;bottom:20px;width:260px;height:24px;border-radius:12px;background:linear-gradient(#a8703c,#6d4320);transform:rotate(22deg);transform-origin:100% 50%}
.fg-hammer b{position:absolute;left:0;top:22px;width:120px;height:74px;border-radius:12px;background:linear-gradient(#aeb5bf,#4a5059);transform:rotate(22deg)}
@keyframes fgHam{from{transform:rotate(26deg)}to{transform:rotate(-6deg)}}
.fg-turn{left:430px;top:390px;width:350px;display:flex;flex-direction:column;gap:8px}
.fg-turn small{font-size:28px;color:#ffb02e}
.fg-turn .w5pc{height:104px;border:4px solid #ff9a3a;box-shadow:0 0 34px rgba(255,130,30,.5)}
.fg-turn .w5pc{--avs:78px}.fg-turn .w5pc b{font-size:40px}
.fg-say{left:470px;right:470px;top:1016px;text-align:center;font-size:30px;color:#f1ead9;display:none}
.fg-cool{left:470px;top:994px;width:980px;display:flex;align-items:center;gap:18px}
.fg-cool span{font-size:28px;color:#8fc5ff}
.fg-cool div{flex:1;height:28px;border-radius:14px;background:#0c0a09;border:3px solid #4d3a30;overflow:hidden;direction:ltr}
.fg-cool div i{display:block;height:100%;background:linear-gradient(90deg,#3d8bff,#ffb02e 60%,#ff5a1a)}
.fg-cool b{font-size:64px;line-height:1;color:#ffb02e}
.fg-list{right:50px;top:420px;width:400px;display:flex;flex-direction:column;gap:8px}
.fg-list h4{font-size:30px;color:#ffb02e;font-weight:900}
.fg-p{display:flex;align-items:center;gap:12px;height:66px;padding:0 14px;border-radius:14px;background:rgba(0,0,0,.45);border:2px solid #4d3a30}
.fg-p{--avs:50px}
.fg-p b{font-size:28px}
.fg-p.on{border-color:#ff9a3a;background:rgba(255,130,30,.18)}
.fg-p.out{opacity:.5;filter:grayscale(1)}
.fg-p.out b{text-decoration:line-through}
.fg-p small{font-size:18px;margin-inline-start:auto;font-weight:700}

.fg-top{right:50px;top:34px;display:flex;align-items:stretch;height:60px;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #000a}
.fg-top>*{display:flex;align-items:center;gap:.35em;padding:0 18px;white-space:nowrap}
.fg-top b{background:linear-gradient(#ffb02e,#e2511a);color:#2a0c00;font-size:28px;font-weight:900}
.fg-top span{background:#0c0a09e6;font-size:21px;color:#d9cbb3}.fg-top span i{font-size:30px;color:#ffb02e}
.fg-link.last .fg-hole{box-shadow:inset 0 8px 14px rgba(0,0,0,.8),0 0 0 3px #ffb02e}
.fg-turn>span{font-size:26px;color:#f1ead9;line-height:1.5}.fg-turn>span b{color:#ffb02e;font-size:34px}
.fg-turn.out .w5pc{border-color:#8b8b8b;filter:grayscale(1)}.fg-turn.safe .w5pc{border-color:#3dd17a}
.fg-hot.wide b{font-size:84px;margin-top:-10px}
.fg-cool.hot b{color:#ff5a1a;animation:w5blink .5s infinite}
.fg-list>div{display:flex;flex-direction:column;gap:8px}
.fg-list h4 em{color:#f1ead9;font-size:30px}
.fg-p b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* الجوال الطولي: لوحة ١٠٨٠×١٩٢٠ — السلسلة فوق، الدور، ثمّ السندان والفرن، ثمّ البرودة والحدّادين */
.fg-cv.port .fg-top{right:40px;top:40px}
.fg-cv.port .fg-chain{top:150px;transform:scale(.8);transform-origin:50% 0}
.fg-cv.port .fg-turn{left:150px;top:440px;width:780px}
.fg-cv.port .fg-fur{left:30px;top:1000px;width:230px;height:380px;border-width:12px}
.fg-cv.port .fg-hammer{left:640px;top:820px}
.fg-cv.port .fg-hot{left:380px;top:950px}
.fg-cv.port .fg-anvil{left:280px;top:1114px}
.fg-cv.port .fg-cool{left:60px;top:1400px;width:960px}
.fg-cv.port .fg-list{right:60px;top:1490px;width:960px}
.fg-cv.port .fg-list>div{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.fg-cv.port .fg-p{height:60px}