/* FF Name Tool (ffng). Built on the locked ffnamegenerator.com design system (Loot Drop):
   dark ground, bright gold actions, colourful card accents (decoration only), cut corners,
   Teko / Rajdhani / Barlow. Green and red are used only for status (fits / too long / unsupported). */
.ffng,.fg-toast,.fg-lb{
  --ground:#0c0d11; --deck:#13151b; --plate:#1a1d25; --plate-hi:#20242e; --edge:#2a2e39; --edge-hi:#3b4050;
  --text:#eeece4; --dim:#a6a59c; --faint:#6f6e68;
  --gold:#ffc21a; --gold-hot:#ff9500; --ink-on-gold:#17130a;
  --t-gold:#ffc21a; --t-purple:#b07cff; --t-blue:#4f9dff; --t-grey:#9a9fac;
  --ok:#3ddc84; --bad:#ff4d4d;
  --f-display:"Teko",Impact,"Arial Narrow",sans-serif;
  --f-ui:"Rajdhani","Arial Narrow",system-ui,sans-serif;
  --f-body:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-name:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Symbols 2","Noto Sans CJK JP",sans-serif;
  --cut:10px; --pad:20px;
  color-scheme:dark;
}
.ffng *,.ffng *::before,.ffng *::after,.fg-toast *,.fg-lb *{box-sizing:border-box}
.ffng{position:relative;width:100%;max-width:1160px;margin-inline:auto;background:var(--deck);color:var(--text);border:1px solid var(--edge);box-shadow:0 0 0 1px rgba(255,194,26,.12),0 24px 60px rgba(0,0,0,.5);font:17px/1.55 var(--f-body);text-align:left}
.ffng.cut,.ffng .cut{clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.ffng button{font:inherit;color:inherit}
.ffng :focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ffng [hidden]{display:none!important}
@media (max-width:760px){.ffng{--pad:14px}}

/* ---------- head: input, counter, words, extras ---------- */
.fg-head{padding:var(--pad);display:grid;grid-template-columns:minmax(0,1fr);gap:12px;border-bottom:1px solid var(--edge)}
.fg-in-label{display:flex;justify-content:space-between;align-items:center;gap:12px}
.fg-in-right{display:flex;align-items:center;gap:8px;min-width:0}
#ffng-lang-btn{min-height:40px;max-width:200px;padding:0 12px;background:transparent;border:1px solid var(--edge-hi);color:var(--text);font:600 15px var(--f-name)!important;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ffng-lang-btn:hover,#ffng-lang-btn[aria-expanded=true]{border-color:var(--gold);color:var(--gold)}
.fg-mark{font:700 14px var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:8px}
.fg-mark::before{content:"";width:16px;height:3px;background:currentColor;transform:skewX(-35deg)}
.fg-count{font:700 15px var(--f-ui);font-variant-numeric:tabular-nums;padding:4px 10px;min-width:64px;text-align:center;background:var(--plate);color:var(--dim)}
.fg-count.ok{color:var(--ok);background:rgba(61,220,132,.13)}
.fg-count.warn{color:var(--gold);background:rgba(255,194,26,.13)}
.fg-count.bad{color:var(--bad);background:rgba(255,77,77,.13)}
.fg-inbox{position:relative;display:flex;align-items:stretch;background:var(--ground);border:2px solid var(--edge-hi);transition:border-color .2s,box-shadow .2s;cursor:text;touch-action:manipulation}
.fg-inbox:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,194,26,.16)}
.ffng:not(.fg-typed) .fg-inbox{animation:fg-pulse 1.4s ease-in-out 2}
@keyframes fg-pulse{50%{border-color:var(--gold);box-shadow:0 0 0 6px rgba(255,194,26,.18)}}
.fg-pencil{width:22px;height:22px;fill:var(--gold);align-self:center;margin-left:14px;flex:none}
.fg-inbox input{flex:1;min-width:0;height:58px;background:none;border:0;outline:none;color:var(--text);font:700 24px var(--f-ui);padding:0 12px}
.fg-inbox input:focus-visible{outline:none}
.fg-inbox input::placeholder{color:var(--faint);font-weight:600}
.fg-clear{width:52px;flex:none;background:none;border:0;border-left:1px solid var(--edge);color:var(--dim);font-size:24px!important;cursor:pointer}
.fg-ammo{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.fg-ammo i{height:8px;background:var(--edge);transform:skewX(-25deg)}
.fg-ammo i.on{background:var(--gold)}
.fg-ammo.over i.on{background:var(--bad)}
.fg-hint{margin:-2px 0 0;font:500 15px/1.4 var(--f-body);color:var(--dim)}
.fg-hint.bad{color:var(--bad);font-weight:700}

.fg-words{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}
.fg-words-title{font:700 14px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.fg-chiprow{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block:2px;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.fg-chiprow::-webkit-scrollbar{display:none}
.fg-chiprow button{flex:none;min-height:40px;padding:0 14px;background:var(--plate);border:1px solid var(--edge-hi);font:600 16px var(--f-name)!important;cursor:pointer;scroll-snap-align:start;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.fg-chiprow button:hover{border-color:var(--gold);color:var(--gold)}
.fg-chiprow button.flash{animation:fg-flash .3s}
@keyframes fg-flash{50%{background:var(--gold);color:var(--ink-on-gold)}}
@media (max-width:520px){.fg-words-title{max-width:38vw;overflow:hidden;text-overflow:ellipsis;font-size:13px}}

.fg-extras{display:flex;flex-wrap:wrap;gap:8px}
.fg-extras button{min-height:42px;padding:0 14px;background:transparent;border:1px solid var(--edge-hi);color:var(--text);font:700 15px var(--f-ui)!important;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.fg-extras button:hover,.fg-extras button[aria-expanded=true]{border-color:var(--gold);color:var(--gold)}
@media (max-width:520px){.fg-extras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.fg-extras button{padding:0 2px;font-size:13px!important;letter-spacing:0;white-space:nowrap}.fg-lg{display:none}}

.fg-panel{background:var(--plate);border:1px solid var(--edge);padding:14px;display:grid;gap:12px}
.fg-panel-note{margin:0;font:500 15px/1.4 var(--f-body);color:var(--dim)}
.fg-syms{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}
.fg-syms button{min-height:56px;background:var(--ground);border:1px solid var(--edge);cursor:pointer;display:grid;place-items:center;gap:0;padding:4px;line-height:1.1}
.fg-syms button span{font:22px var(--f-name)}
.fg-syms button small{font:600 12px var(--f-body);color:var(--dim)}
.fg-syms button:hover:not(:disabled){border-color:var(--gold)}
.fg-syms button:disabled{opacity:.3;cursor:not-allowed}
.fg-tagrow{display:flex;flex-wrap:wrap;gap:8px}
.fg-tagrow input{width:120px;min-height:46px;background:var(--ground);border:1px solid var(--edge-hi);color:var(--text);font:700 20px var(--f-ui);padding:0 12px;text-transform:uppercase;outline:none}
.fg-tagrow input:focus{border-color:var(--gold)}
.fg-tagrow button{min-height:46px;min-width:76px;background:var(--ground);border:1px solid var(--edge-hi);font:20px var(--f-name)!important;cursor:pointer}
.fg-tagrow button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
.fg-langs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.fg-langs button{min-height:52px;background:var(--ground);border:1px solid var(--edge);display:grid;align-content:center;justify-items:start;padding:6px 12px;cursor:pointer;text-align:left}
.fg-langs b{font:600 17px var(--f-name)}
.fg-langs small{font:500 13px var(--f-body);color:var(--dim)}
.fg-langs button[aria-pressed=true]{border-color:var(--gold)}
.fg-langs button:hover{border-color:var(--gold-hot)}
@media (max-width:520px){.fg-langs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- tabs ---------- */
.fg-tabs{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--edge);background:var(--plate);scroll-snap-type:x proximity}
.fg-tabs::-webkit-scrollbar{display:none}
.fg-tabs button{flex:none;min-height:50px;padding:0 16px;background:none;border:0;border-bottom:3px solid transparent;color:var(--dim);font:700 16px var(--f-ui)!important;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;scroll-snap-align:start}
.fg-tabs button:hover{color:var(--text)}
.fg-tabs button[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}
.fg-tabs .fg-tab-lang{text-transform:none;letter-spacing:0;font-family:var(--f-name)!important;font-weight:600!important}
.fg-tabs .n{color:var(--gold)}

/* ---------- body: meta, grid, load more ---------- */
.fg-body{padding:var(--pad)}
.fg-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:14px}
.fg-total{font:600 26px/1 var(--f-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text)}
.fg-switch{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font:600 15px var(--f-body);color:var(--dim);user-select:none}
.fg-switch input{position:absolute;opacity:0;width:1px;height:1px}
.fg-track{width:44px;height:24px;flex:none;background:var(--edge-hi);position:relative;transition:background .2s}
.fg-track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--text);transition:transform .2s}
.fg-switch input:checked+.fg-track{background:var(--ok)}
.fg-switch input:checked+.fg-track::after{transform:translateX(20px);background:#0c0d11}
.fg-switch input:focus-visible+.fg-track{outline:2px solid var(--gold);outline-offset:2px}
.fg-filter{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:4px 4px 4px 12px;background:rgba(255,194,26,.12);border:1px solid var(--gold);font:700 15px var(--f-ui);color:var(--gold)}
.fg-filter-sym{font:20px var(--f-name);color:var(--text)}
.fg-filter button{width:36px;height:36px;background:none;border:0;color:var(--text);font-size:22px!important;cursor:pointer}
.fg-note{margin:0 0 14px;font:500 15px/1.45 var(--f-body);color:var(--dim)}

.fg-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:640px){.fg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media (min-width:960px){.fg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
.fg-card{--c:var(--t-gold);position:relative;content-visibility:auto;contain-intrinsic-size:auto 150px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 16%,transparent),transparent 62%),var(--plate);border:1px solid var(--edge);transition:border-color .15s,background-color .15s}
.fg-card[data-tone=purple]{--c:var(--t-purple)}.fg-card[data-tone=blue]{--c:var(--t-blue)}.fg-card[data-tone=grey]{--c:var(--t-grey)}
.fg-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--c);z-index:1;pointer-events:none}
.fg-tap{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;grid-template-areas:"cat len" "name name" "bar bar";align-items:center;column-gap:8px;row-gap:10px;width:100%;height:100%;min-height:150px;padding:14px 12px 0;background:none;border:0;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.fg-tap:active{transform:scale(.98)}
.fg-cat{grid-area:cat;justify-self:start;font:700 13px var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.fg-name{grid-area:name;display:flex;align-items:center;justify-content:center;font:400 21px/1.3 var(--f-name);color:var(--text);overflow-wrap:anywhere;word-break:break-word;min-height:56px;padding-inline:2px}
.fg-s .fg-name{font-size:18px}.fg-xs .fg-name{font-size:16px}
.fg-len{grid-area:len;justify-self:end;font:700 13px/1 var(--f-ui);font-variant-numeric:tabular-nums;padding:5px 9px;letter-spacing:.04em}
.fg-len.ok{color:var(--ok);background:rgba(61,220,132,.13)}
.fg-len.no{color:var(--bad);background:rgba(255,77,77,.13)}
.fg-bar{grid-area:bar;display:grid;place-items:center;margin:0 -12px;padding-right:40px;height:38px;background:linear-gradient(90deg,var(--gold),var(--gold-hot));color:var(--ink-on-gold);font:700 14px var(--f-ui);letter-spacing:.14em;text-transform:uppercase}
.fg-bar>span{grid-area:1/1}
.fg-bar-done{visibility:hidden}
.fg-heart{position:absolute;bottom:0;right:0;width:44px;height:38px;display:grid;place-items:center;background:none;border:0;border-left:1px solid rgba(0,0,0,.18);cursor:pointer;z-index:2;color:var(--ink-on-gold)}
.fg-heart svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2}
.fg-heart:hover{background:rgba(0,0,0,.1)}
.fg-heart[aria-pressed=true]{color:#c4002b}
.fg-heart[aria-pressed=true] svg{fill:currentColor}
.fg-heart.pop svg{animation:fg-heart .25s}
@keyframes fg-heart{50%{transform:scale(1.25)}}
.fg-card.is-copied{border-color:var(--ok);background:#15281e}
.fg-card.is-copied .fg-bar{background:var(--ok)}
.fg-card.is-copied .fg-bar-tap{visibility:hidden}
.fg-card.is-copied .fg-bar-done{visibility:visible}
.fg-card:hover{border-color:var(--edge-hi)}
@media (max-width:639px){.fg-tap{min-height:118px;padding:10px 10px 0;row-gap:6px;column-gap:4px}.fg-cat{font-size:12px;letter-spacing:.06em}.fg-len{font-size:12px;padding:4px 6px}.fg-name{font-size:19px;min-height:42px}.fg-bar{margin-inline:-10px;height:36px;font-size:13px;letter-spacing:.1em}.fg-heart{height:36px;width:40px}.fg-s .fg-name{font-size:15px}.fg-xs .fg-name{font-size:13px}.fg-card{contain-intrinsic-size:auto 124px}}
.fg-empty{margin:0;padding:28px 12px;text-align:center;color:var(--dim);background:var(--plate);border:1px dashed var(--edge-hi)}

.fg-more{display:grid;justify-items:center;gap:10px;margin-top:22px}
.fg-more button{width:100%;max-width:520px;min-height:56px;background:linear-gradient(90deg,var(--gold),var(--gold-hot));color:var(--ink-on-gold);border:0;font:700 18px var(--f-ui)!important;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);animation:fg-bounce 1.6s ease-in-out infinite,fg-glow 1.6s ease-in-out infinite}
.ffng.fg-scrolling .fg-more button{animation-play-state:paused}
@keyframes fg-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes fg-glow{0%,100%{filter:drop-shadow(0 0 0 rgba(255,194,26,0))}50%{filter:drop-shadow(0 6px 14px rgba(255,194,26,.45))}}
.fg-more span{font:600 15px var(--f-body);color:var(--dim)}

/* ---------- unsupported, how to, foot ---------- */
.fg-unsup{border-top:1px solid var(--edge)}
.fg-unsup summary{min-height:54px;display:flex;align-items:center;gap:10px;padding:0 var(--pad);cursor:pointer;font:700 16px var(--f-ui);letter-spacing:.04em;color:var(--dim);list-style:none}
.fg-unsup summary::-webkit-details-marker{display:none}
.fg-unsup summary::before{content:"\25B8";color:var(--bad)}
.fg-unsup[open] summary::before{content:"\25BE"}
.fg-unsup-body{padding:0 var(--pad) var(--pad);display:grid;gap:12px;font-size:15px;color:var(--dim)}
.fg-unsup-body p{margin:0}
.fg-unsup-body ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.fg-unsup-body li{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--plate);padding:10px 12px}
.fg-unsup-body li span:first-child{color:var(--text);overflow-wrap:anywhere;min-width:0}
.fg-chip{display:inline-flex;align-items:center;font:700 13px/1 var(--f-ui);letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;white-space:nowrap}
.fg-chip.no{color:var(--bad);background:rgba(255,77,77,.14)}
.fg-how{border-top:1px solid var(--edge);padding:var(--pad)}
.fg-how h3{margin:0 0 14px;font:700 21px/1.25 var(--f-ui);text-transform:uppercase;letter-spacing:.04em;color:var(--text)}
.fg-how-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}
.fg-how ol{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
.fg-how li{counter-increment:s;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;font:500 16px/1.4 var(--f-body)}
.fg-how li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;background:var(--gold);color:var(--ink-on-gold);font:700 17px var(--f-ui);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.fg-shot{display:block;width:100%;padding:0;border:1px solid var(--edge);background:var(--plate);cursor:zoom-in;position:relative}
.fg-shot img{display:block;width:100%;height:auto;aspect-ratio:1600/702;object-fit:cover}
.fg-shot::after{content:"Tap to enlarge";position:absolute;right:8px;bottom:8px;font:700 13px var(--f-ui);background:rgba(0,0,0,.75);color:var(--text);padding:4px 8px}
@media (max-width:760px){.fg-how-grid{grid-template-columns:minmax(0,1fr);gap:16px}}
.fg-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px var(--pad);border-top:1px solid var(--edge);font:600 15px var(--f-body);color:var(--dim)}
.fg-foot a{color:var(--ok);font-weight:700;text-decoration:none;overflow-wrap:anywhere;min-width:0}
.fg-foot a:hover{text-decoration:underline}

