/**
 * forge-style.css — NameForge "Molten Forge" theme
 * Independent design: nf- prefix, ember field, forged plaques.
 * NOT based on any shared template variant.
 */
:root{
  --nf-bg:#0d0805; --nf-panel:#160d07; --nf-panel-2:#241407;
  --nf-line:#3a2412; --nf-line-2:#6b3d1c;
  --nf-ember:#f97316; --nf-ember-2:#fb923c; --nf-amber:#fbbf24; --nf-deep:#7c2d12;
  --nf-ink:#f5ede3; --nf-mut:#a98f77; --nf-dim:#7a6450;
  --nf-shadow:0 30px 80px rgba(0,0,0,.6);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  background:var(--nf-bg); color:var(--nf-ink); min-height:100vh;
  overflow-x:hidden; line-height:1.6; -webkit-font-smoothing:antialiased;
}
img{max-width:100%}
a{color:var(--nf-ember)}
/* ============ atmosphere ============ */
.nf-glow{position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(1200px 600px at 50% -10%,rgba(249,115,22,.15),transparent 60%),
             radial-gradient(900px 500px at 88% 112%,rgba(124,45,18,.30),transparent 60%)}
.nf-embers{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.nf-ember{position:absolute;bottom:-8px;width:3px;height:3px;border-radius:50%;
  background:var(--nf-ember);opacity:0;animation:nf-rise linear infinite;
  box-shadow:0 0 6px 1px rgba(249,115,22,.7)}
@keyframes nf-rise{
  0%{transform:translateY(0) translateX(0);opacity:0}
  8%{opacity:.9}
  85%{opacity:.45}
  100%{transform:translateY(-105vh) translateX(var(--nf-drift,30px));opacity:0}
}
.nf-wrap{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 22px 90px}
/* ============ header ============ */
.nf-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:20px 0;border-bottom:1px solid var(--nf-line)}
.nf-logo{font-family:'Cinzel',serif;font-weight:900;font-size:19px;letter-spacing:.14em;
  color:var(--nf-ink);text-decoration:none;display:flex;gap:10px;align-items:center}
.nf-logo .nf-mark{font-size:23px;filter:drop-shadow(0 0 8px rgba(249,115,22,.6))}
.nf-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.nf-nav a{color:var(--nf-mut);text-decoration:none;font:500 13px 'Inter';padding:7px 12px;border-radius:6px;transition:.2s}
.nf-nav a:hover{color:var(--nf-ink);background:rgba(249,115,22,.07)}
/* language switcher (injected by forge-nav.js) */
.nf-lang-wrap{position:relative;display:inline-block}
.nf-lang-btn{background:var(--nf-panel);border:1px solid var(--nf-line);color:var(--nf-mut);
  font:500 12.5px 'Inter';padding:8px 14px;border-radius:7px;cursor:pointer;transition:.2s;white-space:nowrap}
.nf-lang-btn:hover{color:var(--nf-ember);border-color:var(--nf-line-2)}
.nf-lang-drop{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;max-height:min(70vh,420px);overflow-y:auto;
  background:#1c1108;border:1px solid var(--nf-line-2);border-radius:10px;padding:6px;z-index:60;
  box-shadow:0 18px 50px rgba(0,0,0,.75);display:none}
.nf-lang-wrap.nf-open .nf-lang-drop{display:block}
.nf-lang-drop button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;
  color:var(--nf-mut);font:500 13px 'Inter';padding:9px 10px;border-radius:7px;cursor:pointer;text-align:left;transition:.15s}
.nf-lang-drop button:hover{color:var(--nf-ink);background:rgba(249,115,22,.1)}
.nf-lang-drop button.nf-current{color:var(--nf-ember)}
/* ============ breadcrumb ============ */
.d-trail{font:500 12.5px 'Inter';color:var(--nf-dim);margin:22px 0 4px}
.d-trail a{color:var(--nf-mut);text-decoration:none;transition:.2s}
.d-trail a:hover{color:var(--nf-ember)}
/* ============ hero ============ */
.nf-hero{text-align:center;padding:56px 0 36px}
.nf-kicker{font:600 10.5px 'Inter';letter-spacing:.42em;text-transform:uppercase;
  color:var(--nf-ember);margin-bottom:16px}
