.case-fragments{margin:22px 0 28px;padding:19px 20px;border:1px solid rgba(211,169,88,.34);border-radius:6px;background:linear-gradient(115deg,rgba(211,169,88,.1),rgba(20,21,28,.76))}.case-fragments-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.case-fragments-heading .eyebrow{margin:0}.case-fragments h3{margin:3px 0 0;font:600 24px "Playfair Display",serif;color:var(--paper)}.fragment-row{display:flex;gap:10px;margin-top:16px}.fragment-token{position:relative;flex:1;min-width:0;padding:0;border:1px solid rgba(211,169,88,.45);border-radius:5px;background:#111218;overflow:hidden;cursor:pointer;transition:transform .18s ease,border-color .18s ease,filter .18s ease}.fragment-token img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.fragment-token span{position:absolute;inset:auto 0 7px;text-align:center;color:#fff8e8;font:700 20px "Playfair Display",serif;text-shadow:0 2px 5px #000}.fragment-token.unlocked:hover{transform:translateY(-3px);border-color:var(--gold-light)}.fragment-token.locked{cursor:not-allowed;filter:grayscale(1) brightness(.43);opacity:.58}.fragment-token.locked span{color:#b7b2a8}.fragment-modal{text-align:center}.fragment-modal>img{width:132px;border:1px solid rgba(211,169,88,.45);border-radius:10px;margin-bottom:16px}.fragment-modal .secondary-button{margin-top:18px}@media(max-width:500px){.case-fragments{padding:16px 14px}.case-fragments h3{font-size:21px}.fragment-row{gap:6px}.fragment-token span{bottom:4px;font-size:16px}}