/* Radio-Digitaal Album Collection — publieke collectie + globale reveal */
.collection-page{--collection-gap:14px}.collection-page-bar{margin-bottom:14px}.collection-kicker{font-size:.74rem;font-weight:900;letter-spacing:.16em;color:var(--accent)}
.collection-login-state{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px}.collection-login-state h2{margin:5px 0 8px}.collection-login-state p{margin:0;color:var(--muted)}.collection-login-actions{display:flex;gap:8px}.collection-login-actions a{padding:10px 14px;border:1px solid var(--line);font-weight:800}.collection-login-actions a:first-child{background:var(--accent);border-color:var(--accent);color:#081018}
.collection-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.collection-stats>div{padding:14px 16px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel-2),var(--panel));display:grid;gap:4px}.collection-stats span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.collection-stats strong{font-size:1.45rem}.collection-stat-golden{border-color:rgba(218,174,56,.42)!important;background:linear-gradient(145deg,rgba(120,88,18,.22),var(--panel))!important}.collection-stat-golden strong{display:flex;align-items:center;gap:7px;color:#f2c75c}.collection-stat-golden strong img{width:34px;height:32px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}
.collection-empty-state{text-align:center;padding:42px 18px}.collection-empty-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 11%,var(--panel));font-size:1.6rem;color:var(--accent);transform:rotate(45deg)}.collection-empty-icon::first-letter{transform:rotate(-45deg)}
.collection-set-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.collection-set-card{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:11px;padding:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);text-decoration:none;transition:.18s ease}.collection-set-card:hover,.collection-set-card.is-active{border-color:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-1px)}.collection-set-cover{width:56px;height:56px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 30%,var(--panel)),var(--panel-3));background-size:cover;background-position:center}.collection-set-copy{display:grid;gap:3px;min-width:0}.collection-set-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-set-copy small{color:var(--muted)}.collection-set-progress{height:4px;background:var(--line-soft);overflow:hidden}.collection-set-progress i{display:block;height:100%;background:var(--accent)}.collection-set-card>b{font-size:.88rem;color:var(--accent)}
.collection-book-module{margin-top:14px}.collection-book-module .module-heading>div small{display:block;margin-top:3px;color:var(--muted);font-size:.78rem}.collection-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.collection-card{position:relative;border:1px solid var(--line);background:linear-gradient(160deg,var(--panel-2),var(--panel));overflow:hidden;min-width:0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.collection-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 14px 32px rgba(0,0,0,.18)}.collection-card-visual{position:relative;aspect-ratio:4/5;background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),var(--panel-3);overflow:hidden}.collection-card-visual img{width:100%;height:100%;object-fit:cover;display:block}.collection-card.is-locked .collection-card-visual img{filter:grayscale(1) saturate(.18) brightness(.84);transform:scale(1.01)}.collection-card.is-locked .collection-card-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,12,18,.14),rgba(6,12,18,.42))}.collection-card.is-locked .collection-card-meta{opacity:.88}.collection-card-question,.collection-card-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:3rem;font-weight:900;color:color-mix(in srgb,var(--text) 30%,transparent)}.collection-card-missing-badge{position:absolute;left:8px;top:8px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(7,14,21,.76);backdrop-filter:blur(8px);font-size:.64rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#dce6ef}.collection-card-meta{display:grid;gap:2px;padding:10px}.collection-card-meta small{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.collection-card-meta strong{font-size:.92rem;line-height:1.2}.collection-card-meta span{font-size:.78rem;color:var(--muted)}.collection-card-meta em{font-style:normal;color:#f6c74d;letter-spacing:.04em;font-size:.76rem}.collection-card.is-locked .collection-card-meta em{color:color-mix(in srgb,#f6c74d 30%,#aeb7c2 70%)}.collection-card-duplicate{position:absolute;right:8px;top:8px;display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:999px;background:var(--accent);color:#081018;font-size:.8rem;font-weight:950;box-shadow:0 5px 14px rgba(0,0,0,.25)}
.collection-card.rarity-silver{border-color:#94a8bc}.collection-card.rarity-gold{border-color:#d9ad43}.collection-card.rarity-diamond{border-color:#77dbff}.collection-card.rarity-special{border-color:#bc7cff}

/* Globale reward reveal — geladen op iedere pagina. */
.rd-collection-reveal{position:fixed;inset:0;z-index:2147480000;display:grid;place-items:center;padding:20px;background:rgba(2,5,9,.82);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}.rd-collection-reveal.is-open{opacity:1;visibility:visible}.rd-collection-stage{position:relative;width:min(430px,94vw);min-height:570px;display:grid;place-items:center;perspective:1200px}.rd-collection-mystery{position:absolute;width:min(310px,78vw);aspect-ratio:4/5;border:1px solid color-mix(in srgb,var(--accent) 55%,#fff 8%);background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 42%),linear-gradient(150deg,#101826,#070b12);box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 55px color-mix(in srgb,var(--accent) 20%,transparent);display:grid;place-items:center;overflow:hidden;transform:scale(.82);opacity:0}.rd-collection-mystery::before,.rd-collection-mystery::after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);inset:18px}.rd-collection-mystery::after{inset:34px}.rd-collection-mystery b{position:relative;z-index:2;font-size:6rem;line-height:1;color:var(--accent);text-shadow:0 0 28px color-mix(in srgb,var(--accent) 65%,transparent)}.rd-collection-reveal.is-open .rd-collection-mystery{animation:rdCollectionMystery 1.05s cubic-bezier(.2,.75,.25,1) forwards}.rd-collection-particles{position:absolute;inset:0;pointer-events:none}.rd-collection-particles i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:0;animation:rdCollectionSpark 1.35s ease-out infinite}.rd-collection-particles i:nth-child(1){left:15%;top:34%;animation-delay:.05s}.rd-collection-particles i:nth-child(2){left:78%;top:22%;animation-delay:.22s}.rd-collection-particles i:nth-child(3){left:85%;top:58%;animation-delay:.4s}.rd-collection-particles i:nth-child(4){left:23%;top:67%;animation-delay:.31s}.rd-collection-particles i:nth-child(5){left:48%;top:12%;animation-delay:.55s}.rd-collection-particles i:nth-child(6){left:52%;top:82%;animation-delay:.12s}
.rd-collection-result{position:absolute;width:min(330px,82vw);opacity:0;transform:scale(.88) translateY(12px);pointer-events:none}.rd-collection-result.is-revealed{animation:rdCollectionResult .62s cubic-bezier(.17,.84,.3,1) forwards;pointer-events:auto}.rd-collection-result-card{position:relative;border:1px solid var(--line);background:linear-gradient(160deg,var(--panel-2),#070b11);box-shadow:0 32px 90px rgba(0,0,0,.65);overflow:hidden}.rd-collection-result-image{position:relative;aspect-ratio:4/5;background:linear-gradient(145deg,var(--panel-3),#05080d)}.rd-collection-result-image img{display:block;width:100%;height:100%;object-fit:cover}.rd-collection-result-image .fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:4rem;color:var(--accent)}.rd-collection-result-copy{padding:16px 16px 18px;text-align:center}.rd-collection-result-copy small{display:block;font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.rd-collection-result-copy h3{margin:5px 0 3px;font-size:1.3rem}.rd-collection-result-copy p{margin:0;color:var(--muted)}.rd-collection-result-copy em{display:block;margin-top:7px;font-style:normal;color:#f6c74d;letter-spacing:.08em}.rd-collection-result-duplicate{position:absolute;right:12px;top:12px;z-index:3;display:grid;place-items:center;min-width:42px;height:42px;padding:0 10px;border-radius:999px;background:var(--accent);color:#071019;font-size:.95rem;font-weight:950;box-shadow:0 6px 18px rgba(0,0,0,.35)}.rd-collection-reveal-actions{display:flex;justify-content:center;gap:8px;margin-top:11px}.rd-collection-reveal-actions button,.rd-collection-reveal-actions a{border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:10px 15px;font:inherit;font-weight:850;cursor:pointer;text-decoration:none}.rd-collection-reveal-actions .primary{background:var(--accent);border-color:var(--accent);color:#071019}.rd-collection-reveal-close{position:absolute;right:-10px;top:-10px;z-index:4;width:38px;height:38px;border-radius:999px!important;padding:0!important;display:grid;place-items:center;background:#111923!important;color:#fff!important;box-shadow:0 5px 18px rgba(0,0,0,.38)}
.rd-collection-result.rarity-silver .rd-collection-result-card{border-color:#9cb4c8;box-shadow:0 32px 90px rgba(0,0,0,.65),0 0 35px rgba(166,202,230,.25)}.rd-collection-result.rarity-gold .rd-collection-result-card{border-color:#e5bb55;box-shadow:0 32px 90px rgba(0,0,0,.65),0 0 42px rgba(233,184,67,.28)}.rd-collection-result.rarity-diamond .rd-collection-result-card{border-color:#85e6ff;box-shadow:0 32px 90px rgba(0,0,0,.65),0 0 55px rgba(85,214,255,.32)}.rd-collection-result.rarity-special .rd-collection-result-card{border-color:#c891ff;box-shadow:0 32px 90px rgba(0,0,0,.65),0 0 62px rgba(172,95,255,.34)}
@keyframes rdCollectionMystery{0%{opacity:0;transform:scale(.62) rotate(-4deg)}24%{opacity:1;transform:scale(1.04) rotate(1deg)}72%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(1.12);filter:blur(7px)}}@keyframes rdCollectionResult{0%{opacity:0;transform:scale(.84) translateY(18px) rotateY(18deg)}100%{opacity:1;transform:scale(1) translateY(0) rotateY(0)}}@keyframes rdCollectionSpark{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1.5)}100%{opacity:0;transform:translateY(-34px) scale(.3)}}
@media(max-width:760px){.collection-stats{grid-template-columns:repeat(2,1fr)}.collection-login-state{align-items:flex-start;flex-direction:column}.collection-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-collection-stage{min-height:520px}}

/* Fase 2.71 — album-bibliotheek / albumdetail */
.collection-album-library{padding-bottom:18px}.collection-album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.collection-album-tile{display:grid;gap:10px;color:var(--text);text-decoration:none;min-width:0}.collection-album-art{position:relative;aspect-ratio:1/1;border:1px solid var(--line);background-size:cover;background-position:center;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.collection-album-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.32));pointer-events:none}.collection-album-art.is-placeholder{display:grid;place-items:center;background:radial-gradient(circle at 32% 22%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 45%),linear-gradient(145deg,var(--panel-3),#081019)}.collection-album-art.is-placeholder>span{font-size:3rem;font-weight:950;letter-spacing:-.05em;color:var(--accent);text-shadow:0 0 28px color-mix(in srgb,var(--accent) 38%,transparent)}.collection-album-progress-badge{position:absolute;right:9px;top:9px;z-index:2;display:grid;place-items:center;min-width:46px;height:30px;padding:0 9px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(8,16,24,.82);backdrop-filter:blur(7px);color:#fff;font-size:.72rem;font-weight:900}.collection-album-copy{display:grid;gap:4px}.collection-album-copy strong{font-size:1rem;line-height:1.2}.collection-album-copy small{color:var(--muted);font-size:.78rem}.collection-album-tile:hover .collection-album-art{transform:translateY(-3px) scale(1.01);border-color:var(--accent);box-shadow:0 16px 34px rgba(0,0,0,.24),0 0 24px color-mix(in srgb,var(--accent) 13%,transparent)}
.collection-book-head{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;padding:4px 0 18px;border-bottom:1px solid var(--line);margin-bottom:18px}.collection-book-cover{width:120px;aspect-ratio:1/1;background-size:cover;background-position:center;border:1px solid var(--line);box-shadow:0 10px 24px rgba(0,0,0,.2)}.collection-book-cover.is-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,var(--panel-3),#081019)}.collection-book-cover.is-placeholder span{font-size:2.2rem;font-weight:950;color:var(--accent)}.collection-book-copy h2{margin:2px 0 4px}.collection-book-copy p{margin:0 0 9px;color:var(--muted);max-width:780px}.collection-book-progress-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 6px;font-size:.82rem;color:var(--muted)}.collection-book-progress-line b,.collection-book-progress-line strong{color:var(--text)}.collection-set-progress--large{height:7px;display:block}
@media(max-width:760px){.collection-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-book-head{grid-template-columns:88px 1fr;gap:12px}.collection-book-cover{width:88px}.collection-album-copy strong{font-size:.92rem}}


/* Fase 2.72 — cinematic reveal queue + rarity effects */
.rd-collection-reveal{
    --rd-rarity:#b68155;
    --rd-rarity-soft:rgba(182,129,85,.24);
}
.rd-collection-reveal[data-rarity="silver"]{--rd-rarity:#c8d9e8;--rd-rarity-soft:rgba(193,219,240,.26)}
.rd-collection-reveal[data-rarity="gold"]{--rd-rarity:#ffc84d;--rd-rarity-soft:rgba(255,197,61,.30)}
.rd-collection-reveal[data-rarity="diamond"]{--rd-rarity:#79e7ff;--rd-rarity-soft:rgba(87,221,255,.34)}
.rd-collection-reveal[data-rarity="special"]{--rd-rarity:#d18aff;--rd-rarity-soft:rgba(198,104,255,.36)}

.rd-collection-reveal-queue{
    position:absolute;top:8px;right:8px;z-index:10;
    padding:7px 10px;border:1px solid rgba(255,255,255,.12);
    background:rgba(5,10,16,.74);backdrop-filter:blur(10px);
    color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.04em;
}
.rd-collection-rarity-aura{
    position:absolute;width:390px;height:390px;border-radius:50%;
    background:radial-gradient(circle,var(--rd-rarity-soft) 0%,transparent 68%);
    filter:blur(14px);opacity:0;transform:scale(.5);
    pointer-events:none;
}
.rd-collection-reveal.is-open .rd-collection-rarity-aura{
    animation:rdCollectionAura 2.3s ease-out infinite;
}
.rd-collection-rays{
    position:absolute;width:520px;height:520px;border-radius:50%;opacity:0;
    background:repeating-conic-gradient(from 0deg,var(--rd-rarity-soft) 0deg 4deg,transparent 4deg 18deg);
    mask-image:radial-gradient(circle,transparent 0 27%,#000 42%,transparent 72%);
    pointer-events:none;
}
.rd-collection-reveal.is-result-ready .rd-collection-rays{
    animation:rdCollectionRays 1.4s cubic-bezier(.2,.8,.2,1) forwards;
}
.rd-collection-rarity-flash{
    position:absolute;inset:12% -20%;opacity:0;pointer-events:none;
    background:radial-gradient(ellipse at center,var(--rd-rarity-soft),transparent 62%);
}
.rd-collection-reveal.is-result-ready .rd-collection-rarity-flash{
    animation:rdCollectionFlash .55s ease-out forwards;
}
.rd-collection-mystery{
    border-color:color-mix(in srgb,var(--rd-rarity) 58%,#fff 8%);
    box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 58px var(--rd-rarity-soft);
}
.rd-collection-mystery span,
.rd-collection-mystery em{
    position:absolute;z-index:2;color:rgba(255,255,255,.7);
    font-style:normal;font-size:.62rem;font-weight:900;letter-spacing:.20em;
}
.rd-collection-mystery span{top:26px}
.rd-collection-mystery em{bottom:27px}
.rd-collection-mystery b{color:var(--rd-rarity);text-shadow:0 0 34px var(--rd-rarity-soft)}
.rd-collection-reveal.is-charging .rd-collection-mystery b{animation:rdCollectionQuestionPulse .72s ease-in-out infinite alternate}

.rd-collection-particles i{background:var(--rd-rarity);box-shadow:0 0 10px var(--rd-rarity)}
.rd-collection-particles i:nth-child(7){left:8%;top:52%;animation-delay:.62s}
.rd-collection-particles i:nth-child(8){left:90%;top:38%;animation-delay:.15s}
.rd-collection-particles i:nth-child(9){left:35%;top:6%;animation-delay:.47s}
.rd-collection-particles i:nth-child(10){left:67%;top:90%;animation-delay:.28s}
.rd-collection-particles i:nth-child(11){left:7%;top:20%;animation-delay:.73s}
.rd-collection-particles i:nth-child(12){left:94%;top:75%;animation-delay:.51s}

.rd-collection-result-kicker{
    margin:0 auto 8px;text-align:center;color:var(--rd-rarity);
    font-size:.67rem;font-weight:950;letter-spacing:.22em;text-transform:uppercase;
    opacity:0;transform:translateY(7px);
}
.rd-collection-result.is-revealed .rd-collection-result-kicker{
    animation:rdCollectionKicker .45s .14s ease forwards;
}
.rd-collection-result-card{
    border-color:color-mix(in srgb,var(--rd-rarity) 68%,var(--line));
    box-shadow:0 32px 90px rgba(0,0,0,.66),0 0 50px var(--rd-rarity-soft);
}
.rd-collection-result-copy>span{
    display:block;margin-top:9px;color:var(--muted);
    font-size:.72rem;line-height:1.45;
}
.rd-collection-result-duplicate{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    width:auto;min-width:50px;height:50px;border:1px solid rgba(255,255,255,.16);
    background:color-mix(in srgb,var(--rd-rarity) 90%,#101820);
    color:#071019;line-height:1.05;
}
.rd-collection-result-duplicate small{
    display:block;margin-top:2px;font-size:.48rem;font-weight:950;letter-spacing:0;
    text-transform:none;color:rgba(7,16,25,.78);
}
.rd-collection-result.is-leaving{animation:rdCollectionLeave .23s ease forwards}

@keyframes rdCollectionAura{
    0%{opacity:.15;transform:scale(.55)}
    45%{opacity:.9;transform:scale(1)}
    100%{opacity:.18;transform:scale(1.18)}
}
@keyframes rdCollectionRays{
    0%{opacity:0;transform:scale(.62) rotate(0deg)}
    30%{opacity:.75}
    100%{opacity:0;transform:scale(1.22) rotate(24deg)}
}
@keyframes rdCollectionFlash{
    0%{opacity:0;transform:scale(.7)}
    32%{opacity:1}
    100%{opacity:0;transform:scale(1.35)}
}
@keyframes rdCollectionQuestionPulse{
    from{transform:scale(.94);filter:brightness(.92)}
    to{transform:scale(1.08);filter:brightness(1.35)}
}
@keyframes rdCollectionKicker{
    to{opacity:1;transform:translateY(0)}
}
@keyframes rdCollectionLeave{
    to{opacity:0;transform:scale(.94) translateY(12px)}
}

/* Rarity-specific image sheen. */
.rd-collection-result-image::after{
    content:"";position:absolute;inset:-40% -65%;pointer-events:none;opacity:0;
    background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.72) 50%,transparent 64%);
    transform:translateX(-55%) rotate(3deg);
}
.rd-collection-result.is-revealed .rd-collection-result-image::after{
    animation:rdCollectionSheen 1s .25s ease-out forwards;
}
@keyframes rdCollectionSheen{
    0%{opacity:0;transform:translateX(-55%) rotate(3deg)}
    28%{opacity:.72}
    100%{opacity:0;transform:translateX(55%) rotate(3deg)}
}

/* Diamond en Special mogen iets exclusiever aanvoelen zonder continu druk te bewegen. */
.rd-collection-reveal[data-rarity="diamond"] .rd-collection-result-card{
    box-shadow:0 34px 95px rgba(0,0,0,.68),0 0 72px rgba(84,222,255,.36);
}
.rd-collection-reveal[data-rarity="special"] .rd-collection-result-card{
    box-shadow:0 34px 95px rgba(0,0,0,.68),0 0 82px rgba(196,103,255,.38);
}
@media (prefers-reduced-motion:reduce){
    .rd-collection-reveal *{animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Fase 2.75 — completion rewards + collector badges */
.collection-album-tile.is-complete .collection-album-art{
    border-color:color-mix(in srgb,var(--accent) 72%,#fff 10%);
    box-shadow:0 16px 36px rgba(0,0,0,.24),0 0 28px color-mix(in srgb,var(--accent) 18%,transparent);
}
.collection-complete-mark{
    position:absolute;left:9px;bottom:9px;z-index:3;
    display:inline-flex;align-items:center;gap:5px;
    padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent) 52%,rgba(255,255,255,.16));
    background:rgba(6,18,22,.84);backdrop-filter:blur(8px);
    color:var(--accent);font-size:.68rem;font-weight:950;letter-spacing:.03em;text-transform:uppercase;
}
.collection-badges-module{margin-top:14px}
.collection-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.collection-badge-card{
    display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;
    padding:11px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel-2),var(--panel));
}
.collection-badge-icon{
    width:64px;aspect-ratio:1/1;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));
    background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 20px color-mix(in srgb,var(--accent) 11%,transparent);
}
.collection-badge-icon.is-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,var(--panel-3),#081019)}
.collection-badge-icon.is-placeholder span{font-size:1.7rem;color:var(--accent)}
.collection-badge-card>div:last-child{display:grid;gap:2px;min-width:0}
.collection-badge-card small{font-size:.62rem;font-weight:950;letter-spacing:.12em;color:var(--accent)}
.collection-badge-card strong{font-size:.91rem;line-height:1.2}
.collection-badge-card span{font-size:.72rem;color:var(--muted);line-height:1.35}
.collection-completion-earned,.collection-completion-target{
    display:grid;gap:2px;margin-top:11px;padding:9px 11px;border-left:3px solid var(--accent);
    background:color-mix(in srgb,var(--accent) 9%,var(--panel-2));
}
.collection-completion-earned>div,.collection-completion-target>div,.collection-completion-copy{display:grid;gap:5px;min-width:0}
.collection-completion-earned b,.collection-completion-target b{font-size:var(--rd-font-collection-reward-title-size,17px);line-height:1.25;color:var(--accent)}
.collection-completion-earned span,.collection-completion-target span{font-size:var(--rd-font-collection-reward-text-size,16px);line-height:1.45;color:var(--muted)}
.collection-completion-target{border-left-color:var(--line);background:var(--panel-2)}
.collection-completion-target b{color:var(--text)}
.collection-completion-reward-value{display:block;font-size:var(--rd-font-collection-reward-title-size,17px);line-height:1.2;color:var(--text);font-weight:900}
.collection-golden-points{color:#f1c75c;font-weight:900}
.collection-completion-copy>em{font-style:normal;font-size:calc(var(--rd-font-collection-reward-text-size,16px) - 2px);line-height:1.35;color:var(--muted-2,var(--muted))}
.collection-completion-earned.is-golden,.collection-completion-target.is-golden{display:flex;align-items:center;gap:14px;border-left-color:#d7aa36;background:linear-gradient(135deg,rgba(126,91,13,.18),var(--panel-3));padding:12px 14px}
.collection-golden-inline{width:64px;height:62px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 5px 7px rgba(0,0,0,.35))}
.collection-completion-earned.is-golden b,.collection-completion-target.is-golden b,.collection-completion-target.is-golden .collection-completion-reward-value{color:#f1c75c}
@media(max-width:620px){.collection-badge-grid{grid-template-columns:1fr}.collection-badge-card{grid-template-columns:54px 1fr}.collection-badge-icon{width:54px}}

/* Fase 2.76 — album compleet celebration */
.rd-collection-completion-reveal{
    position:fixed;inset:0;z-index:2147480100;display:grid;place-items:center;padding:20px;
    background:radial-gradient(circle at 50% 35%,rgba(36,105,123,.18),rgba(2,5,9,.92) 58%);
    backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;
}
.rd-collection-completion-reveal.is-open{opacity:1;visibility:visible}
.rd-collection-completion-stage{position:relative;width:min(480px,94vw);min-height:590px;display:grid;place-items:center;overflow:hidden}
.rd-collection-completion-content{
    position:relative;z-index:3;width:min(390px,88vw);padding:25px 24px 22px;text-align:center;
    border:1px solid color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.12));
    background:linear-gradient(160deg,rgba(13,27,39,.96),rgba(5,10,16,.98));
    box-shadow:0 34px 100px rgba(0,0,0,.68),0 0 70px color-mix(in srgb,var(--accent) 18%,transparent);
    opacity:0;transform:scale(.82) translateY(20px);
}
.rd-collection-completion-reveal.is-celebrating .rd-collection-completion-content{animation:rdCollectionCompleteIn .7s cubic-bezier(.17,.84,.3,1) forwards}
.rd-collection-completion-content.is-leaving{animation:rdCollectionCompleteOut .24s ease forwards}
.rd-collection-completion-kicker{display:block;margin-bottom:6px;color:var(--accent);font-size:.62rem;font-weight:950;letter-spacing:.18em}
.rd-collection-completion-content h2{margin:0 0 14px;font-size:2rem;line-height:1;color:#fff;letter-spacing:.02em}
.rd-collection-completion-cover{
    position:relative;width:180px;aspect-ratio:1/1;margin:0 auto 14px;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--line));
    background:linear-gradient(145deg,var(--panel-3),#071019);box-shadow:0 18px 46px rgba(0,0,0,.42),0 0 38px color-mix(in srgb,var(--accent) 18%,transparent);overflow:hidden;
}
.rd-collection-completion-cover img{width:100%;height:100%;object-fit:cover;display:block}
.rd-collection-completion-cover-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font-size:2.4rem;font-weight:950}
.rd-collection-completion-cover>span:last-child{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:var(--accent);color:#071019;font-size:1.1rem;font-weight:950;box-shadow:0 7px 18px rgba(0,0,0,.3)}
.rd-collection-completion-content h3{margin:0 0 6px;font-size:1.25rem}
.rd-collection-completion-badge{display:inline-flex;margin:0 auto 9px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:.72rem;font-weight:950}
.rd-collection-completion-points{display:block;margin:3px 0 7px;color:#f7c84f;font-size:1rem}.rd-collection-completion-golden{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;align-items:center;margin:10px 0 12px;padding:12px 14px;border:1px solid rgba(238,193,76,.58);background:radial-gradient(circle at 20% 20%,rgba(255,213,95,.18),transparent 46%),linear-gradient(135deg,rgba(112,78,7,.34),rgba(32,24,9,.64));text-align:left}.rd-collection-completion-golden img{width:118px;height:108px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.42))}.rd-collection-completion-golden div{display:grid;gap:3px}.rd-collection-completion-golden span{font-size:.6rem;font-weight:950;letter-spacing:.14em;color:#e9bc4a}.rd-collection-completion-golden strong{font-size:1.24rem;line-height:1.15;color:#ffd873}.rd-collection-completion-golden small{font-size:.73rem;line-height:1.4;color:#e9ddbf}
.rd-collection-completion-content p{margin:0;color:var(--muted);font-size:.8rem}
.rd-collection-completion-actions{display:flex;justify-content:center;gap:8px;margin-top:15px}
.rd-collection-completion-actions button,.rd-collection-completion-actions a{padding:10px 14px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;font-weight:850;text-decoration:none;cursor:pointer}
.rd-collection-completion-actions .primary{background:var(--accent);border-color:var(--accent);color:#071019}
.rd-collection-completion-close{position:absolute;right:8px;top:8px;z-index:5;width:34px;height:34px;border:0;border-radius:999px;background:rgba(5,11,18,.82);color:#fff;font-size:1.25rem;cursor:pointer}
.rd-collection-completion-burst{position:absolute;inset:0;pointer-events:none}
.rd-collection-completion-burst i{position:absolute;left:50%;top:50%;width:8px;height:36%;transform-origin:50% 100%;opacity:0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 0%,transparent),color-mix(in srgb,var(--accent) 70%,transparent));}
.rd-collection-completion-burst i:nth-child(1){transform:translate(-50%,-100%) rotate(0deg)}.rd-collection-completion-burst i:nth-child(2){transform:translate(-50%,-100%) rotate(45deg)}.rd-collection-completion-burst i:nth-child(3){transform:translate(-50%,-100%) rotate(90deg)}.rd-collection-completion-burst i:nth-child(4){transform:translate(-50%,-100%) rotate(135deg)}.rd-collection-completion-burst i:nth-child(5){transform:translate(-50%,-100%) rotate(180deg)}.rd-collection-completion-burst i:nth-child(6){transform:translate(-50%,-100%) rotate(225deg)}.rd-collection-completion-burst i:nth-child(7){transform:translate(-50%,-100%) rotate(270deg)}.rd-collection-completion-burst i:nth-child(8){transform:translate(-50%,-100%) rotate(315deg)}
.rd-collection-completion-reveal.is-celebrating .rd-collection-completion-burst i{animation:rdCollectionCompleteBurst 1.15s .08s ease-out forwards}
@keyframes rdCollectionCompleteIn{0%{opacity:0;transform:scale(.76) translateY(28px)}60%{opacity:1;transform:scale(1.035) translateY(-3px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes rdCollectionCompleteOut{to{opacity:0;transform:scale(.94) translateY(12px)}}
@keyframes rdCollectionCompleteBurst{0%{opacity:0;height:12%}30%{opacity:.75}100%{opacity:0;height:48%}}

/* Fase 2.76 — Community Collection widgets */
.community-collection-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:12px;margin-top:14px}
.community-collection-panel{min-width:0}
.community-collection-list{display:grid;gap:8px}
.community-collection-find{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;padding:8px;border:1px solid var(--line);background:var(--panel-2)}
.community-collection-find__art{width:42px;aspect-ratio:1/1;background:var(--panel-3) center/cover no-repeat;border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);font-weight:950}
.community-collection-find__copy{min-width:0;display:grid;gap:1px}.community-collection-find__copy strong,.community-collector-row strong,.community-rare-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-collection-find__copy small,.community-collector-row small,.community-rare-card small{color:var(--muted);font-size:.7rem}.community-collection-rarity{font-size:.62rem;font-weight:950;text-transform:uppercase;color:var(--accent)}
.community-collector-row,.community-rare-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line-soft)}.community-collector-row:last-child,.community-rare-card:last-child{border-bottom:0}.community-collector-rank{display:grid;place-items:center;width:28px;height:28px;background:var(--panel-3);color:var(--accent);font-size:.72rem;font-weight:950}.community-collector-score{text-align:right;font-size:.72rem;color:var(--muted)}.community-rare-card{grid-template-columns:42px 1fr auto}.community-rare-card__art{width:42px;aspect-ratio:1/1;background:var(--panel-3) center/cover no-repeat;border:1px solid var(--line)}.community-rare-card__owners{font-size:.68rem;font-weight:900;color:var(--accent)}
@media(max-width:980px){.community-collection-grid{grid-template-columns:1fr 1fr}.community-collection-panel:first-child{grid-column:1/-1}}
@media(max-width:650px){.community-collection-grid{grid-template-columns:1fr}.community-collection-panel:first-child{grid-column:auto}.rd-collection-completion-content h2{font-size:1.55rem}.rd-collection-completion-cover{width:150px}.rd-collection-completion-golden{grid-template-columns:84px minmax(0,1fr);gap:9px}.rd-collection-completion-golden img{width:84px;height:78px}.collection-golden-inline{width:44px;height:42px}}
@media(prefers-reduced-motion:reduce){.rd-collection-completion-reveal *{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Fase 2.77 — layout polish voor community widgets + album bibliotheek */
.collection-album-library{
    padding:18px;
}
.collection-album-grid{
    gap:22px;
}
.collection-album-tile{
    gap:0;
    padding:14px;
    border:1px solid var(--line);
    background:linear-gradient(160deg,var(--panel-2),var(--panel));
    box-shadow:0 12px 30px rgba(0,0,0,.14);
}
.collection-album-art{
    border-radius:2px;
}
.collection-album-copy{
    gap:7px;
    padding:14px 4px 2px;
}
.collection-album-copy strong{
    font-size:1.05rem;
    line-height:1.28;
}
.collection-album-copy small{
    display:block;
    line-height:1.45;
}
.collection-album-copy .collection-set-progress{
    margin-top:4px;
}
.collection-album-tile:hover{
    border-color:color-mix(in srgb,var(--accent) 45%,var(--line));
    box-shadow:0 18px 36px rgba(0,0,0,.2);
    transform:translateY(-2px);
}
.collection-album-tile:hover .collection-album-art{
    transform:translateY(0) scale(1.01);
}

.community-collection-grid{
    gap:14px;
    align-items:start;
}
.community-collection-panel{
    padding:16px;
}
.community-collection-panel .module-heading{
    margin-bottom:12px;
}
.community-collection-list{
    gap:10px;
}
.community-collection-find{
    grid-template-columns:52px minmax(0,1fr) auto;
    gap:12px;
    padding:12px;
    min-height:76px;
}
.community-collection-find__art,
.community-rare-card__art{
    width:52px;
    border-radius:2px;
    overflow:hidden;
}
.community-collection-find__copy,
.community-collector-row > span:nth-child(2),
.community-rare-card > span:nth-child(2){
    display:grid;
    gap:4px;
    min-width:0;
}
.community-collection-find__copy strong,
.community-collector-row strong,
.community-rare-card strong{
    white-space:normal;
    line-height:1.28;
}
.community-collection-find__copy small,
.community-collector-row small,
.community-rare-card small{
    display:block;
    font-size:.74rem;
    line-height:1.38;
}
.community-collection-rarity{
    align-self:center;
    justify-self:end;
    display:inline-flex;
    align-items:center;
    padding:6px 8px;
    border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));
    background:color-mix(in srgb,var(--accent) 8%,var(--panel));
    font-size:.65rem;
    letter-spacing:.05em;
}
.community-collector-row,
.community-rare-card{
    gap:12px;
    padding:12px 0;
}
.community-collector-rank{
    width:34px;
    height:34px;
    font-size:.8rem;
}
.community-collector-score,
.community-rare-card__owners{
    justify-self:end;
    text-align:right;
    line-height:1.3;
    white-space:nowrap;
}
.community-collector-score{
    padding-left:8px;
    font-size:.74rem;
}
.community-rare-card{
    grid-template-columns:52px minmax(0,1fr) auto;
}
.community-rare-card__owners{
    font-size:.72rem;
    padding-left:8px;
}

@media(max-width:760px){
    .collection-album-library{
        padding:14px;
    }
    .collection-album-grid{
        gap:14px;
    }
    .collection-album-tile{
        padding:10px;
    }
    .collection-album-copy{
        padding:12px 2px 2px;
    }
    .community-collection-panel{
        padding:14px;
    }
    .community-collection-find,
    .community-rare-card{
        grid-template-columns:46px minmax(0,1fr);
    }
    .community-collection-rarity,
    .community-collector-score,
    .community-rare-card__owners{
        justify-self:start;
        text-align:left;
        padding-left:0;
    }
    .community-collection-find__art,
    .community-rare-card__art{
        width:46px;
    }
}

/* Fase 2.78 — Duplicate Wheel */
.duplicate-wheel-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px;align-items:start}
.duplicate-wheel-main,.duplicate-wheel-prizes,.duplicate-wheel-history{padding:16px}.duplicate-wheel-stage{position:relative;display:grid;place-items:center;min-height:430px;padding:18px;overflow:hidden;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 52%)}
.duplicate-wheel{position:relative;width:min(380px,76vw);aspect-ratio:1/1;border-radius:50%;border:8px solid #111c27;background:conic-gradient(from -30deg,#16384a 0 16.666%,#26475f 16.666% 33.333%,#66501f 33.333% 50%,#1f5b54 50% 66.666%,#50316e 66.666% 83.333%,#7a3654 83.333% 100%);box-shadow:0 26px 65px rgba(0,0,0,.42),0 0 0 2px color-mix(in srgb,var(--accent) 44%,transparent),inset 0 0 0 2px rgba(255,255,255,.05);transition:transform 3.85s cubic-bezier(.08,.68,.08,1);will-change:transform}
.duplicate-wheel::before{content:"";position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 34px rgba(0,0,0,.24)}
.duplicate-wheel-pointer{position:absolute;z-index:5;top:5px;left:50%;width:0;height:0;transform:translateX(-50%);border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid var(--accent);filter:drop-shadow(0 5px 8px rgba(0,0,0,.4))}
.duplicate-wheel-segment{position:absolute;z-index:2;width:118px;text-align:center;font-size:.74rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.6)}
.duplicate-wheel-segment.seg-1{left:50%;top:8%;transform:translateX(-50%)}.duplicate-wheel-segment.seg-2{right:7%;top:27%;transform:rotate(60deg)}.duplicate-wheel-segment.seg-3{right:7%;bottom:27%;transform:rotate(120deg)}.duplicate-wheel-segment.seg-4{left:50%;bottom:8%;transform:translateX(-50%) rotate(180deg)}.duplicate-wheel-segment.seg-5{left:7%;bottom:27%;transform:rotate(-120deg)}.duplicate-wheel-segment.seg-6{left:7%;top:27%;transform:rotate(-60deg)}
.duplicate-wheel-hub{position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:84px;height:84px;transform:translate(-50%,-50%);border-radius:50%;border:7px solid #142330;background:linear-gradient(145deg,var(--accent),#60a9c2);color:#061018;font-size:1.35rem;font-weight:950;box-shadow:0 10px 28px rgba(0,0,0,.38),inset 0 0 0 2px rgba(255,255,255,.24)}
.duplicate-wheel-controls{text-align:center;padding:0 16px 10px}.duplicate-wheel-controls p{margin:0 auto 12px;max-width:620px;color:var(--muted);font-size:.8rem}.duplicate-wheel-spin{min-width:170px;padding:12px 20px;border:1px solid var(--accent);background:var(--accent);color:#061018;font:inherit;font-weight:950;cursor:pointer}.duplicate-wheel-spin:disabled{opacity:.5;cursor:not-allowed}.duplicate-wheel-spin.is-spinning{animation:rdDuplicateSpinButton .7s ease-in-out infinite alternate}.duplicate-wheel-status{min-height:24px;margin-top:10px;font-size:.78rem;color:var(--muted)}.duplicate-wheel-status[data-state="success"]{color:var(--accent);font-weight:900}.duplicate-wheel-status[data-state="error"]{color:#ff9e9e}.duplicate-wheel-status[data-state="busy"]{color:#fff}
.duplicate-prize-list{display:grid;gap:9px}.duplicate-prize-list>div{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);background:var(--panel-2)}.duplicate-prize-list>div>span{display:grid;place-items:center;width:38px;height:38px;background:color-mix(in srgb,var(--accent) 10%,var(--panel-3));color:var(--accent);font-weight:950}.duplicate-prize-list p{display:grid;gap:2px;margin:0}.duplicate-prize-list strong{font-size:.82rem}.duplicate-prize-list small{color:var(--muted);font-size:.7rem;line-height:1.35}
.duplicate-wheel-history{margin-top:14px}.duplicate-wheel-history-list{display:grid;gap:0}.duplicate-wheel-history-list article{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-soft)}.duplicate-wheel-history-list article:last-child{border-bottom:0}.duplicate-wheel-history-list span,.duplicate-wheel-history-list small{font-size:.7rem;color:var(--muted)}.duplicate-wheel-history-list strong{font-size:.8rem}.duplicate-wheel-empty{margin:0;color:var(--muted)}
.collection-album-library .module-heading{align-items:center}.collection-album-library .module-heading__actions{display:flex;align-items:center;gap:8px}.collection-album-library .collection-wheel-link{padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--accent);font-size:.72rem;font-weight:900;text-decoration:none}
@keyframes rdDuplicateSpinButton{from{box-shadow:0 0 0 rgba(0,0,0,0)}to{box-shadow:0 0 26px color-mix(in srgb,var(--accent) 42%,transparent)}}
@media(max-width:900px){.duplicate-wheel-layout{grid-template-columns:1fr}.duplicate-wheel-prizes{order:2}}
@media(max-width:620px){.duplicate-wheel-stage{min-height:340px;padding:10px}.duplicate-wheel{width:min(300px,80vw)}.duplicate-wheel-segment{width:92px;font-size:.62rem}.duplicate-wheel-hub{width:68px;height:68px}.duplicate-wheel-history-list article{grid-template-columns:1fr auto}.duplicate-wheel-history-list article span{grid-column:1/-1}.collection-album-library .module-heading__actions{align-items:flex-end;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.duplicate-wheel{transition-duration:.01ms!important}.duplicate-wheel-spin.is-spinning{animation:none!important}}


/* Fase 2.83 — veilige ruilmarkt */
.trade-create-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px;margin-bottom:14px}
.trade-create-box,.trade-rules,.trade-offers,.trade-proposal-grid>.module{padding:16px}
.trade-create-box form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
.trade-create-box label{display:grid;gap:5px;font-weight:800}.trade-create-box select,.trade-offer-actions select{min-width:0;width:100%;padding:9px 10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text)}
.trade-button{border:1px solid var(--line);padding:9px 12px;background:var(--panel-2);color:var(--text);font:inherit;font-weight:850;cursor:pointer}.trade-button.primary{background:var(--accent);border-color:var(--accent);color:#071019}.trade-button.secondary{background:transparent}.trade-button:disabled{opacity:.55;cursor:wait}
.trade-rules p,.trade-note,.trade-form-status{color:var(--muted);font-size:.78rem;line-height:1.5}.trade-rules p{padding:8px 0;margin:0;border-bottom:1px solid var(--line-soft)}.trade-rules p:last-child{border-bottom:0}
.trade-offer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}.trade-offer-card{border:1px solid var(--line);background:var(--panel-2);padding:12px;display:grid;gap:11px}.trade-offer-card.is-mine{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.trade-owner{font-size:.72rem;font-weight:900;color:var(--accent)}
.trade-swap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}.trade-card-mini{display:grid;grid-template-columns:52px 1fr;gap:4px 9px;align-items:center;min-width:0}.trade-card-art{grid-row:1/5;width:52px;aspect-ratio:4/5;background:var(--panel-3) center/cover no-repeat;border:1px solid var(--line)}.trade-card-mini small{font-size:.58rem;font-weight:950;letter-spacing:.12em;color:var(--muted)}.trade-card-mini strong,.trade-card-mini em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-card-mini strong{font-size:.83rem}.trade-card-mini em{font-style:normal;font-size:.68rem;color:var(--muted)}.trade-arrow{color:var(--accent);font-size:1.2rem}
.trade-offer-actions{display:flex;align-items:center;gap:8px}.trade-offer-actions select{flex:1}.trade-offer-actions>span{margin-right:auto;color:var(--muted);font-size:.72rem}
.trade-proposal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.trade-proposal-list{display:grid}.trade-proposal-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-soft)}.trade-proposal-list article:last-child{border-bottom:0}.trade-proposal-list article>div:first-child{display:grid;gap:2px}.trade-proposal-list article span{color:var(--muted);font-size:.72rem}.trade-status{text-transform:uppercase;font-weight:900;color:var(--accent)!important}
.collection-wheel-link+.collection-trade-link{margin-left:7px}
.collection-trade-link{font-weight:800;text-decoration:none;color:var(--accent)}
@media(max-width:900px){.trade-create-grid,.trade-proposal-grid{grid-template-columns:1fr}.trade-create-box form{grid-template-columns:1fr 1fr}.trade-create-box form .trade-button{grid-column:1/-1}.trade-offer-grid{grid-template-columns:1fr}}
@media(max-width:580px){.trade-create-box form{grid-template-columns:1fr}.trade-swap{grid-template-columns:1fr}.trade-arrow{text-align:center;transform:rotate(90deg)}.trade-card-mini{grid-template-columns:46px 1fr}.trade-card-art{width:46px}.trade-offer-actions{align-items:stretch;flex-direction:column}}

