:root{--o:#ff5a1f;--bg:#080909;--p:#111212;--p2:#171818;--line:#303030;--text:#eee;--muted:#929292}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:38px 38px}button,input{font:inherit}button{cursor:pointer}header{height:72px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid #222;position:sticky;top:0;z-index:50;background:#090909ee;backdrop-filter:blur(12px)}.logo{font-weight:1000;font-size:22px;letter-spacing:-1px;color:white;text-decoration:none}.logo i,.logo span,.hero h1 em,.how em{color:var(--o);font-style:normal}nav{margin:auto;display:flex;gap:42px;height:100%}nav a{display:flex;align-items:center;color:#aaa;text-decoration:none;font-size:11px;font-weight:800;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:var(--o);border-color:var(--o)}.ready{font-size:10px;color:#aaa;font-weight:800}.ready b{display:inline-block;width:7px;height:7px;background:#57e276;border-radius:50%;box-shadow:0 0 10px #57e276;margin-right:7px}.hero{height:300px;display:grid;grid-template-columns:230px 1fr 230px;border-bottom:1px solid #272727;overflow:hidden;background:radial-gradient(circle at center,#30130a 0,transparent 44%)}.heroMain{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.kicker{color:var(--o);font-size:10px;font-weight:900;letter-spacing:3px}.hero h1{font-size:64px;margin:12px 0 6px;letter-spacing:3px}.heroMain>p{font-size:12px;font-weight:800;color:#c8c8c8;letter-spacing:.4px}.features{display:flex;gap:75px;margin-top:22px}.features div{display:flex;gap:12px;align-items:center;text-align:left}.features strong{font-size:27px;color:var(--o)}.features span{font-size:10px;line-height:1.4;color:#bbb}.features b{display:block;color:#fff}.heroSide{position:relative;display:grid;place-items:end center;overflow:hidden}.heroSide:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 35%,#080909 100%)}.heroSide.right:after{background:linear-gradient(270deg,transparent 35%,#080909 100%)}.soldierImg{width:100%;height:100%;object-fit:cover;object-position:center bottom;filter:saturate(.95) contrast(1.06) drop-shadow(0 0 32px #ff5a1f35);opacity:.98;transform:scale(1.08);mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 86%,transparent 100%)}.soldierT{object-position:42% bottom}.soldierCT{object-position:58% bottom}main{padding:0 30px 28px}.app{max-width:1700px;margin:0 auto;background:#111;border:1px solid #303030;border-top:0;display:grid;grid-template-columns:minmax(0,1fr) 390px;box-shadow:0 25px 80px #000}.leftPane{padding:16px 20px 24px;border-right:1px solid #2d2d2d}.topTabs{display:flex;gap:7px;margin-bottom:20px}.topTabs button{background:#171717;color:#aaa;border:1px solid #303030;padding:12px 26px;font-size:10px;font-weight:900;border-radius:3px}.topTabs button.active{border-color:var(--o);color:var(--o);box-shadow:inset 0 -2px var(--o)}.topTabs .resetAll{margin-left:auto;color:var(--o);border:0;background:none}.keyRow{display:flex;gap:5px;margin-bottom:5px}.key{height:40px;min-width:42px;flex:1;background:linear-gradient(#1b1b1b,#141414);border:1px solid #49301f;color:#ddd;border-radius:4px;font-size:10px;font-weight:800;box-shadow:inset 0 -2px #080808}.key.wide{flex:1.65}.key.space{flex:5}.key.selected{background:var(--o);color:#111;border-color:#ff804f;box-shadow:0 0 16px #ff5a1f66}.key.used:not(.selected){color:var(--o);border-color:var(--o)}#keys{min-height:190px}.miniKeys{display:grid;grid-template-columns:repeat(3,100px);gap:7px}.miniKeys.numpad{grid-template-columns:repeat(4,100px)}.miniKeys.mouse{grid-template-columns:repeat(3,130px)}.miniKeys .key{height:50px}h3{font-size:11px;margin:22px 0 10px;border-left:2px solid var(--o);padding-left:8px}.categories{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.categories button{height:58px;background:#171717;border:1px solid #333;color:#aaa;font-size:10px;font-weight:900}.categories button.active{border-color:var(--o);color:var(--o);background:#24150f}.commands{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cmd{height:72px;background:#171717;border:1px solid #333;color:#ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:800}.cmd img{width:74px;height:36px;object-fit:contain;filter:drop-shadow(0 3px 3px #000)}.cmd:hover,.cmd.active{border-color:var(--o);color:var(--o);background:#21140f}.custom{display:flex;gap:7px;margin-top:15px;align-items:center}.custom label{font-size:9px;color:#888;font-weight:900}.custom input{flex:1;background:#090909;border:1px solid #333;color:#fff;padding:11px;outline:0}.custom input:focus{border-color:var(--o)}.custom button{background:var(--o);border:0;padding:11px 16px;font-size:9px;font-weight:900}aside{padding:18px 20px;background:linear-gradient(120deg,#151515,#111)}.selectedKey,.selectedCommand,#generated,#activeBinds{border:1px solid #333;background:#171717;border-radius:3px}.selectedKey{height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center}.selectedKey strong{font-size:26px;color:var(--o)}.selectedKey span{font-size:9px;color:#888;margin-top:4px}.selectedCommand{min-height:80px;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px}.selectedCommand img{width:95px;height:48px;object-fit:contain}.selectedCommand b{color:var(--o)}.selectedCommand span{font-size:10px;color:#888}#generated{padding:17px;color:#ddd;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 monospace;min-height:55px}#activeBinds{max-height:210px;overflow:auto}.bindRow{display:grid;grid-template-columns:48px 1fr 28px;align-items:center;border-bottom:1px solid #292929;min-height:52px}.bindRow:last-child{border:0}.bindRow strong{color:var(--o);text-align:center}.bindRow div{font-size:10px}.bindRow small{display:block;color:#777;margin-top:3px}.bindRow button{background:none;border:0;color:#888}.emptyState{padding:20px;text-align:center;color:#666;font-size:10px}.primary,.danger{width:100%;height:48px;margin-top:13px;font-size:10px;font-weight:900}.primary{background:var(--o);border:0;color:#111}.danger{background:#171717;border:1px solid #333;color:#aaa}.how{max-width:1700px;margin:0 auto 30px;border:1px solid #303030;background:#111;padding:18px 25px}.how h2{font-size:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr)}.steps article{display:flex;gap:13px;padding:12px 22px;border-right:1px solid #292929}.steps article:last-child{border:0}.steps article>b{width:27px;height:27px;border:1px solid var(--o);color:var(--o);border-radius:50%;display:grid;place-items:center}.steps strong{font-size:10px}.steps p{font-size:9px;color:#888;line-height:1.5;margin:5px 0}footer{height:90px;max-width:1700px;margin:auto;display:flex;align-items:center;gap:25px;padding:0 20px;border-top:1px solid #222;color:#777;font-size:10px}footer p{margin-right:auto}#toast{position:fixed;right:25px;bottom:25px;background:var(--o);color:#111;font-weight:900;font-size:11px;padding:14px 22px;transform:translateY(100px);opacity:0;transition:.25s;z-index:99}#toast.show{transform:none;opacity:1}@media(max-width:1050px){.hero{grid-template-columns:1fr}.heroSide{display:none}.app{grid-template-columns:1fr}.leftPane{border:0}.categories,.commands{grid-template-columns:repeat(4,1fr)}.features{gap:30px}.steps{grid-template-columns:1fr 1fr}.steps article:nth-child(2){border-right:0}}@media(max-width:650px){header nav{display:none}.hero h1{font-size:38px}.hero{height:260px}.features{gap:12px}.features strong{display:none}main{padding:0 8px 15px}.leftPane,aside{padding:14px}.topTabs{overflow:auto}.topTabs button{padding:10px 15px;white-space:nowrap}.topTabs .resetAll{display:none}.categories,.commands{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid #292929}.keyRow{min-width:720px}#keys{overflow-x:auto}.ready{display:none}}