*{box-sizing:border-box}body{margin:0;background:transparent;font-family:Tajawal,Segoe UI,Arial}
.hidden{display:none}
#wrap{width:100vw;height:100vh;background:rgba(0,0,0,.55);display:grid;grid-template-columns:360px 1fr;gap:14px;padding:20px}
.left{background:rgba(18,18,22,.95);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}
.logo{display:flex;justify-content:center;align-items:center;padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.08)}
.logo img{max-width:240px;max-height:120px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.control{display:grid;gap:6px}
label{color:#eee;font-size:14px;opacity:.9}
select,button{background:#0f0f13;color:#fff;border:1px solid #2c2c32;border-radius:10px;padding:10px 12px;outline:none}
select:focus,button:focus{border-color:#6df3b2}
.actions{display:grid;grid-template-columns:120px 1fr;gap:8px}
.primary{background:#1e8b2b;border-color:#1e8b2b}
.ghost{background:#111}
.right{background:rgba(12,12,14,.75);border-radius:18px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}
.weapon-preview img{max-width:90%;filter:drop-shadow(0 6px 16px rgba(0,0,0,.65));opacity:.98}
.carousel{display:grid;grid-template-columns:80px 360px 80px;gap:10px;align-items:center;width:720px}
.nav{height:52px;border-radius:12px}
.slot{height:96px;border:1px solid #2b2b2f;border-radius:14px;background:rgba(0,0,0,.45);display:grid;grid-template-columns:96px 1fr;align-items:center;padding:10px}
.slot img{width:76px;height:76px;object-fit:contain;opacity:.9}
.cap{color:#e5e5e5;font-size:18px;text-align:center}