/* Fragments: balance, recycling and crafting (fragments.js). Colours follow collection.css and theme.css. */
.fragment-balance{display:inline-flex;align-items:center;padding:8px 13px;border:1px solid #c9a75a66;border-radius:20px;color:#e4cf96;font:11px monospace;letter-spacing:.5px;white-space:nowrap}
.fragment-panel{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:18px}
.fragment-panel:empty{display:none}
.fragment-panel button{white-space:normal}
.fragment-panel p{margin:0}
.fragment-panel .primary:disabled{opacity:.5;cursor:default}
.fragment-dialog{max-width:420px;text-align:left}
.fragment-dialog h2{margin:0 0 14px;font:normal 22px Georgia,serif;line-height:1.2}
.fragment-lines{margin:0 0 12px;padding-left:18px;font-size:13px;line-height:1.7}
.fragment-error{margin:12px 0 0;color:#f2b8a0;font-size:13px}
.fragment-success{font-size:14px;line-height:1.6;margin:0 0 18px}
.fragment-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}
.fragment-dialog button{cursor:pointer}
.fragment-dialog .primary:disabled{opacity:.6;cursor:default}
.album-slot-card.is-craftable{cursor:pointer}
html[data-theme=cream] .fragment-balance{color:#7a5a17;border-color:#c9a75a99;background:var(--cream-paper)}
html[data-theme=cream] .fragment-error{color:#9b3b1d}
.craft-choices{display:grid;gap:8px;margin:16px 0 4px}
.craft-choice{display:grid;grid-template-columns:1fr auto;gap:2px 12px;text-align:left;padding:12px 14px;border:1px solid #9cb18555;border-radius:10px;background:transparent;color:inherit;cursor:pointer;font:inherit}
.craft-choice strong{font-size:14px}
.craft-choice span{font:11px monospace;color:#e4cf96;align-self:center}
.craft-choice small{grid-column:1/-1;font-size:11px;opacity:.7}
.craft-choice[data-rarity=legendary]{border-color:#c9a75a88}
.craft-choice:not(:disabled):hover,.craft-choice:focus-visible{border-color:#cee59f;outline:none}
.craft-choice:disabled{opacity:.45;cursor:default}
.fragment-reveal{width:180px;margin:0 auto 16px}
.fragment-reveal .memory-card{width:100%}
.album-meter #craft{margin-bottom:8px}
html[data-theme=cream] .craft-choice{border-color:var(--cream-line);background:var(--cream-paper)}
html[data-theme=cream] .craft-choice span{color:#7a5a17}
@media (max-width:700px){.detail-side:has(.fragment-panel:not(:empty)){flex-wrap:wrap}.detail-side .fragment-panel{flex-basis:100%;margin-top:4px}}