.duplicate-prize-list{display:grid;grid-template-columns:1fr;gap:0}.duplicate-prize-list>div{min-width:0}.duplicate-prize-list>div span{flex:0 0 auto}


/* Fase 2.85 — collection lifecycle / seasons / archive */
.collection-album-library+.collection-album-library{margin-top:14px}
.collection-album-library .module-heading>div:first-child small{display:block;margin-top:3px;color:var(--muted);font-size:.74rem;line-height:1.4}
.collection-album-status{position:absolute;left:9px;top:9px;z-index:3;display:inline-flex;align-items:center;padding:5px 8px;border:1px solid rgba(255,255,255,.14);background:rgba(5,12,19,.82);backdrop-filter:blur(8px);color:#fff;font-size:.62rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.collection-album-tile.is-upcoming .collection-album-art{filter:saturate(.72)}
.collection-album-tile.is-upcoming .collection-album-status{color:#b8e9ff;border-color:rgba(116,211,255,.3)}
.collection-album-tile.is-archived .collection-album-art{filter:saturate(.45) brightness(.78)}
.collection-album-tile.is-archived .collection-album-copy{opacity:.86}
.collection-album-tile.is-archived .collection-album-status{color:#c3cad1}
.collection-lifecycle-note{display:grid;gap:3px;margin:14px 0;padding:11px 13px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel-2))}
.collection-lifecycle-note strong{font-size:.82rem}.collection-lifecycle-note span{font-size:.75rem;color:var(--muted);line-height:1.45}
.collection-lifecycle-note.upcoming{border-left-color:#7dd7ff}.collection-lifecycle-note.archived{border-left-color:#7d8791;background:color-mix(in srgb,#7d8791 8%,var(--panel-2))}


/* Fase 2.86 — wishlist + smart trade matches */
.collection-wishlist-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:7px;width:100%;padding:7px 8px;border:1px solid var(--line);background:var(--panel-3);color:var(--muted);font:inherit;font-size:.7rem;font-weight:900;cursor:pointer;transition:.16s ease}
.collection-wishlist-button span{font-size:1rem;line-height:1}.collection-wishlist-button:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));color:var(--text)}
.collection-wishlist-button.is-wanted{background:color-mix(in srgb,var(--accent) 13%,var(--panel-3));border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent)}
.collection-wishlist-button:disabled{opacity:.55;cursor:wait}
.trade-smart-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:14px;margin-bottom:14px}
.trade-smart-grid>.module{padding:16px}.trade-match-list,.trade-wishlist-list{display:grid}
.trade-match-list article{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.trade-match-list article:last-child{border-bottom:0}.trade-match-art,.trade-wishlist-art{display:block;background:var(--panel-3) center/cover no-repeat;border:1px solid var(--line);aspect-ratio:4/5}
.trade-match-art{width:58px}.trade-match-list article>div{display:grid;gap:2px;min-width:0}.trade-match-list small,.trade-wishlist-row small{font-size:.62rem;color:var(--muted);font-weight:850}
.trade-match-list strong,.trade-wishlist-row strong{font-size:.82rem;line-height:1.2}.trade-match-list article>div>span{font-size:.7rem;color:var(--muted);line-height:1.35}
.trade-wishlist-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-soft);color:inherit;text-decoration:none}
.trade-wishlist-row:last-child{border-bottom:0}.trade-wishlist-art{width:42px}.trade-wishlist-row>span:last-child{display:grid;gap:2px;min-width:0}
@media(max-width:900px){.trade-smart-grid{grid-template-columns:1fr}}
@media(max-width:560px){.trade-match-list article{grid-template-columns:48px minmax(0,1fr)}.trade-match-art{width:48px}.trade-match-list .trade-button{grid-column:1/-1}}


