/* Three fixed card fields, a dedicated fusion operator and an exact native result. */
body #deck #top-fuse .fuserow{max-width:none;box-sizing:border-box}
body #deck #top-fuse .fuserow .op{align-self:center;transform:none}
body #deck #top-fuse .fusion-link{width:100%;height:40px;opacity:1}
body #deck #top-fuse .fusion-flow{width:100%;height:274px;display:grid;grid-template-rows:60px 206px;gap:8px;align-self:center;min-width:0}
body #deck #top-fuse .fusion-arrow{width:100%;height:60px}
body #deck #top-fuse .ritual-operator{filter:drop-shadow(0 4px 8px #0005)}
body #deck #top-fuse .ready .fusion-arrow .ritual-operator{filter:drop-shadow(0 0 8px #c080ff55)}
body #deck #fusion-preview{display:grid;grid-template-rows:28px 46px repeat(3,44px);font:400 14px/1.35 var(--font-ui);color:#c5d7e3;min-width:0;font-variant-numeric:tabular-nums}
.fusion-preview-title{align-self:center;text-align:center;font-weight:500;color:#ded0ee}
.fusion-rank{align-self:center;justify-self:center;width:100%;height:32px;padding:5px 8px;box-sizing:border-box;border:1px solid #ad8acc55;border-radius:3px;background:#39294070;color:#ebd4ff;text-align:center;font-weight:500}
.fusion-preview-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px 8px;border-top:1px solid #a896c333;background:#0f1c2b80;min-width:0}
.fusion-preview-row:last-child{border-bottom:1px solid #a896c333}
.fusion-preview-row b{font-size:18px;font-weight:600;color:#e0d1f5;white-space:nowrap}
body #deck #top-fuse .bempty{padding:0;overflow:hidden}
body #deck #top-fuse .bempty .art{display:flex;align-items:center;justify-content:center;margin:0;opacity:1}
body #deck #top-fuse .fusion-empty{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;padding:12% 10%;box-sizing:border-box;text-align:center}
body #deck #top-fuse .fusion-empty img{position:static;display:block;width:58%;height:auto;object-fit:contain;filter:drop-shadow(0 6px 12px #0006)}
body #deck #top-fuse .fusion-empty strong{font:500 clamp(12px,1.1vw,20px)/1.35 var(--font-display);color:#ead9f8}
body #deck #top-fuse .fusion-empty span{font:400 clamp(11px,.8vw,15px)/1.5 var(--font-ui);color:#b7c6d3}
body #deck #top-fuse .fuse-summary{position:relative;width:100%;margin:0;gap:18px;box-sizing:border-box;overflow:hidden;padding:22px;border:1px solid #a38abd66;border-top-color:#d1b1f2aa;border-radius:6px;background:radial-gradient(ellipse at 90% 0,#9460c122,transparent 70%),linear-gradient(140deg,#293247,#182034);box-shadow:inset 0 1px #eed8ff22,0 9px 22px #0003}
body #deck #top-fuse .fuse-summary.ready{border-color:#c3a1e594;box-shadow:inset 0 1px #efd6ff22,0 0 24px -14px #af81ed77,0 9px 22px #0003}
body #deck #top-fuse .wk-summary-copy{font-size:14px;line-height:1.5;scrollbar-width:thin}
body #deck #top-fuse .wk-summary-copy>strong{display:block;margin-top:8px;color:#ead5fa;font:500 22px/1.25 var(--font-display)}
.fusion-status{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#afaac9}
.ready .fusion-status{color:#d2b4f0}
body #deck #top-fuse .wk-summary-copy p{margin:12px 0 0}
body #deck #top-fuse .wk-warning{color:#e8bd93}
body #deck #top-fuse .fuse-summary .workshop-cost{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 7px;width:100%;flex:none;padding:12px 16px;border:1px solid #bd9ddeaa;border-top-color:#e5c7ff;border-radius:4px;background:linear-gradient(#73528d,#4a345f);color:#faeaff;box-shadow:inset 0 1px #f5dcff33,0 4px 12px #0004}
body #deck #top-fuse .wk-action-label{grid-column:1/-1;width:100%;text-align:center;font-size:16px;line-height:1.3}
body #deck #top-fuse .fuse-cost-label{font-size:12px;text-align:left;color:#decbe8}
body #deck #top-fuse .workshop-cost .bcv{font-size:16px;text-align:right}
body #deck #top-fuse .workshop-cost:not(:disabled):hover{filter:brightness(1.12)}
body.pc #deck[data-workshop="fuse"] #top-fuse .fusecol{width:100%;display:grid;grid-template-columns:minmax(0,1fr);height:100%;gap:0;justify-items:center;container-type:size}
body.pc #deck #top-fuse .fuserow{width:min(1460px,100%,calc(100cqh*15/7 + 600px));height:100%;padding:10px 0;gap:20px;grid-template-columns:repeat(1,minmax(0,1fr)) 40px minmax(0,1fr) 180px minmax(0,1fr) 280px;grid-template-rows:minmax(0,1fr);align-items:center}
body.pc #deck #top-fuse .bslot{height:100%;container-type:size}
body.pc #deck #top-fuse .ritual-shell{width:min(100%,calc(100cqh*5/7));padding:0;background:none}
@media(min-width:1000px) and (max-height:800px){
 body.pc #deck #top-fuse .fuserow{width:min(100%,calc((100cqh - 20px)*15/7 + 486px));gap:14px;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 150px minmax(0,1fr) 240px}
 body #deck #top-fuse .fusion-flow{height:190px;grid-template-rows:40px 144px;gap:6px}
 body #deck #top-fuse .fusion-arrow{height:40px}
 body #deck #fusion-preview{grid-template-rows:22px 32px repeat(3,30px);font-size:12px}
 .fusion-rank{height:26px;padding:4px 6px}
 .fusion-preview-row{padding:4px 6px}
 .fusion-preview-row b{font-size:14px}
 body #deck #top-fuse .fuse-summary{padding:14px;gap:12px}
 body #deck #top-fuse .wk-summary-copy{font-size:13px;line-height:1.35}
 body #deck #top-fuse .wk-summary-copy>strong{font-size:20px;margin-top:5px}
 body #deck #top-fuse .wk-summary-copy p{margin-top:8px}
 body #deck #top-fuse .fuse-summary .workshop-cost{padding:8px}
}
@media(min-width:1000px) and (max-height:680px){
 body #deck #top-fuse .fusion-flow{height:149px;grid-template-rows:26px 119px;gap:4px}
 body #deck #top-fuse .fusion-arrow{height:26px}
 body #deck #fusion-preview{grid-template-rows:22px 28px repeat(3,23px);font-size:11px}
 .fusion-rank{height:24px;padding:3px}
 .fusion-preview-row{padding:2px 5px}
 .fusion-preview-row b{font-size:13px}
 body #deck #top-fuse .fuse-summary{padding:10px;gap:8px}
 body #deck #top-fuse .wk-summary-copy>strong{font-size:18px}
}
@media(max-width:999px){
 body #deck #top-fuse{height:auto!important;padding:12px 8px}
 body #deck #top-fuse .fusecol{width:100%}
 body #deck #top-fuse .fuserow{display:grid;width:100%;padding:0;gap:8px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);grid-template-rows:150px 188px 280px;align-items:center}
 body #deck #top-fuse #fuse-a{grid-column:1;grid-row:1}
 body #deck #top-fuse .fusion-link{grid-column:2;grid-row:1;height:24px}
 body #deck #top-fuse #fuse-b{grid-column:3;grid-row:1}
 body #deck #top-fuse .fusion-flow{grid-column:1;grid-row:2;height:188px;grid-template-rows:35px 125px;gap:4px}
 body #deck #top-fuse .fusion-arrow{height:35px}
 body #deck #top-fuse #fusion-preview{grid-template-rows:22px 31px repeat(3,24px);font-size:11px}
 .fusion-rank{height:25px;padding:4px}
 .fusion-preview-row{padding:3px 5px}
 .fusion-preview-row b{font-size:13px}
 body #deck #top-fuse #fuse-r{grid-column:3;grid-row:2}
 body #deck #top-fuse .fuse-summary{grid-column:1/-1;grid-row:3;max-height:none;padding:14px;gap:12px}
 body #deck #top-fuse .bslot{height:100%;display:flex;align-items:center;justify-content:center}
 body #deck #top-fuse .ritual-shell{width:min(100%,106px);padding:0}
 body #deck #top-fuse .ucard{aspect-ratio:5/7}
 body #deck #top-fuse .ucard.bempty{display:flex;flex-direction:column}
 body #deck #top-fuse .bempty .art{flex:1;height:auto!important;min-height:0}
 body #deck #top-fuse .bempty .lvbar{display:none}
 body #deck #top-fuse .fusion-empty{gap:5px;padding:10% 8%}
 body #deck #top-fuse .fusion-empty img{width:45%}
 body #deck #top-fuse .fusion-empty strong{font-size:11px}
 body #deck #top-fuse .fusion-empty span{font-size:10px;line-height:1.3}
 body #deck #top-fuse .wk-summary-copy>strong{font-size:22px}
}