.preview-weapon-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;background-color:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.preview-weapon-modal-content{background-color:#121214;border:1px solid #7c3aed66;border-radius:20px;width:100%;max-width:600px;padding:3rem 2rem;position:relative;box-shadow:0 20px 50px #00000080,inset 0 0 40px #7c3aed0d}.preview-weapon-modal-content .preview-modal-close{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.preview-weapon-modal-content .preview-modal-close:hover{color:#fff;background:#ff646433;transform:rotate(90deg)}.preview-weapon-split-view{justify-content:space-between;align-items:center;gap:2rem;display:flex}@media (max-width:600px){.preview-weapon-split-view{flex-direction:column;gap:1.5rem}.preview-weapon-split-view .preview-connection{transform:rotate(90deg)}}.preview-character-side,.preview-weapon-side{text-align:center;flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex}.preview-portrait-box{background:#000;border:2px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.preview-portrait-box img{object-fit:cover;width:100%;height:100%}.preview-portrait-box.weapon img{width:120%;height:120%}.preview-portrait-box.weapon[data-rarity=S]{border-color:#facc15;box-shadow:0 10px 30px #facc1533}.preview-portrait-box.weapon[data-rarity=A]{border-color:#c084fc;box-shadow:0 10px 30px #c084fc33}.preview-character-side h3,.preview-weapon-side h3{color:#fff;margin:0;font-size:1.25rem;font-weight:800}.element-badge{text-transform:uppercase;color:var(--text-secondary);background:#ffffff1a;border-radius:20px;padding:.25rem 1rem;font-size:.8rem;font-weight:700}.rarity-badge{text-transform:uppercase;border-radius:20px;padding:.25rem 1rem;font-size:.8rem;font-weight:800}.rarity-badge[data-rarity=S]{color:#facc15;background:#facc1526}.rarity-badge[data-rarity=A]{color:#c084fc;background:#c084fc26}.preview-connection{color:#fff3;justify-content:center;align-items:center;display:flex}.preview-connection .connection-icon{color:#818cf8;background:#1a1a1e;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 0 20px #818cf833}.weapon-slot{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:-8px;right:-8px;overflow:hidden;box-shadow:0 4px 10px #0006}.weapon-slot:hover{border-color:#7c3aedcc;transform:scale(1.1)}.weapon-slot.empty{color:var(--text-secondary);background:#0009;border:1px dashed #ffffff4d}.weapon-slot.empty:hover{color:#fff;border-color:#fff}.weapon-icon-inner{background:#000;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.weapon-icon-inner img{object-fit:contain;width:90%;height:90%}.weapon-icon-inner[data-rarity=S]{border:1px solid #facc15;box-shadow:inset 0 0 10px #facc1533}.weapon-icon-inner[data-rarity=A]{border:1px solid #c084fc;box-shadow:inset 0 0 10px #c084fc33}