/* Fase 2.87 — publieke collectorprofielen */
.community-collector-link{color:inherit;text-decoration:none}.community-collector-link:hover{color:var(--accent);text-decoration:underline}
.collector-profile-hero{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;padding:18px;margin-bottom:14px}
.collector-profile-avatar{width:96px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));background:linear-gradient(145deg,var(--panel-3),#071019);display:grid;place-items:center;font-size:1.8rem;font-weight:950;color:var(--accent)}
.collector-profile-copy h2{margin:2px 0 12px;font-size:1.5rem}
.collector-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px}
.collector-profile-stats>div{display:grid;gap:2px;padding:9px 10px;border:1px solid var(--line);background:var(--panel-2)}
.collector-profile-stats span{font-size:.66rem;color:var(--muted);text-transform:uppercase;font-weight:850;letter-spacing:.05em}.collector-profile-stats strong{font-size:1.05rem}
.collector-profile-section{margin-top:14px;padding:16px}.collector-profile-lower{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.collector-profile-lower .collector-profile-section{margin-top:14px}
.collector-rarest-list{display:grid}.collector-rarest-list article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft)}
.collector-rarest-list article:last-child{border-bottom:0}.collector-rarest-art{display:block;width:48px;aspect-ratio:4/5;background:var(--panel-3) center/cover no-repeat;border:1px solid var(--line)}
.collector-rarest-list article>span:nth-child(2){display:grid;gap:2px;min-width:0}.collector-rarest-list strong{font-size:.8rem}.collector-rarest-list small{font-size:.68rem;color:var(--muted)}
.collector-rarest-list b{font-size:.68rem;color:var(--muted);white-space:nowrap}
@media(max-width:900px){.collector-profile-lower{grid-template-columns:1fr}.collector-profile-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.collector-profile-hero{grid-template-columns:64px 1fr;gap:12px}.collector-profile-avatar{width:64px;font-size:1.2rem}.collector-profile-stats{grid-column:1/-1}.collector-rarest-list article{grid-template-columns:42px minmax(0,1fr)}.collector-rarest-art{width:42px}.collector-rarest-list b{grid-column:2}}


