/* DaMue collection download deck — final, isolated presentation layer. */
.box-page-v2 .collection-unlocked {
 --download-surface: color-mix(in srgb, var(--atlas-panel-solid) 94%, var(--atlas-accent) 6%);
 --download-card: color-mix(in srgb, var(--atlas-panel-solid) 97%, transparent);
 --download-line: color-mix(in srgb, var(--atlas-accent) 22%, var(--atlas-line));
 --download-soft: color-mix(in srgb, var(--atlas-accent) 10%, transparent);
 position: relative !important;
 isolation: isolate;
 width: 100% !important;
 margin: 20px 0 0 !important;
 padding: 0 !important;
 overflow: hidden !important;
 border: 1px solid var(--download-line) !important;
 border-radius: 22px !important;
 background:
  radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--atlas-accent-2) 12%, transparent), transparent 32%),
  linear-gradient(135deg, var(--download-surface), var(--atlas-panel-solid) 72%) !important;
 box-shadow: 0 22px 55px color-mix(in srgb, var(--atlas-ink) 9%, transparent), inset 0 1px rgba(255,255,255,.56) !important;
 opacity: 0;
 transform: translateY(10px);
 transition: opacity .42s ease, transform .42s cubic-bezier(.2,.75,.25,1), border-color .25s ease !important;
}

.box-page-v2 .collection-unlocked.is-revealed {
 opacity: 1;
 transform: translateY(0);
}

.box-page-v2 .collection-unlocked::before {
 content: "";
 position: absolute;
 z-index: -1;
 top: -110px;
 right: -70px;
 width: 290px;
 height: 220px;
 border: 1px solid color-mix(in srgb, var(--atlas-accent) 16%, transparent);
 border-radius: 50%;
 opacity: .55;
 transform: rotate(-14deg);
 pointer-events: none;
}

.box-page-v2 .collection-download-head {
 position: relative !important;
 display: grid !important;
 grid-template-columns: 52px minmax(0, 1fr) auto !important;
 align-items: center !important;
 gap: 16px !important;
 min-height: 92px !important;
 margin: 0 !important;
 padding: 18px 20px !important;
 border: 0 !important;
 border-bottom: 1px solid color-mix(in srgb, var(--atlas-line) 82%, transparent) !important;
 background: linear-gradient(90deg, color-mix(in srgb, var(--atlas-accent) 7%, transparent), transparent 55%) !important;
}

.box-page-v2 .collection-download-head::after {
 content: "";
 position: absolute;
 right: 20px;
 bottom: -1px;
 width: 92px;
 height: 2px;
 border-radius: 999px;
 background: linear-gradient(90deg, transparent, var(--atlas-accent), var(--atlas-accent-2));
 box-shadow: 0 0 16px color-mix(in srgb, var(--atlas-accent) 46%, transparent);
}

.box-page-v2 .collection-download-symbol {
 position: relative !important;
 display: grid !important;
 grid-column: 1 !important;
 grid-row: 1 !important;
 width: 50px !important;
 height: 50px !important;
 place-items: center !important;
 flex: none !important;
 overflow: visible !important;
 border: 1px solid color-mix(in srgb, var(--atlas-accent) 38%, var(--atlas-line)) !important;
 border-radius: 16px !important;
 color: var(--atlas-accent) !important;
 background: linear-gradient(145deg, color-mix(in srgb, var(--atlas-accent) 13%, var(--atlas-panel-solid)), var(--atlas-panel-solid)) !important;
 box-shadow: 0 10px 24px color-mix(in srgb, var(--atlas-accent) 13%, transparent), inset 0 1px rgba(255,255,255,.68) !important;
 transform: rotate(-4deg);
}

.box-page-v2 .collection-download-symbol::before {
 content: "";
 position: absolute;
 inset: 5px;
 border: 1px dashed color-mix(in srgb, var(--atlas-accent) 34%, transparent);
 border-radius: 12px;
}

.box-page-v2 .collection-download-symbol b {
 position: relative;
 z-index: 1;
 font-size: 21px;
 font-weight: 500;
 line-height: 1;
}

