/* Game World • Free Fire Nick Generator • visual navy edition
   CSS-only redesign: original PHP/JS and shortcode remain unchanged. */
.ffng-container,
.ffng-container *,
.ffng-container *::before,
.ffng-container *::after { box-sizing:border-box; }
.ffng-container * { margin:0; }
.ffng-container {
  --ffng-orange:#ff890b;
  --ffng-orange-light:#ffac4b;
  --ffng-text:#f5f8ff;
  --ffng-muted:#b9c9df;
  --ffng-border:#344c70;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  width:100%; max-width:860px; margin:24px auto;
  padding:clamp(16px,3vw,28px);
  color:var(--ffng-text);
  background:linear-gradient(145deg,#0b162b 0%,#122845 66%,#0c1b32 100%);
  border:1px solid #2b4468;
  border-top:3px solid var(--ffng-orange);
  border-radius:18px;
  box-shadow:0 15px 36px rgba(5,14,30,.22),inset 0 1px rgba(255,255,255,.04);
}
.ffng-container .ffng-input {
  display:block; width:100%; min-height:54px;
  padding:14px 17px; border:1px solid #506583; border-radius:11px 11px 0 0;
  background:#f8fbff; color:#17243a; font:500 1rem/1.4 inherit;
  font-size:16px; outline:none; caret-color:#ef7e00;
  transition:border-color .18s,box-shadow .18s;
}
.ffng-container .ffng-input::placeholder { color:#6c7b90; opacity:1; }
.ffng-container .ffng-input:focus { border-color:#ff9900; box-shadow:0 0 0 3px rgba(255,153,0,.22); position:relative;z-index:1; }
.ffng-container .ffng-btn-generate {
  display:block;width:100%;min-height:54px;padding:13px 18px;margin:0 0 21px;
  border:1px solid #f28d19; border-radius:0 0 11px 11px;
  background:linear-gradient(110deg,#ff9a21,#f17d00);color:#101d32;
  font:800 1rem/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer; box-shadow:0 8px 20px rgba(244,125,0,.19);
  transition:filter .18s,transform .18s,box-shadow .18s;
  appearance:none;-webkit-appearance:none;
}
.ffng-container .ffng-btn-generate:disabled {opacity:.75;cursor:not-allowed;}
.ffng-container .ffng-btn-generate:not(:disabled):hover {filter:brightness(1.08);box-shadow:0 9px 23px rgba(244,125,0,.28);transform:translateY(-1px);}
.ffng-container .ffng-btn-generate:active {transform:translateY(0);}
.ffng-container button:focus-visible {outline:3px solid #a6d8ff;outline-offset:3px;}
.ffng-container .ffng-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
.ffng-container .ffng-card {
  display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;
  padding:12px 13px;min-height:66px;
  border:1px solid #385378;border-radius:10px;
  background:#1b3150;box-shadow:0 3px 10px rgba(0,0,0,.11);
  transition:border-color .18s,background .18s,transform .18s;
}
.ffng-container .ffng-card:hover {background:#233c60;border-color:#e58a29;transform:translateY(-1px);}
.ffng-container .ffng-card-nick {
  flex:1;min-width:0;color:#f8faff;font-size:clamp(14px,1.35vw,18px);
  font-weight:600;line-height:1.5;overflow-wrap:anywhere;word-break:break-word;
  user-select:text;
}
.ffng-container .ffng-copy-btn {
  flex:0 0 auto;min-height:37px;min-width:69px;padding:8px 11px;
  background:#0e1c31;color:#f9fbff;border:1px solid #64738c;
  border-radius:7px;font:700 12px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;white-space:nowrap;appearance:none;-webkit-appearance:none;
  transition:background .16s,border-color .16s;
}
.ffng-container .ffng-copy-btn:hover {background:#334f76;border-color:#ff9d30;}
.ffng-container .ffng-copy-btn.copied {background:#ff921b;border-color:#ff921b;color:#0c1a2f;}
.ffng-container .ffng-btn-more {
  display:block;width:100%;min-height:47px;margin-top:16px;padding:11px 16px;
  background:transparent;border:1px solid #ff9a25;border-radius:9px;color:#ffb45d;
  font:800 14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;appearance:none;-webkit-appearance:none;transition:background .18s,color .18s;
}
.ffng-container .ffng-btn-more:hover {background:#ff9415;color:#0b1a2f;}
#ffng-toast {
  position:fixed;bottom:28px;left:50%;transform:translate(-50%,80px);
  background:#112640;color:#fff;border:1px solid #ffad50;
  padding:12px 19px;border-radius:999px;font:700 14px/1.4 system-ui,sans-serif;
  z-index:99999;opacity:0;pointer-events:none;
  box-shadow:0 10px 25px rgba(0,0,0,.2);transition:transform .25s,opacity .25s;
}
#ffng-toast.show {transform:translate(-50%,0);opacity:1;}
@media(max-width:600px) {
  .ffng-container {margin:16px auto;padding:14px;border-radius:14px;}
  .ffng-container .ffng-grid {grid-template-columns:1fr;gap:9px;}
  .ffng-container .ffng-card {min-height:62px;padding:11px;}
  .ffng-container .ffng-card-nick {font-size:16px;}
  .ffng-container .ffng-copy-btn {min-width:76px;min-height:40px;font-size:13px;}
}
@media(prefers-reduced-motion:reduce) {
  .ffng-container *,#ffng-toast {transition:none!important;transform:none!important;}
}