:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:rgba(20,20,35,0.8);--bg-card-hover:rgba(30,30,50,0.9);--bg-input:rgba(15,15,25,0.9);--fire-orange:#ff6a00;--fire-red:#ff2d2d;--fire-yellow:#ffb800;--fire-purple:#8b5cf6;--fire-pink:#ff4da6;--accent-cyan:#00e5ff;--gradient-fire:linear-gradient(135deg,#ff6a00,#ff2d2d,#ff4da6);--gradient-fire-soft:linear-gradient(135deg,rgba(255,106,0,0.15),rgba(255,45,45,0.1));--gradient-hero:linear-gradient(180deg,#0a0a0f,#1a0a1e 50%,#0a0a0f);--gradient-card-border:linear-gradient(135deg,rgba(255,106,0,0.4),rgba(255,45,45,0.2),rgba(139,92,246,0.4));--text-primary:#f0f0f5;--text-secondary:#d0d0e4;--text-muted:#a3a3ba;--border-subtle:rgba(255,255,255,0.06);--border-glow:rgba(255,106,0,0.3);--shadow-fire:0 0 30px rgba(255,106,0,0.15);--shadow-card:0 8px 32px rgba(0,0,0,0.4);--shadow-btn:0 4px 20px rgba(255,106,0,0.3);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:0.2s ease;--transition-med:0.3s ease;--transition-slow:0.5s ease}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;font-size:16px;overflow-x:hidden}@supports (padding:max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}body{font-family:var(--font-body),sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:100vh;display:flex;flex-direction:column}body.menu-open{overflow:hidden}::selection{background:rgba(255,106,0,.3);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--fire-orange),var(--fire-red));border-radius:4px}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{color:var(--fire-orange);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--fire-yellow)}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;border-radius:50%;animation:floatUp linear infinite;opacity:0}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:.5}to{opacity:0;transform:translateY(-10vh) scale(1)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,15,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:all var(--transition-med)}.navbar.scrolled{background:rgba(10,10,15,.95);box-shadow:0 4px 30px rgba(0,0,0,.5)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 12px}@media (max-width:768px){.nav-container{height:60px;padding:0 8px}}.logo{display:flex;align-items:center;gap:6px;text-decoration:none;min-width:0;flex-shrink:1}.logo-icon{font-size:1.6rem;animation:flamePulse 2s ease-in-out infinite;flex-shrink:0}@media (max-width:768px){.logo{gap:4px}.logo-icon{font-size:1.3rem}}@media (max-width:480px){.logo-icon{font-size:1.1rem}}@keyframes flamePulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.3)}}.logo-text{font-family:var(--font-display),sans-serif;font-size:1.3rem;font-weight:800;color:var(--text-primary);letter-spacing:1px;white-space:nowrap;min-width:0}@media (max-width:768px){.logo-text{font-size:1rem;letter-spacing:.5px}}@media (max-width:480px){.logo-text{font-size:.85rem;letter-spacing:0}}.logo-accent{background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:8px}.nav-links a{font-family:var(--font-accent),sans-serif;font-size:1rem;font-weight:500;color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-sm);transition:all var(--transition-fast);letter-spacing:.5px}.nav-links a:hover{color:var(--fire-orange);background:rgba(255,106,0,.08)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;width:44px;height:44px;align-items:center;justify-content:center}.mobile-menu-btn span{display:block;width:25px;height:2px;background-color:var(--text-primary);transition:all var(--transition-med);border-radius:2px;transform-origin:center}.mobile-menu-btn.active span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-lang-select{margin-left:12px;flex-shrink:0}.language-select{min-width:130px;padding:6px 10px;border-radius:999px;border:1px solid var(--border-subtle);background:rgba(15,15,25,.9);color:var(--text-secondary);font-family:var(--font-accent),sans-serif;font-size:.85rem;cursor:pointer;outline:none;transition:all var(--transition-fast)}.language-select:hover{border-color:rgba(255,106,0,.4);color:var(--fire-orange);box-shadow:0 0 0 1px rgba(255,106,0,.2)}.language-select:focus-visible{border-color:var(--fire-orange);box-shadow:0 0 0 2px rgba(255,106,0,.35)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{position:relative;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:var(--gradient-hero);padding:100px 0 60px;overflow:hidden}.hero-top-content{position:relative;z-index:1;text-align:center;max-width:860px;margin:0 auto 40px;width:100%}@media (max-width:768px){.hero-top-content{margin:0 auto 30px}}@media (max-width:480px){.hero-top-content{margin:0 auto 20px}}.hero-badge{display:inline-block;font-family:var(--font-accent),sans-serif;font-size:.9rem;font-weight:600;color:#ffffff;background:rgba(255,106,0,.1);border:1px solid rgba(255,106,0,.25);padding:6px 20px;border-radius:50px;margin-bottom:24px;letter-spacing:1px;animation:fadeInDown .8s ease}.hero h1{font-family:var(--font-display),sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.15;margin-bottom:20px;letter-spacing:1px;animation:fadeInUp .8s ease .1s both}.gradient-text{background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7;animation:fadeInUp .8s ease .2s both}.generator-layout,.hero-cta{animation:fadeInUp .8s ease .3s both}.generator-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:start}@media (max-width:1024px){.generator-layout{gap:16px}}@media (max-width:768px){.generator-layout{grid-template-columns:1fr;gap:8px}}.boys-nick-generator .preview-card{max-height:min(640px,75vh)}.generator-panel,.preview-panel{display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:0 4px}@media (max-width:768px){.panel-header{gap:8px;margin-bottom:12px;padding:0 2px}}@media (max-width:480px){.panel-header{gap:6px;margin-bottom:8px}}.panel-icon{font-size:1.3rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,106,0,.1);border-radius:var(--radius-sm);border:1px solid rgba(255,106,0,.2);flex-shrink:0}@media (max-width:768px){.panel-icon{width:32px;height:32px;font-size:1.1rem}}@media (max-width:480px){.panel-icon{width:28px;height:28px;font-size:1rem}}.panel-title{font-family:var(--font-accent),sans-serif;font-size:1.05rem;font-weight:700;color:var(--text-primary);letter-spacing:.5px}@media (max-width:768px){.panel-title{font-size:.95rem}}@media (max-width:480px){.panel-title{font-size:.85rem}}.preview-badge{margin-left:auto;font-family:var(--font-accent),sans-serif;font-size:.75rem;font-weight:600;color:#ffffff;background:rgba(255,106,0,.1);border:1px solid rgba(255,106,0,.25);padding:4px 12px;border-radius:50px;letter-spacing:.5px;white-space:nowrap}@media (max-width:480px){.preview-badge{font-size:.65rem;padding:2px 8px}}.preview-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;flex:1 1;max-height:520px;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width:768px){.preview-card{padding:12px;border-radius:var(--radius-lg);max-height:400px}}@media (max-width:480px){.preview-card{padding:8px;max-height:300px}}.preview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00c6ff,#7c3aed,#ff6a00)}.preview-card::-webkit-scrollbar{width:6px}.preview-card::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:3px}.preview-card::-webkit-scrollbar-thumb{background:rgba(255,106,0,.3);border-radius:3px}.preview-card::-webkit-scrollbar-thumb:hover{background:rgba(255,106,0,.5)}.hero-stats{display:flex;justify-content:center;gap:32px;margin-top:24px;animation:fadeInUp .8s ease .4s both}.stat{text-align:center}.stat-number{display:block;font-family:var(--font-display),sans-serif;font-size:1.5rem;font-weight:800;background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;letter-spacing:.5px}.hero-glow{display:none;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vw;max-width:600px;max-height:600px;background:radial-gradient(circle,rgba(255,106,0,.08) 0,transparent 70%);pointer-events:none;animation:none}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-accent),sans-serif;font-size:1rem;font-weight:600;padding:12px 24px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-med);letter-spacing:.5px;text-decoration:none;min-height:44px;min-width:44px}.btn-primary{background:var(--gradient-fire);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(255,106,0,.4);color:#fff}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled,.btn-secondary:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}.btn-secondary{background:rgba(255,255,255,.05);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,106,0,.3);color:var(--fire-orange)}.btn-lg{padding:16px 36px;font-size:1.05rem;border-radius:var(--radius-lg)}.btn-sm{padding:8px 16px;font-size:.85rem}.section{padding:100px 0;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-family:var(--font-display),sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin-bottom:12px;letter-spacing:.5px}.section-header p{font-size:1rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.generator-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:visible}@media (max-width:768px){.generator-card{padding:16px;border-radius:var(--radius-lg)}}@media (max-width:480px){.generator-card{padding:12px}}.generator-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-fire);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.input-group{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}@media (max-width:768px){.input-group{gap:8px;flex-direction:column}}@media (max-width:480px){.input-group{gap:6px}}.input-wrapper{flex:1 1;position:relative;min-width:0}@media (max-width:768px){.input-wrapper{width:100%}}.name-input{width:100%;height:56px;background:var(--bg-input);border:2px solid var(--border-subtle);border-radius:var(--radius-md);padding:0 60px 0 20px;font-family:var(--font-body),sans-serif;font-size:1.1rem;color:var(--text-primary);transition:all var(--transition-med);outline:none;min-height:44px}@media (max-width:768px){.name-input{font-size:1rem}}.name-input::placeholder{color:var(--text-muted)}.name-input:focus{border-color:var(--fire-orange);box-shadow:0 0 0 3px rgba(255,106,0,.1),var(--shadow-fire)}.char-counter{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:var(--font-accent),sans-serif;font-size:.85rem;color:var(--text-muted);transition:color var(--transition-fast)}.char-counter.warning{color:var(--fire-yellow)}.char-counter.danger{color:var(--fire-red)}.input-actions{display:flex;gap:8px;flex-shrink:0}.input-actions .btn{flex:1 1;white-space:nowrap}.decoration-selector{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-subtle)}.decoration-label{font-family:var(--font-accent),sans-serif;font-size:.9rem;color:var(--text-secondary);font-weight:600;margin-bottom:10px;display:block;letter-spacing:.5px}.decoration-options{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.generator-card .decoration-options-scroll{max-height:min(280px,40vh);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:4px;margin-right:-2px;scrollbar-width:thin;scrollbar-color:rgba(255,106,0,.45) rgba(255,255,255,.05)}.generator-card .decoration-options-scroll::-webkit-scrollbar{width:6px}.generator-card .decoration-options-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:3px}.generator-card .decoration-options-scroll::-webkit-scrollbar-thumb{background:rgba(255,106,0,.35);border-radius:3px}.generator-card .decoration-options-scroll::-webkit-scrollbar-thumb:hover{background:rgba(255,106,0,.55)}.deco-btn{font-size:.85rem;padding:8px 14px;border-radius:var(--radius-sm);background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;min-height:36px;min-width:36px}.deco-btn:hover{border-color:rgba(255,106,0,.3);color:var(--fire-orange);background:rgba(255,106,0,.06)}.deco-btn.active{border-color:var(--fire-orange);color:var(--fire-orange);background:rgba(255,106,0,.1);box-shadow:0 0 12px rgba(255,106,0,.15)}.generator-u3164-tool{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px}.generator-u3164-link{font-size:.82rem;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.generator-u3164-link:hover{color:var(--fire-purple)}.generator-tool-link-with-symbol{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.generator-tool-link-with-symbol:hover{color:var(--fire-purple)}.generator-tool-link-symbol{font-size:1rem;line-height:1;text-decoration:none}.sym-btn.sym-btn-u3164{font-size:.68rem;font-weight:700;letter-spacing:.02em}.symbol-picker{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.symbol-picker-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-accent),sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.5px}.symbol-picker-toggle:hover{border-color:rgba(139,92,246,.3);color:var(--fire-purple);background:rgba(139,92,246,.1)}.symbol-picker-toggle.active{border-color:var(--fire-purple);color:var(--fire-purple)}.symbol-toggle-chevron{transition:transform var(--transition-med);flex-shrink:0}.symbol-picker-toggle.active .symbol-toggle-chevron{transform:rotate(180deg)}.symbol-picker-panel{display:none;margin-top:10px;animation:fadeInUp .3s ease}.symbol-picker-panel.open{display:block}.symbol-categories{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.sym-cat-btn{font-family:var(--font-accent),sans-serif;font-size:.75rem;font-weight:600;padding:5px 10px;border-radius:50px;background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.sym-cat-btn:hover{border-color:rgba(139,92,246,.3);color:var(--fire-purple)}.sym-cat-btn.active{background:rgba(139,92,246,.15);border-color:var(--fire-purple);color:var(--fire-purple)}.symbol-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow-y:auto;padding:4px 0;-webkit-overflow-scrolling:touch}.symbol-grid::-webkit-scrollbar{width:4px}.symbol-grid::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:2px}.sym-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.sym-btn:hover{background:rgba(139,92,246,.12);border-color:var(--fire-purple);transform:scale(1.15);box-shadow:0 0 10px rgba(139,92,246,.2)}.sym-btn:active{transform:scale(.95)}@media (max-width:480px){.sym-btn{width:34px;height:34px;font-size:1rem}.symbol-grid{max-height:110px;gap:4px}.symbol-picker-toggle{padding:8px 12px;font-size:.85rem}}.fav-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.fav-btn:hover{background:rgba(239,68,68,.06)}.fav-btn.fav-active,.fav-btn:hover{color:#ef4444;border-color:rgba(239,68,68,.3)}.fav-btn.fav-active{background:rgba(239,68,68,.1)}.name-card-actions,.result-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.filter-btn-fav{position:relative}.fav-count-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;min-width:18px;height:18px;padding:0 4px;border-radius:50px;background:#ef4444;color:#fff;margin-left:4px}.fav-empty{text-align:center;padding:60px 20px;color:var(--text-muted);grid-column:1/-1}.fav-empty-icon{font-size:3rem;margin-bottom:16px}.fav-empty p{font-size:.95rem;line-height:1.6}.share-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.share-btn:hover{color:var(--accent-cyan);border-color:rgba(0,229,255,.3);background:rgba(0,229,255,.06)}.share-popup{position:absolute;right:0;top:100%;margin-top:6px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:100;box-shadow:0 8px 30px rgba(0,0,0,.5);animation:fadeInUp .2s ease;min-width:150px}.share-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-family:var(--font-accent),sans-serif;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-decoration:none;border:none;background:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;width:100%;text-align:left}.share-option:hover{background:rgba(255,255,255,.06)}.share-whatsapp svg,.share-whatsapp:hover{color:#25d366}.share-telegram svg,.share-telegram:hover{color:#0088cc}.share-copy-link svg,.share-copy-link:hover{color:var(--fire-orange)}.name-card-actions,.result-actions{position:relative}@media (max-width:480px){.share-btn{width:32px;height:32px}.share-popup{right:0;min-width:140px;max-width:calc(100vw - 24px)}.share-option{padding:8px 12px;font-size:.8rem}}.download-card-bar{display:flex;justify-content:center;padding:12px 10px 4px}.btn-download-card{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;font-family:var(--font-accent),sans-serif;font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff6a00,#ff2d2d);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-med);box-shadow:0 4px 15px rgba(255,106,0,.25);letter-spacing:.5px}.btn-download-card:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(255,106,0,.4)}.btn-download-card:active{transform:translateY(0)}@media (max-width:480px){.btn-download-card{font-size:.82rem;padding:10px 16px}.download-card-bar{padding:8px 6px 2px}}.results-grid{display:flex;flex-direction:column;gap:10px}.results-placeholder{text-align:center;padding:60px 20px;color:var(--text-muted)}.placeholder-icon{font-size:3rem;margin-bottom:16px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.result-card{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.03);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 18px;transition:all var(--transition-med);animation:fadeInUp .4s ease both;cursor:pointer}.result-card:hover{background:rgba(255,106,0,.05);border-color:rgba(255,106,0,.2);transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.3)}.result-card.selected-for-preview{background:rgba(255,106,0,.08);border-color:rgba(255,106,0,.4);box-shadow:0 0 16px rgba(255,106,0,.15)}.result-style-label{font-family:var(--font-accent),sans-serif;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.result-info{flex:1 1;min-width:0}.result-meta-row{display:flex;align-items:center;justify-content:flex-start;gap:8px}.result-name{font-size:1.15rem;color:var(--text-primary);word-break:break-all;line-height:1.4}.ff-compat{display:inline-block;font-family:var(--font-accent),sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:50px;margin-top:4px;letter-spacing:.5px;cursor:help}.result-meta-row .ff-compat{margin-top:0;flex-shrink:0}.ff-compat-good{color:#10b981;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25)}.ff-compat-warn{color:#f59e0b;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25)}.ff-compat-bad{color:#ef4444;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25)}.compat-summary{font-family:var(--font-accent),sans-serif;font-size:.78rem;color:var(--text-muted);text-align:center;padding:8px 12px;background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.12);border-radius:var(--radius-sm);letter-spacing:.3px}.compat-summary-good{color:#10b981;font-weight:700;font-size:.9rem}.copy-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,106,0,.1);border:1px solid rgba(255,106,0,.2);border-radius:var(--radius-sm);color:var(--fire-orange);cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{background:var(--fire-orange);color:#fff;transform:scale(1.05)}.copy-btn.copied{background:#10b981;border-color:#10b981;color:#fff}.best-ff-id-breadcrumb{margin-bottom:1rem}.best-ff-id-related a{color:var(--accent-cyan);text-decoration:none}.best-ff-id-related a:hover{text-decoration:underline}.best-ff-id-toolbar{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1rem;padding:.75rem .85rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.best-ff-id-toolbar-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.best-ff-id-search-compact{flex:1 1 160px;min-width:0;min-height:44px;padding:0 14px;background:var(--bg-input);border:2px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-body),sans-serif;font-size:1rem;color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.best-ff-id-search-compact::placeholder{color:var(--text-muted)}.best-ff-id-search-compact:focus{border-color:var(--fire-orange);box-shadow:0 0 0 2px rgba(255,106,0,.12)}.best-ff-id-random-compact{flex-shrink:0;white-space:nowrap}.best-ff-id-select-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.5rem .65rem;gap:.5rem .65rem}.best-ff-id-select-group{display:flex;flex-direction:column;gap:.2rem;min-width:0}.best-ff-id-select-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);line-height:1.2}.best-ff-id-select{width:100%;min-height:40px;padding:.35rem 2rem .35rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-body),sans-serif;font-size:.9rem;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.best-ff-id-select:hover{border-color:rgba(255,106,0,.35)}.best-ff-id-select:focus-visible{border-color:var(--fire-orange);box-shadow:0 0 0 2px rgba(255,106,0,.2)}@media (max-width:640px){.best-ff-id-select-row{grid-template-columns:1fr}.best-ff-id-toolbar-top{flex-direction:column;align-items:stretch}.best-ff-id-random-compact{width:100%}}.best-ff-id-empty{text-align:center;color:var(--text-muted);padding:1.5rem 1rem .5rem;margin:0}.name-card.best-ff-id-card{cursor:default;align-items:flex-start}.best-ff-id-card-body{min-width:0;flex:1 1}.best-ff-id-card-links{margin-top:.5rem;font-size:.8rem}.best-ff-id-inline-link{color:var(--accent-cyan);text-decoration:none}.best-ff-id-inline-link:hover{text-decoration:underline}.best-ff-id-link-sep{color:var(--text-muted);margin:0 .2rem}.name-card.best-ff-id-card-picked{outline:2px solid var(--accent-cyan);outline-offset:2px}.best-ff-id-card .name-card-actions{align-self:center}.game-preview-section{background:var(--bg-primary);padding:80px 0}.screen-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:28px;flex-wrap:wrap}.screen-tab{font-family:var(--font-accent),sans-serif;font-size:.9rem;font-weight:600;padding:10px 22px;border-radius:50px;background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.5px;display:flex;align-items:center;gap:6px}.screen-tab:hover{border-color:rgba(255,106,0,.3);color:var(--fire-orange)}.screen-tab.active{background:var(--gradient-fire);border-color:transparent;color:#fff;box-shadow:var(--shadow-btn)}.screen-tab-icon{font-size:1rem}.game-screens-wrapper{max-width:700px;margin:0 auto}.selected-name-bar{display:flex;align-items:center;gap:10px;padding:12px 20px;background:rgba(255,106,0,.06);border:1px solid rgba(255,106,0,.15);border-radius:var(--radius-md);margin-bottom:20px}.selected-name-label{font-family:var(--font-accent),sans-serif;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.selected-name-text{font-size:1.1rem;color:var(--fire-orange);font-weight:600;word-break:break-all}.game-preview-hint{text-align:center;font-size:.85rem;color:var(--text-muted);margin-top:20px}.game-screen{display:none;animation:fadeInUp .4s ease both}.game-screen.active{display:block}.ff-killfeed-container,.ff-lobby-container,.ff-profile-card,.ff-scoreboard-container{background:linear-gradient(145deg,#1a1a2e,#0d0d1a 50%,#1a0a2e);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}.ff-profile-banner{height:100px;background:linear-gradient(135deg,#1a0533,#2d1b69 40%,#0d1b2a);position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:12px 16px}.ff-profile-level{font-family:var(--font-display),sans-serif;font-size:.75rem;font-weight:700;color:#ffb800;background:rgba(255,184,0,.15);border:1px solid rgba(255,184,0,.3);padding:4px 12px;border-radius:50px}.ff-profile-avatar{display:flex;justify-content:center;margin-top:-40px;position:relative;z-index:2}.ff-avatar-ring{width:80px;height:80px;background:linear-gradient(135deg,var(--fire-orange),#8b5cf6);padding:3px}.ff-avatar-placeholder,.ff-avatar-ring{border-radius:50%;display:flex;align-items:center;justify-content:center}.ff-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#2d1b69);font-size:2rem}.ff-profile-info{text-align:center;padding:12px 20px}.ff-profile-name{font-family:var(--font-display),sans-serif;font-size:1.4rem;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(255,106,0,.5);margin-bottom:4px;word-break:break-all;transition:all .3s ease}.ff-profile-uid{font-family:var(--font-accent),sans-serif;font-size:.75rem;color:rgba(255,255,255,.4);margin-bottom:12px}.ff-profile-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.ff-badge{font-family:var(--font-accent),sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:50px;letter-spacing:.5px}.ff-badge-rank{background:rgba(255,184,0,.15);border:1px solid rgba(255,184,0,.3);color:#ffb800}.ff-badge-br{background:rgba(0,198,255,.1);border:1px solid rgba(0,198,255,.25);color:#00c6ff}.ff-badge-cs{background:rgba(255,184,0,.1);border:1px solid rgba(255,184,0,.2);color:#daa520}.ff-profile-stats-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.06);padding:16px 20px}.ff-pstat{text-align:center}.ff-pstat-val{display:block;font-family:var(--font-display),sans-serif;font-size:1.1rem;font-weight:700;color:#fff}.ff-pstat-label{font-size:.7rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px}.ff-killfeed-container{padding:20px}.ff-hud-top{display:flex;justify-content:space-between;margin-bottom:20px}.ff-alive-count,.ff-kill-count{font-family:var(--font-accent),sans-serif;font-size:.85rem;font-weight:700;color:#fff;background:rgba(0,0,0,.4);padding:6px 14px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px}.ff-kill-count{color:#ff4444}.ff-killfeed-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.ff-killfeed-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;background:rgba(0,0,0,.3);border-radius:var(--radius-sm);font-family:var(--font-accent),sans-serif;font-size:.85rem;border:1px solid transparent}.ff-kf-highlight{background:rgba(255,106,0,.08);border-color:rgba(255,106,0,.2)}.ff-kf-player{color:rgba(255,255,255,.7);font-weight:600}.ff-kf-you{color:var(--fire-orange)!important;text-shadow:0 0 10px rgba(255,106,0,.4);word-break:break-all}.ff-kf-weapon{font-size:.9rem}.ff-kf-victim{color:rgba(255,255,255,.5)}.ff-booyah-badge{text-align:center;font-family:var(--font-display),sans-serif;font-size:.9rem;font-weight:700;color:#ffb800;background:linear-gradient(90deg,rgba(255,184,0,.1),rgba(255,106,0,.1));border:1px solid rgba(255,184,0,.3);padding:10px 20px;border-radius:var(--radius-md);animation:pulseGlow 2s ease-in-out infinite}.ff-booyah-badge span{color:var(--fire-orange)}.ff-lobby-container{padding:0}.ff-lobby-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.2)}.ff-lobby-mode{font-family:var(--font-accent),sans-serif;font-size:.85rem;color:#fff}.ff-lobby-map,.ff-lobby-mode{font-weight:700;letter-spacing:1px}.ff-lobby-map{font-family:var(--font-display),sans-serif;font-size:.75rem;color:var(--fire-orange);background:rgba(255,106,0,.1);border:1px solid rgba(255,106,0,.25);padding:4px 12px;border-radius:50px}.ff-squad-list{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.ff-squad-member{display:flex;align-items:center;gap:12px;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);transition:all var(--transition-fast)}.ff-squad-leader{background:rgba(255,106,0,.06);border-color:rgba(255,106,0,.15)}.ff-squad-avatar{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.ff-squad-info{flex:1 1;min-width:0}.ff-squad-name{font-family:var(--font-accent),sans-serif;font-size:.95rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.ff-squad-leader .ff-squad-name{color:var(--fire-orange);text-shadow:0 0 10px rgba(255,106,0,.3)}.ff-squad-rank{font-size:.7rem;color:rgba(255,255,255,.4)}.ff-squad-ready{font-family:var(--font-accent),sans-serif;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:50px;letter-spacing:1px;color:rgba(255,255,255,.3);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);white-space:nowrap}.ff-squad-ready.ff-ready{color:#10b981;background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.25)}.ff-lobby-start{padding:12px 20px 20px;display:flex;justify-content:center}.ff-start-btn{font-family:var(--font-display),sans-serif;font-size:1rem;font-weight:800;padding:12px 48px;border-radius:var(--radius-lg);background:var(--gradient-fire);color:#fff;border:none;cursor:default;box-shadow:var(--shadow-btn);letter-spacing:2px}.ff-scoreboard-container{padding:0}.ff-scoreboard-header{padding:20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,184,0,.08),transparent)}.ff-sb-title{font-family:var(--font-display),sans-serif;font-size:1.1rem;font-weight:800;color:#ffb800;letter-spacing:1px;margin-bottom:4px}.ff-sb-subtitle{font-family:var(--font-accent),sans-serif;font-size:.75rem;color:rgba(255,255,255,.4);letter-spacing:.5px}.ff-scoreboard-table{padding:12px 16px 20px}.ff-sb-row{display:grid;grid-template-columns:40px 1fr 60px 70px;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);font-family:var(--font-accent),sans-serif;font-size:.85rem;grid-gap:8px;gap:8px}.ff-sb-header-row{color:rgba(255,255,255,.3);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.ff-sb-you{background:rgba(255,106,0,.08);border:1px solid rgba(255,106,0,.2)}.ff-sb-col-rank{text-align:center;font-weight:700;color:rgba(255,255,255,.5)}.ff-sb-you .ff-sb-col-rank{color:#ffb800}.ff-sb-col-name{font-weight:700;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ff-sb-you .ff-sb-col-name{color:var(--fire-orange);text-shadow:0 0 10px rgba(255,106,0,.3)}.ff-sb-col-dmg,.ff-sb-col-kills{text-align:center;color:rgba(255,255,255,.5)}.ff-sb-you .ff-sb-col-kills{color:#ff4444;font-weight:700}.ff-sb-you .ff-sb-col-dmg{color:#ffb800;font-weight:700}.gallery-section{background:var(--bg-secondary)}.filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px}.filter-btn{font-family:var(--font-accent),sans-serif;font-size:.9rem;font-weight:600;padding:10px 20px;border-radius:50px;background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.5px}.filter-btn:hover{border-color:rgba(255,106,0,.3);color:var(--fire-orange)}.filter-btn.active{background:var(--gradient-fire);border-color:transparent;color:#fff;box-shadow:var(--shadow-btn)}.names-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:32px}@media (max-width:1024px){.names-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.name-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 18px;cursor:pointer;transition:all var(--transition-med);animation:fadeInUp .4s ease both}.name-card:hover{border-color:rgba(255,106,0,.3);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.3)}.name-card-text{font-size:1.1rem;color:var(--text-primary);word-break:break-all}.name-card-category{font-family:var(--font-accent),sans-serif;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.name-card .copy-btn{width:36px;height:36px}.load-more-btn{display:block;margin:0 auto}.load-more-btn.hidden{display:none}.home-name-boxes-section{background:var(--bg-primary);padding-top:60px;padding-bottom:60px}.home-name-boxes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.home-name-boxes-inline{margin:24px 0 32px}.home-name-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);transition:all var(--transition-med)}.home-name-box:hover{border-color:rgba(255,106,0,.25);transform:translateY(-2px)}.home-name-box h3{font-family:var(--font-accent),sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.home-name-box p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.clan-section{background:var(--bg-primary)}.clan-generator-card{max-width:700px;margin:0 auto 32px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:visible}.clan-generator-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--fire-purple),var(--fire-orange),var(--fire-red));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.clan-inputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:20px}.clan-input-group{display:flex;flex-direction:column;gap:6px}.clan-label{font-family:var(--font-accent),sans-serif;font-size:.85rem;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.clan-optional{font-weight:400;color:var(--text-muted);font-size:.75rem}.clan-input{width:100%;height:48px;background:var(--bg-input);border:2px solid var(--border-subtle);border-radius:var(--radius-md);padding:0 16px;font-family:var(--font-body),sans-serif;font-size:1rem;color:var(--text-primary);transition:all var(--transition-med);outline:none}.clan-input:focus{border-color:var(--fire-purple);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.clan-input::placeholder{color:var(--text-muted)}.clan-tag-styles{margin-bottom:20px}.clan-tag-styles .clan-label{margin-bottom:8px;display:block}.clan-style-options{display:flex;flex-wrap:wrap;gap:8px}.clan-style-btn{font-size:.85rem;padding:8px 14px;border-radius:var(--radius-sm);background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;min-height:36px}.clan-style-btn:hover{border-color:rgba(139,92,246,.3);color:var(--fire-purple);background:rgba(139,92,246,.06)}.clan-style-btn.active{border-color:var(--fire-purple);color:var(--fire-purple);background:rgba(139,92,246,.1);box-shadow:0 0 12px rgba(139,92,246,.15)}.clan-generate-btn{width:100%}.clan-results-grid{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:10px}@media (max-width:768px){.clan-inputs{grid-template-columns:1fr;gap:12px}.clan-generator-card{padding:16px}.clan-style-options{flex-wrap:wrap;gap:6px}.clan-style-btn{white-space:nowrap}}@media (max-width:480px){.clan-generator-card{padding:12px}.clan-input{height:42px;font-size:.95rem}.clan-style-btn{font-size:.8rem;padding:6px 10px}}.howto-section{background:var(--bg-primary)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));grid-gap:20px;gap:20px}.step-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;position:relative;transition:all var(--transition-med)}.step-card:hover{border-color:rgba(255,106,0,.2);transform:translateY(-4px);box-shadow:var(--shadow-fire)}.step-number{font-family:var(--font-display),sans-serif;font-size:2.5rem;font-weight:900;background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.3;margin-bottom:12px}.step-card h3{font-family:var(--font-accent),sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.step-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.faq-section{background:var(--bg-secondary)}.faq-list{max-width:700px;margin:0 auto}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:10px;overflow:hidden;transition:all var(--transition-med)}.faq-item:hover{border-color:rgba(255,106,0,.15)}.faq-item[open]{border-color:rgba(255,106,0,.25)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;font-family:var(--font-accent),sans-serif;font-size:1rem;font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;transition:color var(--transition-fast)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--fire-orange)}.faq-chevron{flex-shrink:0;transition:transform var(--transition-med);color:var(--text-secondary)}.faq-item[open] .faq-chevron{transform:rotate(180deg);color:var(--fire-orange)}.faq-answer{padding:0 20px 18px;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.footer{background:var(--bg-primary);border-top:1px solid var(--border-subtle);padding:60px 0 30px;position:relative;z-index:1}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:40px;gap:40px;margin-bottom:40px}.footer-brand .logo-icon{display:inline}.footer-brand .logo-text{font-family:var(--font-display),sans-serif;font-size:1.2rem;font-weight:800}.footer-desc{font-size:.9rem;color:var(--text-muted);margin-top:12px;line-height:1.6;max-width:320px}.footer-links h4{font-family:var(--font-accent),sans-serif;font-size:1rem;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:var(--text-muted);font-size:.9rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--fire-orange)}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid var(--border-subtle)}.footer-bottom p{font-size:.8rem;color:var(--text-muted)}.footer-legal-links{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-size:.78rem;color:var(--text-secondary)}.footer-legal-links a{color:var(--text-secondary);transition:color var(--transition-fast)}.footer-legal-links a:hover{color:var(--fire-orange)}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);display:flex;align-items:center;gap:10px;background:rgba(16,185,129,.95);color:#fff;padding:14px 24px;border-radius:var(--radius-md);font-family:var(--font-accent),sans-serif;font-size:.95rem;font-weight:600;box-shadow:0 10px 40px rgba(0,0,0,.4);z-index:9999;opacity:0;transition:all .4s cubic-bezier(.68,-.55,.27,1.55);pointer-events:none;max-width:calc(100vw - 32px)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.nav-links{position:absolute;top:100%;left:0;right:0;height:calc(100vh - 60px);flex-direction:column;background:rgba(10,10,15,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:20px;border-top:1px solid var(--border-subtle);z-index:999;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;pointer-events:none}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}.nav-lang-select{margin-left:8px}.language-select{min-width:100px;padding:6px 10px;font-size:.8rem}.nav-links a{padding:14px 16px;font-size:1rem;text-align:left;width:100%;border-bottom:1px solid rgba(255,255,255,.03);min-height:44px;display:flex;align-items:center}.mobile-menu-btn{display:flex}.hero{min-height:auto;padding:80px 0 40px}.hero-top-content{margin-bottom:30px}.hero h1{font-size:clamp(1.4rem,4vw,2rem);line-height:1.2}.hero-subtitle{font-size:.95rem;line-height:1.6}.hero-badge{font-size:.8rem;padding:5px 16px;margin-bottom:16px}.hero-stats{flex-direction:row;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:20px}.stat{width:auto;max-width:none;padding:8px 12px;background:rgba(255,255,255,.03);border-radius:var(--radius-sm);text-align:center;flex:0 0 auto}.stat-number{font-size:1.1rem;font-weight:700}.stat-label{font-size:.75rem;color:var(--text-muted)}.generator-layout{grid-template-columns:1fr;gap:16px}.preview-card{max-height:500px;overflow-y:auto;-webkit-overflow-scrolling:touch}.input-group{flex-direction:column;gap:12px}.input-wrapper{width:100%}.name-input{padding:14px 16px;font-size:1rem;width:100%;min-height:44px}.input-actions{justify-content:stretch;gap:8px}.input-actions .btn{flex:1 1;min-height:44px;font-size:.9rem;padding:10px 12px}.decoration-selector{margin-top:16px;padding-top:16px}.decoration-label{font-size:.85rem;margin-bottom:8px}.decoration-options{display:flex;flex-wrap:wrap;gap:6px}.generator-card .decoration-options-scroll{max-height:min(260px,44vh)}.deco-btn{font-size:.8rem;padding:8px 12px;min-height:36px}.home-name-boxes-grid,.names-grid{grid-template-columns:1fr}.home-name-boxes-grid{gap:12px}.home-name-box{padding:16px}.name-card{min-height:50px}.filter-bar{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px}.filter-btn{min-height:36px;min-width:auto;padding:8px 12px;font-size:.85rem}.footer-content,.steps-grid{grid-template-columns:1fr}.footer-content{gap:24px}.generator-card{padding:16px}.section{padding:40px 20px}.container{padding:0 16px}.section-header h2{font-size:clamp(1.3rem,3vw,1.8rem)}.panel-header{gap:8px;margin-bottom:12px}.panel-icon{width:32px;height:32px;font-size:1.1rem}.panel-title{font-size:1rem}}@media (max-width:480px){.container{padding:0 12px}.nav-container,.navbar{height:60px}.logo-text{font-size:1.1rem}.logo-icon{font-size:1.3rem}.hero{padding:70px 0 30px}.hero-top-content{margin-bottom:20px}.hero h1{font-size:clamp(1.2rem,3.5vw,1.6rem);line-height:1.15;margin-bottom:12px}.hero-subtitle{font-size:.85rem;line-height:1.5}.hero-badge{font-size:.75rem;padding:4px 12px;margin-bottom:12px}.hero-stats{gap:8px;margin-top:16px}.stat{padding:6px 10px;font-size:.8rem}.stat-number{font-size:.9rem}.stat-label{font-size:.65rem}.generator-panel{gap:12px}.generator-card{padding:12px}.input-wrapper{width:100%}.name-input{padding:12px 14px;font-size:.95rem;min-height:40px}.input-actions .btn{min-height:40px;font-size:.85rem;padding:8px 10px}.char-counter{font-size:.75rem;right:12px}.decoration-selector{margin-top:12px;padding-top:12px}.decoration-label{font-size:.8rem;margin-bottom:6px}.decoration-options{gap:4px;padding-bottom:8px}.generator-card .decoration-options-scroll{max-height:min(240px,48vh)}.deco-btn{font-size:.75rem;padding:6px 10px;min-height:32px}.section-header h2{font-size:clamp(1.1rem,2.5vw,1.5rem);margin-bottom:8px}.section-header p{font-size:.9rem}.section{padding:30px 12px}.panel-tabs{gap:4px;flex-wrap:wrap}.panel-tab-btn{padding:6px 10px;font-size:.75rem}.filter-btn{font-size:.8rem;padding:6px 10px;min-height:32px}.name-card{min-height:45px;padding:12px}.preview-panel{height:auto}.preview-card{max-height:400px;padding:12px}}.panel-tabs{display:flex;gap:12px;flex-wrap:wrap;align-items:center}@media (max-width:768px){.panel-tabs{gap:8px}}@media (max-width:480px){.panel-tabs{gap:4px;width:100%}}.panel-tab-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-accent),sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;padding:8px 14px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:4px;position:relative;min-height:36px;white-space:nowrap}@media (max-width:768px){.panel-tab-btn{font-size:.85rem;padding:6px 12px;min-height:32px}}@media (max-width:480px){.panel-tab-btn{font-size:.75rem;padding:5px 10px;min-height:30px;flex:1 1;justify-content:center}}.panel-tab-btn:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.panel-tab-btn.active{color:var(--fire-orange);background:rgba(255,106,0,.1)}.panel-tab-btn.active:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:var(--fire-orange);box-shadow:0 -2px 8px rgba(255,106,0,.5)}.panel-content-area{position:relative;flex:1 1;overflow:hidden;display:flex;flex-direction:column}.panel-view{display:none;height:100%;flex-direction:column}.panel-view.active{display:flex;animation:fadeIn .3s ease}.game-screens-wrapper.compact-preview{padding:8px 4px;overflow-y:auto;height:100%;width:100%;max-width:none}.screen-tabs.small-tabs{gap:6px;margin-bottom:16px;padding:0 10px;margin-top:10px}.screen-tabs.small-tabs .screen-tab{padding:6px 10px;font-size:.8rem;flex:1 1;justify-content:center}.screen-tabs.small-tabs .screen-tab-icon{font-size:1.1rem;margin:0}.compact-preview .game-screen{font-size:.9em}.compact-preview .ff-profile-card{border-radius:var(--radius-lg)}.compact-preview .ff-profile-banner{height:80px;padding:8px 12px}.compact-preview .ff-profile-avatar{margin-top:-30px}.compact-preview .ff-avatar-ring{width:60px;height:60px}.compact-preview .ff-profile-name{font-size:1.1rem}.compact-preview .ff-profile-stats-row{grid-template-columns:repeat(2,1fr);gap:12px}.compact-preview .ff-pstat{padding:4px 0}.compact-preview .ff-profile-info{padding:8px 4px}.compact-preview .ff-profile-stats-row{padding:10px 8px}.compact-preview .ff-scoreboard-table{padding:8px}.compact-preview .ff-sb-row{grid-template-columns:24px 1fr 30px;font-size:.8rem;gap:6px;padding:8px}.compact-preview .ff-sb-col-dmg{display:none}.compact-preview .ff-killfeed-container{padding:12px}.compact-preview .ff-killfeed-list{align-items:center}.compact-preview .ff-killfeed-item{padding:6px 10px;font-size:.75rem;width:100%;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:8px;gap:8px;text-align:center}.compact-preview .ff-kf-player{text-align:right;overflow:hidden;text-overflow:ellipsis}.compact-preview .ff-kf-victim{text-align:left;overflow:hidden;text-overflow:ellipsis}.compact-preview .ff-booyah-badge{width:100%;margin:8px 0 0;padding:8px 12px;font-size:.8rem;box-sizing:border-box;animation:none;transform:none}.compact-preview .ff-lobby-header{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px}.compact-preview .ff-squad-member{padding:8px}.compact-preview .ff-squad-rank{display:none}.view-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);margin-left:8px}.view-btn:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3)}.view-btn svg{width:16px;height:16px}.related-tools{padding:60px 0}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));grid-gap:20px;gap:20px;margin-top:32px}.related-card{display:flex;flex-direction:column;padding:24px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:all var(--transition-med);position:relative;overflow:hidden}.related-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-fire);opacity:0;transition:opacity var(--transition-med)}.related-card:hover{border-color:var(--border-glow);transform:translateY(-4px);box-shadow:var(--shadow-fire)}.related-card:hover:before{opacity:1}.related-icon{font-size:2rem;margin-bottom:12px}.related-card h3{font-family:var(--font-accent),sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.related-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;flex:1 1}.related-arrow{display:flex;align-items:center;justify-content:flex-end;margin-top:16px;color:var(--fire-orange);opacity:0;transform:translateX(-8px);transition:all var(--transition-med)}.related-card:hover .related-arrow{opacity:1;transform:translateX(0)}@media (max-width:768px){.related-tools{padding:40px 0}.related-grid{grid-template-columns:1fr;gap:12px}.related-card{padding:18px}.related-arrow{opacity:1;transform:translateX(0)}}.name-ideas{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.ideas-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ideas-label{color:var(--text-secondary);font-size:.8rem;font-weight:500;white-space:nowrap}.ideas-tabs{display:flex;gap:4px}.ideas-tab{padding:3px 10px;background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-muted);font-family:var(--font-body),sans-serif;font-size:.72rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.ideas-tab:hover{color:var(--text-secondary);border-color:rgba(255,255,255,.12)}.ideas-tab.active{background:rgba(255,184,0,.12);border-color:rgba(255,184,0,.3);color:var(--fire-yellow)}.ideas-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:62px;overflow:hidden}.idea-chip{padding:5px 12px;background:rgba(255,184,0,.06);border:1px solid rgba(255,184,0,.15);border-radius:16px;color:var(--text-primary);font-family:var(--font-body),sans-serif;font-size:.78rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.idea-chip:hover{background:rgba(255,184,0,.15);border-color:rgba(255,184,0,.35);color:var(--fire-yellow);transform:translateY(-1px)}.idea-chip:active{transform:translateY(0)}.copy-history{margin-top:12px}.history-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.15);border-radius:var(--radius-sm);color:#ffffff;font-family:var(--font-body),sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.history-toggle:hover{background:rgba(0,229,255,.1);border-color:rgba(0,229,255,.3)}.history-toggle.active{border-color:rgba(0,229,255,.4);background:rgba(0,229,255,.12)}.history-toggle-chevron{margin-left:auto;transition:transform var(--transition-fast)}.history-toggle.active .history-toggle-chevron{transform:rotate(180deg)}.history-count{background:var(--accent-cyan);color:#0a0a0f;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.history-panel{display:none;padding:10px 0 0}.history-panel.open{display:block}.history-header{display:flex;justify-content:flex-end;margin-bottom:8px}.history-clear-btn{background:none;border:none;color:var(--text-muted);font-family:var(--font-body),sans-serif;font-size:.75rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all var(--transition-fast)}.history-clear-btn:hover{color:var(--fire-red);background:rgba(255,45,45,.1)}.history-empty{color:var(--text-muted);font-size:.8rem;text-align:center;padding:12px;margin:0}.history-list{display:flex;flex-wrap:wrap;gap:6px}.history-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);border-radius:20px;color:var(--text-primary);font-family:var(--font-body),sans-serif;font-size:.8rem;cursor:pointer;max-width:200px;transition:all var(--transition-fast)}.history-chip:hover{background:rgba(0,229,255,.08);border-color:rgba(0,229,255,.25)}.history-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-chip-icon{flex-shrink:0;opacity:.4;display:flex;align-items:center}.history-chip:hover .history-chip-icon{opacity:.8}.symbols-page-section{padding-top:132px}@media (max-width:768px){.symbols-page-section{padding-top:92px}}@media (max-width:480px){.symbols-page-section{padding-top:82px}}.symbols-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));grid-gap:16px;gap:16px}.symbols-category-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;display:grid;grid-gap:10px;gap:10px}.symbols-category-card h2{font-size:1.1rem}.symbols-inline-preview{color:var(--fire-yellow);font-weight:600;letter-spacing:.5px}.symbols-card-link{color:var(--fire-orange);font-weight:600}.symbols-actions,.symbols-page-cta{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 24px}.symbols-actions a,.symbols-page-cta a{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);background:rgba(255,255,255,.02)}.symbols-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-gap:10px;gap:10px}.symbol-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:rgba(255,255,255,.03);font-size:1.5rem}.symbol-pill.symbol-pill-with-copy{flex-direction:column;gap:6px;padding:8px 6px 6px;min-height:auto}.symbol-pill-char{line-height:1;min-height:1.75rem;display:flex;align-items:center;justify-content:center}.symbol-pill-copy-btn{width:30px;height:30px;flex-shrink:0}.symbols-grid--card-preview{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;margin:10px 0 12px}.symbols-grid--card-preview .symbol-pill-copy-btn{width:26px;height:26px}.symbols-grid--card-preview .symbol-pill-char{font-size:1.25rem;min-height:1.5rem}.symbols-page-copy-note{margin-top:20px;color:var(--text-secondary)}.blog-page,.blog-post-page{min-height:100vh;padding-bottom:80px;position:relative;z-index:1}.blog-empty{text-align:center;color:var(--text-muted);padding:80px 0;font-size:1.1rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));grid-gap:28px;gap:28px;padding-bottom:80px}.blog-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);overflow:hidden;text-decoration:none;color:var(--text-primary);transition:all var(--transition-med);position:relative}.blog-card,.blog-card:before{border-radius:var(--radius-lg)}.blog-card:before{content:"";position:absolute;inset:0;background:var(--gradient-fire-soft);opacity:0;transition:opacity var(--transition-med);pointer-events:none}.blog-card:hover{border-color:var(--border-glow);transform:translateY(-4px);box-shadow:var(--shadow-fire);color:var(--text-primary)}.blog-card:hover:before{opacity:1}.blog-card-image{width:100%;aspect-ratio:16/9;overflow:hidden}.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-img{transform:scale(1.04)}.blog-card-body{display:flex;flex-direction:column;gap:10px;padding:24px;flex:1 1}.blog-card-date{font-size:.78rem;color:var(--fire-orange);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.blog-card-title{font-family:var(--font-display),sans-serif;font-size:clamp(1rem,2vw,1.25rem);font-weight:700;line-height:1.35;margin:0}.blog-card-excerpt{font-size:.9rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.blog-card-read{font-size:.85rem;color:var(--fire-orange);font-weight:600;margin-top:4px;transition:color var(--transition-fast)}.blog-card:hover .blog-card-read{color:var(--fire-yellow)}.blog-post-header{padding-top:120px;padding-bottom:40px;display:flex;flex-direction:column;gap:14px;max-width:800px;margin:0 auto}.blog-back-link{font-size:.9rem;color:var(--text-muted);font-weight:500;width:-moz-fit-content;width:fit-content;transition:color var(--transition-fast)}.blog-back-link:hover{color:var(--fire-orange)}.blog-post-title{font-family:var(--font-display),sans-serif;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;line-height:1.25;letter-spacing:.3px}.blog-post-excerpt{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;max-width:700px}.blog-post-cover{max-width:900px;margin:0 auto 48px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle)}.blog-post-cover-img{width:100%;height:auto;display:block}.blog-post-body{max-width:800px;margin:0 auto;padding-bottom:80px;font-size:1rem;line-height:1.8;color:var(--text-primary)}.blog-post-body h1,.blog-post-body h2,.blog-post-body h3,.blog-post-body h4{font-family:var(--font-display),sans-serif;font-weight:700;line-height:1.3;margin-top:2em;margin-bottom:.6em}.blog-post-body h1{font-size:clamp(1.5rem,3vw,2rem)}.blog-post-body h2{font-size:clamp(1.25rem,2.5vw,1.6rem)}.blog-post-body h3{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--text-secondary)}.blog-post-body h4{font-size:1rem;color:var(--text-muted)}.blog-post-body p{margin-bottom:1.2em}.blog-post-body a{color:var(--fire-orange);text-decoration:underline;text-underline-offset:3px}.blog-post-body a:hover{color:var(--fire-yellow)}.blog-post-body ol,.blog-post-body ul{padding-left:1.5em;margin-bottom:1.2em;display:flex;flex-direction:column;gap:6px}.blog-post-body blockquote,.blog-post-body li{color:var(--text-secondary)}.blog-post-body blockquote{border-left:3px solid var(--fire-orange);padding:12px 20px;margin:1.5em 0;background:rgba(255,106,0,.06);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic}.blog-post-body code{background:rgba(255,255,255,.08);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;font-size:.88em;font-family:monospace;color:var(--accent-cyan)}.blog-post-body pre{background:rgba(0,0,0,.4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:16px 20px;overflow-x:auto;margin:1.5em 0}.blog-post-body pre code{background:none;border:none;padding:0;font-size:.9em}.blog-post-body img{width:100%;height:auto;border-radius:var(--radius-md);margin:1.5em 0;border:1px solid var(--border-subtle)}.blog-post-body figure{margin:1.5em 0}.blog-post-body figcaption{text-align:center;font-size:.85rem;color:var(--text-muted);margin-top:8px}.blog-post-body strong{color:var(--text-primary);font-weight:700}.blog-post-body em{color:var(--text-secondary)}.blog-post-body hr{border:none;border-top:1px solid var(--border-subtle);margin:2.5em 0}@media (max-width:768px){.blog-grid{grid-template-columns:1fr;gap:20px}.blog-post-header{padding-top:100px}.blog-card-body{padding:18px}}.legal-page{min-height:100vh;padding-bottom:80px;position:relative;z-index:1}.legal-header{padding-top:120px;padding-bottom:40px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.legal-title{font-family:var(--font-display),sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-meta{font-size:.9rem;color:var(--text-muted)}.legal-body{max-width:800px;margin:0 auto;padding-bottom:80px}.legal-body h2{margin-top:2.5em;padding-top:1em;border-top:1px solid var(--border-subtle);color:var(--fire-orange)}.legal-body h3{color:var(--text-primary);margin-top:1.6em}.legal-body p+p{margin-top:.8em}.legal-body li{color:var(--text-secondary);margin-bottom:4px}@media (max-width:768px){.legal-header{padding-top:100px}}.trend-more-tools-section{margin:1.5rem 0 2rem;padding:1rem 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.trend-more-tools-heading{font-size:1.1rem;margin-bottom:.35rem;color:var(--text-primary)}.trend-more-tools-intro{font-size:.9rem;color:var(--text-muted);margin-bottom:.85rem}.trend-more-tools-row{display:flex;flex-wrap:wrap;gap:10px}.trend-more-tools-link{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);background:rgba(255,255,255,.02);font-size:.9rem;text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast)}.trend-more-tools-link:hover{border-color:var(--border-glow);background:rgba(255,106,0,.08)}.trend-more-tools-link.is-current{border-color:rgba(255,106,0,.45);background:rgba(255,106,0,.1)}.trend-more-tools-link-generator{border-style:dashed}.trend-faq{margin-top:2.5rem;max-width:720px}.trend-faq h2{font-size:1.15rem;margin-bottom:1rem}.trend-faq-item{margin-bottom:1.25rem}.trend-faq-item h3{font-size:1rem;color:var(--fire-orange);margin-bottom:.35rem}.trend-faq-item p{font-size:.95rem;color:var(--text-secondary)}.trend-subheading{font-family:var(--font-accent),sans-serif;font-size:1.05rem;font-weight:700;margin-bottom:.65rem;color:var(--text-primary);letter-spacing:.3px}.trend-form-group{margin-bottom:1.25rem}.trend-field-label{display:block;margin-bottom:.4rem;font-family:var(--font-accent),sans-serif;font-size:.85rem;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.trend-btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:1rem 0}.trend-u3164-tight-header{margin-bottom:1rem}@media (min-width:769px){.trend-u3164-tight-header{margin-bottom:28px}}.trend-u3164-tool-hero{margin-top:0;margin-bottom:0;padding:1.25rem 1.1rem 1.35rem;border-radius:var(--radius-lg);border:1px solid rgba(255,106,0,.22);background:linear-gradient(165deg,rgba(255,106,0,.09) 0,rgba(20,20,35,.92) 45%,var(--bg-card) 100%);box-shadow:var(--shadow-card);scroll-margin-top:100px}.trend-u3164-tool-title{font-size:.95rem;text-align:center}.trend-u3164-tool-hero .trend-u3164-explainer{text-align:center;margin-left:auto;margin-right:auto}.trend-u3164-tool-hero .trend-u3164-slot-row{justify-content:center}.trend-u3164-tool-actions{justify-content:center;margin-top:1.1rem;margin-bottom:0}.trend-u3164-tool-actions .btn{min-height:48px;padding-left:1.5rem;padding-right:1.5rem}@media (max-width:768px){.trend-u3164-tool-hero{padding:1.1rem .9rem 1.2rem}.trend-u3164-tool-actions{flex-direction:column;align-items:stretch}.trend-u3164-tool-actions .btn{width:100%;justify-content:center}.trend-u3164-slot-row{flex-direction:column;align-items:stretch}.trend-u3164-slot{min-height:88px}.trend-u3164-notation{min-width:0}}.trend-u3164-read-more{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.trend-u3164-explainer{font-size:.95rem;line-height:1.65;color:var(--text-secondary);margin:.35rem 0 1.25rem;max-width:42rem}.trend-u3164-slot-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:1.25rem}.trend-u3164-slot{box-sizing:border-box;min-width:120px;min-height:96px;padding:12px 16px;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,106,0,.45);border-radius:var(--radius-md);background:rgba(255,106,0,.06)}.trend-u3164-char{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:2rem;line-height:1;min-width:.5ch;min-height:1em;color:var(--text-muted)}.trend-u3164-notation{flex:1 1;min-width:200px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card)}.trend-u3164-notation-caption{font-size:.8rem;color:var(--text-muted);margin:0 0 .5rem;line-height:1.4}.trend-u3164-code-line{margin:0;font-size:1.05rem}.trend-u3164-code-line code{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;padding:4px 10px;border-radius:var(--radius-sm);background:rgba(0,0,0,.35);border:1px solid var(--border-subtle);color:var(--fire-orange)}.trend-wheel-textarea{box-sizing:border-box;width:100%;min-height:160px;padding:14px 16px;border-radius:var(--radius-md);border:2px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-body),sans-serif;font-size:1rem;line-height:1.5;resize:vertical;outline:none;transition:border-color var(--transition-med),box-shadow var(--transition-med)}.trend-wheel-textarea::placeholder{color:var(--text-muted)}.trend-wheel-textarea:hover{border-color:rgba(255,255,255,.1)}.trend-wheel-textarea:focus{border-color:var(--fire-orange);box-shadow:0 0 0 3px rgba(255,106,0,.12),var(--shadow-fire)}@media (max-width:768px){.trend-wheel-textarea{font-size:1rem}}.trend-wheel-result{margin:1rem 0;padding:12px 16px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);font-size:1.1rem;min-height:2.5rem}.trend-ff-badge{font-size:.75rem;padding:2px 8px;border-radius:999px;margin-top:6px;display:inline-block}.trend-ff-badge.good{background:rgba(34,197,94,.2);color:#4ade80}.trend-ff-badge.warn{background:rgba(251,191,36,.15);color:#fbbf24}.trend-ff-badge.bad{background:rgba(248,113,113,.15);color:#f87171}.trend-generator-embed{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}