.fusion-shell [data-tier="D"]{--tier:#b9c1d9;--tier-deep:#5d6683}
.fusion-shell [data-tier="C"]{--tier:#44f2c0;--tier-deep:#148975}
.fusion-shell [data-tier="B"]{--tier:#6fb6ff;--tier-deep:#2f5fae}
.fusion-shell [data-tier="A"]{--tier:#c49cff;--tier-deep:#6d4bb0}
.fusion-shell [data-tier="S"]{--tier:#ffd37a;--tier-deep:#ac773f}
.fusion-shell .window-interior{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);min-height:560px;padding-top:30px;padding-bottom:26px}
.fusion-shell .journey-aside{display:flex;flex-direction:column;gap:14px}
.fusion-shell .journey-right{display:flex;flex-direction:column;justify-content:flex-start;gap:12px}
.fusion-shell a{color:var(--mint)}
.fusion-shell .button{min-height:50px;padding:10px 20px;font-size:18px}
.fusion-shell .button .icon{width:20px;height:20px;stroke-width:2.6}
.fusion-shell .text-button{color:#c3baf1;font:400 12px/1.4 var(--body)}
.fusion-shell .text-button:disabled{opacity:.45;cursor:not-allowed}
.fusion-kicker{display:flex;align-items:center;gap:9px;margin:0;color:var(--mint);font:400 13px/1.3 var(--body);letter-spacing:.16em;text-transform:uppercase}
.fusion-kicker .icon{width:16px;height:16px}
.fusion-title{margin:6px 0 0;color:#fff8e8;font:700 42px/1.05 var(--display);letter-spacing:-1.5px}
.fusion-title span{color:var(--blush)}
.fusion-title.is-small{font-size:30px;letter-spacing:-1px}
.fusion-lede{margin:10px 0 0;color:#d5d2e8;font:400 15px/1.55 var(--body)}
.fusion-hint{margin:0;color:#b4b9d7;font:400 12px/1.5 var(--body)}
.fusion-center{text-align:center}
.fusion-note{margin:0;color:#b4b9d7;font:400 12px/1.5 var(--body)}
.fusion-message{margin:0}
.fusion-ladder{display:flex;align-items:center;gap:6px;margin:16px 0 0;padding:0;list-style:none;flex-wrap:wrap}
.fusion-ladder li[data-tier]{display:grid;place-items:center;width:42px;height:42px;background:#09152f;border:2px solid var(--tier);box-shadow:inset 0 -4px var(--tier-deep),0 3px #040c20}
.fusion-ladder li b{color:var(--tier);font:700 20px/1 var(--display)}
.fusion-ladder-arrow{display:grid;place-items:center;color:#8c86b8}
.fusion-ladder-arrow .icon{width:16px;height:16px;stroke-width:2.6}
.fusion-rules{display:grid;gap:6px;margin:16px 0 0;padding:0;list-style:none;color:#d5d2e8;font:400 13px/1.45 var(--body)}
.fusion-rules li{position:relative;padding-left:18px}
.fusion-rules li:before{content:'';position:absolute;left:2px;top:6px;width:6px;height:6px;background:var(--mint);box-shadow:0 2px #148975}
.fusion-connect{display:grid;gap:10px;margin-top:8px}
.fusion-connect-button{width:100%}
.fusion-wallet{display:grid;gap:8px}
.fusion-wallet-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;padding:8px 12px;background:#09152f;border:1px solid #3e4677;box-shadow:inset 0 3px #050e24}
.fusion-wallet-row strong{color:#fff3df;font:700 15px/1.3 var(--display)}
.fusion-wallet-row span{color:var(--mint);font:400 13px/1.3 var(--body)}
.fusion-wallet-row .text-button{margin-left:auto}
.fusion-filters{display:flex;flex-wrap:wrap;gap:6px}
.fusion-filters button{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:4px 10px;background:#0b1734;border:1px solid #3e4677;color:#d5d2e8;font:700 12px/1 var(--display);cursor:pointer}
.fusion-filters button[data-tier]{color:var(--tier)}
.fusion-filters button span{color:#b4b9d7;font:400 11px/1 var(--body)}
.fusion-filters button[aria-pressed="true"]{border-color:var(--mint);box-shadow:inset 0 -3px var(--mint)}
.fusion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:10px;max-height:352px;overflow:auto;padding:4px 8px 8px 4px;scrollbar-width:thin;scrollbar-color:#6d6aa2 #09152f}
.fusion-empty{display:grid;gap:8px;padding:18px;background:#09152f;border:1px dashed #4d4a7a;color:#d5d2e8;font:400 14px/1.5 var(--body)}
.fusion-empty p{margin:0}
.fusion-loading{display:grid;justify-items:center;gap:4px;padding:28px 0;color:#d5d2e8;font:400 14px/1.4 var(--body)}
.fusion-loading .loading-pixels{margin-bottom:6px}
.fusion-loading p{margin:0}
.fusion-card{--tier:#b9c1d9;--tier-deep:#5d6683;position:relative;display:flex;flex-direction:column;width:100%;margin:0;padding:0;background:#0b1734;border:2px solid var(--tier-deep);box-shadow:inset 0 -3px #050e24,0 3px #040c20;color:var(--cream);text-align:left;font:inherit;transition:transform .14s ease,border-color .14s ease}
button.fusion-card{cursor:pointer}
button.fusion-card:hover:not([aria-disabled="true"]){transform:translateY(-2px);border-color:var(--tier)}
button.fusion-card:focus-visible{outline:2px solid #dfcef3;outline-offset:3px}
.fusion-card[aria-disabled="true"]{cursor:not-allowed}
.fusion-card.is-active{opacity:.55}
.fusion-card.is-selected{border-color:var(--tier);transform:translateY(-3px);box-shadow:0 0 0 2px #fff3df,0 0 18px color-mix(in srgb,var(--tier) 55%,transparent),0 3px #040c20}
.fusion-card-art{position:relative;display:grid;place-items:center;aspect-ratio:1;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--tier) 30%,transparent),#081129 72%);border-bottom:2px solid #050e24;overflow:hidden}
.fusion-card-art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff08 0 2px,transparent 2px 4px);pointer-events:none}
.fusion-art,.fusion-art-image{width:74%;height:auto;image-rendering:pixelated}
.fusion-art-image{width:100%;height:100%;object-fit:cover}
.fusion-art-shadow{fill:#050e24;opacity:.7}
.fusion-art-body{fill:var(--tier)}
.fusion-art-light{fill:#fff6e2;opacity:.55}
.fusion-art-screen{fill:#0b1c35}
.fusion-art-glow{fill:var(--tier)}
.fusion-art-stand{fill:var(--tier-deep)}
.fusion-art-led{fill:#fff6e2}
.fusion-art-spark{fill:#fff6e2;animation:fusion-twinkle 1.6s steps(2) infinite}
.fusion-card-letter{position:absolute;left:6px;top:5px;z-index:1;color:var(--tier);font:700 16px/1 var(--display);text-shadow:0 2px #050e24}
.fusion-card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:6px 8px 7px}
.fusion-card-meta strong{color:#fff3df;font:700 11px/1.2 var(--display);white-space:nowrap}
.fusion-card-meta span{color:#b4b9d7;font:400 11px/1.2 var(--body)}
.fusion-card-flag{position:absolute;right:5px;top:5px;z-index:1;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:#1c1530;border:1px solid var(--gold);color:var(--gold);font:700 9px/1.3 var(--display);text-transform:uppercase}
.fusion-card-flag .icon{width:10px;height:10px;stroke-width:3}
.fusion-card-flag.is-top{border-color:var(--tier);color:var(--tier)}
.fusion-card-check{position:absolute;right:-7px;top:-7px;z-index:2;display:grid;place-items:center;width:22px;height:22px;background:var(--mint);color:#0d193a;box-shadow:0 2px #148975}
.fusion-card-check .icon{width:14px;height:14px;stroke-width:3.4}
.fusion-card.is-new{animation:fusion-new 1.4s ease-in-out 3}
.fusion-card.is-ghost{opacity:.4;filter:saturate(.6)}
.fusion-machine{position:relative;display:grid;justify-items:center;gap:8px;padding:20px 18px 18px;background:repeating-linear-gradient(0deg,#ffffff05 0 2px,transparent 2px 4px),radial-gradient(ellipse at 50% 80%,#18295299,transparent 70%),#09152f;border:1px solid #3e4677;box-shadow:inset 0 4px #050e24,0 4px #040c20}
.fusion-machine:before,.fusion-machine:after{content:'';position:absolute;top:8px;width:6px;height:6px;background:#6d6aa2;box-shadow:0 2px #3e4677}
.fusion-machine:before{left:8px}
.fusion-machine:after{right:8px}
.fusion-inputs{display:flex;align-items:center;justify-content:center;gap:12px}
.fusion-plus{color:var(--lilac);font:700 28px/1 var(--display)}
.fusion-slot{position:relative;width:104px}
.fusion-slot.is-output{width:118px}
.fusion-slot-empty{display:grid;place-items:center;aspect-ratio:104/134;border:2px dashed #4d4a7a;background:#0b173466;color:#8c86b8;text-align:center;padding:8px}
.fusion-slot-empty b{font:400 11px/1.4 var(--display)}
.fusion-slot.is-output .fusion-slot-empty{aspect-ratio:118/150}
.fusion-slot.is-output:before{content:'';position:absolute;left:50%;top:50%;z-index:0;width:250%;aspect-ratio:1;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tier,#44f2c0) 30%,transparent) 0 10deg,transparent 10deg 30deg);border-radius:50%;mask:radial-gradient(circle,#000 20%,transparent 68%);opacity:0;transition:opacity .4s ease;pointer-events:none}
.fusion-slot.is-output>*{position:relative;z-index:1}
.fusion-machine[data-state="done"] .fusion-slot.is-output:before{opacity:1;animation:fusion-spin 9s linear infinite}
.fusion-beam{display:flex;flex-direction:column;align-items:center;gap:4px;height:46px}
.fusion-machine:is([data-state="confirm"],[data-state="running"],[data-state="done"]) .fusion-beam{height:26px;gap:2px}
.fusion-machine:is([data-state="confirm"],[data-state="running"],[data-state="done"]){padding-block:14px 12px}
.fusion-beam i{display:block;width:8px;height:6px;background:#3e4677}
.fusion-machine:is([data-state="ready"],[data-state="confirm"],[data-state="error"]) .fusion-beam i{background:var(--mint);animation:fusion-flow 1.2s steps(3) infinite}
.fusion-machine[data-state="running"] .fusion-beam i{background:var(--mint);animation:fusion-flow .5s steps(3) infinite}
.fusion-beam i:nth-child(2){animation-delay:.1s!important}
.fusion-beam i:nth-child(3){animation-delay:.2s!important}
.fusion-beam i:nth-child(4){animation-delay:.3s!important}
.fusion-beam i:nth-child(5){animation-delay:.4s!important}
.fusion-machine[data-state="running"] .fusion-inputs .fusion-card{animation:fusion-charge .7s ease-in-out infinite alternate}
.fusion-machine[data-state="running"] .fusion-inputs .fusion-slot:last-child .fusion-card{animation-delay:.35s}
.fusion-machine[data-state="running"] .fusion-card.is-ghost{animation:fusion-materialize 1.4s ease-in-out infinite}
.fusion-machine[data-state="error"]{animation:fusion-shake .4s ease 1}
.fusion-flash{position:absolute;inset:0;z-index:4;background:radial-gradient(circle at 50% 78%,#fffef6,#fff3dfcc 25%,transparent 70%);opacity:0;pointer-events:none}
.fusion-sparks{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:visible}
.fusion-sparks i{position:absolute;display:block;box-shadow:0 2px #050e2480}
.fusion-burn{position:absolute;z-index:3;width:104px;transform:translate(-50%,-50%);pointer-events:none}
.fusion-machine.is-fusing .fusion-inputs{visibility:hidden}
.fusion-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.fusion-terms div{min-width:0;padding:8px 10px 9px;background:#09152f;border:1px solid #3e4677;box-shadow:inset 0 3px #050e24}
.fusion-terms dt{color:#bdb3d7;font:400 10px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase}
.fusion-terms dd{margin:5px 0 0;color:#fff3df;font:700 13px/1.35 var(--display);overflow-wrap:anywhere}
.fusion-terms div:nth-child(2) dd{color:var(--mint)}
.fusion-confirm{display:grid;gap:10px;padding:14px;background:#0b1734;border:1px solid #6d6aa2;box-shadow:inset 0 3px #050e24}
.fusion-confirm-title{margin:0;color:#fff8e8;font:700 20px/1.2 var(--display)}
.fusion-confirm .fusion-terms div:first-child dd{color:var(--blush)}
.fusion-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.fusion-actions .button{flex:1 1 150px}
.fusion-go{flex-grow:2!important}
.fusion-pair{align-self:center}
.fusion-progress{display:grid;justify-items:center;gap:8px;padding:12px 0 2px}
.fusion-progress .loading-pixels{margin-bottom:2px}
.fusion-status{margin:0;color:#fff3df;font:700 16px/1.4 var(--display);text-align:center}
.fusion-steps{display:flex;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.fusion-steps li{display:flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;background:#09152f;border:1px solid #3e4677;color:#8c86b8;font:400 11px/1 var(--body)}
.fusion-steps li b,.fusion-steps li .icon{display:grid;place-items:center;width:18px;height:18px;background:#1b2550;color:#b4b9d7;font:700 10px/1 var(--display)}
.fusion-steps li.is-done{color:#d5d2e8}
.fusion-steps li.is-done .icon{background:#148975;color:#e9fff8;padding:3px;stroke-width:3.4}
.fusion-steps li.is-current{border-color:var(--mint);color:#fff3df}
.fusion-steps li.is-current b{background:var(--mint);color:#0d193a;animation:fusion-blink 1s steps(2) infinite}
.fusion-result{display:grid;gap:4px;text-align:center}
.fusion-result p{margin:0;color:#d5d2e8;font:400 14px/1.5 var(--body)}
.fusion-result .fusion-result-title{color:var(--mint);font:700 22px/1.25 var(--display)}
.fusion-soon{display:grid;gap:6px;text-align:center}
.fusion-soon-title{margin:0;color:#fff8e8;font:700 22px/1.3 var(--display)}
@keyframes fusion-flow{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}
@keyframes fusion-charge{from{transform:translateY(0);filter:brightness(1)}to{transform:translateY(-3px);filter:brightness(1.35) drop-shadow(0 0 8px var(--tier))}}
@keyframes fusion-materialize{0%,100%{opacity:.25}50%{opacity:.7}}
@keyframes fusion-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes fusion-new{0%,100%{box-shadow:inset 0 -3px #050e24,0 3px #040c20}50%{box-shadow:0 0 0 2px var(--tier),0 0 22px var(--tier)}}
@keyframes fusion-twinkle{50%{opacity:.2}}
@keyframes fusion-blink{50%{opacity:.55}}
@keyframes fusion-shake{25%{transform:translateX(-5px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
@media(max-height:900px) and (min-width:761px){.fusion-shell .window-interior{min-height:0;padding-top:22px;padding-bottom:20px}.fusion-title{font-size:34px}.fusion-title.is-small{font-size:26px}.fusion-grid{max-height:300px}.fusion-beam{height:32px}.fusion-machine{padding-block:14px 12px}}
@media(max-width:1000px) and (min-width:761px){.fusion-slot{width:88px}.fusion-slot.is-output{width:100px}.fusion-terms{grid-template-columns:1fr}}
@media(max-width:760px){
.fusion-shell .window-interior{grid-template-columns:1fr;min-height:0}
.fusion-title{font-size:32px}
.fusion-grid{max-height:300px;grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}
.fusion-slot{width:86px}.fusion-slot.is-output{width:100px}
.fusion-terms{grid-template-columns:1fr}
.fusion-steps li span{display:none}
}
@media(prefers-reduced-motion:reduce){
.fusion-shell *,.fusion-shell *:before{animation:none!important;transition:none!important}
}