:root{--bg-deep:#0b0f0b;--bg-olive:#111a12;--bg-haze:#2b342b;--bg-dust:#b0982222;--bg:#0b0b0e;--bg-2:#0f1016;--panel:#161b16;--border:#2b3230;--text:#e8ede8;--muted:#96a09a;--accent:#86f27a;--accent-2:#c3f7b5;--sheen: rgba(255,255,255,.06);--glow: 0 0 0 1px rgba(134,242,122,.15), 0 12px 32px rgba(0,0,0,.45)}body.light{--bg:#f5f5f5;--bg-2:#ffffff;--panel:#ffffff;--border:#e2e5e8;--text:#222;--muted:#666}*{box-sizing:border-box}html,body,#root{height:100%}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}body{margin:0;color:var(--text);background-color:var(--bg);background:radial-gradient(1200px 720px at 18% -8%,var(--bg-dust) 0%,transparent 60%),radial-gradient(900px 600px at 76% 18%,#9f93581a 0%,transparent 55%),radial-gradient(1400px 900px at 50% -6%,var(--bg-haze) 0%,var(--bg-olive) 58%,var(--bg-deep) 100%);background-attachment:fixed,fixed,fixed;font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 120% at 50% 42%,transparent 55%,rgba(0,0,0,.42) 100%),repeating-linear-gradient(0deg,#ffffff04 0 2px,#0000 2px 4px)}.app,.topbar,.container,.panel{position:relative;z-index:1}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;background:#080c088c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.brand{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;margin-right:auto;flex-wrap:nowrap}.brand img.logo{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.brand .title{display:block}.links{display:flex;gap:.5rem;flex-wrap:wrap}.navlink{padding:8px 12px;border-radius:10px;border:1px solid var(--border);color:var(--muted);background:#ffffff08;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.navlink:hover,.navlink.active{border-color:var(--accent);color:var(--text);background:#ffffff0f}.container{max-width:1100px;margin:24px auto;padding:0 16px;flex:1;width:100%}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 28px #00000059}.panel>h2{margin:0 0 10px;display:flex;align-items:center;gap:10px}.panel>h2:before{content:"";width:8px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 0 12px #86f27a40}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:12px}.hr{height:1px;background:var(--border);border:0}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}@media (max-width:780px){.two-col{grid-template-columns:1fr}}.btn{border:1px solid var(--border);background:var(--bg-2);color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer;transition:border-color .2s ease,transform .06s ease,box-shadow .2s ease}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent}.btn.accent{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#041b10;border-color:transparent;box-shadow:var(--glow)}.badge{font-size:13px;font-weight:500;letter-spacing:.02em;border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:999px;background:#ffffff0a;cursor:pointer;transition:all .15s ease}.badge:hover{border-color:var(--accent);background:#ffffff0f}.badge.on{border-color:var(--accent);background:var(--accent);color:#041b10;font-weight:600;box-shadow:0 2px 8px #00000040}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;padding:2px 6px;border-radius:6px;background:var(--bg-2);border:1px solid var(--border);color:var(--muted)}.subtle{color:var(--muted)}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:12px;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000073,0 0 0 1px var(--border) inset,0 0 14px #86f27a26;border-color:var(--accent);background-color:#ffffff03}.card .thumb{transition:transform .25s ease,filter .25s ease}.card:hover .thumb{transform:scale(1.02);filter:contrast(1.04)}.big{font-family:Bebas Neue,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:46px;line-height:.95;letter-spacing:.5px;text-transform:uppercase;-webkit-text-stroke:.6px rgba(0,0,0,.45);text-shadow:0 1px 0 rgba(0,0,0,.35),0 6px 14px rgba(0,0,0,.25);font-weight:800}.label-caps{font-family:Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted)}.panel.main-card{background:linear-gradient(180deg,#1a221a,#0f140f);border:2px solid var(--accent);box-shadow:0 12px 42px #0009;position:relative;overflow:hidden}.panel.main-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--sheen),transparent);opacity:.08}.thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.heroimg{width:100%;max-height:260px;object-fit:cover;border-radius:12px;border:2px solid var(--border)}.big-randomize{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#041b10;font-size:20px;font-weight:700;padding:14px 28px;border-radius:12px;border:none;cursor:pointer;box-shadow:0 6px 18px #0006;transition:transform .15s ease,box-shadow .15s ease}.big-randomize:hover{transform:scale(1.05);box-shadow:0 10px 24px #00000080}.big-randomize .icon{font-size:22px}.badge.AR{background:#2d6a4f;color:#fff}.badge.SMG{background:#1d3557;color:#fff}.badge.BattleRifle,.badge.BR{background:#6d597a;color:#fff}.badge.LMG{background:#ff9f1c;color:#000}.badge.Shotgun{background:#d62828;color:#fff}.badge.Marksmen,.badge.MarksmanRifle{background:#8d99ae;color:#000}.badge.Sniper,.badge.SniperRifle{background:#003049;color:#fff}.badge.Pistol{background:#ffba08;color:#000}.badge.Launchers{background:#000;color:#dc7d7d}.badge.Melee{background:#006f4a;color:#fff}input[type=text]{background:var(--bg-2);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:10px;width:100%}.checkbox{width:16px;height:16px;accent-color:var(--accent)}.copy{font-size:12px;opacity:.85}.range{margin-top:8px}.range .labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:6px}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:6px;background:var(--border);border-radius:999px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border:0;box-shadow:0 0 0 2px #041b10 inset,0 2px 8px #0006;cursor:pointer;margin-top:-6px}input[type=range]::-moz-range-track{height:6px;background:var(--border);border-radius:999px}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border:none;box-shadow:0 0 0 2px #041b10 inset,0 2px 8px #0006;cursor:pointer}input[type=range]:hover{background:#3a423f}input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--border);border-radius:999px}@media (max-width:780px){.mobile-fab{position:fixed;left:50%;transform:translate(-50%);bottom:14px;z-index:50;width:calc(100% - 24px);max-width:480px;pointer-events:none}.mobile-fab .big-randomize{height:60px;width:100%;justify-content:center;pointer-events:auto}.container{padding-bottom:96px}}.badge:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: no-preference){:root{--fx-drift-speed: 38s;--fx-scan-speed: 10s}.fx-haze{position:fixed;inset:-10%;pointer-events:none;z-index:0;background:radial-gradient(1200px 720px at 18% -8%,rgba(176,152,34,.1) 0%,transparent 60%),radial-gradient(900px 600px at 76% 18%,rgba(159,147,88,.1) 0%,transparent 55%),radial-gradient(1400px 900px at 50% -6%,#2b342b4d,#111a1240 58%,#0b0f0b40);filter:blur(6px) saturate(1.05);animation:fx-drift var(--fx-drift-speed) linear infinite alternate}@keyframes fx-drift{0%{transform:translate3d(-1.2%,-.8%,0) scale(1.01);opacity:.85}to{transform:translate3d(1.2%,.8%,0) scale(1.01);opacity:.95}}.fx-scan{position:fixed;inset:0;pointer-events:none;z-index:0;mix-blend-mode:overlay;background:linear-gradient(to bottom,#86f27a00,#86f27a1a 45%,#86f27a2e,#86f27a1a 55%,#86f27a00);opacity:.35;animation:fx-scan var(--fx-scan-speed) ease-in-out infinite}@keyframes fx-scan{0%{transform:translateY(-30%)}50%{transform:translateY(30%)}to{transform:translateY(-30%)}}}@media (prefers-reduced-motion: reduce){.fx-haze,.fx-scan{display:none!important}}