.box-page-v2 .collection-download-symbol i {
 position: absolute;
 z-index: 1;
 bottom: 12px;
 width: 13px;
 height: 2px;
 border-radius: 999px;
 background: currentColor;
 opacity: .68;
}

.box-page-v2 .collection-download-copy {
 grid-column: 2 !important;
 grid-row: 1 !important;
 min-width: 0;
}

.box-page-v2 .collection-download-copy > small {
 display: block !important;
 margin: 0 0 3px !important;
 color: var(--atlas-accent) !important;
 font-family: ui-monospace, "SFMono-Regular", Consolas, monospace !important;
 font-size: 10px !important;
 font-weight: 800 !important;
 line-height: 1.25 !important;
 letter-spacing: .18em !important;
 text-transform: uppercase;
}

.box-page-v2 .collection-download-copy > h3 {
 margin: 0 !important;
 color: var(--atlas-ink) !important;
 font-size: clamp(20px, 1.4vw, 24px) !important;
 font-weight: 780 !important;
 line-height: 1.25 !important;
 letter-spacing: -.02em !important;
}

.box-page-v2 .collection-download-copy > p {
 margin: 4px 0 0 !important;
 color: var(--atlas-muted) !important;
 font-size: 13px !important;
 line-height: 1.55 !important;
}

.box-page-v2 .collection-download-status {
 display: inline-flex !important;
 grid-column: 3 !important;
 grid-row: 1 !important;
 align-items: center !important;
 gap: 8px !important;
 box-sizing: border-box !important;
 width: auto !important;
 max-width: 100% !important;
 height: 34px !important;
 min-height: 34px !important;
 padding: 0 13px !important;
 border: 1px solid color-mix(in srgb, var(--atlas-accent-2) 30%, var(--atlas-line)) !important;
 border-radius: 999px !important;
 color: color-mix(in srgb, var(--atlas-accent-2) 72%, var(--atlas-ink)) !important;
 background: color-mix(in srgb, var(--atlas-accent-2) 9%, var(--atlas-panel-solid)) !important;
 font-size: 11px !important;
 font-weight: 760 !important;
 letter-spacing: .08em !important;
 white-space: nowrap;
 overflow: hidden !important;
}

.box-page-v2 .collection-download-status i {
 width: 7px !important;
 height: 7px !important;
 border-radius: 50% !important;
 background: var(--atlas-accent-2) !important;
 box-shadow: 0 0 0 4px color-mix(in srgb, var(--atlas-accent-2) 14%, transparent), 0 0 12px color-mix(in srgb, var(--atlas-accent-2) 48%, transparent) !important;
 animation: collectionRoutePulse 2.4s ease-in-out infinite;
}

.box-page-v2 .collection-unlocked > .post-content {
 display: grid !important;
 grid-template-columns: 1fr !important;
 gap: 10px !important;
 margin: 0 !important;
 padding: 12px !important;
 border: 0 !important;
 background: transparent !important;
}

.box-page-v2 .collection-download-route {
 position: relative !important;
 display: grid !important;
 grid-template-columns: minmax(210px, 1fr) auto auto !important;
 align-items: center !important;
 gap: 14px !important;
 min-height: 78px !important;
 margin: 0 !important;
 padding: 11px 11px 11px 14px !important;
 overflow: hidden !important;
 border: 1px solid color-mix(in srgb, var(--atlas-line) 88%, transparent) !important;
 border-radius: 15px !important;
 color: var(--atlas-ink) !important;
 background: linear-gradient(105deg, var(--download-card), color-mix(in srgb, var(--atlas-accent) 3%, var(--download-card))) !important;
 box-shadow: 0 7px 19px color-mix(in srgb, var(--atlas-ink) 4%, transparent), inset 0 1px rgba(255,255,255,.5) !important;
 opacity: 0;
 transform: translateY(7px);
 animation: collectionRouteIn .42s cubic-bezier(.2,.75,.25,1) forwards;
 animation-delay: calc(var(--route-index, 0) * 70ms + 80ms);
 transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background-color .22s ease !important;
}

