.craft-page{--craft-muted:#b5a8c5;--craft-line:#65527466;margin:26px 0 36px;min-width:0}
.craft-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:26px;margin-bottom:17px}
.craft-heading h2{margin:9px 0 11px;font-size:31px;line-height:1.25;color:#f0e8f7}
.craft-heading p{max-width:700px;margin:0;color:var(--craft-muted);font-size:15px;line-height:1.65}
.craft-status{display:inline-flex;align-items:center;gap:8px;flex:none;padding:9px 12px;border:1px solid #b398625c;border-radius:7px;background:#b3986210;color:#e6cc96;font-size:12px;line-height:1.5;margin-top:6px}
.craft-status i{width:6px;height:6px;flex:none;background:#dbbb78;box-shadow:0 0 7px #dbbb7833}
.craft-launch-note{margin:0 0 24px;color:#aaa0b8;font-size:12px;line-height:1.7;max-width:850px}
.craft-preview{border:1px solid #74618e7a;background:radial-gradient(ellipse at 90% 30%,#63844412,transparent 55%),linear-gradient(130deg,#332c45,#292238);border-radius:15px;padding:23px 26px 19px}
.craft-preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.craft-preview-heading h3,.craft-subheading h3,.craft-rules h3{margin:0;font-size:18px;line-height:1.4;color:#eee6f5}
.craft-preview-heading>span{font-size:12px;white-space:nowrap;color:#cebfdf;letter-spacing:.03em}
.craft-preview-heading>span>b{margin:0 8px;color:#badb90}
.craft-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:22px;max-width:720px}
.craft-controls label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;line-height:1.5;color:#c6b8d8}
.craft-controls select{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:46px;border:1px solid #8975978a;border-radius:7px;background:#221c31;color:#ede6f5;font:inherit;font-size:14px;padding:10px 12px;cursor:pointer}
.craft-controls select:focus-visible{outline:2px solid #c1e895;outline-offset:3px;border-color:#c1e895}
.craft-recipe{display:grid;grid-template-columns:minmax(0,3fr) 45px minmax(0,1.15fr);gap:20px;align-items:stretch}
.craft-source-group,.craft-result-group{min-width:0;display:flex;flex-direction:column}
.craft-group-label{margin:0 0 11px;font-size:11px;line-height:1.4;letter-spacing:.02em;color:#bcadcc}
.craft-source-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1}
.craft-animal-card{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:15px 10px 13px;border:1px solid #a78db746;border-top:2px solid var(--craft-rarity);border-radius:10px;background:#1f1a2c70}
.craft-card-rarity{font-size:11px;line-height:1.45;color:var(--craft-rarity);min-height:16px;max-width:100%;overflow-wrap:anywhere}
.craft-card-art{display:grid;place-items:center;width:100%;height:136px;margin:7px 0 3px}
.craft-page .craft-card-art>.animal-sprite{display:block;width:min(100%,132px);height:132px;max-width:100%;margin:0;background:none;border-radius:0;flex-shrink:1;image-rendering:pixelated;overflow:visible}
.craft-animal-card h4{font-size:14px;line-height:1.4;margin:3px 0 9px;max-width:100%;overflow-wrap:anywhere;color:#e7deed;font-weight:600}
.craft-card-yield{display:inline-flex;align-items:center;justify-content:center;min-width:47px;padding:4px 9px;border:1px solid #a994bf26;border-radius:5px;background:#afa0cc09;font-size:13px;line-height:1.35;color:#c6bdd2;font-variant-numeric:tabular-nums;margin-top:auto}
.craft-recipe-arrow{display:grid;place-items:center;color:#bfd493;padding-top:20px}
.craft-recipe-arrow svg{display:block;width:38px;height:28px;shape-rendering:crispEdges;filter:drop-shadow(0 2px 0 #15161b)}
.craft-result-card{flex:1;border-color:#a6c48185;border-top-color:var(--craft-rarity);background:radial-gradient(ellipse at 50% 44%,#b4d38914,transparent 70%),#272d2c50;box-shadow:inset 0 0 22px #a4c97804}
.craft-result-card .craft-card-yield{color:#d6edb8;border-color:#a9c98544;background:#b7d08e10;font-weight:700}
.craft-result-card .craft-card-rarity{font-weight:700}
.craft-metrics{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;margin:23px 0 0;border-top:1px solid var(--craft-line);padding-top:19px}
.craft-metrics>div{min-width:0}
.craft-metrics dt{font-size:12px;color:#b9aaca;line-height:1.5;margin-bottom:8px}
.craft-metrics dd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0;font-size:20px;line-height:1.45;font-variant-numeric:tabular-nums;color:#b7acbf}
.craft-metrics dd>strong{color:#d2edac;font-size:23px}
.craft-metric-arrow{font-size:17px;color:#a395b4}
.craft-gain{font-size:11px;color:#c8eaa6;background:#b5d68c15;border:1px solid #b5d68c33;padding:3px 6px;border-radius:5px;line-height:1.3}
.craft-calculation-note{font-size:11px;line-height:1.65;color:#9e90af;margin:15px 0 0}
.craft-progression{margin-top:28px}
.craft-subheading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:13px}
.craft-subheading>span{font-size:12px;line-height:1.5;color:#baa9c8}
.craft-ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;list-style:none;margin:0;padding:0}
.craft-ladder li{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:center;gap:6px;padding:14px 11px;border:1px solid #62536f80;border-radius:8px;background:#30273e88;font-size:11px;line-height:1.6}
.craft-ladder li.is-current{border-color:#afce8477;background:#a0bd6c0d}
.craft-ladder span,.craft-ladder strong{min-width:0;font-weight:500}
.craft-ladder i{font-style:normal;color:#aa9abb;text-align:center}
.craft-mythic-note{display:flex;align-items:center;gap:10px;color:#e0b7db;font-size:12px;line-height:1.7;margin:13px 0 0}
.craft-mythic-note>span{color:#e7afdd;font-size:20px;flex:none}
.craft-rules{display:grid;grid-template-columns:1fr 1.35fr;gap:34px;margin-top:28px;border-top:1px solid var(--craft-line);padding-top:24px}
.craft-rules p{font-size:12px;line-height:1.8;color:#b5a5c3;margin:12px 0 0;max-width:760px}
.craft-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1100px){.craft-recipe{grid-template-columns:minmax(0,3fr) 33px minmax(0,1.15fr);gap:13px}.craft-source-cards{gap:9px}.craft-card-art{height:113px}.craft-page .craft-card-art>.animal-sprite{height:112px}.craft-recipe-arrow svg{width:31px}.craft-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-ladder li{padding:13px 15px;font-size:12px}}
@media(max-width:760px){.craft-heading{gap:15px;flex-wrap:wrap}.craft-heading h2{font-size:27px}.craft-heading p{font-size:14px}.craft-status{margin-top:0}.craft-launch-note{font-size:11px;margin-bottom:18px}.craft-preview{padding:19px 17px 17px}.craft-preview-heading h3,.craft-subheading h3,.craft-rules h3{font-size:17px}.craft-recipe{grid-template-columns:minmax(0,1fr);gap:12px}.craft-source-cards{gap:10px}.craft-recipe-arrow{padding:0;height:26px}.craft-recipe-arrow svg{transform:rotate(90deg);width:28px;height:21px}.craft-result-group{width:100%;max-width:285px;justify-self:center}.craft-result-group .craft-group-label{text-align:center;margin-bottom:8px}.craft-result-card{padding:12px 17px;display:grid;grid-template-columns:104px minmax(0,1fr);gap:6px 15px;align-items:center}.craft-result-card .craft-card-art{grid-row:1/4;grid-column:1;height:103px;margin:0}.craft-result-card .craft-card-art>.animal-sprite{width:103px;height:103px}.craft-result-card .craft-card-rarity{grid-column:2;align-self:end}.craft-result-card h4{grid-column:2;margin:0}.craft-result-card .craft-card-yield{grid-column:2;justify-self:center;align-self:start;margin:0}.craft-metrics{gap:14px;margin-top:20px;padding-top:16px}.craft-metrics dd{gap:8px;font-size:18px}.craft-metrics dd>strong{font-size:21px}.craft-rules{gap:24px}.craft-subheading{align-items:flex-start;flex-direction:column;gap:5px}.craft-calculation-note{font-size:10px}}
@media(max-width:480px){.craft-page{margin-top:20px}.craft-heading h2{font-size:25px}.craft-preview{padding:17px 13px}.craft-preview-heading{align-items:flex-start;margin-bottom:17px;gap:12px}.craft-preview-heading h3{max-width:180px;font-size:16px}.craft-preview-heading>span{font-size:10px;margin-top:3px}.craft-preview-heading>span>b{margin:0 4px}.craft-controls{grid-template-columns:1fr;gap:12px;margin-bottom:19px}.craft-controls select{font-size:13px;min-height:44px}.craft-controls label{gap:6px;font-size:11px}.craft-source-cards{gap:7px}.craft-animal-card{padding:11px 5px 10px}.craft-card-rarity{font-size:10px}.craft-card-art{height:86px;margin-top:4px}.craft-page .craft-card-art>.animal-sprite{height:86px;width:min(100%,86px)}.craft-animal-card h4{font-size:11px;min-height:16px;margin:3px 0 7px}.craft-card-yield{font-size:11px;padding:4px 6px;min-width:35px}.craft-group-label{font-size:10px}.craft-result-card{padding:12px 16px}.craft-result-card .craft-card-art>.animal-sprite{width:103px;height:103px}.craft-result-card h4{font-size:14px}.craft-result-card .craft-card-rarity{font-size:12px}.craft-result-card .craft-card-yield{font-size:13px}.craft-metrics{grid-template-columns:1.35fr 1fr;gap:12px}.craft-metrics dt{font-size:11px}.craft-metrics dd{gap:7px;font-size:16px}.craft-metrics dd>strong{font-size:19px}.craft-gain{font-size:10px}.craft-ladder{gap:8px}.craft-ladder li{grid-template-columns:1fr 12px 1fr;padding:10px 9px;font-size:10px;gap:4px}.craft-mythic-note{font-size:11px}.craft-rules{grid-template-columns:1fr;gap:24px;padding-top:20px}.craft-rules p{font-size:11px}}

/* Use the same product and feed sprites as the barn and animal cards. */
.craft-card-yield{gap:5px;white-space:nowrap}
.craft-card-yield .product-icon{width:20px;height:20px;min-width:20px;flex:none;margin:0}
.craft-metric-value{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.craft-metric-value .product-icon,.craft-metric-value .resource-icon{width:23px;height:23px;min-width:23px;flex:none;margin:0}
@media(max-width:480px){.craft-card-yield{gap:4px}.craft-card-yield .product-icon{width:17px;height:17px;min-width:17px}.craft-metric-value{gap:4px}.craft-metric-value .product-icon,.craft-metric-value .resource-icon{width:19px;height:19px;min-width:19px}}

@media(max-width:480px){.craft-metrics{grid-template-columns:1fr;gap:15px}}

/* Selection and confirmation share the existing game-card art and buttons. */
.craft-inventory{margin-top:22px;padding:22px 24px;border:1px solid #796b8a77;border-radius:13px;background:linear-gradient(140deg,#342b454d,#282132a8)}
.craft-inventory-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.craft-inventory h3{margin:0;color:#eee6f5;font-size:19px;line-height:1.4}
.craft-inventory-heading p{margin:7px 0 0;color:#b5a8c5;font-size:12px;line-height:1.65}
.craft-selection-count{display:inline-flex;align-items:center;gap:7px;flex:none;font-size:12px;color:#c9bdd6;padding:8px 10px;background:#251f31;border:1px solid #796b8a66;border-radius:6px;white-space:nowrap}
.craft-selection-count b{font-size:15px;color:#d7edb4;font-variant-numeric:tabular-nums}
.craft-availability{margin:13px 0;color:#b5a8c5;font-size:12px;line-height:1.5}
.craft-owned-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}
.craft-owned-card{box-sizing:border-box;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:13px 10px 12px;border:1px solid #72628088;border-top:2px solid var(--craft-rarity);border-radius:9px;background:#211b2d;cursor:pointer}
.craft-owned-card.is-selected{border-color:#b4d88b;background:#9fca6610;box-shadow:inset 0 0 0 1px #b4d88b33}
.craft-owned-card:focus-within{outline:2px solid #c9efa0;outline-offset:3px}
.craft-owned-card>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.craft-owned-card:has(input:disabled){cursor:default}
.craft-owned-card>input:disabled{cursor:default}
.craft-owned-check{display:grid;place-items:center;position:absolute;top:9px;right:9px;width:20px;height:20px;border:1px solid #a999ba88;border-radius:4px;background:#352b45;color:#202a17;font-size:15px;font-weight:700}
.craft-owned-card.is-selected .craft-owned-check{background:#b7d98a;border-color:#b7d98a}
.craft-owned-card.is-unavailable .craft-owned-check{opacity:.35}
.craft-owned-location{display:block;width:100%;box-sizing:border-box;text-align:left;padding-right:25px;font-size:10px;color:#b4a4c3;line-height:1.5;min-height:21px}
.craft-owned-art{display:grid;place-items:center;width:100%;height:99px;margin:6px 0}
.craft-page .craft-owned-art>.animal-sprite{display:block;width:98px;height:98px;margin:0;max-width:100%;flex:none;background:none;border-radius:0;image-rendering:pixelated;overflow:visible}
.craft-owned-card>strong{color:#eadff3;font-size:13px;line-height:1.4;font-weight:600}
.craft-owned-yield{display:inline-flex;justify-content:center;align-items:center;gap:5px;white-space:nowrap;color:#c6bdd2;font-size:12px;line-height:1.5;margin-top:6px;font-variant-numeric:tabular-nums}
.craft-owned-yield>.product-icon{width:20px;height:20px;min-width:20px;margin:0;flex:none}
.craft-owned-reason{display:block;margin:8px 0 0;color:#abc891;font-size:10px;line-height:1.55;min-height:31px;overflow-wrap:anywhere}
.craft-owned-card.is-unavailable .craft-owned-reason{color:#b9a7ba}
.craft-inventory-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.craft-inventory-actions>.button,.craft-recovery>.button{min-height:44px}
.craft-empty{padding:20px 12px;margin:0;border:1px dashed #83709266;border-radius:7px;color:#b6a9c4;text-align:center;font-size:13px;line-height:1.65}
.craft-recovery{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;margin:0 0 16px;background:#c49a4520;border:1px solid #c49a4566;border-radius:8px}
.craft-recovery p{margin:0;color:#ddc795;font-size:12px;line-height:1.6}.craft-recovery>.button{flex:none}
#reward-dialog.craft-dialog{box-sizing:border-box;width:min(790px,calc(100vw - 32px));max-width:790px}
#reward-dialog.craft-dialog .dialog-body{padding-top:15px}
#reward-dialog.craft-dialog h2{font-size:25px;line-height:1.35;margin:0 0 10px}
#reward-dialog.craft-dialog .craft-confirm-mode,#reward-dialog.craft-dialog .craft-processing{font-size:12px;line-height:1.65;color:#b4a8c3;margin:0 0 18px}
.craft-confirm-recipe{display:grid;grid-template-columns:3fr 28px 1.05fr;gap:11px;align-items:center}
.craft-confirm-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.craft-confirm-card{display:flex;min-width:0;flex-direction:column;align-items:center;border:1px solid #79668777;border-top:2px solid var(--craft-rarity);border-radius:8px;padding:11px 6px;background:#251e32;text-align:center}
.craft-confirm-card[data-craft-confirm-role=result]{border-color:#aecb8a77;border-top-color:var(--craft-rarity);background:#849e5012}
.craft-confirm-art{display:grid;place-items:center;width:100%;height:96px;margin:4px 0}
#reward-dialog.craft-dialog .craft-confirm-art>.animal-sprite{display:block;width:96px;height:96px;max-width:100%;margin:0;flex:none;background:none;border-radius:0;overflow:visible;image-rendering:pixelated}
.craft-confirm-card>strong{font-size:12px;line-height:1.4;color:#e8deef}
.craft-confirm-arrow{font-size:24px;color:#c6e29e;text-align:center}
#reward-dialog.craft-dialog .craft-confirm-warning{font-size:13px;line-height:1.7;color:#debeaa;background:#ac784414;border:1px solid #c8985244;border-radius:7px;padding:13px 15px;margin:18px 0}
.craft-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:17px}
.craft-dialog-actions>.button{min-height:46px}
#reward-dialog.craft-result-dialog{max-width:470px;text-align:center}
.craft-result-art{display:flex;flex-direction:column;align-items:center;gap:8px;margin:10px 0}
#reward-dialog.craft-dialog .craft-result-art>.animal-sprite{display:block;width:210px;height:210px;max-width:100%;margin:0;flex:none;background:none;border-radius:0;overflow:visible;image-rendering:pixelated}
.craft-result-art>strong{font-size:13px;line-height:1.5}
#reward-dialog.craft-result-dialog h3{font-size:20px;margin:8px 0;color:#eee7f5}
#reward-dialog.craft-result-dialog p{color:#bdb0cd;font-size:13px;line-height:1.7}
.craft-result-yield{display:flex;justify-content:center;align-items:center;gap:6px;margin:9px 0;font-size:18px!important;font-variant-numeric:tabular-nums}
.craft-result-yield>.product-icon{width:25px;height:25px;min-width:25px;flex:none;margin:0}
@media(max-width:760px){.craft-inventory{padding:18px 16px}.craft-inventory-heading{flex-wrap:wrap;gap:12px}.craft-selection-count{padding:6px 9px}.craft-owned-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.craft-recovery{align-items:flex-start;flex-direction:column}.craft-inventory-actions>.button{flex:1 1 160px}#reward-dialog.craft-dialog h2{font-size:22px}.craft-confirm-recipe{grid-template-columns:1fr;gap:10px}.craft-confirm-arrow{transform:rotate(90deg);font-size:24px;line-height:24px}.craft-confirm-card[data-craft-confirm-role=result]{width:150px;justify-self:center}.craft-confirm-art{height:82px}#reward-dialog.craft-dialog .craft-confirm-art>.animal-sprite{height:82px;width:82px}.craft-confirm-card{padding:9px 5px}.craft-confirm-card>strong{font-size:11px}.craft-confirm-card .craft-card-rarity{font-size:10px}.craft-dialog-actions>.button{flex:1 1 140px}#reward-dialog.craft-dialog .craft-confirm-warning{font-size:12px;padding:11px 12px}.craft-confirm-recipe .craft-owned-yield{font-size:11px}.craft-confirm-recipe .product-icon{width:17px;height:17px;min-width:17px}}
@media(max-width:380px){.craft-inventory{padding:16px 12px}.craft-owned-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.craft-owned-card{padding:11px 7px}.craft-owned-art{height:84px}.craft-page .craft-owned-art>.animal-sprite{width:83px;height:83px}.craft-owned-card>strong{font-size:12px}.craft-confirm-sources{gap:5px}.craft-confirm-card .craft-card-rarity{font-size:9px}.craft-confirm-card>strong{font-size:10px}}