#rw-dialog button,#rw-dialog select{font: inherit; min-height: 42px; padding: 9px 13px; border: 1px solid rgb(189, 203, 178); border-radius: 9px; background: rgb(241, 245, 232); color: rgb(40, 69, 50); cursor: pointer;} #rw-dialog button:disabled{opacity: 0.5; cursor: default;} #rw-dialog{max-width: 650px; width: calc(100% - 28px); max-height: 85vh; overflow: auto; border: 1px solid rgb(191, 203, 182); border-radius: 16px; padding: 24px; background: rgb(255, 254, 246); color: rgb(41, 67, 50);} #rw-dialog::backdrop{background: rgba(23, 44, 41, 0.5);} #rw-dialog .rw-original-fusion .production-option{display: flex; gap: 9px; align-items: center; margin: 12px 0px; font-size: 14px;} #rw-dialog input{min-width: 18px; min-height: 18px;} #rw-dialog .rw-original-fusion .production-dialog-status{color: rgb(136, 80, 34);} #rw-dialog .production-tools{margin-top: 14px;} @media (max-width: 600px) { } @media (max-width: 600px) { } @keyframes earnings-ready-glow { 0%, 100% { box-shadow: rgba(163, 191, 99, 0.314) 0px 0px 3px; } 50% { box-shadow: rgba(185, 206, 122, 0.627) 0px 0px 12px; } } @keyframes earnings-ready-light { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.3); } } @media (prefers-reduced-motion: reduce) { } #rw-dialog button:focus-visible,#rw-dialog select:focus-visible,#rw-dialog input:focus-visible{outline: 3px solid var(--gold,#a97f16); outline-offset: 3px;} #rw-dialog .rw-original-fusion .home-fusion{scroll-margin-top: 130px;} #rw-dialog .rw-original-fusion .fusion-workbench{display: grid; grid-template-columns: minmax(250px, 1fr) minmax(260px, 1fr); gap: 28px; align-items: center; border: 1px solid var(--line,#d9dfcf); border-radius: 20px; background: var(--panel,#fafbf6); padding: 28px;} #rw-dialog .rw-original-fusion .fusion-workbench p{font-size: 14px; line-height: 1.7; color: var(--dim,#687461); margin: 0px 0px 18px;} #rw-dialog .rw-original-fusion .fusion-slot-preview{display: flex; align-items: center; gap: 8px; justify-content: center;} #rw-dialog .rw-original-fusion .fusion-slot-preview span{display: grid; place-items: center; width: 48px; height: 64px; border: 1px dashed var(--line,#c5ceb9); border-radius: 12px; color: var(--dim,#879078); background: var(--panel2,#f1f4e9); font: 600 20px monospace;} #rw-dialog .rw-original-fusion .fusion-slot-preview i{font-style: normal; font-size: 14px; color: var(--dim,#879078);} #rw-dialog .rw-original-fusion .fusion-slot-preview .fusion-result{border-style: solid; color: var(--gold,#ad881d); background: rgba(217, 189, 73, 0.125);} #rw-dialog{box-sizing: border-box; width: calc(100% - 32px); max-width: 620px; padding: 28px; border-radius: 22px; background: var(--panel,#fafbf6); color: var(--txt,#263528); box-shadow: rgba(19, 43, 43, 0.19) 0px 20px 80px; overscroll-behavior: contain;} #rw-dialog h2{margin: 0px 40px 18px 0px; font-size: 22px; line-height: 1.35;} #rw-dialog h3{font-size: 15px; margin-top: 24px;} #rw-dialog p{font-size: 14px; line-height: 1.7; color: var(--dim,#687461);} #rw-dialog button,#rw-dialog select{min-height: 44px; border-radius: 12px; border: 1px solid var(--line,#c5ceb9); background: var(--panel2,#f1f4e9); color: var(--txt,#263528); font: inherit; padding: 10px 14px; cursor: pointer;} #rw-dialog button:disabled{opacity: 0.45; cursor: not-allowed;} #rw-dialog .production-close{position: absolute; right: 16px; top: 16px; min-width: 44px; padding: 8px; font-size: 22px; line-height: 1;} #rw-dialog .rw-original-fusion #fusionChoices{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin: 20px 0px; max-height: 260px; overflow: auto; padding: 3px;} #rw-dialog .rw-original-fusion .fusion-choice{display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 10px; border: 1px solid var(--line,#c5ceb9); border-radius: 12px; cursor: pointer;} #rw-dialog .rw-original-fusion .fusion-choice:has(:checked){border-color: var(--gold,#ad881d); background: rgba(217, 189, 73, 0.094);} #rw-dialog .rw-original-fusion .fusion-choice.unavailable{opacity: 0.5;} #rw-dialog .rw-original-fusion .fusion-choice span{min-width: 0px;} #rw-dialog .rw-original-fusion .fusion-choice strong{font-size: 13px;} #rw-dialog .rw-original-fusion .fusion-choice small{display: block; font-size: 11px; line-height: 1.5; color: var(--dim,#687461); overflow-wrap: anywhere;} #rw-dialog .rw-original-fusion .fusion-main-label{display: grid; gap: 8px; font-size: 13px;} #rw-dialog .rw-original-fusion #fusionPreview{padding: 12px; background: var(--panel2,#f1f4e9); border-radius: 10px; min-height: 24px; font-variant-numeric: tabular-nums;} #rw-dialog .rw-original-fusion .production-option{line-height: 1.6; align-items: flex-start;} @media (max-width: 600px) { #rw-dialog .rw-original-fusion .fusion-workbench{grid-template-columns: 1fr; padding: 18px; gap: 18px;} #rw-dialog .rw-original-fusion .fusion-slot-preview{gap: 5px;} #rw-dialog .rw-original-fusion .fusion-slot-preview span{width: 38px; height: 54px;} #rw-dialog .rw-original-fusion .fusion-workbench .btn{width: 100%;} #rw-dialog{padding: 20px; max-height: calc(100dvh - 24px);} #rw-dialog h2{font-size: 20px;} #rw-dialog .rw-original-fusion #fusionChoices{grid-template-columns: 1fr; max-height: 240px;} #rw-dialog .btn{width: 100%;} } @media (max-width: 400px) { } @keyframes affinity-breathe { 0%, 100% { opacity: 0.55; box-shadow: transparent 0px 0px 0px; } 50% { opacity: 1; box-shadow: currentcolor 0px 0px 6px; } } #rw-dialog{box-sizing: border-box; overflow: auto; position: fixed !important; inset: 0px !important; margin: auto !important; height: fit-content !important; width: min(620px, -32px + 100vw) !important; max-height: calc(100dvh - 40px) !important; padding: 28px !important; float: none !important; transform: none !important;} #rw-dialog::backdrop{background: rgba(23, 48, 41, 0.46); backdrop-filter: blur(4px);} #rw-dialog [hidden]{display: none !important;} #rw-dialog h2{font-size: 23px; margin-bottom: 12px;} #rw-dialog .dialog-footer{display: flex; justify-content: flex-end; border-top: 1px solid var(--line); padding-top: 16px; margin-top: 20px;} #rw-dialog .rw-original-fusion .fusion-avatar{width: 40px; height: 40px; image-rendering: pixelated; flex: 0 0 auto; border-radius: 8px; background: var(--panel2);} #rw-dialog .rw-original-fusion #fusionChoices{max-height: 250px;} #rw-dialog .rw-original-fusion #fusionChoices .fusion-choice{padding: 12px; gap: 8px; min-height: 80px; border-radius: 14px !important;} #rw-dialog .rw-original-fusion #fusionChoices .fusion-choice strong{font-size: 13px;} #rw-dialog .rw-original-fusion #fusionChoices .fusion-choice small{font-size: 11px;} #rw-dialog .rw-original-fusion .fusion-selection-count{font-size: 13px; font-weight: 700; margin: 18px 0px 12px; color: var(--dim);} #rw-dialog .rw-original-fusion .fusion-get-more{display: block; padding: 12px; background: var(--panel2); border-radius: 10px; font-size: 13px; color: var(--txt); text-decoration: none;} #rw-dialog .rw-original-fusion #fusionConfirm{display: block; width: 100%; margin-top: 16px; min-height: 46px;} #rw-dialog .rw-original-fusion .fusion-main-label{margin: 14px 0px;} @media (max-width: 600px) {#rw-dialog{padding: 20px !important; width: calc(-24px + 100vw) !important; max-height: calc(100dvh - 24px) !important;} #rw-dialog .rw-original-fusion #fusionChoices{grid-template-columns: 1fr; max-height: 220px;} #rw-dialog .rw-original-fusion .fusion-choice small{line-height: 1.4;}} #rw-dialog input[type="checkbox"]{accent-color: var(--gold,#9a751d);} @media (max-width: 600px) { } #rw-dialog .rw-original-fusion .fusion-choice .role-energy,#rw-dialog .rw-original-fusion .fusion-choice .role-affinities{width: 100%; margin: 0px;} #rw-dialog .rw-original-fusion .fusion-choice .role-affinities{display: grid; gap: 5px;} #rw-dialog .rw-original-fusion .fusion-choice .role-level{display: none;} #rw-dialog .rw-original-fusion .fusion-choice .affinity{font-size: 11px; padding: 5px 6px; white-space: normal;} #rw-dialog .rw-original-fusion .fusion-coordinate-stage{display: block; width: 100%; height: 100%; overflow: visible;} #rw-dialog .rw-original-fusion .fusion-energy-guide{fill: none; stroke: rgb(145, 171, 131); stroke-width: 2; opacity: 0.4;} #rw-dialog .rw-original-fusion .fusion-energy-line{fill: none; stroke: var(--hl-action,#d2f65a); stroke-width: 4; stroke-linecap: square; stroke-dasharray: 3, 14; animation: 1.8s linear 0s infinite normal none running fusion-stream-travel;} #rw-dialog .rw-original-fusion .fusion-energy-line.line-0{animation-delay: 0s;} #rw-dialog .rw-original-fusion .fusion-energy-line.line-1{animation-delay: -0.45s;} #rw-dialog .rw-original-fusion .fusion-energy-line.line-2{animation-delay: -0.9s;} #rw-dialog .rw-original-fusion .fusion-energy-line.line-3{animation-delay: -1.35s;} #rw-dialog .rw-original-fusion .fusion-mote{display: grid; place-items: center; box-sizing: border-box; width: 100%; height: 100%; border: 2px solid rgb(195, 209, 180); border-radius: 12px; background: rgb(255, 254, 248); box-shadow: rgb(216, 224, 203) 0px 3px 0px;} #rw-dialog .rw-original-fusion .fusion-mote.is-main{border-color: rgb(119, 154, 49); background: rgb(240, 247, 217); box-shadow: rgb(182, 206, 116) 0px 3px 0px;} #rw-dialog .rw-original-fusion .fusion-mote canvas{display: block; width: 54px; height: 54px; image-rendering: pixelated; background: transparent !important;} #rw-dialog .rw-original-fusion .fusion-node-name,#rw-dialog .rw-original-fusion .fusion-node-id,#rw-dialog .rw-original-fusion .fusion-reactor-note{text-anchor: middle; fill: rgb(48, 67, 41); font-family: Arial, "Microsoft YaHei", sans-serif; font-size: 12px; font-weight: 600;} #rw-dialog .rw-original-fusion .fusion-node-id{fill: rgb(111, 127, 98); font-size: 10px; font-weight: 400;} #rw-dialog .rw-original-fusion .fusion-reactor-note{fill: rgb(83, 108, 50); font-size: 9px; letter-spacing: 1px;} #rw-dialog .rw-original-fusion .fusion-reactor-shell{fill: rgb(210, 246, 90); stroke: rgb(109, 141, 55); stroke-width: 2; stroke-linejoin: miter;} #rw-dialog .rw-original-fusion .fusion-reactor-frame{fill: rgb(239, 247, 212); stroke: rgb(175, 199, 120); stroke-width: 1;} #rw-dialog .rw-original-fusion .fusion-reactor-particles rect{fill: rgb(85, 124, 43); animation-duration: 1.8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: fusion-corner-light; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--p)*-.3s);} #rw-dialog .rw-original-fusion .fusion-reactor-silhouette{display: grid; place-items: center; width: 100%; height: 100%;} #rw-dialog .rw-original-fusion .fusion-reactor-silhouette canvas{width: 60px; height: 60px; image-rendering: pixelated; animation: 1.8s ease-in-out 0s infinite normal none running fusion-avatar-light; background: transparent !important;} #rw-dialog .rw-original-fusion .fusion-material-accessibility{width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; position: absolute !important; padding: 0px !important; margin: -1px !important;} #rw-dialog .rw-original-fusion .fusion-reveal{display: none;} #rw-dialog .rw-original-fusion .fusion-portrait-stage{position: relative; display: grid; place-items: center; min-width: 0px;} #rw-dialog .rw-original-fusion .fusion-portrait-stage canvas{width: 160px; height: 160px; image-rendering: pixelated; background: transparent !important;} #rw-dialog .rw-original-fusion .fusion-spark{display: none;} #rw-dialog .rw-original-fusion .fusion-complete-kicker{color: rgb(91, 120, 47); font: 11px / 1.4 HashlingsPixel, monospace; letter-spacing: 1px;} #rw-dialog .fusion-complete-details h3{font: 24px / 1.3 HashlingsPixel, Arial, sans-serif; margin: 10px 0px; color: rgb(36, 60, 43); overflow-wrap: anywhere;} #rw-dialog .rw-original-fusion .fusion-complete-meta{display: flex; align-items: center; gap: 10px; font-size: 12px; color: rgb(103, 117, 91);} #rw-dialog .rw-original-fusion .fusion-complete-level{border: 1px solid rgb(175, 196, 138); border-radius: 6px; background: rgb(233, 243, 207); padding: 4px 7px; color: rgb(72, 102, 44);} #rw-dialog .rw-original-fusion .fusion-complete-traits{margin-top: 14px;} #rw-dialog .rw-original-fusion .fusion-complete-traits .role-affinities,#rw-dialog .rw-original-fusion .fusion-complete-traits .role-specials{display: flex; flex-wrap: wrap; gap: 5px; margin: 6px 0px;} #rw-dialog .rw-original-fusion .fusion-complete-traits .affinity,#rw-dialog .rw-original-fusion .fusion-complete-traits .role-specials > *{font-size: 11px; line-height: 1.5; padding: 4px 7px; white-space: normal;} #rw-dialog .rw-original-fusion .fusion-complete-traits .affinity-state{display: none;} #rw-dialog .rw-original-fusion .fusion-no-special{color: rgb(121, 135, 107);} #rw-dialog .rw-original-fusion .fusion-kept-characters{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; width: 100%;} #rw-dialog .rw-original-fusion .fusion-kept-characters > div{display: flex; flex-direction: column; align-items: center; gap: 8px; border: 1px solid rgb(215, 223, 203); border-radius: 10px; background: rgb(255, 254, 248); padding: 16px 6px; min-width: 0px;} #rw-dialog .rw-original-fusion .fusion-kept-characters canvas{width: 64px; height: 64px; image-rendering: pixelated;} #rw-dialog .rw-original-fusion .fusion-kept-characters strong{font-size: 12px;} #rw-dialog .rw-original-fusion .fusion-kept-characters small{font: 10px / 1.5 monospace; color: rgb(119, 132, 107); overflow-wrap: anywhere;} #rw-dialog .rw-original-fusion .fusion-kept-note{display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; font-size: 12px; color: rgb(109, 121, 94);} #rw-dialog .rw-original-fusion .fusion-phase-track{display: flex; justify-content: center; gap: 6px; margin-top: 12px;} #rw-dialog .rw-original-fusion .fusion-phase-track i{width: 6px; height: 6px; background: rgb(191, 213, 122); animation: 1.5s ease-in-out 0s infinite normal none running fusion-corner-light;} #rw-dialog .rw-original-fusion .fusion-phase-track i:nth-child(2){animation-delay: -0.5s;} #rw-dialog .rw-original-fusion .fusion-phase-track i:nth-child(3){animation-delay: -1s;} @keyframes fusion-stream-travel { 0% { stroke-dashoffset: 100; } 100% { stroke-dashoffset: 0; } } @keyframes fusion-corner-light { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } } @keyframes fusion-avatar-light { 0%, 100% { filter: brightness(0.82); } 50% { filter: brightness(1.08); } } @media (max-width: 650px) {#rw-dialog .rw-original-fusion .fusion-mote canvas{width: 54px; height: 54px;} #rw-dialog .rw-original-fusion .fusion-kept-characters{grid-template-columns: repeat(2, minmax(0px, 1fr));}} @media (prefers-reduced-motion: reduce) {#rw-dialog .rw-original-fusion .fusion-energy-line,#rw-dialog .rw-original-fusion .fusion-reactor-particles rect,#rw-dialog .rw-original-fusion .fusion-reactor-silhouette canvas,#rw-dialog .rw-original-fusion .fusion-phase-track i{opacity: 1; animation: auto ease 0s 1 normal none running none !important;}} #rw-dialog[data-kind="fusion"]{width: min(960px, -32px + 100vw) !important; max-width: 960px !important; padding: 28px !important;} #rw-dialog .rw-original-fusion [data-kind="fusion"] > p{max-width: 760px; margin: 0px 0px 22px; font-size: 13px;} #rw-dialog .rw-original-fusion .fusion-layout{display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 1fr); gap: 24px; align-items: start;} #rw-dialog .rw-original-fusion .fusion-library-heading{display: flex; justify-content: space-between; gap: 10px; align-items: center; font-size: 14px; padding: 4px 2px 12px;} #rw-dialog .rw-original-fusion .fusion-library-heading span{font-size: 12px; color: var(--dim);} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices{margin: 0px; max-height: 420px; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; padding: 3px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice{position: relative; flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px; min-height: 142px; background: rgb(255, 253, 247); border: 1px solid rgb(219, 224, 208);} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice:has(:checked){background: rgb(244, 243, 222); border: 1px solid var(--gold,#a57c16); box-shadow: inset 0 0 0 1px var(--gold,#a57c16);} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice:has(:disabled){opacity: 0.45; cursor: not-allowed;} #rw-dialog .rw-original-fusion .fusion-library .fusion-choice input{position: absolute; right: 12px; top: 12px; width: 18px; height: 18px; margin: 0px;} #rw-dialog .rw-original-fusion .fusion-library .fusion-avatar{width: 48px; height: 48px; padding: 4px; background: rgb(241, 239, 230);} #rw-dialog .rw-original-fusion .fusion-library .fusion-choice strong{display: block; margin-bottom: 5px;} #rw-dialog .rw-original-fusion .fusion-summary{padding: 18px; background: rgb(239, 242, 232); border: 1px solid rgb(219, 224, 208); border-radius: 16px; min-width: 0px;} #rw-dialog .rw-original-fusion .fusion-summary-heading{font-size: 14px; font-weight: 700; margin-bottom: 14px;} #rw-dialog .rw-original-fusion .fusion-selected-slots{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px;} #rw-dialog .fusion-selected-slot{position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; height: 78px; min-width: 0px; padding: 8px 3px; border: 1px solid rgb(201, 209, 185); background: rgb(255, 253, 247); border-radius: 10px;} #rw-dialog .fusion-selected-slot{border-radius: 10px !important;} #rw-dialog .rw-original-fusion .fusion-selected-slot canvas{width: 32px; height: 32px; image-rendering: pixelated;} #rw-dialog .rw-original-fusion .fusion-selected-slot small{font: 10px / 1.3 monospace; color: var(--dim);} #rw-dialog .rw-original-fusion .fusion-selected-slot > span{position: absolute; right: 4px; top: 1px; color: var(--dim); font-size: 14px;} #rw-dialog .rw-original-fusion .fusion-selected-slot.empty{border-style: dashed; background: transparent;} #rw-dialog .rw-original-fusion .fusion-selected-slot.empty > span{position: static; font-size: 22px; color: rgb(156, 167, 140);} #rw-dialog .rw-original-fusion .fusion-result-card{margin-top: 14px; border: 1px solid rgb(217, 223, 204); background: rgb(255, 253, 247); border-radius: 12px; padding: 16px;} #rw-dialog .rw-original-fusion .fusion-result-empty{text-align: center; padding: 12px 0px;} #rw-dialog .rw-original-fusion .fusion-result-empty > span{display: block; font-size: 32px; color: var(--gold,#a57c16); margin-bottom: 10px;} #rw-dialog .rw-original-fusion .fusion-result-empty strong{display: block; font-size: 14px;} #rw-dialog .rw-original-fusion .fusion-result-empty p{font-size: 12px; margin: 8px 0px 0px;} #rw-dialog .rw-original-fusion .fusion-result-identity{display: flex; align-items: center; gap: 12px;} #rw-dialog .rw-original-fusion .fusion-result-identity canvas{width: 56px; height: 56px; image-rendering: pixelated; background: rgb(244, 238, 220); border-radius: 10px; padding: 4px;} #rw-dialog .rw-original-fusion .fusion-result-identity strong,#rw-dialog .rw-original-fusion .fusion-result-identity small,#rw-dialog .rw-original-fusion .fusion-result-identity span{display: block;} #rw-dialog .rw-original-fusion .fusion-result-identity strong{font-size: 15px; margin: 4px 0px;} #rw-dialog .rw-original-fusion .fusion-result-identity small,#rw-dialog .rw-original-fusion .fusion-result-identity span{font-size: 11px; color: var(--dim);} #rw-dialog .rw-original-fusion .fusion-result-stats{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; margin: 18px 0px 0px; border-top: 1px solid rgb(228, 231, 218); padding-top: 14px;} #rw-dialog .rw-original-fusion .fusion-result-stats dt{font-size: 11px; color: var(--dim);} #rw-dialog .rw-original-fusion .fusion-result-stats dd{margin: 4px 0px 0px; font: 600 19px / 1.2 Arial, sans-serif; color: rgb(57, 71, 43);} #rw-dialog .rw-original-fusion .fusion-result-stats dd small{font-size: 11px; font-weight: 400;} #rw-dialog p.fusion-success-note{font-size: 11px; color: rgb(101, 121, 74); margin: 14px 0px 0px;} #rw-dialog .rw-original-fusion .fusion-summary #fusionPreview{font-size: 12px; padding: 0px; background: none; min-height: 0px; margin: 12px 0px; line-height: 1.5;} #rw-dialog .rw-original-fusion .fusion-summary #fusionConfirm{background: rgb(150, 113, 8); color: rgb(255, 250, 240); border-color: rgb(150, 113, 8); font-size: 14px; font-weight: 600; box-shadow: rgb(115, 86, 3) 0px 2px 0px;} #rw-dialog .rw-original-fusion .fusion-summary #fusionConfirm:disabled{background: rgb(220, 225, 211); color: rgb(130, 140, 119); border-color: rgb(220, 225, 211); box-shadow: none; opacity: 1;} #rw-dialog .rw-original-fusion .fusion-summary select{width: 100%; font-size: 13px; background: rgb(255, 253, 247);} #rw-dialog .rw-original-fusion .fusion-summary #fusionTraits .production-option{font-size: 12px;} @media (max-width: 650px) {#rw-dialog[data-kind="fusion"]{padding: 20px !important; width: calc(-20px + 100vw) !important;} #rw-dialog .rw-original-fusion .fusion-layout{grid-template-columns: 1fr; gap: 16px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices{max-height: 265px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice{min-height: 126px; padding: 12px;} #rw-dialog .rw-original-fusion .fusion-summary{padding: 14px;} #rw-dialog .rw-original-fusion .fusion-library-heading{flex-wrap: wrap;} #rw-dialog .rw-original-fusion .fusion-selection-count{margin: 10px 0px;} #rw-dialog .rw-original-fusion .fusion-result-empty{padding: 4px;} #rw-dialog .rw-original-fusion .fusion-result-empty > span{display: none;} #rw-dialog .rw-original-fusion .fusion-summary #fusionConfirm{position: sticky; bottom: 0px;} #rw-dialog .rw-original-fusion .fusion-get-more{margin-top: 10px;}} @media (max-width: 600px) { } @keyframes box-chest-idle { 0%, 62%, 78%, 100% { transform: translate(0px, -1px); } 65% { transform: translate(-2px, -1px); } 68% { transform: translate(2px, -3px); } 71% { transform: translate(-1px, -2px); } 74% { transform: translate(1px, -1px); } } @keyframes box-chest-glow { 0%, 100% { opacity: 0.25; transform: scale(0.94); } 50% { opacity: 0.58; transform: scale(1); } } @media (max-width: 600px) { } @media (prefers-reduced-motion: reduce) { } @keyframes role-work-breathe { 0%, 100% { opacity: 0.5; box-shadow: transparent 0px 0px 0px 0px; } 50% { opacity: 1; box-shadow: currentcolor 0px 0px 5px 1px; } } @supports (grid-template-rows:subgrid) { } @keyframes mint-skeleton-spin { 100% { transform: rotate(360deg); } } @media (max-width: 700px) { } #rw-dialog[data-kind="supply"]{background: rgb(255, 254, 248); color: rgb(37, 60, 45); border: 1px solid rgb(220, 229, 214); width: min(680px, -28px + 100vw) !important; padding: 26px !important;} @keyframes supply-energy-gain-pop { 0% { opacity: 0; transform: translateY(5px) scale(0.9); } 14%, 68% { opacity: 1; transform: translateY(0px) scale(1); } 100% { opacity: 0; transform: translateY(-7px) scale(1); } } @media (prefers-reduced-motion: reduce) { } #rw-dialog[data-kind="land-replace"]{width: min(690px, -28px + 100vw) !important; padding: 26px !important;} @media (max-width: 580px) {#rw-dialog[data-kind="land-replace"]{padding: 20px !important;} } #rw-dialog .rw-original-fusion [data-kind="supply"] .production-dialog-status:empty{display: none;} @media (max-width: 480px) {#rw-dialog[data-kind="supply"]{padding: 20px !important;} } #rw-dialog .rw-original-fusion .fusion-workbenches{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;} #rw-dialog .rw-original-fusion .fusion-workbenches .fusion-workbench{grid-template-columns: 150px minmax(0px, 1fr); gap: 20px; padding: 22px; min-height: 220px; box-sizing: border-box;} #rw-dialog .rw-original-fusion .fusion-workbench h3{margin: 0px 0px 8px; font-size: 18px; color: var(--txt,#263528);} #rw-dialog .rw-original-fusion .fusion-card-heading{display: flex; align-items: center; justify-content: space-between; gap: 8px;} #rw-dialog .rw-original-fusion .fusion-card-heading > span{padding: 4px 7px; border: 1px solid rgb(223, 193, 107); border-radius: 6px; background: rgb(255, 246, 216); color: rgb(120, 95, 25); font: 700 8px / 1.1 Arial, "Microsoft YaHei", sans-serif; letter-spacing: 0.04em; white-space: nowrap;} #rw-dialog .rw-original-fusion .fusion-slot-preview.land span{font-size: 25px; color: rgb(88, 118, 76);} #rw-dialog .rw-original-fusion .land-fusion-workbench{background: linear-gradient(145deg, rgb(251, 252, 246), rgb(241, 245, 233));} #rw-dialog[data-kind="land-fusion"]{width: min(900px, -32px + 100vw) !important; max-width: 900px !important; padding: 28px !important;} #rw-dialog .rw-original-fusion .land-fusion-intro{max-width: 760px; margin: 0px 0px 20px;} #rw-dialog .rw-original-fusion .land-fusion-layout{display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(280px, 0.8fr); gap: 22px; align-items: start;} #rw-dialog .rw-original-fusion .land-fusion-choices{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; max-height: 420px; overflow: auto; padding: 3px;} #rw-dialog .rw-original-fusion .land-fusion-choice{position: relative; display: flex; align-items: center; gap: 12px; min-height: 82px; padding: 13px; border: 1px solid rgb(219, 224, 208); border-radius: 13px; background: rgb(255, 253, 247); cursor: pointer; box-sizing: border-box;} #rw-dialog .rw-original-fusion .land-fusion-choice:has(input:checked){background: rgb(244, 243, 222); border-color: var(--gold,#a57c16); box-shadow: inset 0 0 0 1px var(--gold,#a57c16);} #rw-dialog .rw-original-fusion .land-fusion-choice.unavailable{opacity: 0.45; cursor: not-allowed;} #rw-dialog .rw-original-fusion .land-fusion-choice input{position: absolute; right: 10px; top: 10px; margin: 0px;} #rw-dialog .rw-original-fusion .land-fusion-glyph{display: grid; place-items: center; width: 48px; height: 48px; border-radius: 11px; background: rgb(237, 243, 230); font-size: 24px; flex: 0 0 auto;} #rw-dialog .rw-original-fusion .land-fusion-choice strong,#rw-dialog .rw-original-fusion .land-fusion-choice small{display: block; padding-right: 20px;} #rw-dialog .rw-original-fusion .land-fusion-choice strong{font-size: 13px; margin-bottom: 6px;} #rw-dialog .rw-original-fusion .land-fusion-choice small{font: 10px / 1.5 Arial, "Microsoft YaHei", sans-serif; color: var(--dim,#687461);} #rw-dialog .rw-original-fusion .land-fusion-summary{padding: 18px; border: 1px solid rgb(219, 224, 208); border-radius: 16px; background: rgb(239, 242, 232);} #rw-dialog .rw-original-fusion .land-fusion-preview{display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 150px; margin: 12px 0px 16px; padding: 16px; border: 1px solid rgb(217, 223, 204); border-radius: 13px; background: rgb(255, 253, 247); text-align: center; box-sizing: border-box;} #rw-dialog .rw-original-fusion .land-fusion-result-glyph{display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 10px; border-radius: 14px; background: rgb(231, 238, 217); color: rgb(79, 114, 69); font-size: 29px;} #rw-dialog .rw-original-fusion .land-fusion-preview strong{font-size: 17px;} #rw-dialog .rw-original-fusion .land-fusion-preview > span{margin-top: 8px; color: rgb(71, 114, 66); font-size: 12px;} #rw-dialog .rw-original-fusion .land-fusion-preview > small{margin-top: 7px; color: var(--dim,#687461); font-size: 10px;} #rw-dialog .rw-original-fusion .land-fusion-summary select{width: 100%; margin-top: 7px; background: rgb(255, 253, 247);} #rw-dialog .rw-original-fusion .land-fusion-summary #landFusionStatus{min-height: 52px; margin: 13px 0px; font-size: 11px; line-height: 1.6;} #rw-dialog .rw-original-fusion .land-fusion-summary #landFusionConfirm{display: block; width: 100%; background: rgb(150, 113, 8); color: rgb(255, 250, 240); border-color: rgb(150, 113, 8); font-weight: 700;} #rw-dialog .rw-original-fusion .land-fusion-summary #landFusionConfirm:disabled{background: rgb(220, 225, 211); color: rgb(122, 132, 113); border-color: rgb(220, 225, 211); opacity: 1; box-shadow: none;} #rw-dialog .rw-original-fusion .land-fusion-retain{display: grid; gap: 7px; min-width: 0px; margin: 0px;} #rw-dialog .rw-original-fusion .land-fusion-retain > .fusion-main-label{margin: 0px; color: rgb(66, 83, 62); font-size: 12px; font-weight: 700; line-height: 1.45;} #rw-dialog .rw-original-fusion .land-fusion-retain-picker{position: relative; min-width: 0px;} #rw-dialog .rw-original-fusion .land-fusion-main-native{display: none !important;} #rw-dialog .land-fusion-retain-trigger{display: grid; grid-template-columns: 46px minmax(0px, 1fr) 18px; align-items: center; gap: 9px; box-sizing: border-box; width: 100%; min-width: 0px; min-height: 58px; padding: 5px 8px; border: 1px solid rgb(185, 201, 175); border-radius: 12px; background: rgb(255, 254, 248); color: rgb(41, 71, 51); text-align: left; box-shadow: none;} #rw-dialog .rw-original-fusion .land-fusion-retain-picker:focus-within .land-fusion-retain-trigger,#rw-dialog .land-fusion-retain-trigger[aria-expanded="true"]{outline: 0px; border-color: rgb(100, 136, 76); box-shadow: rgba(100, 136, 76, 0.14) 0px 0px 0px 3px;} #rw-dialog .land-fusion-retain-trigger:disabled{opacity: 0.58; cursor: default;} #rw-dialog .rw-original-fusion .land-fusion-retain-icon{display: grid; place-items: center; box-sizing: border-box; width: 46px; height: 46px; border-radius: 10px; background: rgb(241, 245, 233);} #rw-dialog .rw-original-fusion .land-fusion-retain-icon .land-biome-icon{width: 40px; height: 40px; image-rendering: pixelated;} #rw-dialog .rw-original-fusion .land-fusion-icon-fallback{color: rgb(85, 116, 91); font: 700 23px / 1 monospace;} #rw-dialog .rw-original-fusion .land-fusion-retain-copy{display: flex; min-width: 0px; flex-direction: column; gap: 3px;} #rw-dialog .rw-original-fusion .land-fusion-retain-copy strong,#rw-dialog .rw-original-fusion .land-fusion-retain-copy small{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #rw-dialog .rw-original-fusion .land-fusion-retain-copy strong{font-size: 12px;} #rw-dialog .rw-original-fusion .land-fusion-retain-copy small{color: rgb(120, 132, 116); font: 10px / 1.4 ui-monospace, SFMono-Regular, Consolas, monospace;} #rw-dialog .rw-original-fusion .land-fusion-retain-chevron{color: rgb(107, 126, 103); font: 700 17px / 1 monospace; transition: transform 0.15s;} #rw-dialog .rw-original-fusion .land-fusion-retain-trigger[aria-expanded="true"] .land-fusion-retain-chevron{transform: rotate(180deg);} #rw-dialog .rw-original-fusion .land-fusion-retain-options{position: absolute; z-index: 40; top: calc(100% + 6px); right: 0px; left: 0px; box-sizing: border-box; width: 100%; max-width: 100%; max-height: min(224px, 32dvh); overflow: auto; overscroll-behavior: contain; padding: 6px; border: 1px solid rgb(185, 201, 175); border-radius: 12px; outline: 0px; background: rgb(255, 253, 247); box-shadow: rgba(38, 61, 37, 0.14) 0px 14px 28px; scrollbar-gutter: stable;} #rw-dialog .rw-original-fusion .land-fusion-retain-options[hidden]{display: none;} #rw-dialog .rw-original-fusion .land-fusion-retain-option{display: grid; grid-template-columns: 40px minmax(0px, 1fr) 18px; align-items: center; gap: 8px; box-sizing: border-box; min-width: 0px; min-height: 52px; padding: 5px 7px; border: 1px solid transparent; border-radius: 9px; color: rgb(48, 72, 52); cursor: pointer;} #rw-dialog .rw-original-fusion .land-fusion-retain-option + .land-fusion-retain-option{margin-top: 3px;} #rw-dialog .rw-original-fusion .land-fusion-retain-option:hover,#rw-dialog .rw-original-fusion .land-fusion-retain-option.is-active{background: rgb(242, 247, 235);} #rw-dialog .rw-original-fusion .land-fusion-retain-option[aria-selected="true"]{border-color: rgb(117, 163, 100); background: rgb(234, 244, 228); color: rgb(33, 72, 45);} #rw-dialog .rw-original-fusion .land-fusion-retain-option-icon{display: grid; place-items: center; width: 40px; height: 40px; border-radius: 9px; background: rgb(240, 244, 233);} #rw-dialog .rw-original-fusion .land-fusion-retain-option-icon .land-biome-icon{width: 36px; height: 36px; image-rendering: pixelated;} #rw-dialog .rw-original-fusion .land-fusion-retain-option-copy{display: flex; min-width: 0px; flex-direction: column; gap: 2px;} #rw-dialog .rw-original-fusion .land-fusion-retain-option-copy strong,#rw-dialog .rw-original-fusion .land-fusion-retain-option-copy small{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #rw-dialog .rw-original-fusion .land-fusion-retain-option-copy strong{font-size: 12px;} #rw-dialog .rw-original-fusion .land-fusion-retain-option-copy small{color: rgb(123, 135, 118); font: 9px / 1.4 ui-monospace, SFMono-Regular, Consolas, monospace;} #rw-dialog .rw-original-fusion .land-fusion-retain-check{visibility: hidden; color: rgb(63, 123, 72); font-size: 13px;} #rw-dialog .rw-original-fusion .land-fusion-retain-option[aria-selected="true"] .land-fusion-retain-check{visibility: visible;} @media (max-width: 850px) {#rw-dialog .rw-original-fusion .fusion-workbenches{grid-template-columns: 1fr;} #rw-dialog .rw-original-fusion .fusion-workbenches .fusion-workbench{min-height: 0px;} #rw-dialog .rw-original-fusion .land-fusion-layout{grid-template-columns: 1fr;} #rw-dialog .rw-original-fusion .land-fusion-choices{max-height: 260px;} #rw-dialog .rw-original-fusion .land-fusion-summary{padding: 15px;}} @media (max-width: 600px) {#rw-dialog .rw-original-fusion .fusion-workbenches .fusion-workbench{grid-template-columns: 1fr;} #rw-dialog .rw-original-fusion .land-fusion-choices{grid-template-columns: 1fr;} #rw-dialog[data-kind="land-fusion"]{padding: 20px !important; width: calc(-20px + 100vw) !important;} #rw-dialog .rw-original-fusion .land-fusion-summary #landFusionConfirm{position: sticky; bottom: 0px;} #rw-dialog .rw-original-fusion .land-fusion-retain-options{max-height: min(210px, 30dvh);}} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbenches{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbenches .fusion-workbench{position: relative; display: grid; grid-template-columns: minmax(0px, 1fr); grid-template-rows: 112px minmax(0px, 1fr); gap: 20px; min-height: 298px; padding: 20px; border: 1px solid rgb(202, 216, 204); border-radius: 20px; background: linear-gradient(155deg, rgb(255, 254, 251) 0%, rgb(250, 252, 246) 100%); box-shadow: rgba(36, 79, 51, 0.08) 0px 14px 36px; overflow: hidden; box-sizing: border-box;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbench::before{content: ""; position: absolute; inset: 0px 0px auto; height: 4px; background: linear-gradient(90deg, rgb(47, 143, 95) 0px, rgb(47, 143, 95) 68%, rgb(203, 244, 73) 68%);} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbench > div:last-child{display: flex; min-width: 0px; flex-direction: column; align-items: flex-start;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbench h3{margin: 0px 0px 7px; color: var(--txt,#263528); font: 20px / 1.5 HashlingsPixel, sans-serif;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbench p{margin: 0px 0px 16px; color: var(--dim,#617064); font-size: 16px; line-height: 1.65;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbench .btn{display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: auto; padding: 10px 18px; border: 1px solid rgb(23, 62, 50); border-radius: 10px; background: rgb(23, 62, 50); color: rgb(247, 255, 244); font-size: 14px; font-weight: 700;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbench .fusion-slot-preview{position: relative; display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 0px; min-height: 112px; padding: 18px 14px 13px; border: 1px solid rgb(49, 95, 77); border-radius: 15px; background-color: rgb(23, 62, 50); background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px); background-size: 12px 12px; box-shadow: rgba(255, 255, 255, 0.04) 0px 0px 0px 1px inset; overflow: hidden;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview::after{content: "2 × SAME LEVEL"; position: absolute; top: 8px; left: 12px; color: rgb(168, 198, 182); font: 700 9px / 1 Arial, "Microsoft YaHei", sans-serif; letter-spacing: 0.1em;} #rw-dialog .rw-original-fusion html[lang^="zh"][data-app-page="fusion"] .fusion-slot-preview::after{content: "2 × 同级角色";} #rw-dialog .rw-original-fusion html[lang^="ja"][data-app-page="fusion"] .fusion-slot-preview::after{content: "同レベル × 2";} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview span{position: relative; display: grid; flex: 0 0 42px; place-items: center; width: 42px; height: 52px; border: 1px solid rgb(136, 176, 151); border-radius: 9px; background: linear-gradient(145deg, rgb(239, 248, 233), rgb(191, 217, 187)); color: rgb(33, 74, 54); font: 700 17px / 1 HashlingsPixel, monospace; box-shadow: rgba(47, 143, 95, 0.12) 0px -6px 0px inset, rgba(2, 22, 14, 0.16) 0px 5px 12px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview span:not(.fusion-result)::after{content: ""; position: absolute; left: 50%; bottom: 7px; width: 12px; height: 3px; background: rgb(87, 150, 109); box-shadow: rgb(87, 150, 109) -6px -4px 0px -1px, rgb(87, 150, 109) 6px -4px 0px -1px; transform: translateX(-50%); opacity: 0.8;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview i{flex: 0 0 auto; color: rgb(214, 232, 220); font: 700 14px / 1 HashlingsPixel, monospace;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview .fusion-result{flex-basis: 56px; width: 56px; height: 62px; border-color: rgb(219, 245, 126); background: linear-gradient(145deg, rgb(220, 255, 115), rgb(169, 218, 57)); color: rgb(29, 71, 47); font-size: 0px; box-shadow: rgba(69, 115, 28, 0.13) 0px -7px 0px inset, rgba(203, 244, 73, 0.09) 0px 0px 0px 3px, rgba(1, 19, 11, 0.25) 0px 7px 18px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-result::before{content: "LV"; position: absolute; top: 12px; font: 700 9px / 1 Arial, sans-serif; letter-spacing: 0.08em;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-result::after{content: "+1"; position: absolute; top: 27px; font: 700 18px / 1 HashlingsPixel, monospace;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-card-heading{display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 7px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-card-heading h3{margin: 0px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-card-heading > span{padding: 5px 8px; border: 1px solid rgb(216, 188, 103); border-radius: 7px; background: rgb(255, 246, 216); color: rgb(113, 87, 25); font: 700 12px / 1 Arial, "Microsoft YaHei", sans-serif; letter-spacing: 0.04em; white-space: nowrap;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .land-fusion-workbench{background: linear-gradient(155deg, rgb(255, 254, 251) 0%, rgb(244, 248, 239) 100%);} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .land-fusion-workbench::before{background: linear-gradient(90deg, rgb(127, 157, 81) 0px, rgb(127, 157, 81) 68%, rgb(214, 185, 81) 68%);} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview.land{border-color: rgb(185, 201, 174); background-color: rgb(234, 241, 229); background-image: linear-gradient(rgba(65, 95, 70, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(65, 95, 70, 0.055) 1px, transparent 1px); box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 0px 1px inset;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview.land::after{content: "2 × SAME LEVEL"; color: rgb(109, 130, 108);} #rw-dialog .rw-original-fusion html[lang^="zh"][data-app-page="fusion"] .fusion-slot-preview.land::after{content: "2 × 同级地块";} #rw-dialog .rw-original-fusion html[lang^="ja"][data-app-page="fusion"] .fusion-slot-preview.land::after{content: "同レベル × 2";} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview.land span{flex-basis: 58px; width: 58px; height: 62px; border-color: rgb(159, 181, 151); background: linear-gradient(145deg, rgb(255, 254, 247), rgb(219, 232, 212)); color: rgb(78, 113, 77); font-size: 27px; box-shadow: rgba(75, 111, 64, 0.08) 0px -7px 0px inset, rgba(31, 65, 38, 0.1) 0px 5px 12px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview.land i{color: rgb(110, 128, 110);} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview.land .fusion-result{border-color: rgb(182, 154, 66); background: linear-gradient(145deg, rgb(255, 239, 170), rgb(220, 194, 100)); color: rgb(86, 67, 15); font-size: 0px; box-shadow: rgba(122, 93, 22, 0.1) 0px -7px 0px inset, rgba(182, 154, 66, 0.09) 0px 0px 0px 3px, rgba(31, 65, 38, 0.14) 0px 7px 18px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .land-fusion-workbench .btn{border-color: rgb(139, 158, 131); background: rgb(255, 254, 249); color: rgb(56, 84, 60);} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .land-fusion-workbench .btn:hover{border-color: rgb(83, 111, 88); background: rgb(243, 247, 239);} @media (max-width: 850px) {#rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbenches{grid-template-columns: 1fr;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbenches .fusion-workbench{min-height: 282px;}} @media (max-width: 600px) {#rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbenches{gap: 14px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbenches .fusion-workbench{grid-template-rows: 100px minmax(0px, 1fr); min-height: 278px; padding: 16px; border-radius: 17px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbench .fusion-slot-preview{min-height: 100px; gap: 4px; padding: 19px 8px 10px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview span{flex-basis: 34px; width: 34px; height: 44px; border-radius: 7px; font-size: 14px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview .fusion-result{flex-basis: 46px; width: 46px; height: 52px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-result::before{top: 9px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-result::after{top: 24px; font-size: 15px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview i{font-size: 11px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-slot-preview.land span{flex-basis: 52px; width: 52px; height: 54px; font-size: 24px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbench h3{font-size: 18px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbench p{font-size: 16px;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbench .btn{width: 100%;}} @media (prefers-reduced-motion: reduce) {#rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbench,#rw-dialog .rw-original-fusion html[data-app-page="fusion"] .fusion-workbench .btn{transition: none;}} #rw-dialog[data-kind="fusion"]{width: min(960px, -32px + 100vw) !important; max-width: 960px !important; height: min(800px, 100dvh - 40px) !important;} #rw-dialog[data-kind="land-fusion"]{width: min(900px, -32px + 100vw) !important; max-width: 900px !important; height: min(660px, 100dvh - 40px) !important;} #rw-dialog:is([data-kind="fusion"], [data-kind="land-fusion"])[open]{display: flex; flex-direction: column; overflow: hidden; gap: 0px;} #rw-dialog:is([data-kind="fusion"], [data-kind="land-fusion"]) > h2,#rw-dialog:is([data-kind="fusion"], [data-kind="land-fusion"]) > p{flex: 0 0 auto;} #rw-dialog:is([data-kind="fusion"], [data-kind="land-fusion"]) > .production-dialog-status:empty{display: none;} #rw-dialog:is([data-kind="fusion"], [data-kind="land-fusion"]) > :is(.fusion-layout, .land-fusion-layout){flex: 1 1 0%; min-height: 0px; overflow: auto; scrollbar-gutter: stable; align-content: start;} #rw-dialog .rw-original-fusion .land-fusion-layout > div,#rw-dialog .rw-original-fusion .fusion-library{min-width: 0px;} #rw-dialog .rw-original-fusion .land-fusion-preview{height: 208px; min-height: 208px; flex: 0 0 auto; overflow: auto;} #rw-dialog .rw-original-fusion .land-fusion-choice{height: 92px; min-height: 92px;} #rw-dialog .rw-original-fusion .land-fusion-choice > span:last-child{min-width: 0px;} #rw-dialog .rw-original-fusion .land-fusion-choice strong,#rw-dialog .rw-original-fusion .land-fusion-choice small{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #rw-dialog .rw-original-fusion .land-fusion-summary #landFusionStatus{height: 64px; min-height: 64px; overflow: auto;} #rw-dialog .rw-original-fusion .fusion-summary .fusion-result-card{box-sizing: border-box; height: 280px; overflow: auto;} #rw-dialog .rw-original-fusion .fusion-summary .fusion-result-empty{height: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;} #rw-dialog .rw-original-fusion .fusion-summary #fusionTraits{height: 112px; overflow: auto; scrollbar-gutter: stable;} #rw-dialog .rw-original-fusion .fusion-summary #fusionPreview{height: 64px; min-height: 64px; overflow: auto;} #rw-dialog .rw-original-fusion .fusion-summary .fusion-main-label,#rw-dialog .rw-original-fusion .land-fusion-summary .fusion-main-label{min-width: 0px;} #rw-dialog .rw-original-fusion .fusion-summary select,#rw-dialog .rw-original-fusion .land-fusion-summary select{min-width: 0px; max-width: 100%; text-overflow: ellipsis;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices{align-items: start; grid-auto-rows: minmax(280px, auto);} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice{box-sizing: border-box; height: 280px; min-height: 280px; overflow: auto;} #rw-dialog:is([data-kind="fusion"], [data-kind="land-fusion"]) :is(button, .fusion-choice, .land-fusion-choice){scale: none; animation: auto ease 0s 1 normal none running none; transition: background-color 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s; transform: none !important;} #rw-dialog .fusion-layout.fusion-animation-layout{grid-template-columns: 196px minmax(0px, 1fr); grid-template-rows: minmax(400px, 1fr) 56px; align-content: stretch; gap: 18px;} #rw-dialog .rw-original-fusion .fusion-animation-layout::after{content: ""; grid-area: 2 / 1 / auto / -1; height: 56px; pointer-events: none;} #rw-dialog .rw-original-fusion .fusion-animation-layout .fusion-animation-materials{display: block; grid-area: 1 / 1;} #rw-dialog .rw-original-fusion .fusion-animation-layout .fusion-chamber{grid-area: 1 / 2; box-sizing: border-box; height: 100%; min-height: 0px; overflow: auto;} #rw-dialog .rw-original-fusion .fusion-animation-layout .fusion-finish-actions{grid-area: 2 / 1 / auto / -1; position: static; z-index: 1;} #rw-dialog .rw-original-fusion .fusion-chamber[data-phase="complete"] .fusion-reveal{animation: auto ease 0s 1 normal none running none;} @media (max-width: 650px) {#rw-dialog:is([data-kind="fusion"], [data-kind="land-fusion"]),#rw-dialog .rw-original-fusion #payModal:is([data-workflow="fusion"], [data-workflow="land-fusion"]) .payment-card{width: calc(-20px + 100vw) !important; height: calc(100dvh - 24px) !important; max-height: calc(100dvh - 24px) !important; padding: 20px !important;} #rw-dialog .fusion-layout.fusion-animation-layout{grid-template-columns: minmax(0px, 1fr); grid-template-rows: 440px 156px 56px;} #rw-dialog .rw-original-fusion .fusion-animation-layout .fusion-chamber{grid-area: 1 / 1;} #rw-dialog .rw-original-fusion .fusion-animation-layout .fusion-animation-materials{display: grid; grid-area: 2 / 1; grid-template-columns: repeat(4, minmax(0px, 1fr)); align-content: start;} #rw-dialog .rw-original-fusion .fusion-animation-layout::after,#rw-dialog .rw-original-fusion .fusion-animation-layout .fusion-finish-actions{grid-area: 3 / 1;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices{grid-auto-rows: minmax(280px, auto);} #rw-dialog .rw-original-fusion .fusion-summary #fusionConfirm,#rw-dialog .rw-original-fusion .land-fusion-summary #landFusionConfirm{position: static;}} #rw-dialog .rw-original-fusion .fusion-summary #fusionConfirm,#rw-dialog .rw-original-fusion .land-fusion-summary #landFusionConfirm{height: 66px; min-height: 66px; box-sizing: border-box; white-space: normal; line-height: 1.4;} #rw-dialog .rw-original-fusion #payModal:is([data-workflow="fusion"], [data-workflow="land-fusion"]){padding: 0px; overflow: hidden; align-items: center; justify-content: center;} @media (max-width: 650px) {#rw-dialog .rw-original-fusion .land-fusion-choices,#rw-dialog .rw-original-fusion .fusion-library #fusionChoices{max-height: none; overflow: visible;} #rw-dialog .rw-original-fusion .land-fusion-preview{height: 208px; min-height: 208px;}} #rw-dialog[data-kind="fusion"]{box-sizing: border-box; width: min(960px, -32px + 100vw) !important; max-width: 960px !important; height: min(800px, 100dvh - 40px) !important; max-height: min(800px, 100dvh - 40px) !important;} #rw-dialog[data-kind="fusion"]{background: rgb(251, 252, 245); padding: 28px !important;} #rw-dialog[data-kind="fusion"] #productionDialogTitle{font: 22px / 1.4 HashlingsPixel, Arial, sans-serif; margin: 0px 52px 16px 0px; color: rgb(39, 63, 42);} #rw-dialog[data-kind="fusion"] > .fusion-intro{font-size: 12px; line-height: 1.65; margin: 0px 0px 16px; max-width: none;} #rw-dialog[data-kind="fusion"] > .fusion-layout{gap: 16px; grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1fr); align-items: stretch; align-content: stretch;} #rw-dialog .rw-original-fusion .fusion-library{display: flex; flex-direction: column; min-height: 0px;} #rw-dialog .rw-original-fusion .fusion-library-heading{font-size: 13px; padding: 0px 2px 10px; flex: 0 0 auto;} #rw-dialog .rw-original-fusion .fusion-library-heading span{font-size: 11px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); grid-auto-rows: minmax(280px, auto); gap: 10px; min-height: 0px; max-height: none; overflow: auto; align-content: start; align-items: stretch; flex: 1 1 0%; padding: 3px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice{display: grid; grid-template-columns: 52px minmax(0px, 1fr); grid-template-rows: minmax(62px, auto) auto auto; align-content: start; height: auto; min-height: 280px; gap: 8px; padding: 12px; overflow: visible; background: rgb(255, 254, 248); border-radius: 11px !important;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice:has(input:checked){border-color: rgb(126, 157, 53); background: rgb(240, 247, 217); box-shadow: rgb(126, 157, 53) 0px 0px 0px 1px inset;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice input{top: 10px; right: 10px; accent-color: rgb(115, 143, 47);} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice > .fusion-avatar{grid-area: 1 / 1; width: 48px; height: 48px; padding: 2px; margin: 0px; background: rgb(240, 243, 232); align-self: center;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice > span{grid-area: 1 / 2; padding-right: 20px; align-self: center; min-width: 0px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice > span > strong{font-size: 12px; line-height: 1.35; margin: 0px 0px 4px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice > span > small{font-size: 10px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice > .role-energy{grid-area: 2 / 1 / auto / -1; align-self: start; min-width: 0px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice .role-energy-label{font-size: 10px; flex-wrap: wrap; row-gap: 2px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice .role-energy-state{font-size: 10px; line-height: 1.4; margin-top: 4px; min-width: 0px; overflow-wrap: anywhere;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice .role-energy-state > span{min-width: 0px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice .role-gathering-rate{flex-wrap: wrap; row-gap: 2px; min-width: 0px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice > .role-affinities{grid-area: 3 / 1 / auto / -1; align-content: start; gap: 4px; min-height: 0px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice .role-affinities > :not(.role-level){font-size: 10px; line-height: 1.35; padding: 3px 5px; white-space: normal; display: block; overflow-wrap: anywhere;} #rw-dialog .rw-original-fusion .fusion-selection-count{font-size: 12px; margin: 10px 2px 0px; flex: 0 0 auto;} #rw-dialog .rw-original-fusion .fusion-summary{display: flex; flex-direction: column; gap: 12px; height: 100%; min-height: 0px; overflow: hidden; box-sizing: border-box; padding: 14px; border-radius: 12px; background: rgb(240, 243, 232);} #rw-dialog .rw-original-fusion .fusion-summary-heading{font: 13px / 1.4 HashlingsPixel, Arial, sans-serif; margin: 0px; flex: 0 0 auto;} #rw-dialog .rw-original-fusion .fusion-summary-body{display: flex; flex-direction: column; gap: 12px; flex: 1 1 0%; min-height: 0px; overflow: auto; scrollbar-gutter: stable; padding-right: 3px;} #rw-dialog .rw-original-fusion .fusion-summary-body > *{flex-shrink: 0;} #rw-dialog .rw-original-fusion .fusion-summary .fusion-selected-slots{gap: 6px;} #rw-dialog .rw-original-fusion .fusion-summary .fusion-selected-slot{height: 64px; padding: 6px 3px; gap: 3px;} #rw-dialog .rw-original-fusion .fusion-summary .fusion-selected-slot small{font-size: 9px;} #rw-dialog .rw-original-fusion .fusion-summary .fusion-result-card{height: 240px; min-height: 240px; overflow: visible; padding: 12px; margin: 0px;} #rw-dialog .rw-original-fusion .fusion-result-identity{gap: 10px;} #rw-dialog .rw-original-fusion .fusion-result-identity canvas{width: 48px; height: 48px;} #rw-dialog .rw-original-fusion .fusion-result-identity strong{font-size: 13px;} #rw-dialog .rw-original-fusion .fusion-result-stats{gap: 10px; margin-top: 12px; padding-top: 10px;} #rw-dialog .rw-original-fusion .fusion-result-stats dd{font-size: 17px;} #rw-dialog .rw-original-fusion .fusion-result-stats dt{font-size: 10px;} #rw-dialog p.fusion-success-note{margin-top: 10px;} #rw-dialog .rw-original-fusion .fusion-summary .fusion-main-label{margin: 0px; font-size: 12px; gap: 6px;} #rw-dialog .rw-original-fusion .fusion-summary select{min-height: 42px; font-size: 12px;} #rw-dialog .rw-original-fusion .fusion-summary #fusionTraits{height: auto; max-height: none; overflow: visible; scrollbar-gutter: auto; margin: 0px;} #rw-dialog .rw-original-fusion .fusion-summary #fusionTraits .production-option{font-size: 11px; line-height: 1.5; margin: 0px 0px 8px;} #rw-dialog .rw-original-fusion .fusion-summary #fusionPreview{height: 48px; min-height: 48px; font-size: 11px; line-height: 1.5; margin: 0px;} #rw-dialog .fusion-summary #fusionConfirm,#rw-dialog .fusion-return{display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; min-height: 48px; flex: 0 0 auto; margin: 0px; padding: 10px 14px; border: 1px solid rgb(175, 198, 70); box-shadow: none; background: var(--hl-action,#d2f65a); color: var(--hl-action-ink,#1b2814); font-size: 13px; font-weight: 700; white-space: normal; line-height: 1.4; position: static; border-radius: 10px !important;} #rw-dialog .fusion-return{width: min(340px, 100%); justify-content: space-between;} #rw-dialog[data-kind="fusion"] .fusion-return :is(span, i, strong){color: var(--hl-action-ink,#1b2814) !important;} #rw-dialog .fusion-summary #fusionConfirm:hover:not(:disabled),#rw-dialog .fusion-return:hover{background: var(--hl-action-hover,#c4ea43); border-color: rgb(145, 173, 50);} #rw-dialog .fusion-summary #fusionConfirm:disabled{background: rgb(225, 230, 214); color: rgb(119, 131, 107); border-color: rgb(214, 222, 201); opacity: 1;} #rw-dialog .fusion-layout.fusion-animation-layout{grid-template-columns: minmax(0px, 1fr); grid-template-rows: minmax(0px, 1fr) 48px; gap: 14px; overflow: hidden;} #rw-dialog .rw-original-fusion .fusion-animation-layout::after{content: none;} #rw-dialog .rw-original-fusion .fusion-animation-layout .fusion-chamber{grid-area: 1 / 1; display: flex; flex-direction: column; height: 100%; min-height: 0px; overflow: hidden; padding: 18px 24px; box-sizing: border-box; border: 1px solid rgb(209, 221, 196); border-radius: 14px; background: radial-gradient(rgb(231, 240, 205), rgb(244, 247, 235) 72%);} #rw-dialog .rw-original-fusion .fusion-stage-label{display: flex; align-items: center; justify-content: space-between; gap: 12px; color: rgb(108, 128, 89); font: 10px / 1.5 HashlingsPixel, Arial, sans-serif; letter-spacing: 0.08em; flex: 0 0 auto;} #rw-dialog .rw-original-fusion .fusion-stage-label strong{font-size: 16px; color: rgb(72, 98, 50);} #rw-dialog .rw-original-fusion .fusion-scene-viewport{position: relative; flex: 1 1 0%; min-height: 260px; display: grid; place-items: center; margin: 8px 0px;} #rw-dialog .rw-original-fusion .fusion-coordinate-stage{max-width: 640px;} #rw-dialog .rw-original-fusion .fusion-chamber-caption{flex: 0 0 auto; height: 100px; min-height: 100px; overflow: auto; text-align: center;} #rw-dialog .rw-original-fusion .fusion-chamber-caption strong{display: block; font: 18px / 1.4 HashlingsPixel, Arial, sans-serif; color: rgb(48, 75, 42); margin: 8px 0px;} #rw-dialog .rw-original-fusion .fusion-chamber-caption > span{display: block; max-width: 520px; margin: auto; color: rgb(106, 124, 88); font-size: 12px; line-height: 1.65;} #rw-dialog .rw-original-fusion .fusion-chamber:not([data-phase="working"]) .fusion-coordinate-stage{visibility: hidden;} #rw-dialog .rw-original-fusion .fusion-chamber:not([data-phase="working"]) .fusion-reveal{position: absolute; inset: 0px; display: grid; place-content: center; align-items: center; grid-template-columns: minmax(140px, 0.75fr) minmax(0px, 1fr); gap: 22px; overflow: auto; padding: 12px 20px; animation: auto ease 0s 1 normal none running none;} #rw-dialog .rw-original-fusion .fusion-chamber:not([data-phase="working"]) .fusion-phase-track{visibility: hidden;} #rw-dialog .rw-original-fusion .fusion-chamber[data-phase="failed"] .fusion-reveal{display: flex; flex-direction: column; justify-content: center;} #rw-dialog .rw-original-fusion .fusion-chamber[data-phase="failed"] .fusion-chamber-caption strong{color: rgb(111, 103, 70);} #rw-dialog .rw-original-fusion .fusion-animation-layout .fusion-finish-actions{grid-area: 2 / 1; display: flex; align-items: center; justify-content: center; height: 48px; min-height: 48px; margin: 0px; padding: 0px; position: static; background: transparent;} #rw-dialog .rw-original-fusion .fusion-waiting-note{font-size: 12px; color: rgb(125, 136, 109);} @media (max-width: 650px) {#rw-dialog[data-kind="fusion"]{width: calc(-20px + 100vw) !important; height: calc(100dvh - 24px) !important; max-height: calc(100dvh - 24px) !important; padding: 20px !important;} #rw-dialog[data-kind="fusion"] #productionDialogTitle{font-size: 18px; margin-bottom: 12px;} #rw-dialog[data-kind="fusion"] > .fusion-intro{font-size: 11px; margin-bottom: 12px;} #rw-dialog[data-kind="fusion"] > .fusion-layout{grid-template-columns: minmax(0px, 1fr); gap: 16px; align-content: start; overflow: auto;} #rw-dialog .rw-original-fusion .fusion-library{height: 380px; min-height: 380px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices{overflow: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); grid-auto-rows: minmax(280px, auto);} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice{grid-template-columns: 40px minmax(0px, 1fr); padding: 9px; gap: 7px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice > .fusion-avatar{width: 38px; height: 38px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice > span{padding-right: 12px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice > span > strong{font-size: 11px;} #rw-dialog .rw-original-fusion .fusion-summary{height: auto; min-height: 700px; overflow: visible; align-self: start;} #rw-dialog .rw-original-fusion .fusion-summary-body{flex: 0 0 auto; padding-right: 0px; overflow: visible; scrollbar-gutter: auto;} #rw-dialog .fusion-layout.fusion-animation-layout{grid-template-rows: minmax(0px, 1fr) 48px; gap: 10px; align-content: stretch; overflow: hidden;} #rw-dialog .rw-original-fusion .fusion-node-name{font-size: 24px;} #rw-dialog .rw-original-fusion .fusion-node-id,#rw-dialog .rw-original-fusion .fusion-reactor-note{display: none;} #rw-dialog .rw-original-fusion .fusion-animation-layout .fusion-chamber{padding: 14px 8px;} #rw-dialog .rw-original-fusion .fusion-stage-label{font-size: 8px; letter-spacing: 0px;} #rw-dialog .rw-original-fusion .fusion-stage-label strong{font-size: 14px;} #rw-dialog .rw-original-fusion .fusion-scene-viewport{min-height: 210px; margin: 2px 0px;} #rw-dialog .rw-original-fusion .fusion-chamber-caption{height: 110px; min-height: 110px;} #rw-dialog .rw-original-fusion .fusion-chamber-caption strong{font-size: 15px;} #rw-dialog .rw-original-fusion .fusion-chamber-caption > span{font-size: 11px; line-height: 1.5;} #rw-dialog .rw-original-fusion .fusion-chamber:not([data-phase="working"]) .fusion-reveal{grid-template-columns: minmax(0px, 1fr); gap: 10px; text-align: center; padding: 6px 10px; place-content: start center;} #rw-dialog .rw-original-fusion .fusion-portrait-stage canvas{width: 108px; height: 108px;} #rw-dialog .fusion-complete-details h3{font-size: 20px; margin: 6px 0px;} #rw-dialog .rw-original-fusion .fusion-complete-meta,#rw-dialog .rw-original-fusion .fusion-complete-traits .role-affinities,#rw-dialog .rw-original-fusion .fusion-complete-traits .role-specials{justify-content: center;} #rw-dialog .rw-original-fusion .fusion-complete-traits{margin-top: 8px;} #rw-dialog .rw-original-fusion .fusion-complete-traits .affinity,#rw-dialog .rw-original-fusion .fusion-complete-traits .role-specials > *{font-size: 10px; padding: 3px 5px;} #rw-dialog .rw-original-fusion .fusion-complete-kicker{font-size: 9px;} #rw-dialog .rw-original-fusion .fusion-kept-characters{gap: 7px;} #rw-dialog .rw-original-fusion .fusion-kept-characters > div{padding: 8px 4px; gap: 4px;} #rw-dialog .rw-original-fusion .fusion-kept-characters canvas{width: 40px; height: 40px;} #rw-dialog .rw-original-fusion .fusion-kept-characters strong{font-size: 11px;} #rw-dialog .rw-original-fusion .fusion-kept-note{font-size: 11px; margin-top: 10px;}} @media (max-width: 380px) {#rw-dialog .rw-original-fusion .fusion-library #fusionChoices{grid-template-columns: minmax(0px, 1fr);} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice{grid-template-columns: 52px minmax(0px, 1fr); padding: 12px; gap: 8px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice > .fusion-avatar{width: 48px; height: 48px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice > span{padding-right: 24px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice > span > strong{font-size: 12px;} #rw-dialog .rw-original-fusion .fusion-library #fusionChoices .fusion-choice .role-energy-label{white-space: nowrap;}} @media (max-width: 370px) { } @media (max-width: 370px) { } @keyframes supply-quote-spin { 100% { transform: rotate(360deg); } } #rw-dialog .rw-original-fusion .fusion-trait-picker{min-width: 0px;} #rw-dialog .rw-original-fusion .fusion-traits-heading{display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12px; margin-bottom: 8px;} #rw-dialog .rw-original-fusion .fusion-traits-heading > span{font-variant-numeric: tabular-nums; color: rgb(82, 107, 53);} #rw-dialog .fusion-traits-hint{margin: 8px 0px 0px; font-size: 11px; line-height: 1.5; color: rgb(104, 119, 89);} #rw-dialog .rw-original-fusion .fusion-currencies{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin-top: 8px;} #rw-dialog .rw-original-fusion .fusion-currencies button{display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; min-width: 0px; min-height: 64px; padding: 10px 12px; border: 1px solid rgb(201, 212, 188); border-radius: 10px; background: rgb(255, 254, 248); color: rgb(58, 76, 48); cursor: pointer; text-align: left;} #rw-dialog .rw-original-fusion .fusion-currencies button[aria-pressed="true"]{border-color: rgb(114, 147, 50); background: rgb(237, 247, 205); box-shadow: rgb(114, 147, 50) 0px 0px 0px 1px inset;} #rw-dialog .rw-original-fusion .fusion-currencies button strong{font-size: 13px;} #rw-dialog .rw-original-fusion .fusion-currencies button span{font-size: 11px; line-height: 1.4; overflow-wrap: anywhere;} #rw-dialog .rw-original-fusion .fusion-currencies button:focus-visible{outline: rgb(90, 123, 35) solid 2px; outline-offset: 2px;} #rw-dialog .rw-original-fusion .fusion-main-picker{position: relative; display: grid; gap: 8px; min-width: 0px; margin: 0px;} #rw-dialog .rw-original-fusion .fusion-main-picker .fusion-main-label{margin: 0px; color: rgb(66, 83, 62); font-size: 12px; font-weight: 700; line-height: 1.45;} #rw-dialog .fusion-main-source{position: absolute !important; left: 0px !important; top: 0px !important; width: 1px !important; height: 1px !important; min-width: 1px !important; min-height: 1px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important;} #rw-dialog .rw-original-fusion .fusion-main-options{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px; min-width: 0px;} #rw-dialog .fusion-main-option{position: relative; display: grid; grid-template-columns: 32px minmax(0px, 1fr) 8px; align-items: center; gap: 8px; box-sizing: border-box; min-width: 0px; min-height: 52px; padding: 7px 8px; border: 2px solid rgb(212, 221, 204); background: rgb(255, 254, 248); color: rgb(47, 68, 51); text-align: left; box-shadow: none; border-radius: 9px !important;} #rw-dialog .rw-original-fusion .fusion-main-option canvas{display: block; width: 32px; height: 32px; border-radius: 6px; background: rgb(239, 243, 232); image-rendering: pixelated;} #rw-dialog .rw-original-fusion .fusion-main-option > span{min-width: 0px;} #rw-dialog .rw-original-fusion .fusion-main-option strong,#rw-dialog .rw-original-fusion .fusion-main-option small{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #rw-dialog .rw-original-fusion .fusion-main-option strong{font-size: 11px; line-height: 1.35;} #rw-dialog .rw-original-fusion .fusion-main-option small{margin-top: 2px; color: rgb(113, 128, 109); font: 9px / 1.3 monospace;} #rw-dialog .rw-original-fusion .fusion-main-option > i{display: block; width: 7px; height: 7px; border: 1px solid rgb(169, 182, 160); background: rgb(238, 242, 233); box-sizing: border-box;} #rw-dialog .fusion-main-option:hover{border-color: rgb(154, 173, 141); background: rgb(248, 250, 239);} #rw-dialog .fusion-main-option[aria-pressed="true"]{border-color: rgb(111, 141, 56); background: rgb(238, 245, 217); color: rgb(37, 61, 43); box-shadow: none;} #rw-dialog .rw-original-fusion .fusion-main-option[aria-pressed="true"] > i{border-color: rgb(86, 122, 45); background: rgb(115, 149, 58);} #rw-dialog .fusion-main-option:focus-visible{border-color: rgb(49, 95, 72); outline: 0px; box-shadow: none;} #rw-dialog .rw-original-fusion .fusion-main-empty{display: flex; grid-column: 1 / -1; align-items: center; box-sizing: border-box; min-height: 52px; padding: 10px 12px; border: 1px dashed rgb(200, 210, 191); border-radius: 9px; background: rgb(247, 249, 242); color: rgb(124, 136, 117); font-size: 11px;} @media (max-width: 380px) {#rw-dialog .rw-original-fusion .fusion-main-options{grid-template-columns: minmax(0px, 1fr);}} #rw-dialog .rw-original-fusion :is(.coll-item, .fusion-choice).is-listed{position: relative; border-color: rgba(177, 132, 24, 0.72);} #rw-dialog .rw-original-fusion .fusion-choice .role-market-badge{top: 8px; right: 8px;} #rw-dialog[data-kind="supply"]{width: min(760px, -28px + 100vw) !important;} @media (max-width: 560px) {#rw-dialog[data-kind="supply"]{padding: 15px !important; width: calc(-20px + 100vw) !important;} } #rw-dialog[data-kind="supply"]{width: min(760px, -86px + 100vw) !important; max-width: 760px !important; height: min(780px, 100dvh - 40px) !important; max-height: none !important; padding: 0px !important; border: 0px !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; left: 62px !important; right: 0px !important;} #rw-dialog[data-kind="supply"] .supply-menu button{position: relative; box-sizing: border-box; min-height: 68px; width: 62px; display: flex; flex-direction: column; gap: 5px; padding: 9px 3px; font-size: 12px; --hl-cta-shadow: none; --hl-cta-shadow-hover: none; border: 1px solid rgb(211, 223, 201) !important; border-radius: 12px 0px 0px 12px !important; background: rgb(240, 243, 232) !important; color: rgb(104, 118, 93) !important; box-shadow: none !important; transform: none !important; transition: color 0.12s !important;} #rw-dialog[data-kind="supply"] .supply-menu button[aria-selected="true"]{outline: 0px; font-weight: 700; border-right-color: var(--hl-paper,#fffef8) !important; background: var(--hl-paper,#fffef8) !important; color: rgb(54, 93, 39) !important;} #rw-dialog[data-kind="supply"] .supply-menu button[aria-selected="true"]::before{content: ""; position: absolute; left: 0px; width: 3px; height: 24px; border-radius: 2px; background: rgb(131, 173, 71);} #rw-dialog[data-kind="supply"] .supply-menu button:hover:not(:disabled){background: rgb(247, 249, 239) !important;} #rw-dialog[data-kind="supply"] .supply-menu button[aria-selected="true"]:hover:not(:disabled){background: var(--hl-paper,#fffef8) !important;} body.shared-theme #rw-dialog[data-kind="supply"] .supply-menu button:active:not(:disabled){transform: none !important; box-shadow: none !important;} @media (max-width: 560px) {#rw-dialog[data-kind="supply"]{width: calc(-66px + 100vw) !important; left: 46px !important; height: calc(100dvh - 24px) !important;} #rw-dialog[data-kind="supply"] .supply-menu button{width: 46px; min-height: 64px; padding: 9px 2px; font-size: 10px; border-radius: 10px 0px 0px 10px !important;} } #rw-dialog[data-kind="fusion"] .fusion-summary{gap: 9px; padding: 12px;} #rw-dialog[data-kind="fusion"] .fusion-summary-body{gap: 10px; justify-content: flex-start;} #rw-dialog[data-kind="fusion"] :is(.fusion-main-picker, .fusion-trait-picker){min-height: 0px; max-width: none; width: 100%; box-sizing: border-box; padding: 0px !important; margin: 0px !important;} #rw-dialog[data-kind="fusion"] .fusion-summary .fusion-result-card{height: auto; min-height: 0px; padding: 10px;} #rw-dialog[data-kind="fusion"] .fusion-result-stats{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 6px; margin-top: 8px; padding-top: 8px;} #rw-dialog[data-kind="fusion"] .fusion-result-stats dd{font-size: 15px;} #rw-dialog[data-kind="fusion"] .fusion-result-identity canvas{width: 36px; height: 36px;} #rw-dialog[data-kind="fusion"] .fusion-summary #fusionPreview{height: auto; min-height: 0px; margin: 0px;} #rw-dialog[data-kind="fusion"] .fusion-selected-slot{height: 48px; padding: 4px; flex-direction: row; gap: 6px;} #rw-dialog[data-kind="fusion"] .fusion-selected-slot canvas{width: 28px; height: 28px;} #rw-dialog[data-kind="fusion"] .fusion-traits-heading{margin-bottom: 6px;} #rw-dialog[data-kind="fusion"] #fusionTraits{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 5px 8px;} #rw-dialog[data-kind="fusion"] #fusionTraits .production-option{margin: 0px; padding: 3px 0px; display: flex; align-items: flex-start; gap: 5px;} #rw-dialog[data-kind="fusion"] #fusionTraits input{flex: 0 0 auto; margin-top: 2px;} #rw-dialog[data-kind="fusion"] #fusionTraitsHint{margin-top: 5px;} #rw-dialog[data-kind="fusion"] #fusionPaymentNote{margin: 0px; font-size: 12px; line-height: 1.5; color: rgb(74, 104, 52);} #rw-dialog[data-kind="fusion"] .fusion-summary-body:has(#fusionCurrencyLabel[hidden]) .fusion-currencies{display: none;} @media (max-width: 650px) {#rw-dialog[data-kind="fusion"]{padding: 16px !important;} #rw-dialog[data-kind="fusion"] > .fusion-layout:not(.fusion-animation-layout){position: relative; padding-bottom: 62px;} #rw-dialog[data-kind="fusion"] .fusion-library{height: 250px; min-height: 250px;} #rw-dialog[data-kind="fusion"] .fusion-summary{min-height: 0px; height: auto; overflow: visible;} #rw-dialog[data-kind="fusion"] .fusion-summary-body{flex: 0 0 auto; overflow: visible;} #rw-dialog[data-kind="fusion"] .fusion-summary #fusionConfirm{position: fixed; bottom: 16px; left: 16px; right: 16px; width: calc(100% - 32px); z-index: 5; box-shadow: rgb(251, 252, 245) 0px -8px 0px 8px;} #rw-dialog[data-kind="fusion"] #fusionTraits{grid-template-columns: 1fr;} #rw-dialog[data-kind="fusion"] .fusion-main-options{grid-template-columns: repeat(2, minmax(0px, 1fr));}} #rw-dialog[data-kind="fusion"] > .fusion-layout:not(.fusion-animation-layout){align-items: start; align-content: start; grid-template-rows: none; grid-auto-rows: max-content;} #rw-dialog[data-kind="fusion"] .fusion-library{height: auto; min-height: 0px; overflow: visible; flex: 0 0 auto;} #rw-dialog[data-kind="fusion"] .fusion-library #fusionChoices{height: auto; min-height: 0px; max-height: none; overflow: visible; flex: 0 0 auto; grid-auto-rows: auto; align-content: start;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice{height: auto; min-height: 0px; max-height: none; overflow: visible;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice[hidden]{display: none !important;} #rw-dialog[data-kind="fusion"] .fusion-material-pages{display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 12px 2px 0px; padding: 0px; min-height: 0px; box-shadow: none; background: none; border: 0px; position: static; transform: none; inset: auto; width: auto; max-width: none; z-index: auto;} #rw-dialog[data-kind="fusion"] .fusion-material-pages[hidden]{display: none;} #rw-dialog[data-kind="fusion"] .fusion-material-pages button{min-height: 40px; padding: 8px 12px; font-size: 12px; border: 1px solid rgb(203, 213, 188); border-radius: 9px; background: rgb(255, 254, 247); color: rgb(49, 76, 44); cursor: pointer;} #rw-dialog[data-kind="fusion"] .fusion-material-pages button:disabled{opacity: 0.45; cursor: default;} #rw-dialog[data-kind="fusion"] .fusion-material-pages span{font-size: 11px; text-align: center; color: rgb(97, 115, 84);} #rw-dialog[data-kind="fusion"] .fusion-summary{height: auto; min-height: 0px; overflow: visible;} #rw-dialog[data-kind="fusion"] .fusion-summary-body{height: auto; min-height: 0px; overflow: visible; flex: 0 0 auto; scrollbar-gutter: auto;} @media (max-width: 650px) {#rw-dialog[data-kind="fusion"]{padding: 16px !important;} #rw-dialog[data-kind="fusion"] .fusion-library-heading{padding-bottom: 4px;} #rw-dialog[data-kind="fusion"] .fusion-material-scroll-hint{display: block; margin: 0px 2px 7px; color: rgb(97, 115, 84); font: 11px / 1.5 Arial, "Microsoft YaHei", sans-serif;} #rw-dialog[data-kind="fusion"] .fusion-library #fusionChoices{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px; grid-auto-rows: auto; max-height: min(430px, 48dvh); overflow: hidden auto; touch-action: pan-y; scrollbar-width: thin; padding: 2px 3px 5px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice{grid-template-columns: 30px minmax(0px, 1fr); grid-template-rows: minmax(48px, auto) auto auto; gap: 5px; padding: 7px; min-width: 0px; height: auto; min-height: 0px; overflow: visible; border-radius: 9px !important;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice input{width: 17px; height: 17px; top: 6px; right: 6px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice > .fusion-avatar{width: 28px; height: 28px; padding: 1px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice > span{padding-right: 14px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice > span > strong{font-size: 11px; line-height: 1.35; margin-bottom: 3px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice > span > small{font-size: 9px; line-height: 1.35; display: block; overflow: visible; overflow-wrap: anywhere; -webkit-line-clamp: unset;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice > .role-energy{margin: 0px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice .role-energy-label{font-size: 10px; line-height: 1.4; white-space: normal; gap: 2px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice .role-energy-label :is(b, strong){font-size: 11px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice .role-energy-track{height: 5px; margin-top: 3px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice .role-energy-state{margin-top: 3px; min-height: 14px; font-size: 10px; line-height: 1.4;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice .role-gathering-rate{margin-top: 4px; font-size: 10px; gap: 2px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice .role-gathering-rate :is(b, strong){font-size: 11px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice > .role-affinities{gap: 3px; margin-top: 0px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice .role-affinities > :not(.role-level){padding: 3px 4px; font-size: 10px; line-height: 1.35; white-space: normal; overflow: visible;} #rw-dialog[data-kind="fusion"] .fusion-material-pages{display: none;}} #rw-dialog[data-kind="fusion"] .fusion-material-scroll-hint{display: block; margin: 0px 2px 7px; color: rgb(97, 115, 84); font: 11px / 1.5 Arial, "Microsoft YaHei", sans-serif;} @media (min-width: 651px) {#rw-dialog[data-kind="fusion"] .fusion-library #fusionChoices{grid-template-columns: repeat(2, minmax(0px, 1fr)); max-height: min(640px, max(180px, 100dvh - 260px)); overflow: hidden auto; touch-action: pan-y; scrollbar-width: thin; scrollbar-gutter: stable; padding: 2px 5px 5px 2px;}} @keyframes reveal-orbit-407 { 100% { transform: rotate(360deg); } } @keyframes reveal-float-407 { 50% { transform: translateY(-6px); } } @keyframes reveal-charge-407 { 0% { transform: scale(1); } 65% { transform: translateY(-10px) scale(0.93); filter: brightness(1.25); } 100% { transform: translateY(-6px) scale(0.95); filter: brightness(1.6); } } @keyframes reveal-burst-407 { 0% { transform: translateY(-6px) scale(0.95); filter: brightness(1.6); } 50% { transform: scale(1.04); filter: brightness(2.1); } 100% { transform: scale(0.98); filter: brightness(1.4); } } @keyframes reveal-cards-407 { 0% { opacity: 0.35; transform: perspective(700px) rotateY(80deg) translateY(16px) scale(0.88); } 65% { opacity: 1; transform: perspective(700px) rotateY(-5deg) translateY(-4px) scale(1.02); } 100% { transform: none; } } @keyframes reveal-star-407 { 50% { transform: rotate(90deg) scale(1.3); opacity: 0.55; } } @media (max-width: 650px) { } #rw-dialog[data-kind="fusion"][open]{display: block; overflow: auto; scroll-padding-block: 20px 36px; height: auto !important; max-height: calc(100dvh - 24px) !important; padding: 22px !important;} #rw-dialog[data-kind="fusion"] > .fusion-layout:not(.fusion-animation-layout){display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); align-items: start; overflow: visible; min-height: 0px; height: auto; max-height: none; flex: 0 0 auto; padding-bottom: calc(16px + env(safe-area-inset-bottom)); gap: 18px;} #rw-dialog[data-kind="fusion"] .fusion-library{height: auto; min-height: 0px; overflow: visible;} #rw-dialog[data-kind="fusion"] .fusion-library #fusionChoices{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); max-height: min(520px, 60dvh); min-height: 0px; height: auto; gap: 8px; overflow: hidden auto; scroll-padding-bottom: 12px; overscroll-behavior: auto; padding: 3px 5px 12px 3px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice{display: grid; grid-template-columns: 40px minmax(0px, 1fr); grid-template-rows: auto auto; align-content: start; align-items: center; gap: 7px; min-height: 0px; height: auto; max-height: none; padding: 10px !important; border-radius: 12px !important;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice > .fusion-avatar{width: 40px; height: 40px; grid-area: 1 / 1; padding: 0px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice > span{grid-area: 1 / 2; padding-right: 13px; min-width: 0px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice strong{font-size: 12px; line-height: 1.4; margin: 0px 0px 3px; white-space: normal;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice small{font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; white-space: normal;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice input{width: 18px; height: 18px; top: 7px; right: 7px;} #rw-dialog[data-kind="fusion"] #fusionChoices :is(.role-energy, .role-affinities){display: none;} #rw-dialog[data-kind="fusion"] .fusion-material-traits{grid-column: 1 / -1; display: flex; gap: 4px; flex-wrap: wrap; min-width: 0px;} #rw-dialog[data-kind="fusion"] .fusion-material-traits span{font-size: 10px; line-height: 1.4; padding: 3px 5px; border-radius: 5px; background: rgb(240, 230, 255); color: rgb(117, 78, 153); white-space: normal; overflow-wrap: anywhere;} #rw-dialog[data-kind="fusion"] .fusion-material-traits [data-tier="gold"]{background: rgb(255, 240, 186); color: rgb(133, 96, 14);} #rw-dialog[data-kind="fusion"] .fusion-summary,#rw-dialog[data-kind="fusion"] .fusion-summary-body{height: auto; max-height: none; min-height: 0px; overflow: visible; flex: 0 0 auto;} #rw-dialog[data-kind="fusion"] .fusion-summary-body{display: flex; flex-direction: column; gap: 14px;} #rw-dialog[data-kind="fusion"] #fusionResultCard{order: -1;} #rw-dialog[data-kind="fusion"] .fusion-result-identity{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 4px;} #rw-dialog[data-kind="fusion"] .fusion-result-identity canvas{width: 112px; height: 112px; image-rendering: pixelated; filter: drop-shadow(rgba(81, 102, 48, 0.145) 0px 6px 4px);} #rw-dialog[data-kind="fusion"] .fusion-result-identity > div{display: flex; flex-direction: column; gap: 4px; align-items: center;} #rw-dialog[data-kind="fusion"] .fusion-summary #fusionConfirm{min-height: 48px; height: auto; margin-top: 14px; box-shadow: rgb(140, 164, 75) 0px 3px 0px; position: static !important; inset: auto !important; width: 100% !important;} #rw-dialog[data-kind="fusion"] #fusionTraits{display: grid; grid-template-columns: 1fr; gap: 8px;} #rw-dialog[data-kind="fusion"] #fusionTraits .fusion-trait-toggle{--trait: #9371b4; position: relative; display: grid; grid-template-columns: 36px minmax(0px, 1fr) 22px; gap: 9px; align-items: center; margin: 0px; border: 1px solid rgb(215, 198, 231); border-radius: 12px; background: rgb(251, 247, 255); cursor: pointer; min-height: 56px; box-sizing: border-box; color: rgb(91, 68, 120); padding: 11px !important;} #rw-dialog[data-kind="fusion"] #fusionTraits .fusion-trait-toggle[data-tier="gold"]{--trait: #a17b19; background: rgb(255, 250, 240); color: rgb(118, 85, 17); border-color: rgb(231, 214, 158);} #rw-dialog[data-kind="fusion"] #fusionTraits .fusion-trait-toggle:has(input:checked){border-color: var(--trait); box-shadow: inset 0 0 0 1px var(--trait); background: rgb(242, 230, 255);} #rw-dialog[data-kind="fusion"] #fusionTraits .fusion-trait-toggle[data-tier="gold"]:has(input:checked){background: rgb(255, 241, 189);} #rw-dialog[data-kind="fusion"] #fusionTraits .fusion-trait-toggle:has(input:focus-visible){outline: rgb(98, 128, 59) solid 3px; outline-offset: 3px;} #rw-dialog[data-kind="fusion"] #fusionTraits input{position: absolute; opacity: 0; width: 100%; height: 100%; inset: 0px; margin: 0px; cursor: pointer;} #rw-dialog .rw-original-fusion .fusion-trait-icon{font-size: 23px; line-height: 1; display: grid; place-items: center; width: 34px; height: 34px; background: rgba(255, 255, 255, 0.6); border-radius: 9px;} #rw-dialog .rw-original-fusion .fusion-trait-copy{font: 12px / 1.55 system-ui, sans-serif; overflow-wrap: anywhere;} #rw-dialog .rw-original-fusion .fusion-trait-check{display: grid; place-items: center; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid var(--trait); border-radius: 6px; color: transparent; font-weight: 800;} #rw-dialog .rw-original-fusion .fusion-trait-toggle:has(input:checked) .fusion-trait-check{background: var(--trait); color: white;} #rw-dialog[data-kind="fusion"] > .fusion-layout.fusion-animation-layout{display: flex; flex-direction: column; overflow: visible; height: auto; gap: 16px;} #rw-dialog[data-kind="fusion"] .fusion-animation-layout .fusion-chamber{position: relative; height: auto; min-height: 460px; overflow: hidden; background: radial-gradient(at 50% 38%, rgb(48, 72, 89), rgb(20, 46, 48) 68%); border-color: rgb(109, 146, 109); color: rgb(237, 246, 216);} #rw-dialog[data-kind="fusion"] .fusion-stage-label{color: rgb(226, 219, 170);} #rw-dialog[data-kind="fusion"] .fusion-stage-label strong{color: rgb(233, 244, 192);} #rw-dialog[data-kind="fusion"] .fusion-scene-viewport{width: 100%; min-height: 280px; height: 320px; flex: 0 0 auto; isolation: isolate;} #rw-dialog .rw-original-fusion .fusion-chamber[data-phase="working"] .fusion-scene-viewport::before,#rw-dialog .rw-original-fusion .fusion-chamber[data-phase="working"] .fusion-scene-viewport::after{content: ""; position: absolute; width: 176px; height: 176px; left: 50%; top: 45%; margin: -88px; border: 1px dashed rgba(217, 245, 125, 0.5); border-radius: 50%; box-shadow: rgba(196, 242, 121, 0.157) 0px 0px 36px, rgba(210, 247, 121, 0.125) 0px 0px 30px inset; animation: 6s linear 0s infinite normal none running reveal-orbit-407; z-index: -1;} #rw-dialog .rw-original-fusion .fusion-chamber[data-phase="working"] .fusion-scene-viewport::after{width: 206px; height: 206px; margin: -103px; border-style: dotted; animation-direction: reverse; animation-duration: 9s;} #rw-dialog[data-kind="fusion"] .fusion-reactor-shell{fill: rgba(162, 193, 112, 0.08); stroke: rgb(233, 219, 140); stroke-width: 2;} #rw-dialog[data-kind="fusion"] .fusion-reactor-frame{stroke: rgb(182, 231, 209); fill: rgba(191, 235, 190, 0.05);} #rw-dialog[data-kind="fusion"] .fusion-energy-line{stroke: rgb(228, 239, 157); stroke-width: 3; filter: drop-shadow(rgb(196, 238, 123) 0px 0px 4px); animation: 1s linear 0s infinite normal none running forge-stream-407;} #rw-dialog[data-kind="fusion"] .fusion-node-name{fill: rgb(242, 237, 205);} #rw-dialog .rw-original-fusion .fusion-node-id{fill: rgb(168, 198, 181);} #rw-dialog[data-kind="fusion"] .fusion-reactor-note{fill: rgb(194, 223, 184);} #rw-dialog .rw-original-fusion .fusion-chamber[data-phase="working"] .fusion-mote{animation: 1.4s ease-in-out 0s infinite normal none running forge-material-407;} #rw-dialog[data-kind="fusion"] .fusion-chamber-caption{min-height: 88px; height: auto; overflow: visible;} #rw-dialog[data-kind="fusion"] .fusion-chamber-caption strong{color: rgb(229, 242, 179);} #rw-dialog[data-kind="fusion"] .fusion-chamber-caption > span{color: rgb(179, 201, 184);} #rw-dialog[data-kind="fusion"] .fusion-chamber:not([data-phase="working"]) .fusion-scene-viewport{height: auto; min-height: 0px;} #rw-dialog[data-kind="fusion"] .fusion-chamber:not([data-phase="working"]) .fusion-coordinate-stage{display: none;} #rw-dialog[data-kind="fusion"] .fusion-chamber:not([data-phase="working"]) .fusion-reveal{position: relative; inset: auto; display: flex; flex-direction: column; gap: 10px; overflow: visible; padding: 12px; width: 100%; box-sizing: border-box; text-align: center;} #rw-dialog[data-kind="fusion"] .fusion-chamber[data-phase="complete"] .fusion-portrait-stage{width: 208px; height: 208px; margin: 0px auto; background: radial-gradient(circle, rgba(211, 238, 151, 0.247), transparent 69%); border-radius: 50%; animation: 0.8s ease-out 0s 1 normal both running forge-hero-407;} #rw-dialog[data-kind="fusion"] .fusion-portrait-stage canvas{width: 192px; height: 192px; image-rendering: pixelated; filter: drop-shadow(rgba(232, 230, 152, 0.267) 0px 0px 18px);} #rw-dialog[data-kind="fusion"] .fusion-complete-details h3{color: rgb(255, 240, 182); font-size: 23px; margin: 5px;} #rw-dialog[data-kind="fusion"] .fusion-complete-kicker{color: rgb(207, 231, 143); letter-spacing: 3px;} #rw-dialog[data-kind="fusion"] :is(.fusion-complete-meta, .fusion-complete-traits .role-affinities, .fusion-complete-traits .role-specials){justify-content: center; color: rgb(191, 210, 181);} #rw-dialog .rw-original-fusion .fusion-chamber[data-phase="complete"] .fusion-complete-traits > *{animation: 0.65s ease 0.2s 1 normal both running forge-hero-407;} @keyframes forge-stream-407 { 0% { stroke-dasharray: 12, 20; stroke-dashoffset: 64; } 100% { stroke-dasharray: 12, 20; stroke-dashoffset: 0; } } @keyframes forge-material-407 { 50% { transform: translateY(-8px) scale(1.06); filter: drop-shadow(rgba(209, 244, 121, 0.5) 0px 0px 9px); } } @keyframes forge-hero-407 { 0% { opacity: 0; transform: translateY(20px) scale(0.55); filter: brightness(2); } 65% { opacity: 1; transform: translateY(-5px) scale(1.06); } 100% { opacity: 1; transform: none; filter: none; } } @media (max-width: 650px) {#rw-dialog[data-kind="fusion"][open]{padding: 16px !important;} #rw-dialog[data-kind="fusion"] > .fusion-layout:not(.fusion-animation-layout){grid-template-columns: 1fr; gap: 15px; padding-bottom: 20px;} #rw-dialog[data-kind="fusion"] .fusion-library #fusionChoices{max-height: 36dvh; min-height: 160px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice{grid-template-columns: 32px minmax(0px, 1fr); gap: 6px; padding: 8px !important;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice > .fusion-avatar{width: 32px; height: 32px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice strong{font-size: 11px;} #rw-dialog[data-kind="fusion"] .fusion-result-identity canvas{width: 128px; height: 128px;} #rw-dialog[data-kind="fusion"] .fusion-animation-layout .fusion-chamber{padding: 14px 10px; min-height: 400px;} #rw-dialog[data-kind="fusion"] .fusion-scene-viewport{height: 260px; min-height: 240px;}} @media (prefers-reduced-motion: reduce) {#rw-dialog[data-kind="fusion"] *,#rw-dialog[data-kind="fusion"] ::before,#rw-dialog[data-kind="fusion"] ::after{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}} @keyframes pixel-scatter-407 { 0% { opacity: 0; transform: translate(0px, 0px) scale(1); } 10% { opacity: 1; } 85% { opacity: 1; transform: translate(var(--dx),var(--dy)) scale(1); } 100% { opacity: 0; transform: translate(var(--dx),var(--dy)) scale(0); } } @media (max-width: 650px) { } @media (prefers-reduced-motion: reduce) { } #rw-dialog[data-kind="fusion"]:has(.fusion-animation-layout)[open]{color: rgb(232, 237, 198); background: linear-gradient(rgba(228, 230, 163, 0.024) 1px, transparent 1px) 0% 0% / 8px 8px, linear-gradient(90deg, rgba(228, 230, 163, 0.024) 1px, transparent 1px) rgb(18, 45, 48) !important; border: 3px solid rgb(159, 181, 138) !important; border-radius: 2px !important; box-shadow: rgb(23, 60, 57) 0px 0px 0px 4px, rgb(97, 121, 86) 0px 0px 0px 7px, rgba(7, 27, 36, 0.467) 10px 10px 0px !important; height: auto !important; min-height: 0px !important; padding: 22px !important;} #rw-dialog[data-kind="fusion"]:has(.fusion-animation-layout) #productionDialogTitle{color: rgb(228, 237, 177); font-family: HashlingsPixel, system-ui, sans-serif; margin-bottom: 16px; border-bottom: 2px solid rgba(156, 172, 114, 0.267); padding-bottom: 14px;} #rw-dialog[data-kind="fusion"]:has(.fusion-animation-layout) .production-close{background: rgb(32, 60, 58); color: rgb(243, 245, 213); border: 2px solid rgb(132, 154, 115); box-shadow: rgb(8, 29, 36) 3px 3px 0px; border-radius: 2px !important;} #rw-dialog[data-kind="fusion"] .fusion-animation-layout .fusion-chamber{border: 0px; border-radius: 0px; background: radial-gradient(at 50% 40%, rgb(47, 69, 80), rgb(21, 48, 51) 72%); min-height: 400px; padding: 12px 20px;} #rw-dialog[data-kind="fusion"] .fusion-animation-layout .fusion-finish-actions{margin: 0px; padding: 12px 0 calc(6px + env(safe-area-inset-bottom)); min-height: 0px; height: auto; flex: 0 0 auto; background: transparent; border-top: 2px solid rgba(156, 172, 114, 0.267);} #rw-dialog[data-kind="fusion"] .fusion-animation-layout .fusion-return{border: 2px solid rgb(234, 255, 172); background: rgb(215, 249, 101); font-family: HashlingsPixel, system-ui, sans-serif; letter-spacing: 1px; border-radius: 2px !important; box-shadow: rgb(111, 136, 58) 4px 4px 0px !important;} #rw-dialog[data-kind="fusion"] .fusion-animation-layout .fusion-stage-label{font-family: HashlingsPixel, system-ui, sans-serif; color: rgb(170, 188, 149);} #rw-dialog[data-kind="fusion"] .fusion-chamber[data-phase="working"] .fusion-scene-viewport::before{border: 2px dashed rgba(217, 245, 125, 0.5); border-radius: 0px; transform: rotate(45deg); animation: 8s steps(32) 0s infinite normal none running reveal-orbit-407;} #rw-dialog[data-kind="fusion"] .fusion-chamber[data-phase="working"] .fusion-scene-viewport::after{border: 3px dotted rgba(144, 204, 191, 0.4); border-radius: 0px; animation: 12s steps(48) 0s infinite reverse none running reveal-orbit-407;} #rw-dialog[data-kind="fusion"] .fusion-reactor-shell{stroke-dasharray: 12, 4; shape-rendering: crispedges; fill: rgba(172, 198, 117, 0.075);} #rw-dialog[data-kind="fusion"] .fusion-reactor-frame{shape-rendering: crispedges; stroke-dasharray: 4, 4;} #rw-dialog[data-kind="fusion"] .fusion-energy-line{stroke-width: 4; shape-rendering: crispedges; animation-timing-function: steps(10);} #rw-dialog[data-kind="fusion"] .fusion-mote{border-radius: 2px; border: 2px solid rgb(174, 197, 156); box-shadow: rgb(16, 39, 35) 3px 3px 0px; background: rgb(41, 75, 69);} #rw-dialog[data-kind="fusion"] .fusion-chamber[data-phase="complete"] .fusion-portrait-stage{border-radius: 0px; animation: 0.8s steps(8) 0s 1 normal both running forge-hero-407;} #rw-dialog[data-kind="fusion"] .fusion-portrait-stage::before{content: ""; position: absolute; inset: 20px; z-index: 0; background: repeating-conic-gradient(transparent 0deg, transparent 32deg, rgba(228, 211, 135, 0.15) 32deg, rgba(228, 211, 135, 0.15) 40deg, transparent 40deg, transparent 60deg); border: 2px dashed rgba(205, 228, 134, 0.267); animation: 12s steps(36) 0s 2 normal none running reveal-orbit-407;} #rw-dialog[data-kind="fusion"] .fusion-portrait-stage canvas{position: relative; z-index: 1; filter: drop-shadow(rgba(7, 26, 37, 0.267) 4px 5px 0px);} #rw-dialog[data-kind="fusion"] .fusion-animation-layout :is(.fusion-complete-level, .affinity, .role-specials > span, .role-specials > button){background: rgb(41, 70, 61); color: rgb(213, 230, 191); border: 1px solid rgb(128, 158, 111); border-radius: 1px; box-shadow: rgb(9, 37, 39) 2px 2px 0px;} #rw-dialog[data-kind="fusion"] .fusion-animation-layout .role-specials :is(.gold, [data-tier="gold"]){background: rgb(88, 77, 43); color: rgb(252, 234, 162); border-color: rgb(223, 199, 121);} #rw-dialog[data-kind="fusion"] .fusion-animation-layout .fusion-waiting-note{color: rgb(212, 231, 185);} #rw-dialog .rw-original-fusion .fusion-pixel-burst{position: absolute; inset: -10px; pointer-events: none; overflow: hidden; z-index: 2;} #rw-dialog .rw-original-fusion .fusion-pixel-burst i{position: absolute; left: 50%; top: 42%; width: 5px; height: 5px; background: rgb(225, 223, 128); box-shadow: rgb(164, 209, 188) 6px 0px; opacity: 0;} #rw-dialog .rw-original-fusion .fusion-pixel-burst i:nth-child(3n){background: rgb(203, 160, 236);} #rw-dialog .rw-original-fusion .fusion-chamber[data-phase="complete"] .fusion-pixel-burst i{animation: pixel-scatter-407 1.25s steps(14,end) var(--delay) both;} @media (max-width: 650px) {#rw-dialog[data-kind="fusion"]:has(.fusion-animation-layout)[open]{padding: 16px !important; width: calc(-20px + 100vw) !important;} #rw-dialog[data-kind="fusion"] .fusion-animation-layout .fusion-chamber{min-height: 360px; padding: 8px 0px;} #rw-dialog[data-kind="fusion"] .fusion-animation-layout .fusion-scene-viewport{min-height: 230px;} #rw-dialog[data-kind="fusion"] .fusion-chamber:not([data-phase="working"]) .fusion-scene-viewport{min-height: 0px;}} @media (prefers-reduced-motion: reduce) {#rw-dialog .rw-original-fusion .fusion-pixel-burst{display: none;} #rw-dialog[data-kind="fusion"] .fusion-portrait-stage::before{animation: auto ease 0s 1 normal none running none;}} #rw-dialog[data-kind="fusion"][open],#rw-dialog[data-kind="fusion"]:has(.fusion-animation-layout)[open]{height: fit-content !important; min-height: 0px !important; width: min(960px, 100% - 32px) !important;} #rw-dialog[data-kind="fusion"] > .fusion-layout.fusion-animation-layout{flex: 0 0 auto; min-height: 0px; max-height: none;} #rw-dialog[data-kind="fusion"] > .production-dialog-status:empty{display: none;} @media (max-width: 650px) {#rw-dialog[data-kind="fusion"][open],#rw-dialog[data-kind="fusion"]:has(.fusion-animation-layout)[open]{width: calc(100% - 24px) !important;}} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice > .role-affinities{display: flex; flex-wrap: wrap; gap: 4px; grid-area: 2 / 1 / auto / -1; margin: 0px; min-height: 0px;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice > .role-affinities > :not(.affinity){display: none;} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-choice .role-affinities > .affinity{display: inline-flex; align-items: center; gap: 3px; font-size: 10px; line-height: 1.5; padding: 3px 5px; border: 1px solid transparent; border-radius: 5px; opacity: 1; white-space: normal;} #rw-dialog[data-kind="fusion"] #fusionChoices .role-affinities > .affinity.good{color: rgb(65, 101, 55); background: rgb(233, 242, 220); border-color: rgb(213, 229, 193);} #rw-dialog[data-kind="fusion"] #fusionChoices .role-affinities > .affinity.poor{color: rgb(146, 99, 70); background: rgb(255, 240, 228); border-color: rgb(240, 219, 201);} #rw-dialog[data-kind="fusion"] #fusionChoices .fusion-material-traits{grid-row: 3;} #rw-dialog[data-kind="fusion"]:has(.fusion-animation-layout)[open]{background: none rgb(20, 45, 50) !important; border: 4px solid rgb(118, 146, 113) !important; box-shadow: rgb(11, 32, 41) 0px 0px 0px 4px, rgb(49, 77, 69) 0px 0px 0px 8px, rgba(7, 26, 35, 0.4) 8px 12px 0px !important;} #rw-dialog[data-kind="fusion"] .fusion-animation-layout .fusion-chamber{background: rgb(20, 45, 50); min-height: 0px;} #rw-dialog[data-kind="fusion"] .fusion-scene-viewport::before,#rw-dialog[data-kind="fusion"] .fusion-scene-viewport::after{display: none !important;} #rw-dialog .rw-original-fusion .fusion-pixel-stage{position: relative; width: 100%; max-width: 680px; aspect-ratio: 192 / 112; isolation: isolate;} #rw-dialog .rw-original-fusion .fusion-pixel-energy{position: absolute; inset: 0px; width: 100%; height: 100%; image-rendering: pixelated; z-index: -1;} #rw-dialog .rw-original-fusion .fusion-pixel-material{position: absolute; left: var(--left); top: 48%; transform: translate(-50%, -50%); width: 22%; display: flex; flex-direction: column; align-items: center; text-align: center;} #rw-dialog .rw-original-fusion .fusion-pixel-material canvas{width: 70px; height: 70px; image-rendering: pixelated; filter: drop-shadow(rgb(7, 28, 37) 4px 4px 0px); animation: 1.2s steps(3) 0s infinite alternate none running forge-pixel-bob-410;} #rw-dialog .rw-original-fusion .fusion-pixel-material strong{font-size: 13px; color: rgb(225, 236, 210); margin-top: 6px;} #rw-dialog .rw-original-fusion .fusion-pixel-material small{font-size: 10px; color: rgb(169, 194, 178); white-space: nowrap; line-height: 1.6;} #rw-dialog .rw-original-fusion .fusion-pixel-core{position: absolute; left: 50%; top: 47%; transform: translate(-50%, -50%); display: grid; justify-items: center; gap: 10px;} #rw-dialog .rw-original-fusion .fusion-pixel-core canvas{width: 104px; height: 104px; image-rendering: pixelated; filter: drop-shadow(rgb(53, 72, 45) 4px 4px 0px); animation: 0.8s steps(3) 0s infinite alternate none running forge-core-charge-410;} #rw-dialog .rw-original-fusion .fusion-pixel-core span{font-size: 11px; color: rgb(242, 239, 184); white-space: nowrap; text-shadow: rgb(35, 61, 49) 2px 2px;} #rw-dialog[data-kind="fusion"] .fusion-chamber[data-phase="working"] .fusion-scene-viewport{height: auto; min-height: 270px;} #rw-dialog .rw-original-fusion .fusion-chamber:not([data-phase="working"]) .fusion-pixel-stage{display: none;} #rw-dialog[data-kind="fusion"] .fusion-portrait-stage::before{content: ""; position: absolute; inset: auto 34px 14px; height: 18px; border: 0px; border-radius: 0px; background: rgb(109, 149, 107); box-shadow: rgb(54, 86, 74) -12px -6px, rgb(54, 86, 74) 12px -6px, rgb(39, 68, 62) 0px 7px, rgb(11, 36, 45) 0px 11px; animation: auto ease 0s 1 normal none running none; transform: none;} #rw-dialog[data-kind="fusion"] .fusion-portrait-stage canvas{animation: 0.65s steps(7) 0s 1 normal both running forge-pixel-arrive-410;} #rw-dialog[data-kind="fusion"] .fusion-chamber[data-phase="complete"] .fusion-portrait-stage{background: none; border-radius: 0px; animation: auto ease 0s 1 normal none running none;} #rw-dialog .rw-original-fusion .fusion-pixel-burst i{width: 8px; height: 8px; box-shadow: rgb(164, 209, 188) 8px 0px, rgb(215, 235, 155) 0px 8px;} @keyframes forge-pixel-bob-410 { 100% { translate: 0px -5px; } } @keyframes forge-core-charge-410 { 100% { scale: 1.08; translate: 0px -4px; } } @keyframes forge-pixel-arrive-410 { 0% { opacity: 0; transform: translateY(28px) scale(0.65); } 55% { opacity: 1; transform: translateY(-10px) scale(1.12); } 100% { transform: translateY(0px) scale(1); } } @media (max-width: 650px) {#rw-dialog .rw-original-fusion .fusion-pixel-material canvas{width: 47px; height: 47px;} #rw-dialog .rw-original-fusion .fusion-pixel-material strong{font-size: 11px;} #rw-dialog .rw-original-fusion .fusion-pixel-material small{font-size: 8px;} #rw-dialog .rw-original-fusion .fusion-pixel-core canvas{width: 76px; height: 76px;} #rw-dialog .rw-original-fusion .fusion-pixel-core span{font-size: 9px;} #rw-dialog .rw-original-fusion .fusion-pixel-stage{aspect-ratio: 192 / 132;} #rw-dialog .rw-original-fusion .fusion-pixel-energy{height: 85%; top: 5%;} #rw-dialog .rw-original-fusion .fusion-pixel-material{top: 43%;} #rw-dialog .rw-original-fusion .fusion-pixel-core{top: 41%;} #rw-dialog[data-kind="fusion"] .fusion-chamber[data-phase="working"] .fusion-scene-viewport{min-height: 220px;}} @media (prefers-reduced-motion: reduce) {#rw-dialog .rw-original-fusion .fusion-pixel-material canvas,#rw-dialog .rw-original-fusion .fusion-pixel-core canvas,#rw-dialog[data-kind="fusion"] .fusion-portrait-stage canvas{animation: auto ease 0s 1 normal none running none !important;}} #rw-dialog .rw-original-fusion .fusion-mode-tabs{display: flex; gap: 8px; margin: 12px 0px 16px; flex: 0 0 auto;} #rw-dialog .rw-original-fusion .fusion-mode-tabs button{flex: 1 1 0%; min-height: 42px; padding: 9px 14px; border: 1px solid rgb(185, 200, 165); border-radius: 8px; background: rgb(237, 241, 223); color: rgb(56, 81, 60); font: inherit; cursor: pointer;} #rw-dialog .rw-original-fusion .fusion-mode-tabs button[aria-pressed="true"]{background: rgb(209, 245, 90); border-color: rgb(130, 168, 76); color: rgb(32, 54, 43); font-weight: 700; box-shadow: rgb(142, 174, 77) 0px 3px 0px;} #rw-dialog .rw-original-fusion .smelt-notice{padding: 12px 15px; border-left: 4px solid rgb(200, 152, 55); background: rgb(255, 243, 202); color: rgb(104, 82, 41); line-height: 1.7; font-size: 13px; margin-bottom: 18px;} #rw-dialog .rw-original-fusion .smelt-layout #fusionChoices{max-height: 520px; overflow: auto;} #rw-dialog .rw-original-fusion .smelt-choice{text-align: left; font: inherit; position: relative; cursor: pointer; width: 100%; color: inherit;} #rw-dialog #fusionChoices .smelt-choice.unavailable{opacity: 1; background: rgb(242, 243, 237); border-color: rgb(220, 225, 210); cursor: not-allowed; color: rgb(100, 112, 96);} #rw-dialog .rw-original-fusion .smelt-choice.unavailable .fusion-avatar,#rw-dialog .rw-original-fusion .smelt-choice.unavailable .role-affinities,#rw-dialog .rw-original-fusion .smelt-choice.unavailable .role-specials{opacity: 0.55;} #rw-dialog #fusionChoices .smelt-choice.unavailable .smelt-role-status{color: rgb(128, 92, 32); font-weight: 700;} #rw-dialog .rw-original-fusion .smelt-availability{padding: 12px 14px; margin-bottom: 12px; background: rgb(255, 244, 215); border: 1px solid rgb(230, 211, 156); border-radius: 10px; color: rgb(107, 81, 39); font-size: 12px; line-height: 1.6;} #rw-dialog .rw-original-fusion .smelt-availability[hidden]{display: none;} #rw-dialog .rw-original-fusion .smelt-availability strong{font-size: 14px;} #rw-dialog .rw-original-fusion .smelt-availability p{margin: 5px 0px;} #rw-dialog .rw-original-fusion .smelt-availability a{display: inline-flex; align-items: center; justify-content: center; margin-top: 5px; min-height: 40px; padding: 8px 12px; text-decoration: none;} #rw-dialog .rw-original-fusion .smelt-choice[aria-pressed="true"]{background: rgb(237, 244, 216); box-shadow: rgb(129, 169, 75) 0px 0px 0px 1px inset; border-color: rgb(129, 169, 75) !important;} #rw-dialog .rw-original-fusion .smelt-choice > i{position: absolute; right: 10px; top: 8px; font-style: normal; color: rgb(111, 145, 73); font-size: 18px;} #rw-dialog .rw-original-fusion .smelt-choice .role-specials{grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 4px;} #rw-dialog .rw-original-fusion .smelt-main-preview{display: grid; justify-items: center; text-align: center; gap: 7px; color: rgb(40, 73, 50);} #rw-dialog .rw-original-fusion .smelt-main-preview canvas{width: 144px; height: 144px; image-rendering: pixelated;} #rw-dialog .rw-original-fusion .smelt-main-preview small{font-size: 12px; color: rgb(120, 135, 108);} #rw-dialog .rw-original-fusion .smelt-consume-note{background: rgb(255, 240, 217); padding: 12px; border: 1px solid rgb(224, 197, 144); border-radius: 8px; font-size: 13px; line-height: 1.7; color: rgb(128, 87, 38); margin: 15px 0px;} #rw-dialog .rw-original-fusion .smelt-traits{display: grid; grid-template-columns: 1fr; gap: 8px; margin: 12px 0px;} #rw-dialog .rw-original-fusion .smelt-traits label{display: flex; align-items: center; gap: 8px; padding: 11px; border: 2px solid rgb(195, 178, 216); border-radius: 9px; background: rgb(240, 232, 250); font-size: 12px; cursor: pointer; color: rgb(103, 73, 138);} #rw-dialog .rw-original-fusion .smelt-traits label.is-gold{background: rgb(255, 242, 190); border-color: rgb(215, 183, 83); color: rgb(121, 86, 17);} #rw-dialog .rw-original-fusion .smelt-traits label:has(input:checked){box-shadow: currentcolor 0px 0px 0px 1px inset;} #rw-dialog .rw-original-fusion .smelt-traits input{width: 19px; height: 19px; accent-color: rgb(152, 120, 27); flex: 0 0 auto;} #rw-dialog .rw-original-fusion .smelt-traits .fusion-trait-check{margin-left: auto; opacity: 0;} #rw-dialog .rw-original-fusion .smelt-traits input:checked ~ .fusion-trait-check{opacity: 1;} #rw-dialog .rw-original-fusion .smelt-traits label:has(input:disabled){opacity: 0.6; cursor: default;} #rw-dialog .rw-original-fusion #smeltStatus{font-size: 12px; line-height: 1.7; margin: 12px 0px;} #rw-dialog .rw-original-fusion #smeltConfirm{width: 100%; min-height: 48px;} @media (max-width: 650px) {#rw-dialog .rw-original-fusion .smelt-layout{display: flex !important; flex-direction: column !important;} #rw-dialog .rw-original-fusion .smelt-layout #fusionChoices{max-height: 300px;} #rw-dialog .rw-original-fusion .smelt-main-preview canvas{width: 128px; height: 128px;} #rw-dialog .rw-original-fusion .smelt-notice{font-size: 12px;} #rw-dialog .rw-original-fusion .fusion-mode-tabs button{padding: 9px 8px; font-size: 13px;}} #rw-dialog .rw-original-fusion .fusion-mode-tabs{flex-wrap: wrap;} #rw-dialog .rw-original-fusion .fusion-mode-tabs button{min-width: 90px;} #rw-dialog .rw-original-fusion #smeltAppearance .fusion-main-options{display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px;} @media (max-width: 650px) { } #rw-dialog .rw-original-fusion html[lang][data-app-page="fusion"] .fusion-slot-preview[data-operation-caption]::after{content: attr(data-operation-caption);} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .smelting-workbench .fusion-result::after{content: "5";} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .land-reform-workbench .fusion-slot-preview span::before,#rw-dialog .rw-original-fusion html[data-app-page="fusion"] .land-reform-workbench .fusion-slot-preview span::after{content: none;} #rw-dialog .rw-original-fusion html[data-app-page="fusion"] .land-reform-workbench .land-biome-icon{width: 40px; height: 40px; image-rendering: pixelated;} @media (max-width: 600px) { } #rw-dialog .rw-original-fusion .fusion-level-filters{display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0px 12px;} #rw-dialog .rw-original-fusion .fusion-level-filters button{flex: 1 1 0%; min-width: 44px; min-height: 40px; padding: 7px 10px; border: 1px solid rgb(208, 218, 192); border-radius: 9px; background: rgb(250, 251, 245); color: rgb(70, 99, 52); cursor: pointer;} #rw-dialog .rw-original-fusion .fusion-level-filters button[aria-pressed="true"]{background: rgb(53, 94, 66); border-color: rgb(53, 94, 66); color: rgb(255, 253, 235);} #rw-dialog .rw-original-fusion .fusion-level-filters button:focus-visible{outline: rgb(184, 218, 86) solid 3px; outline-offset: 2px;} #rw-dialog .rw-original-fusion #fusionChoices .fusion-choice[hidden],#rw-dialog .rw-original-fusion .fusion-filter-empty[hidden]{display: none !important;} #rw-dialog .rw-original-fusion .fusion-filter-empty{padding: 20px 8px; text-align: center; color: rgb(115, 130, 104);} @media (max-width: 600px) { #rw-dialog .rw-original-fusion .fusion-level-filters{gap: 4px;} #rw-dialog .rw-original-fusion .fusion-level-filters button{padding: 7px 5px;}} @media (max-width: 1100px) { } #rw-dialog .rw-original-fusion .fusion-locked{margin-top: 18px; padding-top: 12px; border-top: 1px solid rgb(212, 220, 203);} #rw-dialog .rw-original-fusion .fusion-locked > summary{cursor: pointer; font-weight: 700; color: rgb(102, 115, 94); padding: 10px 0px;} #rw-dialog .rw-original-fusion .fusion-locked > p{font-size: 12px; color: rgb(104, 117, 96); line-height: 1.6;} #rw-dialog .rw-original-fusion .fusion-locked-list{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; max-height: 400px; overflow: auto; padding: 4px;} #rw-dialog .rw-original-fusion .fusion-locked-list .fusion-choice{cursor: default; opacity: 0.7; min-width: 0px;} #rw-dialog .rw-original-fusion .fusion-locked-list .fusion-choice small{overflow-wrap: anywhere;} @media (max-width: 600px) {#rw-dialog .rw-original-fusion .fusion-locked-list{grid-template-columns: minmax(0px, 1fr); max-height: 320px;}} #rw-dialog .rw-original-fusion .fusion-locked-list .fusion-choice{display: grid; grid-template-columns: 48px minmax(0px, 1fr); align-items: center; gap: 10px; padding: 12px; opacity: 1;} #rw-dialog .rw-original-fusion .fusion-locked-list .fusion-choice > .fusion-avatar{width: 48px; height: 48px; grid-area: 1 / 1;} #rw-dialog .rw-original-fusion .fusion-locked-list .fusion-choice > span:not(.role-market-badge){grid-area: 1 / 2; min-width: 0px;} #rw-dialog .rw-original-fusion .fusion-locked-list .fusion-choice strong{display: block; font-size: 13px; line-height: 1.5; white-space: normal;} #rw-dialog .rw-original-fusion .fusion-locked-list .fusion-choice small{display: block; font-size: 12px; line-height: 1.6; white-space: normal;} #rw-dialog .rw-original-fusion .fusion-locked-list .fusion-choice :is(input, .role-energy, .role-affinities, .fusion-material-traits, .role-market-badge){display: none !important;} @media (max-width: 700px) { } #rw-dialog[data-kind="fusion"][open],#rw-dialog[data-kind="fusion"]:has(.fusion-animation-layout)[open]{scrollbar-gutter: stable; height: min(780px, 100dvh - 40px) !important; max-height: calc(100dvh - 40px) !important;} #rw-dialog[data-kind="fusion"] .fusion-summary{display: flex; flex-direction: column; min-height: 460px;} #rw-dialog[data-kind="fusion"] .fusion-summary > .hl-primary-action{margin-top: auto; flex-shrink: 0;} #rw-dialog[data-kind="fusion"] #fusionChoices{min-height: 280px; scrollbar-gutter: stable;} #rw-dialog .rw-original-fusion .fusion-slot-preview{min-height: 100px;} @media (max-width: 650px) {#rw-dialog[data-kind="fusion"][open],#rw-dialog[data-kind="fusion"]:has(.fusion-animation-layout)[open]{height: calc(100dvh - 24px) !important; max-height: calc(100dvh - 24px) !important;} #rw-dialog[data-kind="fusion"] .fusion-summary{min-height: 360px;} #rw-dialog[data-kind="fusion"] #fusionChoices{min-height: 220px;}} /* Solid pixel artwork replaces the wireframe reactor. */ #rw-dialog[data-kind="fusion"]:has(.fusion-animation-layout)[open]{background:#142d32!important;background-image:none!important;border:4px solid #769271!important;box-shadow:0 0 0 4px #0b2029,0 0 0 8px #314d45,8px 12px 0 #071a2366!important} #rw-dialog[data-kind="fusion"] .fusion-animation-layout .fusion-chamber{background:#142d32;min-height:0} #rw-dialog[data-kind="fusion"] .fusion-scene-viewport::before,#rw-dialog[data-kind="fusion"] .fusion-scene-viewport::after{display:none!important} .fusion-pixel-stage{position:relative;width:100%;max-width:680px;aspect-ratio:192/112;isolation:isolate} .fusion-pixel-energy{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;z-index:-1} .fusion-pixel-material{position:absolute;left:var(--left);top:48%;transform:translate(-50%,-50%);width:22%;display:flex;flex-direction:column;align-items:center;text-align:center} .fusion-pixel-material canvas{width:70px;height:70px;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 #071c25);animation:forge-pixel-bob-410 1.2s steps(3,end) infinite alternate} .fusion-pixel-material strong{font-size:13px;color:#e1ecd2;margin-top:6px}.fusion-pixel-material small{font-size:10px;color:#a9c2b2;white-space:nowrap;line-height:1.6} .fusion-pixel-core{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:10px} .fusion-pixel-core canvas{width:104px;height:104px;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 #35482d);animation:forge-core-charge-410 .8s steps(3,end) infinite alternate} .fusion-pixel-core span{font-size:11px;color:#f2efb8;white-space:nowrap;text-shadow:2px 2px #233d31} #rw-dialog[data-kind="fusion"] .fusion-chamber[data-phase=working] .fusion-scene-viewport{height:auto;min-height:270px} .fusion-chamber:not([data-phase=working]) .fusion-pixel-stage{display:none} #rw-dialog[data-kind="fusion"] .fusion-portrait-stage::before{content:'';position:absolute;inset:auto 34px 14px;height:18px;border:0;border-radius:0;background:#6d956b;box-shadow:-12px -6px #36564a,12px -6px #36564a,0 7px #27443e,0 11px #0b242d;animation:none;transform:none} #rw-dialog[data-kind="fusion"] .fusion-portrait-stage canvas{animation:forge-pixel-arrive-410 .65s steps(7,end) both} #rw-dialog[data-kind="fusion"] .fusion-chamber[data-phase=complete] .fusion-portrait-stage{background:none;border-radius:0;animation:none} .fusion-pixel-burst i{width:8px;height:8px;box-shadow:8px 0 #a4d1bc,0 8px #d7eb9b} @keyframes forge-pixel-bob-410{to{translate:0 -5px}} @keyframes forge-core-charge-410{to{scale:1.08;translate:0 -4px}} @keyframes forge-pixel-arrive-410{0%{opacity:0;transform:translateY(28px) scale(.65)}55%{opacity:1;transform:translateY(-10px) scale(1.12)}100%{transform:translateY(0) scale(1)}} @media(max-width:650px){.fusion-pixel-material canvas{width:47px;height:47px}.fusion-pixel-material strong{font-size:11px}.fusion-pixel-material small{font-size:8px}.fusion-pixel-core canvas{width:76px;height:76px}.fusion-pixel-core span{font-size:9px}.fusion-pixel-stage{aspect-ratio:192/132}.fusion-pixel-energy{height:85%;top:5%}.fusion-pixel-material{top:43%}.fusion-pixel-core{top:41%}#rw-dialog[data-kind="fusion"] .fusion-chamber[data-phase=working] .fusion-scene-viewport{min-height:220px}} @media(prefers-reduced-motion:reduce){.fusion-pixel-material canvas,.fusion-pixel-core canvas,#rw-dialog[data-kind="fusion"] .fusion-portrait-stage canvas{animation:none!important}} #rw-dialog.rw-wide[data-kind="fusion"]{width:min(1180px,calc(100vw - 24px));max-width:1180px;max-height:calc(100dvh - 24px);padding:24px;overflow:auto;--dim:#617362;--gold:#927013} #rw-dialog .rw-original-fusion{min-width:0;--ui-line:#d2dec8;--ui-dim:#617362;--ui-ink:#224638;--dim:#617362;--gold:#927013} #rw-dialog .rw-original-fusion .fusion-layout{height:auto;overflow:visible;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:20px} #rw-dialog .rw-original-fusion .fusion-library,#rw-dialog .rw-original-fusion .fusion-summary{height:auto;min-height:0;max-height:none;overflow:visible} #rw-dialog .rw-original-fusion #fusionChoices{max-height:580px;overflow-y:auto;min-height:0;padding:4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #rw-dialog .rw-original-fusion .fusion-choice{height:auto;min-height:140px;color:var(--rw-card-ink);background:var(--rw-card-paper);border-color:var(--rw-card-line);border-radius:14px;display:grid;grid-template-columns:52px minmax(0,1fr);padding:12px;gap:8px;position:relative;align-content:start;text-align:left} #rw-dialog .rw-original-fusion .fusion-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0} #rw-dialog .rw-original-fusion .fusion-choice:has(input:checked){outline:3px solid #98b74b} #rw-dialog .rw-original-fusion .fusion-choice input:disabled{cursor:not-allowed} #rw-dialog .rw-original-fusion .fusion-choice small{display:block;font-size:11px;line-height:1.7} #rw-dialog .rw-original-fusion .fusion-choice canvas{width:48px;height:48px;image-rendering:pixelated;background:var(--rw-card-surface);border-radius:8px} #rw-dialog .rw-original-fusion .fusion-material-traits,#rw-dialog .rw-original-fusion .role-specials{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap} #rw-dialog .rw-original-fusion .fusion-choice.unavailable{opacity:.45} #rw-dialog .rw-original-fusion .fusion-summary{padding:18px;border:1px solid #d2dec8;border-radius:16px;background:#f6f8ef} #rw-dialog .rw-original-fusion .fusion-selected-slot{min-height:88px;position:relative;background:#fafbf5;border:1px solid #d2dec8;border-radius:12px;color:inherit} #rw-dialog .rw-original-fusion .fusion-selected-slot span{position:absolute;right:6px;top:2px;line-height:24px} #rw-dialog .rw-original-fusion .fusion-main-source{display:none} #rw-dialog .rw-original-fusion .fusion-mode-tabs,#rw-dialog .rw-original-fusion .fusion-level-filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0} #rw-dialog .rw-original-fusion .fusion-trait-toggle,#rw-dialog .rw-original-fusion .fusion-trait-option{cursor:pointer;display:flex;align-items:center;gap:8px;background:#f4eafa;color:#643d7d;border:1px solid #be95d4;border-radius:9px;padding:10px;min-height:44px} #rw-dialog .rw-original-fusion [data-tier="gold"],#rw-dialog .rw-original-fusion .is-gold{background:#fff3ca;color:#856018;border-color:#d1ad59} #rw-dialog .rw-original-fusion [data-tier="red"],#rw-dialog .rw-original-fusion .is-red{background:#ffd7d3;color:#a02c36;border-color:#c33d45} #rw-dialog .rw-original-fusion .smelt-traits,#rw-dialog .rw-original-fusion #fusionTraits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #rw-dialog .rw-original-fusion .fusion-trait-check{margin-left:auto} #rw-dialog .rw-original-fusion .fusion-trait-toggle input,#rw-dialog .rw-original-fusion .fusion-trait-option input{width:16px;height:16px;position:static;opacity:1;flex:0 0 16px} #rw-dialog .rw-original-fusion .fusion-animation-layout{grid-template-columns:1fr} #rw-dialog .rw-original-fusion .fusion-animation-layout .fusion-chamber{min-height:360px} #rw-dialog .rw-original-fusion .fusion-complete-level{font-size:13px} #rw-dialog .rw-original-fusion .fusion-layout button:disabled{opacity:.5;cursor:not-allowed} #rw-dialog .rw-original-fusion .fusion-mode-tabs button[aria-pressed=true],#rw-dialog .rw-original-fusion .fusion-level-filters button[aria-pressed=true]{background:#d7f56a} #rw-dialog .rw-original-fusion .smelt-choice[aria-pressed=true]{outline:3px solid #98b74b} #rw-dialog .rw-original-fusion .fusion-main-preview canvas,#rw-dialog .rw-original-fusion .smelt-main-preview canvas{image-rendering:pixelated} @media(max-width:850px){#rw-dialog .rw-original-fusion .fusion-layout{grid-template-columns:1fr}#rw-dialog .rw-original-fusion #fusionChoices{max-height:340px}} @media(max-width:430px){#rw-dialog.rw-wide[data-kind="fusion"]{width:calc(100vw - 12px);padding:14px}#rw-dialog .rw-original-fusion .fusion-choice{grid-template-columns:32px minmax(0,1fr);padding:9px;gap:6px}#rw-dialog .rw-original-fusion .fusion-choice canvas{width:32px;height:32px}#rw-dialog .rw-original-fusion .fusion-choice strong{font-size:12px}#rw-dialog .rw-original-fusion .fusion-summary{padding:12px}#rw-dialog .rw-original-fusion .fusion-trait-toggle,#rw-dialog .rw-original-fusion .fusion-trait-option{font-size:11px;padding:7px}} #rw-dialog .rw-original-fusion .smelt-traits label.is-red,#rw-dialog .rw-original-fusion label.fusion-trait-toggle[data-tier=red]{color:#a02c36;background:#ffd7d3;border-color:#c33d45} #rw-dialog[data-kind=fusion] .rw-original-fusion #fusionChoices{grid-auto-rows:minmax(138px,max-content)!important;align-content:start!important}#rw-dialog[data-kind=fusion] .rw-original-fusion .fusion-choice{min-height:138px!important;height:auto!important}#rw-dialog[data-kind=fusion] .rw-original-fusion .fusion-kept-characters>div{background:#274d47;border-color:#769271;color:#e3eed5}#rw-dialog[data-kind=fusion] .rw-original-fusion .fusion-kept-characters strong,#rw-dialog[data-kind=fusion] .rw-original-fusion .fusion-kept-characters small{color:#e3eed5}#rw-dialog[data-kind=fusion] .rw-original-fusion .fusion-chamber[data-phase=failed] #fusionPhaseText{color:#f2c8b1}#rw-dialog[data-kind=fusion] .rw-original-fusion #fusionPhaseNote{color:#d1e0ce}@media(max-width:430px){#rw-dialog[data-kind=fusion] .rw-original-fusion #fusionChoices{grid-template-columns:1fr!important}#rw-dialog[data-kind=fusion] .rw-original-fusion .fusion-choice{grid-template-columns:44px minmax(0,1fr)!important}#rw-dialog[data-kind=fusion] .rw-original-fusion .smelt-traits,#rw-dialog[data-kind=fusion] .rw-original-fusion #fusionTraits{grid-template-columns:1fr!important}} .rw-original-fusion .bf-panel{color:#204c3e;max-width:100%;padding:12px}.rw-original-fusion .bf-panel p{margin:12px 0;line-height:1.7}.bf-controls,.bf-first{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bf-controls label{display:grid;gap:8px}.bf-controls input,.bf-controls select{width:100%;min-width:0;box-sizing:border-box}.bf-pool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:400px;overflow:auto;margin:14px 0}.bf-choice{display:flex;gap:8px;align-items:center;min-width:0}.bf-choice input{flex:none}.bf-role{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid;border-radius:12px;min-width:0;width:100%;box-sizing:border-box}.bf-role>div{min-width:0}.bf-role small{display:block;margin:4px 0}.bf-role .rw-pill{margin:2px}.bf-first{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-traits{display:flex;flex-wrap:wrap;gap:12px}.bf-table{overflow:auto;max-height:430px}.bf-table table{border-collapse:collapse;width:100%;min-width:560px}.bf-table th,.bf-table td{padding:12px;text-align:left;border-bottom:1px solid #ccd8c0}.bf-result-head{border:1px solid #8bac59;border-radius:14px;padding:18px;background:#edf5d9}.bf-success{color:#337643;font-weight:700}.bf-failure{color:#a24439;font-weight:700}.bf-animation{text-align:center;padding:70px 15px}.bf-animation span{font-size:70px;color:#bd9422;display:inline-block;animation:bf-pulse .8s ease-in-out infinite alternate}.rw-original-fusion .role-specials{display:flex;flex-wrap:wrap;gap:5px}.rw-original-fusion .role-specials span{padding:4px 7px;border-radius:5px;font-size:12px}.rw-original-fusion .role-specials [data-tier=purple]{background:#eadff7;color:#704194}.rw-original-fusion .role-specials [data-tier=gold]{background:#fff0bc;color:#835d11}.rw-original-fusion .role-specials [data-tier=red]{background:#f9d1cf;color:#a02c36}@keyframes bf-pulse{to{transform:scale(1.25) rotate(90deg)}}@media(max-width:640px){.bf-controls,.bf-first,.bf-pool{grid-template-columns:1fr}.bf-role{gap:8px;padding:10px}.rw-original-fusion .bf-panel{padding:4px}.bf-controls label{gap:5px}}@media(prefers-reduced-motion:reduce){.bf-animation span{animation:none}} .rw-original-fusion button.smelt-choice.rw-grade-card[data-grade="purple"]{background:#e7d7f3!important;border-top:5px solid #8b54b5!important;color:#57347a!important}.rw-original-fusion button.smelt-choice.rw-grade-card[data-grade="red"]{background:#f8cfcb!important;border-top:5px solid #c84d4a!important;color:#8a302b!important}.rw-original-fusion button.smelt-choice.rw-grade-card.unavailable{opacity:.48}