/* Fase 2.88 — collector achievements */
.collection-achievement-strip{margin-top:14px;padding:16px}
.collection-achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px}
.collection-achievement-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel-2),var(--panel))}
.collection-achievement-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel-3));color:var(--accent);font-size:1rem;font-weight:950}
.collection-achievement-card>div{display:grid;gap:2px;min-width:0}.collection-achievement-card strong{font-size:.82rem}.collection-achievement-card small{font-size:.68rem;line-height:1.35;color:var(--muted)}
@media(max-width:620px){.collection-achievement-grid{grid-template-columns:1fr}.collection-achievement-card{grid-template-columns:42px 1fr}.collection-achievement-icon{width:42px;height:42px}}


/* Fase 2.89 — Achievement Unlock Celebration */
.rd-achievement-unlock{position:fixed;inset:0;z-index:2147480200;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 18%,transparent),rgba(2,5,9,.92) 58%);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
.rd-achievement-unlock.is-open{opacity:1;visibility:visible}.rd-achievement-stage{position:relative;width:min(430px,94vw);min-height:500px;display:grid;place-items:center;overflow:hidden}
.rd-achievement-rays{position:absolute;width:420px;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--accent) 18%,transparent) 0 7deg,transparent 7deg 18deg);opacity:0;transform:scale(.72) rotate(0deg)}
.rd-achievement-unlock.is-open .rd-achievement-rays{animation:rdAchievementRays 1.05s ease-out forwards}
.rd-achievement-panel{position:relative;z-index:2;width:min(360px,88vw);padding:28px 24px 22px;text-align:center;border:1px solid color-mix(in srgb,var(--accent) 56%,rgba(255,255,255,.12));background:linear-gradient(160deg,rgba(13,27,39,.97),rgba(5,10,16,.98));box-shadow:0 34px 100px rgba(0,0,0,.68),0 0 68px color-mix(in srgb,var(--accent) 18%,transparent);opacity:0;transform:scale(.78) translateY(20px)}
.rd-achievement-unlock.is-open .rd-achievement-panel{animation:rdAchievementIn .62s cubic-bezier(.18,.86,.25,1) forwards}.rd-achievement-unlock.is-leaving .rd-achievement-panel{animation:rdAchievementOut .22s ease forwards}
.rd-achievement-kicker{display:block;margin-bottom:14px;color:var(--accent);font-size:.64rem;font-weight:950;letter-spacing:.18em}.rd-achievement-icon{width:108px;height:108px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 72%,#fff 8%);background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--accent) 26%,#fff 8%),color-mix(in srgb,var(--accent) 8%,#071019) 68%);box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 7%,transparent),0 20px 45px rgba(0,0,0,.36);color:#fff;font-size:2rem;font-weight:950}
.rd-achievement-panel h2{margin:0 0 7px;font-size:1.55rem;line-height:1.08}.rd-achievement-panel p{margin:0 auto 18px;max-width:290px;color:var(--muted);font-size:.82rem;line-height:1.45}.rd-achievement-panel button{border:0;background:var(--accent);color:#071019;padding:10px 20px;font:inherit;font-weight:950;cursor:pointer}
@keyframes rdAchievementIn{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rdAchievementOut{to{opacity:0;transform:scale(.94) translateY(10px)}}@keyframes rdAchievementRays{0%{opacity:0;transform:scale(.72) rotate(0deg)}35%{opacity:.8}100%{opacity:.12;transform:scale(1.15) rotate(24deg)}}
@media(prefers-reduced-motion:reduce){.rd-achievement-unlock *{animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* Fase 2.90 — achievement catalog / locked previews */
.collection-achievement-strip .module-heading>div:first-child small{display:block;margin-top:3px;color:var(--muted);font-size:.74rem;line-height:1.4}
.collection-achievement-card{position:relative;overflow:hidden}
.collection-achievement-card.is-earned{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 10px 26px rgba(0,0,0,.12)}
.collection-achievement-card.is-locked{filter:grayscale(.92) saturate(.2);opacity:.58}
.collection-achievement-card.is-locked .collection-achievement-icon{color:#aeb7c2;border-color:var(--line);background:var(--panel-3)}
.collection-achievement-info{display:grid;gap:4px;min-width:0}
.collection-achievement-title-line{display:flex;align-items:center;justify-content:space-between;gap:8px}
.collection-achievement-title-line strong{min-width:0}
.collection-achievement-title-line>span{flex:0 0 auto;font-size:.6rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}
.collection-achievement-card.is-locked .collection-achievement-title-line>span{color:var(--muted)}
.collection-achievement-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px;font-size:.64rem;color:var(--muted)}
.collection-achievement-progress-copy b{font-size:.62rem;color:var(--text)}
.collection-achievement-progress{display:block;height:4px;background:var(--panel-3);overflow:hidden}
.collection-achievement-progress>i{display:block;height:100%;background:var(--accent)}
.collection-achievement-card.is-locked .collection-achievement-progress>i{background:#7d8791}


/* Fase 2.91 — cleaner navigation, album switcher & card viewer */
.collection-main-tabs{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
    margin:14px 0;padding:8px;border:1px solid var(--line);background:var(--panel);
}
.collection-main-tabs>a{
    min-width:0;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;
    padding:10px 12px;border:1px solid transparent;background:var(--panel-2);
    color:var(--muted);text-decoration:none;transition:.16s ease;
}
.collection-main-tabs>a>span{font-size:1rem;color:var(--accent)}
.collection-main-tabs>a>strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collection-main-tabs>a>small{font-size:.65rem;color:var(--muted)}
.collection-main-tabs>a:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--text)}
.collection-main-tabs>a.is-active{
    border-color:color-mix(in srgb,var(--accent) 62%,var(--line));
    background:color-mix(in srgb,var(--accent) 10%,var(--panel-2));color:var(--text);
}

/* Achievements krijgen meer rust: max vier naast elkaar op breed scherm. */
.collection-achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.collection-achievement-card{min-height:108px}
.collection-achievement-strip{margin-top:0}

/* Albumknoppen zitten niet meer in een modulekop; hoofdtabs regelen navigatie. */
.collection-wheel-link,.collection-trade-link{margin-left:0}

/* Direct tussen albums wisselen in een geopend album. */
.collection-album-switcher{margin:14px 0;padding:12px 14px;display:grid;gap:10px}
.collection-album-switcher__label{display:flex;align-items:center;justify-content:space-between;gap:12px}
.collection-album-switcher__label>span{font-size:.66rem;font-weight:950;letter-spacing:.12em;color:var(--accent)}
.collection-album-switcher__label>small{font-size:.68rem;color:var(--muted)}
.collection-album-switcher__tabs{display:flex;flex-wrap:wrap;gap:7px}
.collection-album-switcher__tabs>a{
    display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);
    background:var(--panel-2);color:var(--muted);text-decoration:none;font-size:.74rem;font-weight:850;
}
.collection-album-switcher__tabs>a small{
    display:inline-flex;padding:2px 5px;border-radius:999px;background:var(--panel-3);
    color:var(--muted);font-size:.6rem;font-weight:900;
}
.collection-album-switcher__tabs>a:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--text)}
.collection-album-switcher__tabs>a.is-active{
    border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel-2));color:var(--text)
}
.collection-album-switcher__tabs>a.is-active small{color:var(--accent)}