/* ---------- toast + lightbox (outside #ffng) ---------- */
.fg-toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%,24px);opacity:0;pointer-events:none;z-index:9999;width:min(92vw,420px);background:var(--plate-hi);border:2px solid var(--ok);padding:12px 16px;display:grid;gap:2px;color:var(--text);transition:transform .22s,opacity .22s;font-family:var(--f-body)}
.fg-toast.show{opacity:1;transform:translate(-50%,0)}
.fg-toast.has-input{pointer-events:auto}
.fg-toast.bad{border-color:var(--bad)}
.fg-toast b{font:700 18px/1.3 var(--f-ui);letter-spacing:.02em;color:var(--ok)}
.fg-toast.bad b{color:var(--bad)}
.fg-toast span{font:500 15px/1.4 var(--f-body);color:var(--text)}
.fg-toast span:empty{display:none}
.fg-manual{margin-top:8px;width:100%;min-height:44px;background:var(--ground);border:1px solid var(--gold);color:var(--text);font:20px var(--f-name);padding:0 10px}
.fg-lb{border:1px solid var(--edge-hi);background:var(--deck);color:var(--text);padding:0;width:96vw;max-width:1100px}
.fg-lb::backdrop{background:rgba(0,0,0,.85)}
.fg-lb img{display:block;width:100%;height:auto}
.fg-lb-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 16px;font:600 15px var(--f-body)}
.fg-lb-bar button{min-height:44px;padding:0 18px;background:var(--gold);color:var(--ink-on-gold);border:0;font:700 16px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}

