.fusion-magic{--magic-ink:#252838;--magic-green:#10a37f;--magic-gold:#ffd775}
.magic-stage{position:relative;aspect-ratio:2866/1858;overflow:hidden;border-radius:12px;background:#edebe6;isolation:isolate}
.magic-stage>.magic-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.magic-stage>.magic-before{object-fit:fill}
.magic-final{opacity:0}
.magic-loading{position:absolute;left:0;right:0;bottom:0;height:7%;min-height:27px;display:flex;align-items:center;gap:3%;padding:0 2%;background:#292929;color:#fff;z-index:2;font-family:'JetBrains Mono',monospace;font-size:clamp(9px,1.35vw,13px)}
.magic-loading-label{white-space:nowrap;min-width:47%}
.magic-track{height:6px;flex:1;background:#414141;border-radius:5px;overflow:hidden}
.magic-progress{display:block;width:86%;height:100%;background:#08afd6;border-radius:5px}
.magic-percent{font-size:.9em;min-width:4ch;text-align:right}
.magic-dots{display:inline-block;width:3ch}
.magic-tiles{position:absolute;inset:0;z-index:3;pointer-events:none;perspective:1000px}
.magic-tile{position:absolute;transform-style:preserve-3d;will-change:transform}
.magic-tile-face{position:absolute;inset:-.3px;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.magic-tile-back{opacity:var(--reform,0)}
.magic-wizard{position:absolute;right:2%;bottom:3%;width:20%;max-width:174px;z-index:7;opacity:0;transform:translateX(180%);filter:drop-shadow(0 6px 5px #17152730);pointer-events:none}
.magic-wizard svg{display:block;overflow:visible;width:100%;height:auto}
.wizard-hand{transform-origin:99px 137px}
.wizard-hat-tip{transform-origin:106px 66px}
.wizard-star{fill:var(--magic-gold)}
.magic-speech{position:absolute;right:54%;bottom:86%;width:max-content;max-width:190px;padding:10px 15px;border:2px solid var(--magic-ink);border-radius:18px 18px 3px 18px;background:#fff;color:var(--magic-ink);font-size:clamp(12px,1.6vw,17px);font-weight:800;letter-spacing:-.025em;white-space:nowrap;opacity:0;transform:scale(.4);transform-origin:bottom right;box-shadow:0 4px 0 #25283812}
.magic-speech:after{content:'';position:absolute;right:10px;bottom:-8px;width:10px;height:10px;background:white;border-right:2px solid var(--magic-ink);border-bottom:2px solid var(--magic-ink);transform:skewY(35deg)}
.magic-bolt{position:absolute;inset:0;width:100%;height:100%;z-index:6;opacity:0;pointer-events:none}
.magic-bolt path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.magic-impact{position:absolute;left:50%;top:46%;width:17%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 15%,#ffd775d9 30%,#10a37f50 52%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;z-index:5;pointer-events:none}
.magic-spark{position:absolute;left:50%;top:46%;width:6px;height:6px;border-radius:1px;background:var(--magic-gold);opacity:0;z-index:6;pointer-events:none}
.magic-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:12px 4px 0}
.magic-controls .caption{padding:0;font-size:11px}
.magic-repo{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;white-space:nowrap;font-weight:600}
.magic-repo svg{fill:currentColor;flex:none}
.magic-repo:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:2px}
.magic-actions{display:flex;gap:8px;flex-shrink:0}
.magic-actions button{font:600 12px 'Manrope',sans-serif;color:var(--magic-ink);background:#fff;border:1px solid var(--rule);border-radius:999px;padding:6px 12px;cursor:pointer}
.magic-actions button:hover{background:#eeece6;border-color:#c6c1d0}
.magic-actions button:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.magic-actions button:disabled{opacity:.45;cursor:default}
.fusion-magic:not(.magic-ready) .magic-loading,.fusion-magic:not(.magic-ready) .magic-controls{display:none}
@media(max-width:600px){.magic-wizard{width:25%;right:1%;bottom:3%}.magic-speech{right:33%;padding:7px 10px;font-size:12px;bottom:92%}.magic-controls{align-items:flex-start;gap:8px}.magic-controls .caption{font-size:9px;max-width:52%;line-height:1.5}.magic-actions{gap:5px}.magic-actions button{font-size:11px;padding:5px 9px}.magic-loading-label{min-width:47%;font-size:8px}.magic-percent{font-size:8px}.magic-track{height:4px}.magic-loading{gap:2%;min-height:23px}}
@media(prefers-reduced-motion:reduce){.magic-stage>.magic-final{opacity:1}.magic-stage>.magic-before,.magic-loading{visibility:hidden}.magic-wizard{opacity:1;transform:none}.magic-speech{opacity:1;transform:none}}