.box-page-v2 .collection-download-route::before {
 content: "" !important;
 position: absolute !important;
 inset: 14px auto 14px 0 !important;
 width: 2px !important;
 height: auto !important;
 border: 0 !important;
 border-radius: 0 999px 999px 0 !important;
 background: linear-gradient(180deg, var(--atlas-accent), var(--atlas-accent-2)) !important;
 opacity: .64 !important;
 box-shadow: 0 0 13px color-mix(in srgb, var(--atlas-accent) 35%, transparent) !important;
 transform: none !important;
}

.box-page-v2 .collection-download-route::after {
 content: "" !important;
 position: absolute;
 top: -32px;
 right: 190px;
 width: 120px;
 height: 80px;
 border-radius: 50%;
 background: radial-gradient(circle, color-mix(in srgb, var(--atlas-accent) 9%, transparent), transparent 68%);
 opacity: 0;
 transition: opacity .22s ease;
 pointer-events: none;
}

.box-page-v2 .collection-download-route:hover {
 z-index: 1;
 transform: translateY(-2px) !important;
 border-color: color-mix(in srgb, var(--atlas-accent) 38%, var(--atlas-line)) !important;
 box-shadow: 0 13px 28px color-mix(in srgb, var(--atlas-ink) 7%, transparent), 0 0 0 1px color-mix(in srgb, var(--atlas-accent) 6%, transparent) !important;
}

.box-page-v2 .collection-download-route:hover::after {
 opacity: 1;
}

.box-page-v2 .collection-route-meta {
 display: grid !important;
 grid-template-columns: 42px minmax(0, 1fr) !important;
 align-items: center !important;
 gap: 13px !important;
 min-width: 0 !important;
 color: inherit !important;
}

.box-page-v2 .collection-route-meta > b {
 display: grid !important;
 width: 42px !important;
 height: 42px !important;
 place-items: center !important;
 border: 1px solid color-mix(in srgb, var(--atlas-accent) 35%, var(--atlas-line)) !important;
 border-radius: 12px !important;
 color: var(--atlas-accent) !important;
 background: color-mix(in srgb, var(--atlas-accent) 8%, var(--atlas-panel-solid)) !important;
 font-family: ui-monospace, "SFMono-Regular", Consolas, monospace !important;
 font-size: 13px !important;
 font-weight: 850 !important;
 letter-spacing: -.03em !important;
 box-shadow: inset 0 1px rgba(255,255,255,.58) !important;
}

.box-page-v2 .collection-route-meta > span {
 display: flex !important;
 min-width: 0 !important;
 flex-direction: column !important;
 gap: 3px !important;
}

.box-page-v2 .collection-route-meta small {
 overflow: hidden !important;
 color: var(--atlas-ink) !important;
 font-size: 15px !important;
 font-weight: 720 !important;
 line-height: 1.35 !important;
 text-overflow: ellipsis !important;
 white-space: nowrap !important;
}

.box-page-v2 .collection-route-meta strong {
 overflow: hidden !important;
 color: var(--atlas-muted) !important;
 font-family: ui-monospace, "SFMono-Regular", Consolas, monospace !important;
 font-size: 11px !important;
 font-weight: 650 !important;
 line-height: 1.35 !important;
 letter-spacing: .035em !important;
 text-overflow: ellipsis !important;
 white-space: nowrap !important;
}

.box-page-v2 .collection-route-note {
 display: inline-flex !important;
 align-items: center !important;
 min-height: 30px !important;
 margin: 0 !important;
 padding: 0 11px !important;
 border: 1px dashed color-mix(in srgb, var(--atlas-accent) 29%, var(--atlas-line)) !important;
 border-radius: 9px !important;
 color: var(--atlas-muted) !important;
 background: color-mix(in srgb, var(--atlas-accent) 5%, transparent) !important;
 font-size: 12px !important;
 font-weight: 650 !important;
 line-height: 1.35 !important;
 white-space: nowrap !important;
}

