/* Dedicated recipe artwork: the image remains complete, never cropped. */
.recipe-showcase{overflow:hidden;border:1px solid rgba(234,120,148,.23);border-radius:15px;background:linear-gradient(145deg,rgba(89,30,49,.36),rgba(18,14,21,.9));margin:16px 0 18px;isolation:isolate}
.recipe-showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(242,164,184,.1);background:linear-gradient(110deg,rgba(143,45,75,.19),transparent)}
.recipe-showcase-heading>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#efb7c7}.recipe-showcase-heading small{font-size:11px;color:#c8abb4}
.recipe-showcase-heading .icon{width:15px;height:15px}.recipe-showcase-grid{display:grid;gap:1px;background:rgba(237,151,174,.12)}
.bundle-showcase .recipe-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-showcase-piece{min-width:0;background:#151018}
.recipe-showcase-label{display:flex;align-items:center;gap:7px;padding:9px 10px;font-size:12px;background:linear-gradient(110deg,rgba(104,41,60,.22),transparent)}
.recipe-showcase-label .icon{width:15px;height:15px;color:#de9eb3}.recipe-showcase-label span{margin-left:auto;color:#ac97a4;font-size:11px}.recipe-showcase-label strong{font-size:12px}
.recipe-card-image{position:relative;display:block;width:100%;padding:0;border:0;background:radial-gradient(ellipse at center,#221820,#0f0c12);aspect-ratio:16/10;cursor:zoom-in;overflow:hidden;color:#fff;border-radius:0}
.recipe-card-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease,filter .3s ease}.recipe-card-image:hover img{filter:brightness(1.1)}
.recipe-card-image:focus-visible{outline:2px solid #f7b4c7;outline-offset:-3px}.recipe-card-expand{position:absolute;right:9px;bottom:9px;display:flex;align-items:center;gap:5px;border:1px solid #ffffff26;background:#170c17d9;backdrop-filter:blur(8px);border-radius:7px;padding:5px 8px;font-size:11px;opacity:0;transform:translateY(4px);transition:.2s}
.recipe-card-expand .icon{width:14px;height:14px}.recipe-card-image:hover .recipe-card-expand,.recipe-card-image:focus-visible .recipe-card-expand{opacity:1;transform:none}
.recipe-card-stale{position:absolute;bottom:7px;left:7px;max-width:calc(100% - 14px);font-size:10px;padding:4px 6px;border-radius:5px;background:#442d16e8;color:#f3ce92;line-height:1.4}
.recipe-card-placeholder{aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 0,rgba(128,52,82,.22),transparent);padding:12px}.recipe-card-placeholder>div{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.recipe-card-placeholder>span{font-size:11px;color:#ac97a4}.recipe-card-placeholder>div>span{display:grid;justify-items:center;gap:4px}.recipe-card-placeholder .ore-img{width:34px;height:34px;object-fit:contain}.recipe-card-placeholder b{font-size:11px}
.recipe-showcase-signature{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:14px;background:radial-gradient(ellipse at center,rgba(103,36,59,.2),#130f17)}.recipe-signature-icon{color:#dba0b5}.recipe-signature-icon .icon{width:26px;height:26px}.recipe-showcase-signature strong{font-size:12px;line-height:1.5;letter-spacing:.09em}.recipe-showcase-signature>span:not(.recipe-signature-icon){font-size:11px;color:#ac97a4}.recipe-showcase-signature small{font-size:8px;letter-spacing:.22em;color:#8c697a;margin-top:4px}
.recipe-showcase.is-detail{margin:25px 0}.is-detail .recipe-showcase-heading{padding:15px 18px}.is-detail .recipe-showcase-heading>span{font-size:13px}.is-detail .recipe-showcase-label{padding:12px 16px}.is-detail .recipe-showcase-label strong{font-size:15px}.is-detail .recipe-showcase-label span{font-size:12px}.is-detail .recipe-card-placeholder .ore-img{width:50px;height:50px}.is-detail .recipe-card-placeholder b{font-size:14px}
.bundle-set-link{border:1px solid #b95c7d55;border-radius:12px;background:linear-gradient(110deg,rgba(108,38,65,.36),rgba(61,24,43,.24));margin:16px 0;overflow:hidden}.bundle-set-link>a{display:flex;align-items:center;gap:11px;padding:14px;color:#f0c3d4;text-decoration:none;transition:background .2s}.bundle-set-link>a:hover{background:rgba(157,58,94,.19)}.bundle-link-symbol{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#ba5a7b17;border:1px solid #ba5a7b30}.bundle-set-link>a>span:nth-child(2){min-width:0;flex:1}.bundle-set-link strong{display:block;font-size:11px;letter-spacing:.055em;line-height:1.6}.bundle-set-link small{display:block;font-size:12px;color:#bc9ba9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.bundle-set-link>a>.icon{width:17px;height:17px;flex-shrink:0}.bundle-set-link details{padding:0 14px 12px;font-size:12px;color:#bf93a5}.bundle-set-link summary{cursor:pointer}.bundle-set-link details a{display:flex;align-items:center;justify-content:space-between;color:#dfb4c7;margin-top:8px}.bundle-set-link.is-compact>a{padding:10px;gap:8px}.bundle-set-link.is-compact .bundle-link-symbol{display:none}.bundle-set-link.is-compact strong{font-size:10px}
#recipe-card-editor{margin:22px 0;padding:18px;border:1px solid rgba(200,107,143,.27);border-radius:15px;background:linear-gradient(150deg,rgba(97,34,61,.23),rgba(24,17,27,.7))}.recipe-card-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.recipe-card-editor-heading h3{margin:4px 0}.recipe-card-editor-heading h3>span{font-size:12px;color:#ba94a6;margin-left:6px}.recipe-card-editor-heading .eyebrow{font-size:10px}.recipe-card-editor-heading .button{white-space:nowrap}.recipe-card-upload-grid{display:grid;gap:12px;margin:18px 0}.recipe-card-upload-grid.is-bundle{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-card-upload-slot{min-width:0;overflow:hidden;border:1px solid #d892b02b;background:#150f19;border-radius:10px}.recipe-card-slot-heading{display:flex;align-items:center;gap:7px;padding:8px 10px;min-height:44px}.recipe-card-slot-heading>.icon{width:16px;height:16px;color:#e4b1c6}.recipe-card-slot-heading strong{font-size:12px}.recipe-card-slot-heading .icon-button{margin-left:auto;width:28px;height:28px;min-height:28px;padding:5px}.recipe-card-upload-empty{aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9b7d90;background:radial-gradient(ellipse,#3d203a60,transparent);border-block:1px dashed #ae6f962b}.recipe-card-upload-empty>.icon{width:28px;height:28px}.recipe-card-upload-empty>span{font-size:11px;text-align:center;padding-inline:7px}.recipe-card-draft-image{aspect-ratio:16/10;position:relative;background:#0e0b12}.recipe-card-draft-image img{width:100%;height:100%;object-fit:contain}.recipe-card-upload-button{display:flex;position:relative;align-items:center;justify-content:center;gap:7px;min-height:40px;font-size:12px;font-weight:700;background:#75355128;color:#ebc2d5;cursor:pointer;overflow:hidden}.recipe-card-upload-button:hover{background:#75355155}.recipe-card-upload-button:focus-within{outline:2px solid #e7b1c7;outline-offset:-2px}.recipe-card-upload-button.is-disabled{opacity:.5;cursor:not-allowed}.recipe-card-upload-button>.icon{width:15px;height:15px}.recipe-card-upload-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.recipe-card-existing{padding:10px;font-size:11px;color:#c7a4b7}.recipe-card-existing summary{cursor:pointer;line-height:1.5}.recipe-card-existing>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.recipe-card-existing button{position:relative;aspect-ratio:1.4;border:1px solid #9c65824d;border-radius:6px;overflow:hidden;background:#251722;padding:0;cursor:pointer}.recipe-card-existing img{width:100%;height:100%;object-fit:contain}.recipe-card-existing button>.icon{position:absolute;bottom:2px;right:2px;background:#170b16d9;width:16px;height:16px;border-radius:3px}.recipe-card-status:empty{display:none}.recipe-card-status{font-size:13px;color:#edbacd}
#modal.recipe-card-lightbox{max-width:min(1200px,95vw);width:1200px}.recipe-card-lightbox h2{padding-right:25px;font-size:clamp(20px,3vw,30px);margin-bottom:20px}.recipe-card-lightbox-scroll{overflow:auto;max-height:72vh;border:1px solid #9e5d7b40;border-radius:10px;background:#0e0b12;display:flex;justify-content:center}.recipe-card-lightbox-scroll>img{display:block;width:auto;max-width:100%;height:auto;max-height:70vh;object-fit:contain}.recipe-card-lightbox-scroll.is-zoomed{display:block}.recipe-card-lightbox-scroll.is-zoomed>img{max-width:none;max-height:none;width:auto;height:auto}.recipe-card-lightbox-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.recipe-card-lightbox-tools>div{display:flex;align-items:center;gap:12px}.recipe-card-warning{padding:12px;border:1px solid #c19a4e55;border-radius:9px;background:#35271488;color:#e7cb92;font-size:14px}
@media(max-width:640px){#recipe-card-editor{padding:14px}.recipe-card-expand{opacity:1;transform:none}.recipe-showcase-heading>span{font-size:10px;letter-spacing:.07em}.recipe-showcase-heading small{font-size:10px}.recipe-showcase-label{padding:8px;gap:5px}.recipe-showcase-label strong{font-size:11px}.recipe-showcase-label span{font-size:10px}.recipe-showcase-label>.icon{width:12px;height:12px}.is-detail .recipe-showcase-label{padding:9px}.is-detail .recipe-showcase-label strong{font-size:12px}.is-detail .recipe-showcase-label span{font-size:10px}.recipe-card-expand{padding:4px 6px;font-size:10px;right:5px;bottom:5px}.recipe-card-stale{font-size:9px;bottom:auto;top:5px}.recipe-card-upload-grid.is-bundle{gap:8px}.recipe-card-slot-heading{padding:7px}.recipe-card-placeholder .ore-img{width:27px;height:27px}.is-detail .recipe-card-placeholder .ore-img{width:34px;height:34px}.bundle-set-link strong{font-size:10px;letter-spacing:.025em}}
@media(prefers-reduced-motion:reduce){.recipe-card-image img,.recipe-card-expand,.bundle-set-link>a{transition:none}}
.recipe-card-lightbox-tools{flex-wrap:wrap}.recipe-card-lightbox-tools>div{margin-left:auto;flex-shrink:0;white-space:nowrap}
.bundle-set-link strong{font-size:12px}.bundle-set-link.is-compact strong{font-size:11px}
@media(max-width:640px){.bundle-set-link strong{font-size:11px}}