:root{--bg: #0e0e12;--bg-2: #161619;--bg-3: #1e1e24;--bg-4: #26262f;--border: #303038;--border-hi: #484858;--text: #e4e4ec;--text-dim: #8888a4;--text-faint: #50505e;--accent: #f5a623;--accent-dim: rgba(245, 166, 35, .12);--success: #4db86a;--success-dim: rgba(77, 184, 106, .12);--danger: #e64c4c;--danger-dim: rgba(230, 76, 76, .12);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg)}#app{display:flex;flex-direction:column;min-height:100vh}header{position:sticky;top:0;z-index:100;height:54px;background:var(--bg-2);border-bottom:2px solid var(--accent);padding:0 1.5rem;display:flex;align-items:center;gap:1.5rem}.app-title{font-size:1rem;font-weight:700;color:var(--accent);white-space:nowrap;display:flex;align-items:center;gap:.4rem;letter-spacing:.02em}.app-title .icon{font-size:1.2rem}.tabs{display:flex;gap:.3rem;align-items:center;height:100%}.tab-btn{height:34px;padding:0 .9rem;background:transparent;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:6px;font-size:.83rem;font-weight:500;font-family:inherit;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.tab-btn:hover{border-color:var(--border-hi);color:var(--text)}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:#111;font-weight:700}main{flex:1;padding:1.5rem;max-width:1100px;width:100%;margin:0 auto}.tab-panel{display:none}.tab-panel.active{display:block}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:1.25rem;margin-bottom:1.25rem}.card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.875rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.card-title{font-size:.95rem;font-weight:600;color:var(--accent);letter-spacing:.03em}button{display:inline-flex;align-items:center;gap:.3rem;font-family:inherit;cursor:pointer;border:none;border-radius:6px;font-size:.83rem;font-weight:600;height:32px;padding:0 .85rem;transition:opacity .15s,transform .1s;white-space:nowrap}button:hover{opacity:.85}button:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#111}.btn-success{background:var(--success);color:#111}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:var(--bg-4);color:var(--text);border:1px solid var(--border)}.btn-icon{background:transparent;border:1px solid var(--border);color:var(--text-faint);height:26px;padding:0 .45rem;font-size:.75rem}.btn-icon:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-dim);opacity:1}input[type=text],input[type=number]{background:var(--bg-3);border:1px solid var(--border);color:var(--text);padding:.3rem .6rem;border-radius:6px;font-size:.85rem;font-family:inherit;height:32px;transition:border-color .15s}input:focus{outline:none;border-color:var(--accent)}input::placeholder{color:var(--text-faint)}input:disabled{opacity:.4;cursor:not-allowed}.resource-list{display:flex;flex-direction:column;gap:.45rem}.resource-row{display:flex;align-items:center;gap:.75rem;padding:.55rem .875rem;background:var(--bg-3);border:1px solid var(--border);border-radius:7px}.resource-name{flex:1;font-size:.9rem;font-weight:500}.resource-unit{color:var(--text-dim);font-size:.78rem}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-dim);font-size:.875rem}.add-form{background:var(--bg-3);border:1px solid var(--border-hi);border-radius:8px;padding:1rem;margin-bottom:1rem}.form-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.form-label{width:75px;flex-shrink:0;font-size:.8rem;color:var(--text-dim)}.form-actions{display:flex;justify-content:flex-end;gap:.4rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:.75rem 0 .4rem}.ingredient-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.recipe-item{background:var(--bg-3);border:1px solid var(--border);border-radius:8px;padding:.75rem .875rem;margin-bottom:.5rem}.recipe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.recipe-name{font-weight:600;font-size:.9rem;color:var(--accent)}.recipe-flow{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.recipe-side{display:flex;flex-wrap:wrap;gap:.25rem;flex:1}.recipe-arrow{color:var(--accent);font-size:1rem;flex-shrink:0}.ingredient-tag{display:inline-block;background:var(--bg-4);border:1px solid var(--border);border-radius:4px;padding:.1rem .45rem;font-size:.78rem;color:var(--text-dim)}.ingredient-tag.output{background:var(--accent-dim);border-color:#f5a62359;color:var(--accent)}.output-list{display:flex;flex-direction:column;gap:.4rem}.output-row{display:flex;align-items:center;gap:.75rem;padding:.55rem .875rem;background:var(--bg-3);border:1px solid var(--border);border-radius:7px;transition:border-color .15s}.output-row.selected{border-color:#f5a62366;background:var(--accent-dim)}.output-checkbox{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.output-label{flex:1;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ratio-label{font-size:.78rem;color:var(--text-dim)}.hint{font-size:.8rem;color:var(--text-dim);margin-bottom:1rem;line-height:1.6}.section-divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:.5rem}.result-card{background:var(--bg-3);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:.875rem 1rem}.result-value{font-size:1.8rem;font-weight:700;color:var(--accent);line-height:1}.result-unit{font-size:.72rem;color:var(--text-dim);margin-top:.1rem}.result-item-name{font-size:.85rem;font-weight:500;color:var(--text);margin-top:.35rem}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{text-align:left;padding:.45rem .75rem;border-bottom:2px solid var(--border);color:var(--text-dim);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.data-table td{padding:.45rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg-3)}.progress-wrap{display:flex;align-items:center;gap:.5rem}.progress-bar{flex:1;min-width:70px;height:5px;background:var(--bg-4);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:var(--success);transition:width .35s ease}.progress-fill.warn{background:var(--accent)}.progress-fill.full{background:var(--danger)}.progress-pct{font-size:.78rem;color:var(--text-dim);min-width:38px;text-align:right}.badge{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:10px;font-size:.7rem;font-weight:600;letter-spacing:.04em;margin-left:.35rem}.badge-limiting{background:var(--danger-dim);color:var(--danger)}.badge-final{background:var(--success-dim);color:var(--success)}.badge-intermediate{background:var(--bg-4);color:var(--text-dim)}.notification{position:fixed;top:1rem;right:1rem;padding:.65rem 1.1rem;border-radius:7px;font-size:.85rem;font-weight:500;z-index:9999;box-shadow:0 4px 24px #00000080;animation:notifIn .2s ease,notifOut .3s ease 2.7s forwards}.notification.success{background:var(--success);color:#0a1f10}.notification.error{background:var(--danger);color:#fff}@keyframes notifIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes notifOut{to{opacity:0;transform:translateY(-8px)}}.header-actions{margin-left:auto;display:flex;gap:.4rem;align-items:center}.steps-list{display:flex;flex-direction:column;gap:0;position:relative}.steps-list:before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:var(--border);z-index:0}.step-card{display:flex;gap:1rem;align-items:flex-start;padding:.75rem 0;position:relative;z-index:1}.step-num{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--bg-4);border:2px solid var(--border-hi);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--text-dim)}.step-card.step-final .step-num{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.step-body{flex:1;background:var(--bg-3);border:1px solid var(--border);border-radius:8px;padding:.65rem .875rem}.step-card.step-final .step-body{border-color:#f5a6234d;background:var(--accent-dim)}.step-header-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.step-machine{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);background:var(--bg-4);border:1px solid var(--border);border-radius:4px;padding:.1rem .45rem}.step-item{font-size:.95rem;font-weight:600;color:var(--text)}.step-card.step-final .step-item{color:var(--accent)}.step-flow{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.82rem;margin-bottom:.4rem}.step-inputs{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.step-ingredient{color:var(--text-dim)}.step-ingredient em{font-style:normal;color:var(--text)}.step-plus{color:var(--text-faint);font-size:.75rem}.step-arrow{color:var(--accent);font-size:.9rem;flex-shrink:0}.step-output{color:var(--text);font-weight:600}.step-output em{font-style:normal}.step-count{font-size:.82rem;color:var(--text-dim);padding-top:.2rem;border-top:1px solid var(--border);margin-top:.35rem}.step-count strong{color:var(--accent)}.machine-summary{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding:.65rem .875rem;background:var(--bg-3);border:1px solid var(--border);border-radius:7px;font-size:.85rem}.machine-summary-label{color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.machine-summary-item{color:var(--text)}.machine-summary-item strong{color:var(--accent)}.game-selection{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2.5rem}.game-selection-header{text-align:center}.game-selection-title{font-size:2rem;font-weight:700;color:var(--accent);letter-spacing:.02em;margin-bottom:.5rem}.game-selection-subtitle{font-size:1rem;color:var(--text-dim)}.game-cards{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.game-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 2rem;background:var(--bg-2);border:2px solid var(--border);border-radius:16px;cursor:pointer;height:auto;min-width:180px;max-width:220px;transition:border-color .2s,transform .15s,background .2s;text-align:center}.game-card:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-4px);opacity:1}.game-card:active{transform:scale(.97) translateY(0)}.game-card-icon{font-size:3rem;line-height:1}.game-card-name{font-size:1.2rem;font-weight:700;color:var(--text);letter-spacing:.02em}.game-card-desc{font-size:.8rem;color:var(--text-dim);line-height:1.4}.btn-back{background:transparent;border:1px solid var(--border);color:var(--text-dim);height:30px;padding:0 .75rem;font-size:.8rem;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:500;flex-shrink:0;transition:color .15s,border-color .15s}.btn-back:hover{color:var(--accent);border-color:var(--accent);opacity:1}code{font-family:Consolas,Courier New,monospace;font-size:.8rem;background:var(--bg-4);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;color:var(--accent)}.wakfu-form{max-width:520px;margin-top:.5rem}.wakfu-section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-dim);margin:1rem 0 .4rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.wakfu-field{display:flex;align-items:center;gap:1rem;padding:.4rem 0}.wakfu-label{flex:1;font-size:.875rem;color:var(--text)}.wakfu-unit{color:var(--text-dim);font-size:.78rem;font-weight:400}.wakfu-cap{font-size:.75rem;color:var(--text-faint);font-weight:400}.wakfu-input{width:130px;flex-shrink:0}.shared-stats-card{background:var(--accent-dim);border:1px solid rgba(245,166,35,.3);border-radius:8px;padding:.65rem .875rem;margin-bottom:.5rem;max-width:600px}#players-list{display:flex;flex-direction:column;gap:.6rem;max-width:600px;margin-bottom:.5rem}.player-card{background:var(--bg-3);border:1px solid var(--border);border-radius:8px;padding:.65rem .875rem}.player-card-simple{padding:.4rem .875rem}.player-index{width:20px;height:20px;flex-shrink:0;border-radius:50%;background:var(--bg-4);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--text-dim);font-weight:700}.player-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.wk-player-nom{flex:1;font-weight:600;color:var(--accent);background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;padding:.2rem .3rem;font-size:.875rem;height:28px}.wk-player-nom:focus{outline:none;border-bottom-color:var(--accent)}.player-fields{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.player-field{display:flex;align-items:center;gap:.5rem}.player-field-label{font-size:.8rem;color:var(--text-dim);white-space:nowrap}.wakfu-input-sm{width:80px;flex-shrink:0}.wakfu-player-detail{display:block;font-size:.72rem;color:var(--text-faint);margin-top:.1rem;font-weight:400}.wakfu-result-main{display:flex;align-items:baseline;gap:.6rem;margin-bottom:1.25rem}.wakfu-result-value{font-size:2.5rem;font-weight:700;color:var(--accent);line-height:1}.wakfu-result-unit{font-size:1.1rem;color:var(--text-dim)}.wakfu-result-label{font-size:.88rem;color:var(--text-dim)}.wakfu-breakdown{display:flex;flex-direction:column;gap:0;background:var(--bg-3);border:1px solid var(--border);border-radius:8px;overflow:hidden;max-width:520px}.wakfu-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .875rem;border-bottom:1px solid var(--border);font-size:.85rem}.wakfu-breakdown-row:last-child{border-bottom:none}.wakfu-breakdown-total{background:var(--bg-4)}.wakfu-breakdown-sub{padding-left:1.75rem}.wakfu-breakdown-label{color:var(--text-dim)}.wakfu-breakdown-value{font-weight:600;color:var(--text)}.wakfu-breakdown-value.accent{color:var(--accent)}.table-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem;padding:.5rem .75rem;background:var(--bg-3);border:1px solid var(--border);border-radius:6px}.filter-input{background:var(--bg-4);border:1px solid var(--border);color:var(--text);padding:.3rem .6rem;border-radius:5px;font-size:.82rem;min-width:160px}.filter-input:focus{outline:none;border-color:var(--accent)}.filter-select{background:var(--bg-4);border:1px solid var(--border);color:var(--text);padding:.3rem .5rem;border-radius:5px;font-size:.82rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--accent)}.filter-level{display:flex;align-items:center;gap:.3rem}.filter-input-sm{background:var(--bg-4);border:1px solid var(--border);color:var(--text);padding:.3rem .4rem;border-radius:5px;font-size:.82rem;width:60px;text-align:center}.filter-input-sm:focus{outline:none;border-color:var(--accent)}.market-table-img{width:28px;height:28px;border-radius:4px;object-fit:cover;flex-shrink:0}.market-item-img{width:32px;height:32px;border-radius:6px;object-fit:cover;flex-shrink:0}.gain-positive{color:var(--success)}.gain-negative{color:var(--danger)}.market-tooltip{position:fixed;z-index:1000;background:var(--bg-2);border:1px solid var(--border-hi);border-radius:8px;padding:.65rem .875rem;box-shadow:0 4px 24px #00000080;pointer-events:none;max-width:420px}.craft-modal-overlay{position:fixed;inset:0;z-index:2000;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1rem}.craft-modal{background:var(--bg-2);border:1px solid var(--border-hi);border-radius:12px;box-shadow:0 8px 40px #0009;width:100%;max-width:960px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.craft-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.craft-modal-title{font-size:1.05rem;font-weight:600;color:var(--text)}.craft-modal-close{background:none;border:none;color:var(--text-dim);font-size:1.25rem;cursor:pointer;padding:.2rem .4rem;border-radius:4px;line-height:1}.craft-modal-close:hover{background:var(--bg-3);color:var(--text)}.craft-modal-body{overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.craft-modal-section-title{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.5rem}.craft-modal-ingredient-row{display:grid;grid-template-columns:1fr auto auto auto;gap:.5rem 1rem;align-items:center;padding:.35rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.craft-modal-ingredient-row:last-child{border-bottom:none}.craft-modal-step{padding:.5rem .75rem;background:var(--bg-3);border-radius:6px;font-size:.85rem;line-height:1.6}.craft-modal-summary{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.5rem}.craft-modal-stat{background:var(--bg-3);border-radius:8px;padding:.6rem .75rem;text-align:center}.craft-modal-stat-label{font-size:.72rem;color:var(--text-dim);margin-bottom:.2rem}.craft-modal svg{display:block;max-width:100%;height:auto;overflow:visible}.chart-pt .chart-tip{display:none}.chart-pt:hover .chart-tip{display:block}.chart-pt:hover .chart-dot{r:5}.craft-modal-stat-value{font-size:.95rem;font-weight:600}.badge-multicraft{background:var(--accent-dim);border:1px solid rgba(245,166,35,.35);color:var(--accent)}textarea{background:var(--bg-3);border:1px solid var(--border);color:var(--text);padding:.3rem .6rem;border-radius:6px;font-size:.85rem;font-family:inherit;transition:border-color .15s;resize:vertical}textarea:focus{outline:none;border-color:var(--accent)}textarea::placeholder{color:var(--text-faint)}select{background:var(--bg-3);border:1px solid var(--border);color:var(--text);padding:0 .6rem;border-radius:6px;font-size:.85rem;font-family:inherit;transition:border-color .15s;cursor:pointer}select:focus{outline:none;border-color:var(--accent)}@media(max-width:600px){header{padding:0 .875rem;gap:.75rem}.app-title{font-size:.875rem}.tab-btn{padding:0 .6rem;font-size:.78rem}main{padding:1rem .875rem}.results-grid{grid-template-columns:1fr 1fr}.recipe-flow{flex-direction:column;gap:.3rem}.recipe-arrow{align-self:flex-start}}.wf-main{max-width:860px;margin:0 auto;padding:1.5rem 1.25rem;width:100%}.wf-search-wrap{position:relative;margin-bottom:1.5rem}.wf-search-box{position:relative;display:flex;align-items:center}.wf-search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:var(--bg-3);border:1px solid var(--border-hi);border-radius:8px;color:var(--text);font-size:1rem;outline:none;transition:border-color .15s}.wf-search-input:focus{border-color:var(--accent)}.wf-search-input::placeholder{color:var(--text-faint)}.wf-clear-btn{position:absolute;right:.75rem;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem;padding:.25rem;line-height:1}.wf-clear-btn:hover{color:var(--text)}.wf-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-3);border:1px solid var(--border-hi);border-top:none;border-radius:0 0 8px 8px;list-style:none;max-height:280px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #00000080}.wf-suggestion-item{padding:.6rem 1rem;cursor:pointer;font-size:.9rem;color:var(--text);border-bottom:1px solid var(--border);transition:background .1s}.wf-suggestion-item:last-child{border-bottom:none}.wf-suggestion-item:hover,.wf-suggestion-active{background:var(--accent-dim);color:var(--accent)}.wf-hint{text-align:center;color:var(--text-dim);font-size:.9rem;padding:2rem 1rem;line-height:1.7}.wf-hint strong{color:var(--accent)}.wf-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;color:var(--text-dim)}.wf-spinner{width:36px;height:36px;border:3px solid var(--border-hi);border-top-color:var(--accent);border-radius:50%;animation:wf-spin .8s linear infinite}@keyframes wf-spin{to{transform:rotate(360deg)}}.wf-error{background:var(--danger-dim);border:1px solid var(--danger);border-radius:8px;padding:1rem;color:var(--danger);margin-bottom:1rem;font-size:.9rem}.wf-retry-btn{display:block;margin:0 auto;background:var(--bg-3);border:1px solid var(--border-hi);border-radius:6px;color:var(--text);padding:.5rem 1.5rem;cursor:pointer;font-size:.9rem}.wf-retry-btn:hover{border-color:var(--accent);color:var(--accent)}.wf-results-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.wf-results-title{font-size:1.2rem;font-weight:600;color:var(--accent)}.wf-results-count{font-size:.85rem;color:var(--text-dim)}.wf-group{margin-bottom:1.25rem;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.wf-group-title{padding:.55rem 1rem;background:var(--bg-3);font-size:.85rem;font-weight:600;color:var(--text-dim);letter-spacing:.03em;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}.wf-group-count{background:var(--bg-4);border-radius:10px;padding:.1em .55em;font-size:.78rem;color:var(--text-dim);font-weight:400}.wf-drop-list{padding:.25rem 0}.wf-drop-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1rem;border-bottom:1px solid var(--border);font-size:.875rem;gap:.75rem}.wf-drop-row:last-child{border-bottom:none}.wf-drop-row:hover{background:var(--bg-3)}.wf-drop-location{color:var(--text);flex:1;min-width:0;word-break:break-word}.wf-drop-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.wf-rarity{font-size:.78rem;padding:.1em .55em;border-radius:4px;font-weight:500}.wf-common{background:#ffffff14;color:#ccc}.wf-uncommon{background:#4db86a26;color:#4db86a}.wf-rare{background:#f5a62326;color:#f5a623}.wf-legendary{background:#9361ff26;color:#9361ff}.wf-qty{font-size:.78rem;padding:.1em .45em;border-radius:4px;background:#f5a6231f;color:var(--accent);font-weight:600}.wf-rotation{font-size:.72rem;padding:.1em .55em;border-radius:4px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.wf-rotation-active{background:#4db86a2e;color:#4db86a}.wf-rotation-vaulted{background:#78788c2e;color:#78788c}.wf-chance{font-size:.82rem;color:var(--text-dim);min-width:4.5em;text-align:right;font-variant-numeric:tabular-nums}.wf-no-results{text-align:center;color:var(--text-dim);padding:2rem;font-size:.9rem}.wf-cache-hint{font-size:.78rem;color:var(--success);opacity:.7;margin-left:auto;padding-right:1rem}@media(max-width:600px){.wf-drop-row{flex-direction:column;align-items:flex-start;gap:.3rem}.wf-drop-meta{align-self:flex-end}}