.fusion-dialog{padding:0;width:min(580px,calc(100% - 20px));height:min(820px,88dvh);max-height:calc(100dvh - 20px);border:3px solid #aeb9df;border-radius:13px;background:linear-gradient(120deg,#626580,#494e6a);color:#fff;box-shadow:0 0 0 2px #363d59,0 18px 60px #071222b3;overflow:hidden}
.fusion-dialog[open]{display:flex;flex-direction:column}.fusion-dialog::backdrop{background:#111827a8;backdrop-filter:blur(2px)}
.fusion-dialog .heroes-window-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;min-height:58px}.fusion-dialog h2{font:800 21px Inter,Arial,sans-serif;margin:0;text-shadow:0 2px #303b60}.fusion-dialog [hidden]{display:none!important}
.fusion-help{flex:none;max-height:130px;overflow:auto;margin:10px 14px 0;padding:10px;background:#30364f;border:1px solid #a6b4d0;border-radius:6px;font-size:12px;line-height:1.6}.fusion-help p{margin:6px 0}.fusion-status{flex:none;color:#fce6a7;font-size:12px;line-height:1.5;margin:8px 14px}.fusion-status:empty{display:none}
.fusion-library{display:flex;flex:1;flex-direction:column;min-height:0;padding:0 12px}.fusion-filters{display:flex;align-items:center;gap:8px;font-size:12px;padding:12px 0}.fusion-filters>input{min-width:0;width:100%;flex:1;background:#303750;color:#fff;border:1px solid #949dbb;border-radius:5px;padding:8px}.fusion-filters>label:last-child{display:flex;align-items:center;white-space:nowrap}.fusion-filters input::placeholder{color:#b6c3df}
.fusion-recipes{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1;background:#373b54;border:2px solid #8b95b3;border-radius:7px;scrollbar-width:thin}.fusion-row{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:center;padding:16px 12px;background:#565a7626}.fusion-row:nth-child(even){background:#8589ab17}.fusion-row+.fusion-row{border-top:1px solid #aebbd229}.fusion-output{display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center;min-width:0}.fusion-output strong{font-size:13px}.fusion-output small{color:#e8d894;font-size:11px}.fusion-output>.fusion-card{width:72px}
.fusion-card{display:block;position:relative;aspect-ratio:1;width:66px;flex:none;border:2px solid #9fb4ca;border-radius:3px;padding:0;background:radial-gradient(ellipse at 50% 65%,#65718a,#171c30);color:white;box-shadow:inset 0 0 12px #02061baa,0 3px 2px #11192a88;overflow:visible}.fusion-card[data-quality=rare]{border-color:#57b9ff;background:radial-gradient(#366483,#172133)}.fusion-card[data-quality=elite]{border-color:#c77bff;background:radial-gradient(#67508a,#211934)}.fusion-card[data-quality=legend]{border-color:#ffce51;background:radial-gradient(#785924,#231c19)}
.fusion-card img{display:block;width:100%;height:100%;object-fit:contain}.fusion-placeholder{display:grid;height:100%;place-items:center;color:#c6d3ee;font-weight:800;font-size:24px}.fusion-card-level{position:absolute;right:3px;top:1px;font-size:12px;font-weight:800;text-shadow:0 1px 3px #000}.fusion-card-faction{position:absolute;left:-6px;top:-7px;font-size:17px;filter:drop-shadow(0 1px 2px #000)}.fusion-card-stars{position:absolute;bottom:-3px;left:0;right:0;text-align:center;color:#ffdf66;text-shadow:0 1px 2px #443511;font-size:14px;letter-spacing:-2px;white-space:nowrap}
.fusion-ingredients{display:flex;align-items:center;justify-content:center;gap:12px}.fusion-ingredient{display:flex;align-items:center;flex-direction:column;gap:5px}.fusion-ingredient>span{font-size:12px;color:#89fa8d;font-weight:800}.fusion-ingredient>small{font-size:10px;color:#ced8ef}.fusion-ingredient[data-ready=false]>span{color:#e2c8c8}.fusion-ingredient[data-ready=false] .fusion-card{filter:grayscale(.85);opacity:.6}.fusion-plus{color:#a7b7d9;font-size:18px}.fusion-row-content{min-width:0;text-align:center}.fusion-row-content p{font-size:10px;line-height:1.4;color:#c9d5ee;margin:6px 0}.fusion-row-content>.hero-gold-button{width:150px;max-width:100%;min-width:0;font-size:13px;min-height:38px;padding:8px;justify-content:center}.fusion-row[data-ready=false] .hero-gold-button{background:linear-gradient(#d8d9e1,#a1a5b8);border-color:#929aaf;color:#29334d;box-shadow:0 3px #313b56;text-shadow:none}
.fusion-pager{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:8px 0;font-size:11px;flex:none}.fusion-pager button{padding:7px 9px;background:#3a4362;color:#eef3ff;border:1px solid #8795b6;border-radius:4px}.fusion-empty{font-size:13px;line-height:1.7;padding:18px;color:#ced8ef}
.fusion-factions{display:flex;justify-content:center;gap:10px;padding:9px;flex:none}.fusion-factions button{min-width:42px;height:39px;border:2px solid #8a9bbe;border-radius:10px;background:linear-gradient(#657594,#303954);color:white;font-size:20px}.fusion-factions button:first-child{font-size:10px;font-weight:800}.fusion-factions button[aria-pressed=true]{border-color:#c7e8ff;box-shadow:0 0 8px #8cdbff;background:#556fa7}
.fusion-tabs{display:flex;justify-content:center;flex:none;gap:4px;padding:0 10px 7px;border-top:2px solid #93a7cf;background:#3c4565}.fusion-tabs button{padding:9px 22px;min-height:43px;border:1px solid #8591b9;border-radius:0 0 9px 9px;background:linear-gradient(#515e8b,#383f60);color:#fff;font:700 13px Inter,Arial,sans-serif}.fusion-tabs [aria-selected=true]{background:linear-gradient(#8d9ed7,#6b76b8);box-shadow:inset 0 -3px #9ac4ff}
.fusion-detail{flex:1;overflow:auto;min-height:0;padding:10px 14px;scrollbar-width:thin;overscroll-behavior:contain}.fusion-detail .text-button{color:#e0e9ff;font-size:12px}.fusion-equation{display:grid;grid-template-columns:1fr 12px 1fr 12px 1fr;align-items:center;gap:6px;padding:22px 0 12px}.fusion-equation>b{text-align:center;color:#e7dca8}.fusion-equation-slot{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;min-width:0}.fusion-equation-slot>.fusion-card{width:min(100%,86px)}.fusion-equation-slot strong{font-size:11px}.fusion-equation-slot small{font-size:10px;color:#d5dcf0;overflow-wrap:anywhere}.fusion-add{font-size:40px;border:2px dashed #a9b8d7;color:#aafa8a;background:#343d56}
#fusion-detail-note{font-size:12px;line-height:1.6;color:#d5dff4}.fusion-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.fusion-detail .secondary-button{font-size:12px;min-height:36px;padding:8px 12px}.fusion-picker-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 8px;padding:10px 0}.fusion-picker-cards .fusion-card{width:100%}.fusion-pick{text-align:center;min-width:0}.fusion-pick small{display:block;font-size:10px;color:#dbe4f7;margin-top:4px}.fusion-detail h3{font-size:14px}#fusion-review{font-size:12px;line-height:1.55;margin:15px 0}#fusion-confirm{width:100%;min-width:0;font-size:13px;justify-content:center;padding:12px 6px;margin:6px 0}.fusion-assets{flex:none;font-size:10px;color:#e0e6f6;text-align:center;margin:3px 10px}#fusion-retry{flex:none;color:#ffe6a0;font-size:11px}
.fusion-dialog button{cursor:pointer}.fusion-dialog button:disabled{opacity:.45;cursor:default}.fusion-dialog :focus-visible{outline:3px solid #ffe79a;outline-offset:2px}
.fusion-output>button:hover{filter:brightness(1.15)}
.fusion-dialog.fusion-preview-dialog{width:min(400px,calc(100% - 20px));height:fit-content;max-height:90dvh}
.fusion-preview-dialog .heroes-window-header{height:auto;min-height:52px;margin:0;border-width:0 0 3px;border-radius:0}.fusion-preview-dialog h2{font-size:19px}
.fusion-preview-body{min-height:0;overflow:auto;padding:8px 18px 12px;text-align:center;font-size:13px;scrollbar-width:thin}
.fusion-preview-body p{margin:12px 0;line-height:1.5}.fusion-preview-rank{color:#ffe39c;font-weight:800}
.fusion-preview-portrait{display:flex;justify-content:center;padding:8px 0 12px}.fusion-preview-portrait>.fusion-card{width:144px}
.fusion-preview-portrait .fusion-card-stars{font-size:24px;bottom:-8px}.fusion-preview-portrait .fusion-card[data-awakened=true] .fusion-card-stars{font-size:32px}
.fusion-preview-power{display:block;padding:10px;border:1px solid #e5ce83;border-radius:8px;background:#303c5a;color:#ffe58c;font-size:17px}
.fusion-preview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0}
.fusion-preview-stats>div{padding:10px 3px;background:#343d594d;border-radius:5px}.fusion-preview-stats dt{color:#cfd9f1;font-size:11px}.fusion-preview-stats dd{margin:6px 0 0;font-size:15px;font-weight:800}
.fusion-preview-body .fusion-preview-note{color:#d3def4;font-size:12px}.fusion-preview-footer{padding:10px 18px 14px;border-top:1px solid #8c99b8;flex:none}
.fusion-preview-footer>.hero-gold-button{width:100%;min-width:0;justify-content:center;min-height:40px;font-size:14px;padding:7px}

.fusion-row{grid-template-columns:90px minmax(0,1fr);gap:14px;padding:12px 14px;min-height:142px}.fusion-output strong{line-height:1.3;overflow-wrap:anywhere}.fusion-output>.fusion-card{width:72px}.fusion-ingredients{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 0 8px}.fusion-ingredients:not(:has(>:nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))}.fusion-ingredient{min-width:0;gap:4px}.fusion-ingredient>.fusion-card{width:100%;max-width:52px}.fusion-card img{object-fit:cover}.fusion-card-faction{display:grid;place-items:center;width:22px;height:24px;border:2px solid #a7d9ff;background:#247fa4;border-radius:6px;font-size:16px;line-height:1;color:#e4f9ff}.fusion-card-stars{font-size:15px;letter-spacing:-1px;bottom:-5px}.fusion-card[data-awakened=true]{border-color:#e22b58;box-shadow:inset 0 0 0 1px #862444,0 3px 2px #11192a88}.fusion-card[data-awakened=true] .fusion-card-stars{color:#c77cff;font-size:24px;letter-spacing:0;text-shadow:0 1px #713fb2,0 0 5px #7445db}.fusion-silhouette{display:block;width:100%;height:100%;background:radial-gradient(ellipse at 40% 66%,#d9edff 0 3%,transparent 4%),radial-gradient(ellipse at 60% 66%,#d9edff 0 3%,transparent 4%),linear-gradient(#0b1831,#152c48);clip-path:polygon(5% 100%,13% 34%,27% 46%,30% 3%,43% 19%,58% 0,72% 37%,88% 15%,96% 100%)}.fusion-ready-dot{position:absolute;width:10px;height:10px;right:-5px;top:-6px;border-radius:50%;border:1px solid #d8fb90;background:linear-gradient(#e8ff54,#32d733);box-shadow:0 0 4px #69ff4c}.fusion-ingredient[data-ready=false] .fusion-card{filter:grayscale(1);opacity:.7}.fusion-ingredient[data-ready=false]>span{color:#bbbcc7}.fusion-ingredient[data-ready=true]>span{color:#60ff63}.fusion-row-content>.hero-gold-button{width:138px;min-height:36px;padding:5px}.fusion-row[data-ready=false] .hero-gold-button{opacity:1;background:linear-gradient(#dfdfdf 0 45%,#aeafb2 46%);color:#ffffd2;border:2px solid #84858a;box-shadow:inset 0 0 0 2px #c3c4c6,0 3px #313b56;text-shadow:0 1px #53545a}
.fusion-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 8px 9px;flex:none}.fusion-factions{gap:9px;padding:6px 0}.fusion-bulk{border:0;background:none;color:#fff7ac;font:700 10px Inter,Arial,sans-serif;line-height:1.25;text-shadow:0 1px #26344a;padding:4px 2px}.fusion-bulk>span{display:block;color:#81e6ff;font-size:27px;line-height:1.1}.fusion-tabs button{flex:1;padding:9px 8px;max-width:240px}.fusion-equation{display:flex;justify-content:center;align-items:start;gap:14px;flex-wrap:wrap}.fusion-equation>.fusion-ingredient{width:66px}.fusion-equation-slot{width:86px}.fusion-batch-review{padding:10px;border:1px solid #8290b0;border-radius:6px;margin-bottom:8px}.fusion-batch-review summary{cursor:pointer;color:#ffe898;font-weight:700}.fusion-picker-cards [aria-pressed=true]{outline:3px solid #9dfa72;outline-offset:2px}.fusion-picker-cards [aria-pressed=true]::after{content:'✓';position:absolute;inset:10px;display:grid;place-items:center;font-size:32px;color:#a5ff61;text-shadow:0 2px #194422;pointer-events:none}
@media(max-width:420px){.fusion-dialog{width:calc(100% - 14px);height:90dvh;max-height:calc(100dvh - 14px)}.fusion-dialog .heroes-window-header{min-height:48px;padding:5px 8px}.fusion-dialog h2{font-size:17px}.fusion-library{padding:0 8px}.fusion-filters{gap:5px;font-size:11px;padding:9px 0}.fusion-filters>label:first-child{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.fusion-row{grid-template-columns:80px 1fr;gap:8px;padding:14px 8px}.fusion-output>.fusion-card{width:70px}.fusion-card{width:55px}.fusion-output strong{font-size:11px}.fusion-ingredients{gap:8px}.fusion-ingredient>small{font-size:9px}.fusion-ingredient>span{font-size:11px}.fusion-ingredient .fusion-card-stars{font-size:12px}.fusion-factions{padding:6px}.fusion-tabs button{min-height:39px;font-size:12px}.fusion-detail{padding:8px 10px}.fusion-equation{gap:4px}.fusion-equation-slot>.fusion-card{width:70px}.fusion-equation-slot strong{font-size:10px}.fusion-equation-slot small{font-size:9px}.fusion-picker-cards .fusion-card-stars{font-size:11px}}
@media(max-width:420px){.fusion-row{grid-template-columns:62px minmax(0,1fr);gap:9px;padding:10px 6px;min-height:118px}.fusion-output>.fusion-card{width:54px}.fusion-ingredients{gap:7px;padding-bottom:8px}.fusion-card-faction{width:18px;height:20px;font-size:13px;left:-5px;top:-6px}.fusion-card-stars{letter-spacing:-1.5px}.fusion-row-content>.hero-gold-button{min-height:36px;width:112px;padding:4px}.fusion-toolbar{gap:6px;padding:2px 6px 6px}.fusion-factions{gap:6px;padding:4px 0}.fusion-factions button{min-width:34px;width:34px;height:36px;font-size:18px}.fusion-equation{gap:10px}.fusion-equation>.fusion-ingredient{width:52px}.fusion-equation-slot{width:66px}.fusion-card[data-awakened=true] .fusion-card-stars{font-size:22px}}
@media(max-width:420px){.fusion-dialog.fusion-preview-dialog{width:calc(100% - 26px)}.fusion-preview-dialog h2{font-size:17px}.fusion-preview-portrait>.fusion-card{width:124px}}