/* Kaarten zijn nu duidelijk aanklikbaar. */
.collection-card[role="button"]{cursor:zoom-in}
.collection-card[role="button"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.collection-card-view-hint{
    display:block;margin-top:5px;font-size:.64rem!important;font-weight:850;color:color-mix(in srgb,var(--accent) 76%,var(--muted))!important;
}
.collection-card.is-locked .collection-card-view-hint{color:var(--muted)!important}

/* Fullscreen kaartviewer. */
.collection-viewer-open{overflow:hidden}
.collection-card-viewer{
    position:fixed;inset:0;z-index:2147480300;display:grid;place-items:center;padding:24px;
    opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;
}
.collection-card-viewer.is-open{opacity:1;visibility:visible}
.collection-card-viewer__backdrop{position:absolute;inset:0;background:rgba(1,5,9,.9);backdrop-filter:blur(12px)}
.collection-card-viewer__dialog{
    position:relative;z-index:2;width:min(940px,94vw);max-height:92vh;display:grid;
    grid-template-columns:minmax(280px,520px) minmax(250px,1fr);
    overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));
    background:linear-gradient(150deg,var(--panel-2),#071019);box-shadow:0 36px 110px rgba(0,0,0,.72);
}
.collection-card-viewer__image-wrap{
    position:relative;min-height:420px;display:grid;place-items:center;padding:22px;
    background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 55%),#03080d;
}
.collection-card-viewer__image{
    display:block;max-width:100%;max-height:76vh;object-fit:contain;box-shadow:0 22px 60px rgba(0,0,0,.5);
}
.collection-card-viewer.is-missing .collection-card-viewer__image{filter:grayscale(1) saturate(.14) brightness(.78)}
.collection-card-viewer__fallback{
    width:min(320px,70vw);aspect-ratio:4/5;display:grid;place-items:center;border:1px solid var(--line);
    background:var(--panel-3);font-size:4rem;font-weight:950;color:var(--muted)
}
.collection-card-viewer__missing{
    position:absolute;left:34px;top:34px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);
    background:rgba(5,12,19,.84);color:#fff;font-size:.68rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase
}
.collection-card-viewer__details{padding:28px;align-self:center;display:grid;gap:8px}
.collection-card-viewer__album{font-size:.66rem;font-weight:950;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}
.collection-card-viewer__title{margin:0;font-size:1.7rem;line-height:1.08}
.collection-card-viewer__artist{margin:0;color:var(--muted);font-size:.9rem}
.collection-card-viewer__meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.collection-card-viewer__meta>span{padding:6px 8px;border:1px solid var(--line);background:var(--panel-3);font-size:.7rem;font-weight:850}
.collection-card-viewer__stars{color:#f6c74d}
.collection-card-viewer__close{
    position:absolute;right:12px;top:12px;z-index:5;width:38px;height:38px;border:1px solid var(--line);
    background:rgba(5,12,19,.88);color:#fff;font-size:1.5rem;cursor:pointer
}
.collection-card-viewer__nav{
    position:absolute;top:50%;z-index:5;width:40px;height:54px;transform:translateY(-50%);
    border:1px solid var(--line);background:rgba(5,12,19,.84);color:#fff;font-size:2rem;cursor:pointer
}
.collection-card-viewer__nav.prev{left:10px}.collection-card-viewer__nav.next{right:10px}

@media(max-width:980px){
    .collection-main-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
    .collection-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
    .collection-card-viewer{padding:12px}
    .collection-card-viewer__dialog{grid-template-columns:1fr;overflow:auto}
    .collection-card-viewer__image-wrap{min-height:320px;padding:16px}
    .collection-card-viewer__image{max-height:58vh}
    .collection-card-viewer__details{padding:18px}
    .collection-card-viewer__nav{top:38%}
}
@media(max-width:560px){
    .collection-main-tabs{grid-template-columns:1fr 1fr;gap:6px;padding:6px}
    .collection-main-tabs>a{grid-template-columns:auto 1fr;padding:9px}
    .collection-main-tabs>a>small{display:none}
    .collection-achievement-grid{grid-template-columns:1fr}
    .collection-album-switcher{padding:10px}
    .collection-album-switcher__tabs{display:grid;grid-template-columns:1fr}
    .collection-album-switcher__tabs>a{justify-content:space-between}
}


/* Fase 2.92 — album card filters, search & sorting */
.collection-card-tools{
    display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:end;
    margin:14px 0 12px;padding:11px 12px;border:1px solid var(--line);background:var(--panel-2)
}
.collection-card-tools__filters{display:flex;flex-wrap:wrap;gap:6px}
.collection-card-tools__filters button{
    display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);
    background:var(--panel-3);color:var(--muted);font:inherit;font-size:.7rem;font-weight:850;cursor:pointer
}
.collection-card-tools__filters button span{
    display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;
    background:rgba(255,255,255,.05);font-size:.61rem;font-weight:950
}
.collection-card-tools__filters button:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--text)}
.collection-card-tools__filters button.is-active{
    border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel-3));color:var(--text)
}
.collection-card-tools__controls{display:flex;align-items:end;gap:8px}
.collection-card-tools__controls label{display:grid;gap:4px}
.collection-card-tools__controls label>span{font-size:.6rem;font-weight:900;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.collection-card-tools__controls input,.collection-card-tools__controls select{
    height:34px;padding:0 9px;border:1px solid var(--line);background:var(--panel-3);color:var(--text);font:inherit;font-size:.72rem
}
.collection-card-tools__controls input{width:185px}.collection-card-tools__controls select{min-width:145px}
.collection-card-tools__result{grid-column:1/-1;padding-top:8px;border-top:1px solid var(--line-soft);font-size:.68rem;color:var(--muted)}
.collection-card-tools__result strong{color:var(--text)}
.collection-card-empty{margin:12px 0;padding:20px;border:1px dashed var(--line);text-align:center;background:var(--panel-2)}
.collection-card-empty strong,.collection-card-empty span{display:block}.collection-card-empty strong{font-size:.86rem}.collection-card-empty span{margin-top:3px;color:var(--muted);font-size:.72rem}
.collection-card[hidden]{display:none!important}
@media(max-width:900px){
    .collection-card-tools{grid-template-columns:1fr}
    .collection-card-tools__controls{justify-content:flex-start}
}
@media(max-width:620px){
    .collection-card-tools__filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
    .collection-card-tools__filters button{justify-content:space-between}
    .collection-card-tools__controls{display:grid;grid-template-columns:1fr}
    .collection-card-tools__controls input,.collection-card-tools__controls select{width:100%;min-width:0}
}


/* Fase 2.94 — Album Collection notifications */
.collection-main-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.collection-notification-count{display:inline-grid!important;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--accent);color:#071019!important;font-size:.62rem!important;font-weight:950!important}
.collection-notifications-module{margin-top:0;padding:16px}
.collection-notifications-module .module-heading>div:first-child small{display:block;margin-top:3px;color:var(--muted);font-size:.74rem;line-height:1.4}
.collection-notification-list{display:grid}
.collection-notification-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 8px;border-bottom:1px solid var(--line-soft);color:inherit;text-decoration:none}
.collection-notification-item:last-child{border-bottom:0}.collection-notification-item:hover{background:rgba(255,255,255,.025)}
.collection-notification-item.is-unread{background:color-mix(in srgb,var(--accent) 5%,transparent)}
.collection-notification-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel-3);color:var(--accent);font-size:1.05rem;font-weight:950}
.collection-notification-copy{display:grid;gap:2px;min-width:0}.collection-notification-copy strong{font-size:.82rem}.collection-notification-copy small{font-size:.72rem;color:var(--muted);line-height:1.4}.collection-notification-copy em{font-style:normal;font-size:.62rem;color:var(--muted)}
.collection-notification-item>b{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.collection-notification-empty{padding:26px;text-align:center;border:1px dashed var(--line);background:var(--panel-2)}.collection-notification-empty strong,.collection-notification-empty span{display:block}.collection-notification-empty span{margin-top:3px;color:var(--muted);font-size:.72rem}

.rd-collection-notification-toasts{position:fixed;right:18px;bottom:18px;z-index:2147480250;display:grid;gap:8px;width:min(360px,calc(100vw - 28px));pointer-events:none}
.rd-collection-notification-toast{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;gap:9px;align-items:center;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));background:rgba(7,17,24,.96);box-shadow:0 18px 55px rgba(0,0,0,.42);backdrop-filter:blur(12px);color:var(--text);text-decoration:none;pointer-events:auto;opacity:0;transform:translateY(10px);transition:.2s ease}
.rd-collection-notification-toast.is-visible{opacity:1;transform:translateY(0)}.rd-collection-notification-toast.is-leaving{opacity:0;transform:translateY(8px)}
.rd-collection-notification-toast__icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel-3);color:var(--accent);font-weight:950}
.rd-collection-notification-toast__copy{display:grid;gap:2px;min-width:0}.rd-collection-notification-toast__copy strong{font-size:.76rem}.rd-collection-notification-toast__copy small{font-size:.66rem;line-height:1.35;color:var(--muted)}
.rd-collection-notification-toast button{width:28px;height:28px;border:0;background:transparent;color:var(--muted);font-size:1.1rem;cursor:pointer}
@media(max-width:980px){.collection-main-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.collection-main-tabs{grid-template-columns:1fr 1fr}.collection-notification-item{grid-template-columns:38px minmax(0,1fr)}.collection-notification-icon{width:38px;height:38px}.collection-notification-item>b{grid-column:2}}