.nf-hero h1{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(34px,6vw,64px);
  line-height:1.08;letter-spacing:.015em;margin-bottom:16px;
  background:linear-gradient(180deg,#fff3e0 0%,#fdba74 38%,#f97316 72%,#c2410c 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 16px rgba(249,115,22,.22))}
.nf-subtitle{color:var(--nf-mut);font-size:15px;max-width:600px;margin:0 auto;line-height:1.75}
.nf-badges{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.nf-badge{font:600 10.5px 'Inter';letter-spacing:.14em;text-transform:uppercase;color:var(--nf-mut);
  border:1px solid var(--nf-line);border-radius:999px;padding:6px 14px;background:rgba(255,255,255,.02)}
.nf-badge b{color:var(--nf-ember);font-weight:600}
/* ============ forge console (tool) ============ */
.d-toolzone{margin-top:8px}
.nf-console{margin-top:26px;background:linear-gradient(180deg,var(--nf-panel),#120a05);
  border:1px solid var(--nf-line);border-radius:14px;overflow:hidden;
  box-shadow:var(--nf-shadow), inset 0 1px 0 rgba(255,255,255,.04)}
.nf-tabs{display:flex;border-bottom:1px solid var(--nf-line);overflow-x:auto;scrollbar-width:thin}
.nf-tab{flex:1;min-width:112px;background:none;border:none;border-bottom:2px solid transparent;
  color:var(--nf-mut);font:600 12.5px 'Inter';padding:15px 8px;cursor:pointer;transition:.2s;white-space:nowrap}
.nf-tab:hover{color:var(--nf-ink)}
.nf-tab.nf-on{color:var(--nf-ember);border-bottom-color:var(--nf-ember);
  background:linear-gradient(180deg,rgba(249,115,22,.09),transparent)}
.nf-fields{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;padding:20px 22px}
.nf-field{display:flex;flex-direction:column;gap:7px;flex:1;min-width:132px}
.nf-field label{font:600 9.5px 'Inter';letter-spacing:.2em;text-transform:uppercase;color:var(--nf-mut)}
.nf-field select{appearance:none;background:var(--nf-bg);border:1px solid var(--nf-line);
  border-radius:8px;color:var(--nf-ink);padding:11px 12px;font:500 13.5px 'Inter';cursor:pointer;transition:.2s;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a98f77' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;padding-right:30px}
.nf-field select:hover,.nf-field select:focus{border-color:var(--nf-line-2);outline:none}
.nf-field select:focus{box-shadow:0 0 0 3px rgba(249,115,22,.12)}
.nf-forge{flex:0 0 auto;background:linear-gradient(180deg,var(--nf-ember-2),#ea580c);
  border:1px solid #fdba74;color:#1a0a00;font:700 13px 'Inter';letter-spacing:.1em;
  padding:12px 28px;border-radius:8px;cursor:pointer;text-transform:uppercase;transition:.15s;
  box-shadow:0 4px 22px rgba(249,115,22,.35), inset 0 1px 0 rgba(255,255,255,.35)}
.nf-forge:hover{transform:translateY(-1px);box-shadow:0 8px 30px rgba(249,115,22,.5)}
.nf-forge:active{transform:translateY(0)}
/* results — forged plaques */
.nf-results{padding:4px 22px 24px}
.nf-res-h{font:600 9.5px 'Inter';letter-spacing:.32em;text-transform:uppercase;color:var(--nf-dim);margin-bottom:13px}
.nf-res-h .nf-cnt{color:var(--nf-ember);letter-spacing:.12em}
.nf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:11px}
.nf-plaque{position:relative;background:linear-gradient(180deg,var(--nf-panel-2),var(--nf-panel));
  border:1px solid var(--nf-line);border-radius:10px;padding:15px 13px 12px;transition:.2s;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.nf-plaque:hover{border-color:var(--nf-line-2);transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06)}
.nf-name{font-family:'Cinzel',serif;font-weight:700;font-size:17px;letter-spacing:.02em;
  color:var(--nf-ink);word-break:break-word;line-height:1.35}
.nf-meta{font:500 10.5px 'Inter';color:var(--nf-dim);margin-top:6px;letter-spacing:.05em}
.nf-copy{position:absolute;top:7px;right:7px;background:none;border:none;color:var(--nf-mut);
  font-size:13.5px;cursor:pointer;opacity:0;transition:.2s;padding:4px;border-radius:5px}
.nf-plaque:hover .nf-copy{opacity:1}
.nf-copy:hover{color:var(--nf-ember);background:rgba(249,115,22,.12)}
/* culture intro card (realnames-* pages) */
.nf-cintro{margin:18px 0 0;background:linear-gradient(180deg,rgba(249,115,22,.06),transparent);
  border:1px solid var(--nf-line);border-left:3px solid var(--nf-ember);border-radius:10px;
  padding:18px 20px;font-size:14px;color:var(--nf-mut);line-height:1.8}
.nf-cintro strong{color:var(--nf-ink)}
/* ============ static page body (about / privacy / terms) ============ */
.nf-static{margin-top:34px;max-width:760px;margin-left:auto;margin-right:auto}
.nf-static h2{font-family:'Cinzel',serif;font-weight:700;font-size:22px;color:var(--nf-amber);
  margin:30px 0 12px;letter-spacing:.02em}
.nf-static h2:first-child{margin-top:0}
.nf-static p{color:var(--nf-mut);font-size:14.5px;line-height:1.85;margin-bottom:14px}
.nf-static strong{color:var(--nf-ink)}
.nf-static a{color:var(--nf-ember);text-decoration:underline;text-underline-offset:3px}
.nf-static a:hover{color:var(--nf-amber)}
/* ============ content sections (use case / tips) ============ */
.nf-sec{margin-top:52px}
.nf-sec h3{font-family:'Cinzel',serif;font-weight:700;font-size:21px;color:var(--nf-amber);
  margin-bottom:14px;letter-spacing:.02em}
.nf-sec p{color:var(--nf-mut);font-size:14.5px;line-height:1.85;margin-bottom:14px}
.nf-sec strong{color:var(--nf-ink)}
/* ============ FAQ ============ */
.d-know{margin-top:52px}
.d-know h2{font-family:'Cinzel',serif;font-weight:700;font-size:24px;color:var(--nf-amber);
  margin-bottom:18px;letter-spacing:.02em}
.d-know details{background:var(--nf-panel);border:1px solid var(--nf-line);border-radius:10px;
  margin-bottom:10px;overflow:hidden;transition:.2s}
.d-know details:hover{border-color:var(--nf-line-2)}
.d-know summary{cursor:pointer;padding:15px 18px;font:600 14px 'Inter';color:var(--nf-ink);
  list-style:none;position:relative;padding-right:44px}
.d-know summary::-webkit-details-marker{display:none}
.d-know summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);
  color:var(--nf-ember);font-size:18px;transition:.2s}
.d-know details[open] summary::after{content:'−'}
.d-know details p{padding:0 18px 16px;color:var(--nf-mut);font-size:14px;line-height:1.8}
/* ============ variant links ============ */
.d-links{margin-top:56px}
.d-links h2{font-family:'Cinzel',serif;font-weight:700;font-size:24px;color:var(--nf-amber);
  margin-bottom:18px;letter-spacing:.02em}
.d-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.d-card{display:block;background:linear-gradient(180deg,var(--nf-panel-2),var(--nf-panel));
  border:1px solid var(--nf-line);border-radius:10px;padding:18px 16px;color:var(--nf-ink);
  text-decoration:none;font:600 14px 'Inter';transition:.2s;position:relative}
.d-card::after{content:'→';position:absolute;right:14px;top:50%;transform:translateY(-50%);
  color:var(--nf-ember);opacity:0;transition:.2s}
.d-card:hover{border-color:var(--nf-line-2);transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.5)}
.d-card:hover::after{opacity:1}
.d-card.active{border-color:var(--nf-ember);background:linear-gradient(180deg,rgba(249,115,22,.14),var(--nf-panel))}
/* ============ footer ============ */
.nf-footer{margin-top:72px;border-top:1px solid var(--nf-line);padding-top:22px;
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  color:var(--nf-dim);font-size:12.5px}
.nf-footer a{color:var(--nf-mut);text-decoration:none;margin-right:16px;transition:.2s}
.nf-footer a:hover{color:var(--nf-ember)}
/* ============ consent banner (forge-consent.js) ============ */
.nf-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:660px;margin:0 auto;
  background:linear-gradient(180deg,#1c1108,#140b05);border:1px solid var(--nf-line-2);border-radius:14px;
  padding:18px 20px;box-shadow:0 24px 70px rgba(0,0,0,.8);display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.nf-consent p{color:var(--nf-mut);font-size:13px;line-height:1.7;flex:1;min-width:220px}
.nf-consent a{color:var(--nf-ember)}
.nf-consent .nf-cbtns{display:flex;gap:8px}
.nf-consent button{font:600 12.5px 'Inter';padding:9px 18px;border-radius:8px;cursor:pointer;transition:.15s;white-space:nowrap}
.nf-c-ok{background:linear-gradient(180deg,var(--nf-ember-2),#ea580c);border:1px solid #fdba74;color:#1a0a00}
.nf-c-ok:hover{box-shadow:0 4px 18px rgba(249,115,22,.4)}
.nf-c-no{background:none;border:1px solid var(--nf-line-2);color:var(--nf-mut)}
.nf-c-no:hover{color:var(--nf-ink)}
/* ============ RTL (Arabic) ============ */
[dir="rtl"] .nf-copy{right:auto;left:7px}
[dir="rtl"] .d-card::after{right:auto;left:14px;content:'←'}
[dir="rtl"] .d-know summary{padding-right:18px;padding-left:44px}
[dir="rtl"] .d-know summary::after{right:auto;left:16px}
[dir="rtl"] .nf-cintro{border-left:none;border-right:3px solid var(--nf-ember)}
[dir="rtl"] .nf-lang-drop{right:auto;left:0}
/* ============ responsive ============ */
@media (max-width:640px){
  .nf-wrap{padding:0 16px 60px}
  .nf-fields{padding:16px}
  .nf-field{min-width:calc(50% - 8px)}
  .nf-results{padding:4px 16px 18px}
  .nf-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
  .nf-hero{padding:40px 0 26px}
  .nf-consent{left:10px;right:10px;bottom:10px}
}