:root{--fnae-primary:#667eea;--fnae-secondary:#764ba2;--fnae-primary-dark:#4a5fbf;--fnae-bg-dark:#0a0a1a;--fnae-bg-medium:#1a1a2e;--fnae-bg-light:#16213e;--fnae-card-bg:rgba(255,255,255,0.05);--fnae-border:rgba(255,255,255,0.1);--fnae-text:#ffffff;--fnae-text-muted:rgba(255,255,255,0.7);--fnae-radius:16px;--fnae-radius-sm:10px;--fnae-shadow:0 8px 32px rgba(0,0,0,0.3);--fnae-transition:all 0.3s ease}.fnae-wrapper{max-width:900px;margin:30px auto;padding:0;font-family:'Vazir','Tahoma','Segoe UI',sans-serif;direction:rtl;border-radius:24px;overflow:hidden}.fnae-wrapper[data-theme="dark"]{background:linear-gradient(145deg,var(--fnae-bg-dark) 0%,var(--fnae-bg-medium) 50%,var(--fnae-bg-light) 100%);color:var(--fnae-text);box-shadow:var(--fnae-shadow)}.fnae-wrapper[data-theme="light"]{background:#f0f2f5;color:#1a1a2e;box-shadow:0 20px 60px rgb(0 0 0 / .08)}.fnae-container{padding:30px}.fnae-header{text-align:center;padding:35px 20px 25px;margin-bottom:30px;background:var(--fnae-card-bg);border-radius:var(--fnae-radius);backdrop-filter:blur(10px);border:1px solid var(--fnae-border);position:relative;overflow:hidden}.fnae-header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgb(102 126 234 / .05),transparent 70%);animation:fnae-pulse 10s ease-in-out infinite}@keyframes fnae-pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.fnae-header-icon{font-size:48px;display:block;margin-bottom:10px;position:relative;z-index:1}.fnae-title{font-size:2em;margin:0 0 8px;background:linear-gradient(135deg,var(--fnae-primary) 0%,var(--fnae-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;position:relative;z-index:1}.fnae-subtitle{font-size:.9em;opacity:.7;margin:0;position:relative;z-index:1}.fnae-progress-wrap{margin-bottom:30px;padding:0 5px}.fnae-progress-bar{width:100%;height:6px;background:rgb(255 255 255 / .1);border-radius:10px;overflow:hidden;position:relative}.fnae-progress-fill{height:100%;background:linear-gradient(90deg,var(--fnae-primary),var(--fnae-secondary));border-radius:10px;transition:width 0.6s cubic-bezier(.4,0,.2,1);width:0%}.fnae-progress-steps{display:flex;justify-content:space-between;margin-top:12px;padding:0 2px;position:relative}.fnae-progress-steps::before{content:'';position:absolute;top:12px;left:20px;right:20px;height:2px;background:rgb(255 255 255 / .08);z-index:0}.fnae-step-indicator{width:28px;height:28px;border-radius:50%;background:rgb(255 255 255 / .08);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:var(--fnae-transition);position:relative;z-index:1;border:2px solid rgb(255 255 255 / .05);color:var(--fnae-text-muted);cursor:default}.fnae-step-indicator.active{background:linear-gradient(135deg,var(--fnae-primary),var(--fnae-secondary));color:#fff;border-color:var(--fnae-primary);box-shadow:0 0 20px rgb(102 126 234 / .3);transform:scale(1.1)}.fnae-progress-text{text-align:center;margin-top:10px;font-size:.85em;opacity:.6}.fnae-step{display:none;animation:fnae-fadeIn 0.4s ease}.fnae-step.active{display:block}@keyframes fnae-fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fnae-step-card{background:var(--fnae-card-bg);border-radius:var(--fnae-radius);padding:25px;border:1px solid var(--fnae-border);backdrop-filter:blur(10px)}.fnae-step-header{display:flex;align-items:center;gap:15px;margin-bottom:8px}.fnae-step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--fnae-primary),var(--fnae-secondary));color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.fnae-step-header h2{font-size:1.3em;margin:0}.fnae-step-desc{opacity:.7;font-size:.95em;margin:0 0 20px 52px}.fnae-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fnae-form-group{margin-bottom:5px}.fnae-form-group.full-width{grid-column:1 / -1}.fnae-form-group label{display:block;font-weight:500;margin-bottom:5px;font-size:.9em;opacity:.9}.fnae-form-group label i{margin-left:6px}.fnae-input{width:100%;padding:10px 14px;background:rgb(255 255 255 / .06);border:2px solid rgb(255 255 255 / .08);border-radius:var(--fnae-radius-sm);color:inherit;font-size:.95em;transition:var(--fnae-transition);box-sizing:border-box}.fnae-input:focus{outline:none;border-color:var(--fnae-primary);box-shadow:0 0 0 3px rgb(102 126 234 / .15)}.fnae-input::placeholder{opacity:.4}.fnae-btn{padding:12px 28px;border:none;border-radius:var(--fnae-radius-sm);font-size:.95em;font-weight:600;cursor:pointer;transition:var(--fnae-transition);display:inline-flex;align-items:center;gap:8px}.fnae-btn-primary{background:linear-gradient(135deg,var(--fnae-primary),var(--fnae-secondary));color:#fff}.fnae-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(102 126 234 / .35)}.fnae-btn-secondary{background:rgb(255 255 255 / .08);color:inherit}.fnae-btn-secondary:hover{background:rgb(255 255 255 / .15)}.fnae-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.fnae-step-actions{display:flex;justify-content:center;gap:12px;margin-top:25px;flex-wrap:wrap}.fnae-stw-toggle{display:flex;align-items:center;gap:15px;padding:12px 18px;background:rgb(255 255 255 / .04);border-radius:var(--fnae-radius-sm);margin-bottom:15px}.fnae-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.fnae-switch input{opacity:0;width:0;height:0}.fnae-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:rgb(255 255 255 / .2);transition:.3s;border-radius:24px}.fnae-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%}.fnae-switch input:checked+.fnae-slider{background:linear-gradient(135deg,var(--fnae-primary),var(--fnae-secondary))}.fnae-switch input:checked+.fnae-slider:before{transform:translateX(20px)}.fnae-toggle-label{font-size:.95em}.fnae-stw-info-box{padding:12px 16px;background:rgb(102 126 234 / .08);border-radius:var(--fnae-radius-sm);border-right:3px solid var(--fnae-primary);margin-bottom:15px}.fnae-stw-info-box p{margin:4px 0;font-size:.9em}.fnae-stw-category{margin:12px 0;padding:14px;background:rgb(255 255 255 / .03);border-radius:var(--fnae-radius-sm)}.fnae-stw-category h4{margin:0 0 10px;font-size:.95em;color:var(--fnae-primary)}.fnae-stw-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.fnae-stw-item{background:rgb(255 255 255 / .04);border-radius:var(--fnae-radius-sm);padding:10px;text-align:center;border:2px solid #fff0;transition:var(--fnae-transition);cursor:pointer}.fnae-stw-item:hover{border-color:rgb(255 255 255 / .1)}.fnae-stw-item.selected{border-color:var(--fnae-primary);background:rgb(102 126 234 / .08)}.fnae-stw-item label{cursor:pointer;display:block}.fnae-stw-item input[type="checkbox"]{margin-bottom:6px;width:15px;height:15px;cursor:pointer}.fnae-stw-item img{width:40px;height:40px;object-fit:cover;border-radius:50%;margin-bottom:4px}.fnae-stw-name{display:block;font-size:.8em;font-weight:500}.fnae-stw-price{display:block;font-size:.75em;color:#4CAF50}.fnae-stw-power{display:block;font-size:.7em;opacity:.6}.fnae-stw-rarity{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.65em;font-weight:500;color:#fff}.fnae-stw-count{margin-top:8px;display:flex;align-items:center;gap:10px}.fnae-stw-count label{font-size:.85em}.fnae-stw-count input{width:70px;padding:6px 10px;background:rgb(255 255 255 / .06);border:2px solid rgb(255 255 255 / .08);border-radius:var(--fnae-radius-sm);color:inherit;font-size:.9em}.fnae-special-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;margin:5px 0}.fnae-special-card{background:rgb(255 255 255 / .04);border-radius:var(--fnae-radius);padding:14px;text-align:center;border:2px solid #fff0;transition:var(--fnae-transition);cursor:pointer}.fnae-special-card:hover{border-color:rgb(255 255 255 / .1);transform:translateY(-3px)}.fnae-special-card.selected{border-color:var(--fnae-primary);background:rgb(102 126 234 / .08)}.fnae-special-card label{cursor:pointer;display:block}.fnae-special-card input[type="checkbox"]{margin-bottom:8px;width:16px;height:16px;cursor:pointer}.fnae-special-card img{width:55px;height:55px;object-fit:cover;border-radius:50%;margin-bottom:6px}.fnae-item-name{display:block;font-size:.85em;font-weight:600}.fnae-item-type{display:block;font-size:.75em;opacity:.6}.fnae-item-price{display:block;font-size:.8em;color:#4CAF50}.fnae-item-rarity{display:inline-block;padding:1px 10px;border-radius:10px;font-size:.7em;font-weight:500;color:#fff}.fnae-rarity-common{background:gray}.fnae-rarity-uncommon{background:#4CAF50}.fnae-rarity-rare{background:#2196F3}.fnae-rarity-epic{background:#9C27B0}.fnae-rarity-legendary{background:#FF6F00}.fnae-rarity-mythic{background:#D32F2F}.fnae-vbucks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:10px 0}.fnae-vbucks-card{background:rgb(255 255 255 / .04);border-radius:var(--fnae-radius-sm);padding:12px;text-align:center;cursor:pointer;transition:var(--fnae-transition);border:2px solid #fff0}.fnae-vbucks-card:hover{border-color:rgb(255 255 255 / .1);transform:scale(1.03)}.fnae-vbucks-card.active{border-color:#FF6B00;background:rgb(255 107 0 / .08)}.fnae-vbucks-amount{display:block;font-size:1.1em;font-weight:700;color:#FF6B00}.fnae-vbucks-price{display:block;font-size:.8em;opacity:.7}.fnae-platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:5px 0}.fnae-platform-card{background:rgb(255 255 255 / .04);border-radius:var(--fnae-radius-sm);padding:12px;text-align:center;border:2px solid #fff0;transition:var(--fnae-transition);cursor:pointer}.fnae-platform-card:hover{border-color:rgb(255 255 255 / .1);transform:translateY(-2px)}.fnae-platform-card.selected{border-color:var(--fnae-primary);background:rgb(102 126 234 / .08)}.fnae-platform-card label{cursor:pointer;display:block}.fnae-platform-card input[type="checkbox"]{margin-bottom:6px;width:15px;height:15px;cursor:pointer}.fnae-platform-icon{font-size:24px;display:block}.fnae-platform-name{display:block;font-size:.8em;font-weight:500}.fnae-platform-multiplier{display:block;font-size:.7em;color:#4CAF50}.fnae-result-main{margin-bottom:20px}.fnae-result-card{background:rgb(255 255 255 / .04);border-radius:var(--fnae-radius);padding:18px;text-align:center}.fnae-result-total{background:rgb(102 126 234 / .12);border:2px solid rgb(102 126 234 / .2)}.fnae-result-label{display:block;font-size:.85em;opacity:.7;margin-bottom:4px}.fnae-result-value{display:block;font-size:2.2em;font-weight:700;background:linear-gradient(135deg,var(--fnae-primary),var(--fnae-secondary));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.fnae-result-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.fnae-result-details .fnae-result-value{font-size:1.4em}.fnae-result-breakdown{margin-top:20px;padding:18px;background:rgb(255 255 255 / .03);border-radius:var(--fnae-radius)}.fnae-result-breakdown h3{text-align:center;margin:0 0 15px;font-size:1em}.fnae-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.fnae-breakdown-item{text-align:center;padding:10px;background:rgb(255 255 255 / .03);border-radius:var(--fnae-radius-sm)}.fnae-breakdown-label{display:block;font-size:.75em;opacity:.6}.fnae-breakdown-value{display:block;font-size:.95em;font-weight:600}.fnae-loading-container{text-align:center;padding:40px 20px}.fnae-spinner{width:50px;height:50px;margin:0 auto 15px;border:4px solid rgb(255 255 255 / .08);border-top:4px solid var(--fnae-primary);border-radius:50%;animation:fnae-spin 0.8s linear infinite}@keyframes fnae-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fnae-loading-spinner p{opacity:.6;font-size:.95em}.fnae-result-footer{margin-top:20px;padding:12px;text-align:center;background:rgb(255 255 255 / .03);border-radius:var(--fnae-radius-sm);border:1px dashed rgb(255 255 255 / .06)}.fnae-footer-text{margin:0;font-size:.85em;opacity:.7}.fnae-footer-text i{margin-left:6px;color:var(--fnae-primary)}.fnae-empty-message{text-align:center;padding:25px;opacity:.5;grid-column:1 / -1}@media (max-width:768px){.fnae-wrapper{margin:15px 10px;border-radius:16px}.fnae-container{padding:15px}.fnae-title{font-size:1.5em}.fnae-form-grid{grid-template-columns:1fr;gap:10px}.fnae-special-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.fnae-stw-items{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.fnae-result-details{grid-template-columns:1fr;gap:10px}.fnae-breakdown-grid{grid-template-columns:1fr 1fr}.fnae-step-actions{flex-direction:column;align-items:center}.fnae-btn{width:100%;max-width:280px;justify-content:center}.fnae-step-card{padding:18px}.fnae-step-header h2{font-size:1.1em}.fnae-step-desc{margin-left:0}.fnae-step-number{width:30px;height:30px;font-size:12px}.fnae-progress-steps{display:none}.fnae-result-value{font-size:1.6em}.fnae-platforms-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.fnae-vbucks-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:480px){.fnae-wrapper{margin:10px 5px;border-radius:12px}.fnae-container{padding:10px}.fnae-title{font-size:1.2em}.fnae-header-icon{font-size:32px}.fnae-special-grid{grid-template-columns:1fr 1fr;gap:10px}.fnae-stw-items{grid-template-columns:1fr 1fr;gap:8px}.fnae-platforms-grid{grid-template-columns:1fr 1fr;gap:8px}.fnae-vbucks-grid{grid-template-columns:1fr 1fr;gap:8px}.fnae-breakdown-grid{grid-template-columns:1fr}.fnae-result-value{font-size:1.3em}.fnae-result-card{padding:12px}.fnae-step-card{padding:14px}.fnae-input{padding:8px 12px;font-size:.85em}.fnae-btn{padding:10px 20px;font-size:.85em}}