/* phones: the input, popular words and the first row of designs must fit on a 360x740 screen */
@media (max-width:520px){
  .fg-head{gap:10px}
  .fg-ammo{display:none}
  .fg-hint:not(.bad){display:none}
  .fg-note.is-sample{display:none}
  .fg-inbox input{height:56px;font-size:22px}
  .fg-meta{flex-wrap:nowrap;margin-bottom:12px}
  .fg-total{font-size:22px;white-space:nowrap}
  .fg-switch{font-size:13px;gap:8px}
  .fg-tabs button{min-height:46px;padding:0 13px;font-size:15px!important}
}

@media (prefers-reduced-motion:reduce){.ffng *,.ffng *::before,.ffng *::after,.fg-toast,.ffng .fg-inbox{animation:none!important;transition:none!important}}

/* language button: clear, light attraction */
#ffng-lang-btn{border-color:rgba(255,194,26,.55);color:var(--gold);background:rgba(255,194,26,.07)}
#ffng-lang-btn::before{content:'\1F310';margin-right:7px;font-size:16px;vertical-align:-1px}
#ffng-lang-btn.fg-lang-new::after{content:'NEW';margin-left:8px;padding:1px 6px;background:var(--gold);color:var(--ink-on-gold);font:700 11px var(--f-ui,sans-serif);letter-spacing:.06em;vertical-align:1px}
#ffng-lang-btn.fg-lang-new{animation:fgLangPulse 2.4s ease-out infinite}
@keyframes fgLangPulse{0%{box-shadow:0 0 0 0 rgba(255,194,26,.55)}70%,100%{box-shadow:0 0 0 9px rgba(255,194,26,0)}}
@media (prefers-reduced-motion:reduce){#ffng-lang-btn.fg-lang-new{animation:none;box-shadow:0 0 0 2px rgba(255,194,26,.4)}}

/* language panel as a dropdown under the button */
.fg-in-label{position:relative}
#ffng-p-lang{position:absolute;top:calc(100% + 8px);right:0;left:auto;width:min(640px,100%);z-index:40;max-height:min(70vh,520px);overflow:auto;background:var(--deck);border:1px solid var(--gold);border-top-width:3px;box-shadow:0 18px 40px rgba(0,0,0,.65),0 0 0 1px rgba(255,194,26,.15);padding:14px;animation:fgDrop .16s ease-out}
#ffng-p-lang[hidden]{display:none}
.fg-lang-head{display:grid;gap:2px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--edge)}
.fg-lang-head b{font:600 22px var(--f-display);letter-spacing:.02em;color:var(--gold)}
.fg-lang-head small{font:500 14px var(--f-body);color:var(--dim)}
@keyframes fgDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#ffng-p-lang{animation:none}}

.fg-name .fg-sp{display:inline-block;width:.55em;height:1em;overflow:hidden;white-space:nowrap;vertical-align:bottom;font-style:normal;color:transparent}
.fg-name .fg-sp.s{width:.35em}