#merge-panel{border:1px solid #62616d;padding:18px;margin:20px 0;background:#1b1c24;font-size:9px;line-height:1.9}
#merge-panel h2{font-size:12px;margin:0 0 14px;color:#c8c2e3}
#merge-panel small{display:block;color:#bcbac8;font-size:7px;line-height:1.9;margin-top:12px}
#merge-panel button,.merge-pick,#merge-dialog button{font:inherit;font-size:8px;min-height:44px;padding:10px;border:2px solid #c8c2e3;background:#c8c2e3;color:#111217;cursor:pointer}
.merge-pick{width:100%;margin-top:12px}
.merge-pick[aria-pressed=true]{background:#ecebef;border-color:#ecebef}
#merge-panel button:disabled,.merge-pick:disabled,#merge-dialog button:disabled{opacity:.45;cursor:default}
#merge-dialog{box-sizing:border-box;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#1b1c24;color:#ecebef;border:2px solid #c8c2e3;padding:24px;font-family:'Press Start 2P',monospace;font-size:9px;line-height:1.9}
#merge-dialog h2{font-size:12px}#merge-dialog::backdrop{background:#000b}
#merge-confirm-detail,#merge-confirm-status{overflow-wrap:anywhere}
#merge-dialog button{width:100%;margin:8px 0}
#merge-status{color:#c8c2e3}

#merge-recipe,#merge-summary{overflow-wrap:anywhere}
.merge-view #collection-quest,.merge-view .open-merge-link{display:none}
html:not(.merge-view) #merge-panel,html:not(.merge-view) .merge-pick{display:none}
.open-merge-link{display:inline-block;font-size:8px;margin-left:18px;line-height:2}
.merge-view main{max-width:740px}
.merge-view h1{font-size:17px}
.merge-view .filters{gap:14px;margin:20px 0 14px;font-size:7px}
.merge-view .filters label{flex:1;min-width:120px}
.merge-view .filters select{width:100%;padding:10px;font-size:7px}
.merge-view #merge-panel{padding:16px;margin:16px 0;border:0;border-top:1px solid #62616d;border-bottom:1px solid #62616d}
.merge-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#merge-panel .merge-modes button{background:#111217;color:#c8c2e3;box-shadow:none}
#merge-panel .merge-modes button[aria-pressed=true]{background:#c8c2e3;color:#111217}
.merge-ingredients{display:flex;gap:6px;margin:16px 0;justify-content:center}
.merge-ingredient{display:flex;flex:1;min-width:0;max-width:115px;align-items:center;flex-direction:column;gap:8px;border-bottom:2px solid #55535f;padding-bottom:10px}
.merge-ingredient img{width:56px;height:56px;image-rendering:pixelated}
.merge-ingredient span{font-size:6px;text-align:center}
.merge-ingredient strong{font-size:10px;color:#bcbac8}
.merge-ingredient.ready{border-color:#c8c2e3}
.merge-ingredient.ready strong{color:#ecebef}
.merge-result{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #55535f;border-bottom:1px solid #55535f}
.merge-result img{width:72px;height:72px;image-rendering:pixelated;flex:none}
.merge-result h3{font-size:10px;color:#c8c2e3;line-height:1.8;margin:0 0 8px}
.merge-result p{font-size:7px;margin:0;line-height:1.9}
#merge-benefits{color:#c8c2e3;margin-top:8px}
#merge-selected{overflow-wrap:anywhere;font-size:7px;color:#bcbac8;line-height:2}
#merge-review{width:100%;margin-top:8px}
.merge-view .nft img{max-width:140px;margin:auto}
.merge-view .nft h2{font-size:8px}
.merge-view .nft p{font-size:7px}
.merge-view .nft{border-radius:0;padding:12px}
.merge-view .nft .merge-pick{font-size:6px;box-shadow:none}
.merge-view .nft .merge-pick[aria-pressed=true]{background:#ecebef;color:#111217}
.merge-view .nft button:not(.merge-pick){display:none}
@media(max-width:400px){.merge-view #merge-panel{padding:12px 0}.merge-result{gap:10px}.merge-result img{width:60px;height:60px}.merge-ingredient span{font-size:5px}.merge-ingredient img{width:48px;height:48px}.merge-modes button{font-size:7px!important}.merge-view.embed #gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.merge-view .nft{padding:8px}.merge-view .nft h2{font-size:7px}.merge-view .nft p{font-size:6px}.merge-view .nft .merge-pick{padding:8px 3px;font-size:5px}}
/* Larger art and readable recipe text in the merge drawer. */
#merge-drawer{width:min(800px,calc(100vw - 72px));height:min(800px,90dvh);max-height:90dvh}
.merge-view.embed h1{font-size:21px}
.merge-view #merge-panel{font-size:10px;line-height:2}
.merge-view #merge-panel h2{font-size:14px}
#merge-panel .merge-modes button{font-size:9px;min-height:48px}
.merge-ingredient{max-width:140px}
.merge-ingredient img{width:80px;height:80px}
.merge-ingredient span{font-size:7px}
.merge-ingredient strong{font-size:12px}
.merge-result img{width:104px;height:104px}
.merge-result h3{font-size:13px}
.merge-result p{font-size:8px}
#merge-selected{font-size:8px}
#merge-panel small{font-size:8px}
@media(max-width:600px){#merge-drawer{width:calc(100vw - 20px);height:88dvh;max-height:88dvh}.merge-view.embed h1{font-size:19px}.merge-view #merge-panel{font-size:9px}.merge-ingredient img{width:64px;height:64px}.merge-ingredient span{font-size:6px}.merge-result img{width:88px;height:88px}.merge-result h3{font-size:12px}.merge-result p{font-size:8px}#merge-panel .merge-modes button{font-size:8px!important}}
@media(max-width:360px){.merge-ingredient img{width:54px;height:54px}.merge-ingredient span{font-size:5px}.merge-result img{width:76px;height:76px}}