/* Fase 2.95 — Earn Guide */
.collection-main-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
.collection-earn-module{margin-top:0;padding:16px}
.collection-earn-module .module-heading>div:first-child small{display:block;margin-top:3px;color:var(--muted);font-size:.74rem;line-height:1.4}
.collection-earn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.collection-earn-card{display:grid;gap:12px;padding:13px;border:1px solid var(--line);background:var(--panel-2)}
.collection-earn-card.is-limit{opacity:.64;filter:saturate(.65)}
.collection-earn-card__head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}
.collection-earn-card__head>div{display:grid;gap:2px}.collection-earn-card__head strong{font-size:.82rem}.collection-earn-card__head small{font-size:.68rem;color:var(--muted)}
.collection-earn-card__head>b{font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.collection-earn-card__icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel-3));color:var(--accent);font-size:1.05rem;font-weight:950}
.collection-earn-card__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.collection-earn-card__facts>span{display:grid;gap:2px;padding:7px 8px;background:var(--panel-3);border:1px solid var(--line-soft)}
.collection-earn-card__facts small{font-size:.57rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.collection-earn-card__facts strong{font-size:.7rem}
.collection-earn-card__target{font-size:.68rem;color:var(--muted)}.collection-earn-card__target strong{color:var(--text)}
.collection-earn-card__progress{display:grid;gap:5px}.collection-earn-card__progress>div{display:flex;justify-content:space-between;gap:8px;font-size:.65rem;color:var(--muted)}
.collection-earn-card__progress>div strong{color:var(--text)}.collection-earn-card__progress>i{height:5px;display:block;background:var(--panel-3);overflow:hidden}.collection-earn-card__progress>i>b{height:100%;display:block;background:var(--accent)}
.collection-earn-card__footer{display:flex;flex-wrap:wrap;gap:6px 14px;padding-top:8px;border-top:1px solid var(--line-soft);font-size:.62rem;color:var(--muted)}
.collection-earn-note{margin-top:10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--panel-2))}
.collection-earn-note strong,.collection-earn-note span{display:block}.collection-earn-note strong{font-size:.72rem}.collection-earn-note span{margin-top:3px;font-size:.67rem;line-height:1.45;color:var(--muted)}
@media(max-width:1100px){.collection-main-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-earn-card__facts{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.collection-earn-grid{grid-template-columns:1fr}}
@media(max-width:560px){.collection-main-tabs{grid-template-columns:1fr 1fr}.collection-earn-card__head{grid-template-columns:38px minmax(0,1fr)}.collection-earn-card__head>b{grid-column:2}.collection-earn-card__icon{width:38px;height:38px}}


/* Fase 2.96 — Album Completion Assistant */
.collection-completion-helper{
    display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(280px,1fr) minmax(180px,.75fr);gap:12px;
    align-items:stretch;margin:14px 0;padding:13px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));
    background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--panel-2)),var(--panel-2))
}
.collection-completion-helper__main{display:grid;align-content:center;gap:3px;min-width:0}
.collection-completion-helper__eyebrow{font-size:.58rem;font-weight:950;letter-spacing:.11em;color:var(--accent)}
.collection-completion-helper__main>strong{font-size:1rem}.collection-completion-helper__main>small{font-size:.68rem;line-height:1.4;color:var(--muted);max-width:520px}
.collection-completion-helper__stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.collection-completion-helper__stats>span{display:grid;gap:1px;align-content:center;padding:8px 9px;border:1px solid var(--line-soft);background:var(--panel-3)}
.collection-completion-helper__stats small{font-size:.56rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.collection-completion-helper__stats b{font-size:.82rem}
.collection-completion-helper__focus{display:grid;align-content:center;gap:2px;padding:9px 10px;border-left:2px solid var(--accent);background:var(--panel-3);min-width:0}
.collection-completion-helper__focus small{font-size:.56rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.collection-completion-helper__focus strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collection-completion-helper__focus span{font-size:.65rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collection-completion-helper__actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;padding-top:9px;border-top:1px solid var(--line-soft)}
.collection-completion-helper__actions button{padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--panel-3));color:var(--text);font:inherit;font-size:.67rem;font-weight:900;cursor:pointer}
.collection-completion-helper__actions button.muted{border-color:var(--line);background:var(--panel-3);color:var(--muted)}
.collection-completion-helper__actions button:disabled{opacity:.55;cursor:wait}
@media(max-width:1000px){.collection-completion-helper{grid-template-columns:1fr 1fr}.collection-completion-helper__focus{grid-column:1/-1}}
@media(max-width:650px){.collection-completion-helper{grid-template-columns:1fr}.collection-completion-helper__focus{grid-column:auto}.collection-completion-helper__actions{grid-column:auto}.collection-completion-helper__actions button{flex:1 1 100%}}


