.fragment-card.frg-rich{padding:0;min-height:190px;background:#070b12}.frg-thumb{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.58;transform:scale(1.01);transition:.25s}.fragment-card.frg-rich:hover .frg-thumb{opacity:.72;transform:scale(1.035)}.frg-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,8,.04) 18%,rgba(4,8,14,.48) 53%,rgba(4,8,14,.98) 100%)}.frg-rich-content{position:relative;z-index:2;min-height:190px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.frg-project{font:700 7px ui-monospace,monospace;letter-spacing:.15em;color:#a9b9d8}.frg-master{position:absolute;right:10px;top:10px;z-index:3;font:700 7px ui-monospace,monospace;letter-spacing:.12em;border:1px solid rgba(152,255,181,.32);background:rgba(4,12,10,.72);color:#98ffb5;padding:5px 6px}.fragment-detail{position:fixed;inset:0;z-index:130;display:none}.fragment-detail.open{display:block}.fragment-detail-backdrop{position:absolute;inset:0;background:rgba(1,3,7,.86);backdrop-filter:blur(10px)}.fragment-detail-window{position:relative;z-index:1;width:min(900px,calc(100% - 28px));max-height:calc(100vh - 36px);overflow:auto;margin:18px auto;background:#070c15;border:1px solid rgba(122,177,255,.35);display:grid;grid-template-columns:minmax(260px,42%) 1fr;box-shadow:0 35px 90px rgba(0,0,0,.7)}.fragment-detail-cover{min-height:520px;background:radial-gradient(circle at 20% 20%,rgba(122,177,255,.18),transparent 25%),linear-gradient(145deg,#07111d,#09070f);background-size:cover;background-position:center;position:relative}.fragment-detail-cover:after{content:"FRAGMENT // MASTERED";position:absolute;left:18px;bottom:18px;font:700 8px ui-monospace,monospace;letter-spacing:.15em;color:#dce8ff;background:rgba(4,8,14,.72);padding:7px 8px}.fragment-detail-content{padding:52px 34px 32px}.fragment-detail-content .frg-big-code{font:800 13px ui-monospace,monospace;color:#7ab1ff;letter-spacing:.14em}.fragment-detail-content h2{font-size:clamp(28px,4vw,48px);line-height:1;margin:16px 0 20px;letter-spacing:-.045em}.frg-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.frg-detail-grid div{border:1px solid var(--line);padding:11px}.frg-detail-grid b{display:block;font:700 7px ui-monospace,monospace;color:#6f86aa;letter-spacing:.14em;margin-bottom:6px}.frg-detail-grid span{font-size:11px;color:#d5deed}.frg-detail-note{color:#8595ae;font-size:11px;line-height:1.65}.frg-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.fragment-detail-close{position:absolute;right:12px;top:11px;z-index:5;width:38px;height:38px;border:1px solid var(--line);background:#070b12;color:#fff;font-size:24px;cursor:pointer}@media(max-width:700px){.fragment-detail-window{grid-template-columns:1fr}.fragment-detail-cover{min-height:330px}.fragment-detail-content{padding:30px 22px}.frg-detail-grid{grid-template-columns:1fr}}