.box-page-v2 .collection-download-route > a.collection-route-button {
 position: relative !important;
 display: inline-flex !important;
 grid-column: 3;
 width: 164px !important;
 min-width: 164px !important;
 min-height: 52px !important;
 align-items: center !important;
 justify-content: space-between !important;
 gap: 12px !important;
 margin: 0 !important;
 padding: 8px 9px 8px 16px !important;
 overflow: hidden !important;
 border: 1px solid color-mix(in srgb, var(--atlas-button) 78%, white 12%) !important;
 border-radius: 12px !important;
 color: var(--atlas-button-text) !important;
 background: linear-gradient(135deg, var(--atlas-button), color-mix(in srgb, var(--atlas-button) 74%, var(--atlas-accent-2))) !important;
 box-shadow: 0 10px 20px color-mix(in srgb, var(--atlas-button) 19%, transparent), inset 0 1px rgba(255,255,255,.18) !important;
 font-size: inherit !important;
 line-height: normal !important;
 text-decoration: none !important;
 transform: translateZ(0) !important;
 transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.box-page-v2 .collection-download-route > a.collection-route-button::before,
.box-page-v2 .collection-download-route > a.collection-route-button::after {
 content: none !important;
 display: none !important;
}

.box-page-v2 .collection-route-action-copy {
 display: flex !important;
 min-width: 0 !important;
 flex-direction: column !important;
 gap: 1px !important;
 color: inherit !important;
}

.box-page-v2 .collection-route-action-copy small {
 color: currentColor !important;
 font-family: ui-monospace, "SFMono-Regular", Consolas, monospace !important;
 font-size: 8px !important;
 font-weight: 760 !important;
 line-height: 1.2 !important;
 letter-spacing: .14em !important;
 opacity: .64 !important;
}

.box-page-v2 .collection-route-action-copy strong {
 color: currentColor !important;
 font-size: 14px !important;
 font-weight: 800 !important;
 line-height: 1.25 !important;
 white-space: nowrap !important;
}

.box-page-v2 .collection-download-route > a.collection-route-button > b {
 display: grid !important;
 width: 34px !important;
 height: 34px !important;
 flex: none !important;
 place-items: center !important;
 border: 1px solid rgba(255,255,255,.2) !important;
 border-radius: 9px !important;
 color: inherit !important;
 background: rgba(255,255,255,.1) !important;
 font-size: 16px !important;
 font-weight: 600 !important;
 transition: transform .2s ease, background-color .2s ease !important;
}

.box-page-v2 .collection-download-route > a.collection-route-button:hover {
 color: var(--atlas-button-text) !important;
 filter: saturate(1.08) brightness(1.04) !important;
 transform: translateY(-1px) !important;
 box-shadow: 0 14px 26px color-mix(in srgb, var(--atlas-button) 25%, transparent), inset 0 1px rgba(255,255,255,.22) !important;
}

.box-page-v2 .collection-download-route > a.collection-route-button:hover > b {
 background: rgba(255,255,255,.17) !important;
 transform: translate(2px,-2px) !important;
}

.box-page-v2.download-layout-grid .collection-unlocked > .post-content {
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.box-page-v2.download-layout-grid .collection-download-route {
 grid-template-columns: minmax(0, 1fr) auto !important;
}

.box-page-v2.download-layout-grid .collection-route-note {
 grid-column: 1;
 justify-self: start;
 margin-left: 55px !important;
}

.box-page-v2.download-layout-grid .collection-download-route > a.collection-route-button {
 grid-column: 2;
 grid-row: 1 / span 2;
 width: 148px !important;
 min-width: 148px !important;
}

.box-page-v2.download-style-glass .collection-download-route {
 background: color-mix(in srgb, var(--atlas-panel-solid) 80%, transparent) !important;
 backdrop-filter: blur(14px) saturate(1.08);
}

.box-page-v2.download-style-minimal .collection-unlocked,
.box-page-v2.download-style-minimal .collection-download-route {
 box-shadow: none !important;
}

.box-page-v2.is-download-animation-off .collection-download-status i,
.box-page-v2.is-download-animation-off .collection-download-route {
 animation: none !important;
 opacity: 1 !important;
 transform: none !important;
}

[data-theme="dark"] .box-page-v2 .collection-unlocked {
 --download-surface: color-mix(in srgb, #101522 92%, var(--atlas-accent) 8%);
 --download-card: color-mix(in srgb, #141a28 95%, var(--atlas-accent) 5%);
 box-shadow: 0 24px 60px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.035) !important;
}

[data-theme="dark"] .box-page-v2 .collection-download-route {
 box-shadow: 0 8px 22px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.025) !important;
}

[data-theme="gold"] .box-page-v2 .collection-unlocked {
 --download-surface: color-mix(in srgb, #151108 92%, var(--atlas-accent) 8%);
 --download-card: color-mix(in srgb, #19140b 95%, var(--atlas-accent) 5%);
 box-shadow: 0 24px 60px rgba(0,0,0,.34), inset 0 1px rgba(255,224,139,.04) !important;
}

[data-theme="gold"] .box-page-v2 .collection-route-meta > b,
[data-theme="gold"] .box-page-v2 .collection-download-symbol {
 box-shadow: 0 9px 23px color-mix(in srgb, var(--atlas-accent) 12%, transparent), inset 0 1px rgba(255,226,151,.1) !important;
}

@keyframes collectionRouteIn {
 to { opacity: 1; transform: translateY(0); }
}

@keyframes collectionRoutePulse {
 0%, 100% { opacity: .72; transform: scale(.9); }
 50% { opacity: 1; transform: scale(1.12); }
}

@media (max-width: 1120px) {
 .box-page-v2.download-layout-grid .collection-unlocked > .post-content { grid-template-columns: 1fr !important; }
 .box-page-v2.download-layout-grid .collection-download-route { grid-template-columns: minmax(0,1fr) auto auto !important; }
 .box-page-v2.download-layout-grid .collection-route-note { grid-column: auto; margin-left: 0 !important; }
 .box-page-v2.download-layout-grid .collection-download-route > a.collection-route-button { grid-column: 3; grid-row: auto; width: 164px !important; min-width: 164px !important; }
}

@media (max-width: 760px) {
 .box-page-v2 .collection-download-head { grid-template-columns: 46px minmax(0, 1fr) !important; gap: 13px !important; padding: 16px !important; }
 .box-page-v2 .collection-download-symbol { width: 44px !important; height: 44px !important; border-radius: 14px !important; }
 .box-page-v2 .collection-download-copy { grid-column: 2 !important; grid-row: 1 !important; }
 .box-page-v2 .collection-download-status { grid-column: 2 !important; grid-row: 2 !important; justify-self: start; width: auto !important; height: 28px !important; min-height: 28px !important; margin-top: 2px; }
 .box-page-v2 .collection-download-route,
 .box-page-v2.download-layout-grid .collection-download-route { grid-template-columns: minmax(0,1fr) auto !important; gap: 10px !important; }
 .box-page-v2 .collection-route-note,
 .box-page-v2.download-layout-grid .collection-route-note { grid-column: 1; justify-self: start; margin-left: 55px !important; }
 .box-page-v2 .collection-download-route > a.collection-route-button,
 .box-page-v2.download-layout-grid .collection-download-route > a.collection-route-button { grid-column: 2; grid-row: 1 / span 2; width: 148px !important; min-width: 148px !important; }
}

@media (max-width: 560px) {
 .box-page-v2 .collection-unlocked { border-radius: 17px !important; }
 .box-page-v2 .collection-unlocked > .post-content { padding: 9px !important; }
 .box-page-v2 .collection-download-route,
 .box-page-v2.download-layout-grid .collection-download-route { grid-template-columns: 1fr !important; padding: 13px !important; }
 .box-page-v2 .collection-route-note,
 .box-page-v2.download-layout-grid .collection-route-note { grid-column: 1; margin-left: 55px !important; white-space: normal !important; }
 .box-page-v2 .collection-download-route > a.collection-route-button,
 .box-page-v2.download-layout-grid .collection-download-route > a.collection-route-button { grid-column: 1; grid-row: auto; width: 100% !important; min-width: 0 !important; }
 .box-page-v2 .collection-download-copy > p { font-size: 12px !important; }
}

@media (prefers-reduced-motion: reduce) {
 .box-page-v2 .collection-unlocked,
 .box-page-v2 .collection-download-route,
 .box-page-v2 .collection-download-status i { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; }
}