/* Fase 2.97 — Collection History */
.collection-main-tabs{grid-template-columns:repeat(7,minmax(0,1fr))}
.collection-history-module{margin-top:0;padding:16px}
.collection-history-module .module-heading>div:first-child small{display:block;margin-top:3px;color:var(--muted);font-size:.74rem;line-height:1.4}
.collection-history-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.collection-history-filters button{padding:7px 9px;border:1px solid var(--line);background:var(--panel-3);color:var(--muted);font:inherit;font-size:.68rem;font-weight:850;cursor:pointer}
.collection-history-filters button.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel-3));color:var(--text)}
.collection-history-list{display:grid}
.collection-history-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 7px;border-bottom:1px solid var(--line-soft);color:inherit;text-decoration:none}
.collection-history-item:last-child{border-bottom:0}.collection-history-item:hover{background:rgba(255,255,255,.025)}
.collection-history-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel-3);color:var(--accent);font-size:.9rem;font-weight:950}
.collection-history-item.type-completion .collection-history-icon,.collection-history-item.type-achievement .collection-history-icon{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel-3))}
.collection-history-copy{display:grid;gap:2px;min-width:0}.collection-history-copy>strong{font-size:.78rem}.collection-history-copy>span{font-size:.72rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-history-copy>small{font-size:.64rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collection-history-item time{font-size:.62rem;color:var(--muted);white-space:nowrap}
.collection-history-empty{padding:28px;text-align:center;border:1px dashed var(--line);background:var(--panel-2)}
.collection-history-empty strong,.collection-history-empty span{display:block}.collection-history-empty span{margin-top:3px;color:var(--muted);font-size:.72rem}
.collection-history-item[hidden]{display:none!important}
@media(max-width:1180px){.collection-main-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.collection-main-tabs{grid-template-columns:1fr 1fr}.collection-history-item{grid-template-columns:38px minmax(0,1fr)}.collection-history-icon{width:38px;height:38px}.collection-history-item time{grid-column:2}.collection-history-copy>span,.collection-history-copy>small{white-space:normal}}

/* Fase 3.06A FIX3 — desktop multi-card batch reveal (max. 5 per scherm) */
@media (min-width:761px){
    .rd-collection-reveal.is-batch-mode .rd-collection-stage{
        width:min(1180px,96vw);min-height:610px;
    }
    .rd-collection-reveal.is-batch-mode .rd-collection-mystery,
    .rd-collection-reveal.is-batch-mode .rd-collection-rarity-aura,
    .rd-collection-reveal.is-batch-mode .rd-collection-rays,
    .rd-collection-reveal.is-batch-mode .rd-collection-rarity-flash{
        display:none!important;
    }
    .rd-collection-reveal.is-batch-mode .rd-collection-particles{opacity:.38}
    .rd-collection-result-batch,
    .rd-collection-result-batch.is-revealed{
        position:relative;width:min(1120px,94vw);opacity:1;transform:none;
        pointer-events:auto;animation:none!important;
    }
    .rd-collection-result-batch.is-leaving{animation:rdCollectionBatchLeave .25s ease forwards!important}
    .rd-collection-batch-heading{text-align:center;margin:0 0 16px;color:#fff}
    .rd-collection-batch-heading small{display:block;color:var(--accent);font-size:.65rem;font-weight:950;letter-spacing:.18em}
    .rd-collection-batch-heading h2{margin:5px 0 3px;font-size:1.5rem;line-height:1.1}
    .rd-collection-batch-heading span{display:block;color:#aeb9c4;font-size:.78rem}
    .rd-collection-batch-grid{
        display:grid;grid-template-columns:repeat(var(--rd-batch-count),minmax(0,176px));
        justify-content:center;align-items:start;gap:14px;width:100%;
        perspective:1500px;
    }
    .rd-collection-batch-item{
        --rd-card-rarity:#b68155;--rd-card-rarity-soft:rgba(182,129,85,.26);
        width:176px;opacity:0;transform:translateY(24px) scale(.92);
    }
    .rd-collection-batch-item.rarity-silver{--rd-card-rarity:#c8d9e8;--rd-card-rarity-soft:rgba(193,219,240,.28)}
    .rd-collection-batch-item.rarity-gold{--rd-card-rarity:#ffc84d;--rd-card-rarity-soft:rgba(255,197,61,.32)}
    .rd-collection-batch-item.rarity-diamond{--rd-card-rarity:#79e7ff;--rd-card-rarity-soft:rgba(87,221,255,.36)}
    .rd-collection-batch-item.rarity-special{--rd-card-rarity:#d18aff;--rd-card-rarity-soft:rgba(198,104,255,.38)}
    .rd-collection-batch-item.is-revealing{
        animation:rdCollectionBatchDeal .42s cubic-bezier(.17,.84,.3,1) forwards;
        animation-delay:var(--rd-batch-delay,0ms);
    }
    .rd-collection-batch-flip{
        position:relative;width:176px;height:304px;transform-style:preserve-3d;
        transition:transform .72s cubic-bezier(.16,.78,.24,1);
    }
    .rd-collection-batch-item.is-revealed .rd-collection-batch-flip{transform:rotateY(180deg)}
    .rd-collection-batch-back,.rd-collection-batch-front{
        position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;
        border:1px solid color-mix(in srgb,var(--rd-card-rarity) 62%,rgba(255,255,255,.14));
        box-shadow:0 24px 56px rgba(0,0,0,.5),0 0 34px var(--rd-card-rarity-soft);
    }
    .rd-collection-batch-back{
        display:grid;place-items:center;
        background:radial-gradient(circle at 50% 30%,var(--rd-card-rarity-soft),transparent 44%),linear-gradient(150deg,#14202e,#080c13);
    }
    .rd-collection-batch-back::before,.rd-collection-batch-back::after{
        content:"";position:absolute;inset:13px;border:1px solid color-mix(in srgb,var(--rd-card-rarity) 28%,transparent);
    }
    .rd-collection-batch-back::after{inset:25px}
    .rd-collection-batch-back span,.rd-collection-batch-back em{
        position:absolute;z-index:2;color:rgba(255,255,255,.72);font-style:normal;
        font-size:.5rem;font-weight:900;letter-spacing:.16em;
    }
    .rd-collection-batch-back span{top:19px}.rd-collection-batch-back em{bottom:19px}
    .rd-collection-batch-back b{
        position:relative;z-index:2;color:var(--rd-card-rarity);font-size:4.4rem;line-height:1;
        text-shadow:0 0 28px var(--rd-card-rarity-soft);
    }
    .rd-collection-batch-front{
        transform:rotateY(180deg);background:linear-gradient(160deg,var(--panel-2),#070b11);
    }
    .rd-collection-batch-image{position:relative;height:220px;background:linear-gradient(145deg,var(--panel-3),#05080d);overflow:hidden}
    .rd-collection-batch-image img{display:block;width:100%;height:100%;object-fit:cover}
    .rd-collection-batch-image .fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--rd-card-rarity);font-size:3rem}
    .rd-collection-batch-image::after{
        content:"";position:absolute;inset:-45% -80%;pointer-events:none;opacity:0;
        background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.74) 50%,transparent 62%);
        transform:translateX(-58%) rotate(3deg);
    }
    .rd-collection-batch-item.is-revealed .rd-collection-batch-image::after{animation:rdCollectionBatchSheen .9s .28s ease-out forwards}
    .rd-collection-batch-copy{display:grid;gap:2px;padding:9px 10px 10px;text-align:center}
    .rd-collection-batch-copy small{font-size:.48rem;font-weight:950;letter-spacing:.08em;color:var(--rd-card-rarity);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .rd-collection-batch-copy h3{margin:1px 0 0;font-size:.88rem;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .rd-collection-batch-copy p{margin:0;color:var(--muted);font-size:.63rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .rd-collection-batch-copy em{font-style:normal;color:#f6c74d;font-size:.62rem;letter-spacing:.03em}
    .rd-collection-batch-duplicate{
        position:absolute;right:7px;top:7px;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;
        min-width:38px;height:38px;padding:0 7px;border-radius:999px;background:var(--rd-card-rarity);color:#071019;
        font-size:.72rem;font-weight:950;box-shadow:0 5px 14px rgba(0,0,0,.34)
    }
    .rd-collection-batch-duplicate small{font-size:.38rem;line-height:1;color:rgba(7,16,25,.78)}
    .rd-collection-batch-actions{opacity:0;transform:translateY(8px);pointer-events:none;transition:.3s ease}
    .rd-collection-result-batch.is-batch-complete .rd-collection-batch-actions{opacity:1;transform:none;pointer-events:auto}
    .rd-collection-reveal.is-batch-mode .rd-collection-reveal-close{right:0;top:0}
}
@keyframes rdCollectionBatchDeal{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes rdCollectionBatchSheen{0%{opacity:0;transform:translateX(-58%) rotate(3deg)}30%{opacity:.75}100%{opacity:0;transform:translateX(58%) rotate(3deg)}}
@keyframes rdCollectionBatchLeave{to{opacity:0;transform:scale(.97) translateY(10px)}}

@media (prefers-reduced-motion:reduce) and (min-width:761px){
    .rd-collection-batch-item{opacity:1;transform:none!important;animation:none!important}
    .rd-collection-batch-flip{transition:none!important}
    .rd-collection-batch-item.is-revealed .rd-collection-batch-flip{transform:rotateY(180deg)}
}

/* Fase 3.08C — compacte kaartviewer */
.collection-card-viewer{
    padding:18px;
}
.collection-card-viewer__backdrop{
    background:rgba(1,5,9,.92);
    backdrop-filter:blur(10px);
}
.collection-card-viewer__dialog{
    width:min(820px,94vw);
    max-height:min(760px,92vh);
    grid-template-columns:minmax(260px,430px) minmax(230px,1fr);
    align-items:stretch;
    border-color:color-mix(in srgb,var(--accent) 52%,var(--line));
    background:#071019;
    box-shadow:0 26px 80px rgba(0,0,0,.72);
}
.collection-card-viewer__image-wrap{
    position:relative;
    min-height:0;
    display:grid;
    grid-template-areas:"media";
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(0,1fr);
    place-items:center;
    padding:16px;
    overflow:hidden;
    isolation:isolate;
    background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 58%),#03080d;
}
.collection-card-viewer__image,
.collection-card-viewer__fallback{
    grid-area:media;
}
.collection-card-viewer__image{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:min(690px,84vh);
    object-fit:contain;
    box-shadow:0 16px 42px rgba(0,0,0,.44);
}
.collection-card-viewer__image[hidden],
.collection-card-viewer__fallback[hidden],
.collection-card-viewer__missing[hidden]{
    display:none!important;
}
.collection-card-viewer__fallback{
    width:min(300px,72vw);
    max-height:min(640px,78vh);
    aspect-ratio:4/5;
}
.collection-card-viewer__missing{
    left:26px;
    top:26px;
    padding:6px 9px;
    font-size:.62rem;
}
.collection-card-viewer__details{
    align-self:stretch;
    align-content:center;
    gap:6px;
    min-width:0;
    padding:24px 24px 24px 26px;
    border-left:1px solid var(--line-soft);
    background:linear-gradient(160deg,color-mix(in srgb,var(--panel-2) 94%,#071019),#071019);
}
.collection-card-viewer__album{
    font-size:.62rem;
    letter-spacing:.14em;
}
.collection-card-viewer__title{
    margin:2px 0 0;
    font-size:1.45rem;
    line-height:1.05;
    overflow-wrap:anywhere;
}
.collection-card-viewer__artist{
    font-size:.78rem;
    line-height:1.35;
}
.collection-card-viewer__meta{
    gap:6px;
    margin-top:7px;
}
.collection-card-viewer__meta>span{
    padding:6px 8px;
    font-size:.65rem;
}
.collection-card-viewer__close{
    right:10px;
    top:10px;
    width:34px;
    height:34px;
    font-size:1.2rem;
}
.collection-card-viewer__nav{
    top:50%;
    width:34px;
    height:48px;
    font-size:1.55rem;
    background:rgba(5,12,19,.9);
}
.collection-card-viewer__nav.prev{left:8px}
.collection-card-viewer__nav.next{right:8px}

@media(max-width:760px){
    .collection-card-viewer{padding:10px}
    .collection-card-viewer__dialog{
        width:min(520px,96vw);
        max-height:94vh;
        grid-template-columns:1fr;
        grid-template-rows:minmax(0,1fr) auto;
        overflow:auto;
    }
    .collection-card-viewer__image-wrap{
        min-height:0;
        padding:12px 12px 8px;
    }
    .collection-card-viewer__image{
        max-height:65vh;
    }
    .collection-card-viewer__details{
        align-content:start;
        padding:14px 16px 16px;
        border-left:0;
        border-top:1px solid var(--line-soft);
    }
    .collection-card-viewer__title{font-size:1.2rem}
    .collection-card-viewer__nav{top:37%;width:32px;height:44px}
    .collection-card-viewer__missing{left:20px;top:20px}
}

@media(max-width:480px){
    .collection-card-viewer__dialog{width:98vw}
    .collection-card-viewer__image{max-height:59vh}
    .collection-card-viewer__details{padding:12px 13px 14px}
    .collection-card-viewer__meta>span{padding:5px 7px;font-size:.62rem}
}

/* ========================================================================== 
   Fase 3.10A — Luisteraarsdirectory + publiek collectorprofiel
   ========================================================================== */
.collection-listeners-module{padding:16px}
.collection-listeners-heading{align-items:flex-start}
.collection-listener-search{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:8px;align-items:end;margin:12px 0 14px}
.collection-listener-search label{display:grid;gap:5px;color:var(--muted);font-size:.76rem;font-weight:800}
.collection-listener-search input{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text)}
.collection-listener-search button,.collection-listener-search a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-weight:850;text-decoration:none;cursor:pointer}
.collection-listener-search button{background:var(--accent);border-color:var(--accent);color:#041015}
.collection-listener-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.collection-listener-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);text-decoration:none;min-width:0;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.collection-listener-card:hover{border-color:var(--accent);background:var(--panel-3);transform:translateY(-1px)}
.collection-listener-avatar{width:52px;height:52px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:#071019;color:var(--accent);font-size:1rem;font-weight:950}
.collection-listener-main{display:grid;gap:3px;min-width:0}.collection-listener-main>strong{font-size:.96rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-listener-main>small{color:var(--muted);font-size:.72rem;line-height:1.35}
.collection-listener-last{display:flex;align-items:center;gap:7px;min-width:0;margin-top:3px}.collection-listener-last>i{width:32px;height:40px;flex:0 0 32px;background-position:center;background-size:cover;border:1px solid var(--line)}.collection-listener-last>span{display:grid;min-width:0}.collection-listener-last small{color:var(--muted);font-size:.61rem;text-transform:uppercase;font-weight:850;letter-spacing:.04em}.collection-listener-last b{font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-listener-last em{font-size:.66rem;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-listener-last.is-empty{font-size:.69rem;color:var(--muted)}
.collection-listener-side{display:grid;justify-items:end;gap:1px;text-align:right}.collection-listener-side>b{font-size:1.1rem;color:var(--accent)}.collection-listener-side>small{font-size:.63rem;color:var(--muted);text-transform:uppercase}.collection-listener-side>em{margin-top:4px;font-size:.64rem;color:var(--text);font-style:normal;white-space:nowrap}

.collector-profile-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.collector-profile-tabs a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);text-decoration:none;font-weight:850}.collector-profile-tabs a span{color:var(--accent)}.collector-profile-tabs a:hover,.collector-profile-tabs a.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel-2));color:var(--text)}
.collector-album-link{text-decoration:none;color:inherit}.collector-album-link:hover{border-color:var(--accent)}
.collector-set-detail{padding:16px;margin-bottom:14px}.collector-set-detail__heading{align-items:flex-start}.collector-set-progress{margin:10px 0 13px}.collector-card-owned-label{display:inline-flex;align-items:center;width:max-content;margin-top:3px;padding:3px 6px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent);font-size:.65rem;font-weight:850}.collector-public-card-tools{margin-top:10px}.community-collection-find__copy time{font-size:.62rem;color:var(--muted-2)}

.collector-notes-summary{padding:16px;margin-bottom:14px}.collector-notes-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.collector-notes-stats>div{display:grid;gap:3px;padding:10px;border:1px solid var(--line);background:var(--panel-2)}.collector-notes-stats span{font-size:.65rem;color:var(--muted);text-transform:uppercase;font-weight:850}.collector-notes-stats strong{font-size:1.05rem;color:var(--text)}.collector-notes-progress{margin-top:9px}
.collector-note-type-grid{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:8px}.collector-note-type-grid article{display:grid;gap:2px;padding:10px;border:1px solid var(--line);background:var(--panel-2)}.collector-note-type-grid article>span{font-size:1.25rem;color:var(--accent)}.collector-note-type-grid strong{font-size:.8rem}.collector-note-type-grid b{font-size:.73rem}.collector-note-type-grid small{font-size:.66rem;color:var(--muted)}
.collector-note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px}.collector-note-card{display:grid;grid-template-columns:50px minmax(0,1fr);gap:9px;padding:10px;border:1px solid var(--line);background:var(--panel-2)}.collector-note-card__icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--line);background:#071019;color:var(--accent);font-size:1.35rem}.collector-note-card__icon img{width:100%;height:100%;object-fit:contain}.collector-note-card>div:last-child{display:grid;gap:2px;min-width:0}.collector-note-card small{font-size:.62rem;color:var(--accent);text-transform:uppercase;font-weight:850}.collector-note-card strong{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collector-note-card span,.collector-note-card time{font-size:.67rem;color:var(--muted)}
.collector-note-history{display:grid;gap:0;border:1px solid var(--line)}.collector-note-history article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--panel-2)}.collector-note-history article:last-child{border-bottom:0}.collector-note-history>article>span{font-size:1.05rem;color:var(--accent)}.collector-note-history article div{display:grid;gap:2px}.collector-note-history strong{font-size:.78rem}.collector-note-history small{font-size:.66rem;color:var(--muted)}.collector-note-history time{font-size:.64rem;color:var(--muted);white-space:nowrap}
.lost-notes-listener-link{color:var(--text);font-weight:850;text-decoration:none}.lost-notes-listener-link:hover{color:var(--accent);text-decoration:underline}

@media(max-width:900px){
  .collection-listener-grid{grid-template-columns:1fr}
  .collector-notes-stats{grid-template-columns:repeat(2,1fr)}
  .collector-note-type-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .collection-listeners-module,.collector-set-detail,.collector-notes-summary{padding:12px}
  .collection-listener-search{grid-template-columns:1fr}.collection-listener-search button,.collection-listener-search a{width:100%}
  .collection-listener-card{grid-template-columns:44px minmax(0,1fr);align-items:start}.collection-listener-avatar{width:44px;height:44px}.collection-listener-side{grid-column:2;display:flex;align-items:baseline;justify-content:flex-start;gap:5px;text-align:left}.collection-listener-side>em{margin:0 0 0 6px}
  .collector-profile-tabs{display:grid;grid-template-columns:1fr 1fr}.collector-profile-tabs a{justify-content:center;text-align:center;padding-inline:8px}
  .collector-notes-stats{grid-template-columns:1fr 1fr}.collector-note-type-grid{grid-template-columns:1fr 1fr}.collector-note-history article{grid-template-columns:30px minmax(0,1fr)}.collector-note-history time{grid-column:2;white-space:normal}
}
@media(max-width:390px){
  .collector-profile-tabs{grid-template-columns:1fr}
  .collector-note-type-grid{grid-template-columns:1fr}
  .collection-listener-side>em{display:none}
}
.lost-notes-leaderboard__row>.lost-notes-listener-link{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* F6 — Album Collection: helder rechter navigatiepaneel. Beperkt tot deze pagina. */
@media (min-width: 1081px) {
  .collection-page .portal-layout {grid-template-columns:minmax(0,1fr) 248px;gap:16px;align-items:start}
  .collection-page .portal-content {min-width:0}
}
.collection-page .collection-side-navigation {
  min-width:0; align-self:start; border:1px solid var(--line); background:var(--panel);
  box-shadow:0 9px 28px rgba(0,0,0,.12); overflow:hidden;
}
.collection-page .collection-side-navigation__head {padding:17px 16px 13px;border-bottom:1px solid var(--line);background:var(--panel-2)}
.collection-page .collection-side-navigation__eyebrow {display:block;color:var(--accent);font-size:.62rem;font-weight:900;letter-spacing:.14em}
.collection-page .collection-side-navigation__head h2 {font-size:1.07rem;line-height:1.3;margin:5px 0;color:var(--text)}
.collection-page .collection-side-navigation__head p {font-size:.75rem;line-height:1.5;color:var(--muted);margin:0}
.collection-page .collection-side-navigation .collection-main-tabs {
  display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin:0;padding:10px;
  background:transparent;border:0;
}
.collection-page .collection-side-navigation .collection-main-tabs>a {
  display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:9px;min-height:44px;
  padding:9px 10px;border:1px solid transparent;border-radius:3px;
  background:transparent;color:var(--text);text-decoration:none;align-items:center;
}
.collection-page .collection-side-navigation .collection-main-tabs>a>span {color:var(--accent);font-size:1rem;text-align:center}
.collection-page .collection-side-navigation .collection-main-tabs>a>strong {
  overflow:visible;white-space:normal;text-overflow:clip;font-size:.78rem;line-height:1.35;font-weight:800;
}
.collection-page .collection-side-navigation .collection-main-tabs>a>small {display:block;color:var(--muted);font-size:.69rem}
.collection-page .collection-side-navigation .collection-main-tabs>a:hover,
.collection-page .collection-side-navigation .collection-main-tabs>a:focus-visible {
  background:var(--panel-2);border-color:var(--line);outline-offset:2px;
}
.collection-page .collection-side-navigation .collection-main-tabs>a.is-active {
  background:color-mix(in srgb,var(--accent) 11%,var(--panel-2));
  border-color:color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--text);
}
.collection-page .collection-side-navigation__help {display:block;padding:13px 15px;border-top:1px solid var(--line);color:var(--accent);font-size:.75rem;font-weight:800;text-decoration:none}
.collection-page .collection-side-navigation__help:hover {background:var(--panel-2);text-decoration:underline}
@media (max-width:1080px) {
  .collection-page .portal-layout {display:flex;flex-direction:column;gap:12px}
  .collection-page .portal-content,.collection-page .collection-side-navigation {width:100%}
  .collection-page .collection-side-navigation {order:-1}
  .collection-page .collection-side-navigation .collection-main-tabs {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px) {
  .collection-page .collection-side-navigation .collection-main-tabs {grid-template-columns:minmax(0,1fr)}
  .collection-page .collection-side-navigation__head {padding:12px 13px}
  .collection-page .collection-side-navigation__head p {display:none}
}

/* F7 — Status bij elke kaart-reveal, zonder bestaande animatie aan te passen. */
.rd-collection-status-badge{position:absolute;z-index:5;left:10px;top:10px;display:inline-flex;align-items:center;justify-content:center;max-width:calc(100% - 75px);padding:7px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.32);font-size:.77rem;line-height:1;font-weight:950;letter-spacing:.11em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.38);box-shadow:0 4px 14px rgba(0,0,0,.38);pointer-events:none}
.rd-collection-status-badge.is-new{background:linear-gradient(145deg,#126b4e,#0b473b)}
.rd-collection-status-badge.is-duplicate{background:linear-gradient(145deg,#a25b20,#764018)}
.rd-collection-batch-image .rd-collection-status-badge{top:7px;left:7px;padding:5px 7px;border-radius:5px;font-size:.56rem;letter-spacing:.06em;max-width:calc(100% - 55px)}
@media(max-width:420px){.rd-collection-batch-image .rd-collection-status-badge{font-size:.49rem;padding:5px}}

/* F8 — Herstel: F5 + F5B wielstijl die in F6/F7 CSS verloren ging. */
/* F5: Duplicate Wheel – uitsluitend visuele verfijning, prijzen blijven ongewijzigd. */
.duplicate-wheel-stage{isolation:isolate}
.duplicate-wheel{border-color:#182330;box-shadow:0 26px 65px rgba(0,0,0,.42),0 0 0 3px color-mix(in srgb,var(--accent) 65%,transparent),0 0 0 9px rgba(255,255,255,.045),inset 0 0 0 2px rgba(255,255,255,.12)}
.duplicate-wheel::after{content:"";position:absolute;inset:4%;border:1px solid rgba(255,255,255,.22);border-radius:50%;pointer-events:none}
.duplicate-wheel-pointer{filter:drop-shadow(0 5px 7px rgba(0,0,0,.55))}
.duplicate-wheel-segment{line-height:1.25;text-wrap:balance}
.duplicate-wheel-status[data-state="busy"]{font-weight:800}
@media(max-width:620px){.duplicate-wheel-segment{line-height:1.2}}

/* F5B - Duplicate Wheel: consistente geometrie, rustige typografie en
   leesbare teksten tijdens/na draaien. Alleen dit wiel wordt geraakt. */
.duplicate-wheel-stage{padding:clamp(14px,3vw,26px);overflow:visible}
.duplicate-wheel{isolation:isolate;--counter-rotation:0deg;background:conic-gradient(from -30deg,#17394b 0deg 60deg,#274b64 60deg 120deg,#6a531f 120deg 180deg,#205b55 180deg 240deg,#533473 240deg 300deg,#7c3b59 300deg 360deg)}
.duplicate-wheel::before{inset:9%;border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),inset 0 0 28px rgba(0,0,0,.13)}
.duplicate-wheel-segment,
.duplicate-wheel-segment.seg-1,
.duplicate-wheel-segment.seg-2,
.duplicate-wheel-segment.seg-3,
.duplicate-wheel-segment.seg-4,
.duplicate-wheel-segment.seg-5,
.duplicate-wheel-segment.seg-6{
 position:absolute;z-index:3;left:50%;top:50%;right:auto;bottom:auto;
 width:24%;max-width:none;margin:0;padding:0 2px;box-sizing:border-box;
 display:flex;align-items:center;justify-content:center;text-align:center;
 color:#fff;font-family:inherit;font-size:clamp(.63rem,1.5vw,.89rem);
 font-weight:900;letter-spacing:.035em;line-height:1.2;text-transform:uppercase;
 text-wrap:balance;overflow-wrap:normal;hyphens:none;
 text-shadow:0 2px 6px rgba(0,0,0,.6);
 transform:translate(-50%,-50%) rotate(var(--counter-rotation));
 transition:transform 3.85s cubic-bezier(.08,.68,.08,1);
 pointer-events:none;
}
.duplicate-wheel-segment.seg-1{left:50%;top:15.5%}
.duplicate-wheel-segment.seg-2{left:80%;top:32.75%}
.duplicate-wheel-segment.seg-3{left:80%;top:67.25%}
.duplicate-wheel-segment.seg-4{left:50%;top:84.5%}
.duplicate-wheel-segment.seg-5{left:20%;top:67.25%}
.duplicate-wheel-segment.seg-6{left:20%;top:32.75%}
.duplicate-wheel-hub{width:22%;height:22%;max-width:116px;max-height:116px;min-width:64px;min-height:64px;
 border:clamp(5px,.9vw,8px) solid #142330;box-sizing:border-box;font-size:clamp(1.1rem,2.2vw,1.55rem)}
@media(max-width:620px){
 .duplicate-wheel-segment,.duplicate-wheel-segment.seg-1,.duplicate-wheel-segment.seg-2,
 .duplicate-wheel-segment.seg-3,.duplicate-wheel-segment.seg-4,
 .duplicate-wheel-segment.seg-5,.duplicate-wheel-segment.seg-6{width:27%;font-size:clamp(.56rem,2.6vw,.7rem);letter-spacing:.015em}
}
@media(prefers-reduced-motion:reduce){.duplicate-wheel-segment{transition-duration:.01ms!important}}


/* F11B — Ruilmarkt: rustige kaarten met twee kolommen.
   Alleen bestaande Antenne/thema-variabelen; geen vaste kleurwaarden.
   Andere collection-onderdelen en wheel-styling blijven ongewijzigd. */
.trade-offer-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(12px,1.4vw,20px);
  align-items:stretch;
}
.trade-offer-card{
  min-width:0;
  padding:clamp(14px,1.25vw,20px);
  gap:14px;
  border-radius:8px;
  align-content:start;
  box-shadow:0 5px 16px color-mix(in srgb,var(--text) 7%,transparent);
}
.trade-owner{font-size:.79rem;line-height:1.35;overflow-wrap:anywhere}
.trade-swap{
  grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);
  gap:clamp(8px,1vw,15px);
  align-items:center;
  min-width:0;
}
.trade-card-mini{
  display:grid;
  grid-template-columns:clamp(48px,4.2vw,64px) minmax(0,1fr);
  grid-template-rows:auto auto auto;
  column-gap:10px;
  row-gap:4px;
  align-content:center;
  align-items:start;
  min-width:0;
}
.trade-card-art{
  grid-row:1 / span 3;
  width:100%;
  aspect-ratio:4/5;
  border-radius:4px;
  box-shadow:0 3px 9px color-mix(in srgb,var(--text) 13%,transparent);
}
.trade-card-mini small{
  display:block;
  min-width:0;
  font-size:clamp(.59rem,.72vw,.68rem);
  line-height:1.25;
  letter-spacing:.055em;
  overflow-wrap:anywhere;
}
.trade-card-mini strong{
  display:block;
  min-width:0;
  font-size:clamp(.76rem,.92vw,.9rem);
  line-height:1.3;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
}
.trade-card-mini em{
  display:block;
  min-width:0;
  font-size:clamp(.64rem,.78vw,.73rem);
  line-height:1.35;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
}
.trade-arrow{font-size:1.15rem;text-align:center;align-self:center}
.trade-offer-actions{min-width:0;flex-wrap:wrap;gap:10px}
.trade-offer-actions select{min-width:0;flex:1 1 180px;font-size:.84rem;max-width:100%}
.trade-offer-actions .trade-button{flex:0 0 auto;font-size:.82rem;white-space:normal}
@media(max-width:1100px){
  .trade-offer-grid{grid-template-columns:1fr}
  .trade-card-mini{grid-template-columns:56px minmax(0,1fr)}
}
@media(max-width:580px){
  .trade-offer-card{padding:12px;gap:12px}
  .trade-swap{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:6px}
  .trade-arrow{transform:none;font-size:1rem}
  .trade-card-mini{grid-template-columns:1fr;grid-template-rows:auto;gap:5px}
  .trade-card-art{grid-row:auto;width:min(60px,100%)}
  .trade-card-mini small{font-size:.58rem}
  .trade-card-mini strong{font-size:.74rem}
  .trade-card-mini em{font-size:.65rem}
  .trade-offer-actions{flex-direction:column;align-items:stretch}
  .trade-offer-actions select{flex:auto;width:100%}
}