/* Wolves Collector, scoped to its own SPA page. */
#collector-page { color:#f0f7ff; background:radial-gradient(ellipse at 55% -12%, #174b6c 0%, #08172c 56%, #040d1b 100%); min-height:100vh; }
#collector-page .wc-shell { max-width:1060px; margin:0 auto; padding:20px 18px calc(110px + env(safe-area-inset-bottom)); }
#collector-page button { cursor:pointer; font:inherit; }
#collector-page button:focus-visible, #collector-page .wc-tile:focus-visible { outline:3px solid #7bdeff; outline-offset:3px; }
#collector-page button:disabled { cursor:not-allowed; opacity:.55; }
#collector-page .wc-top { display:flex; align-items:center; gap:16px; }
#collector-page .wc-heading { margin:6px 0; font-size:clamp(1.6rem,6vw,2.6rem); letter-spacing:.04em; }
#collector-page .wc-eyebrow { color:#75d9ff; margin:0; font-size:.73rem; text-transform:uppercase; letter-spacing:.22em; }
#collector-page .wc-subtitle { margin:8px 0 18px; color:#bad1e0; }
#collector-page .wc-panel { border:1px solid rgba(119,207,247,.25); border-radius:16px; background:rgba(7,23,46,.73); box-shadow:0 12px 44px rgba(0,0,0,.25); padding:16px; margin:16px 0; }
#collector-page .wc-progress { font-size:1.18rem; font-weight:750; }
#collector-page progress { width:100%; height:12px; accent-color:#52d7fd; margin-top:12px; }
#collector-page .wc-small { color:#a8c7d9; font-size:.83rem; margin:10px 0 0; }
#collector-page .wc-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
#collector-page .wc-button { background:linear-gradient(130deg,#1177a8,#28c4ef); color:#061728; font-weight:800; border:1px solid #54dfff; border-radius:10px; padding:11px 16px; }
#collector-page .wc-button.secondary { background:rgba(6,25,48,.85); color:#c9ecfa; border-color:#387b9d; }
/* Four collector sections share a single SPA route and saved collection. */
#collector-page .wc-tabs {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    width:100%;
    box-sizing:border-box;
    margin:12px 0 16px;
    padding:2px 1px 6px;
}
#collector-page .wc-tab {
    position:relative;
    overflow:hidden;
    isolation:isolate;
    width:100%;
    min-width:0;
    min-height:44px;
    padding:10px 6px;
    border:1px solid #2d6281;
    border-radius:10px;
    background:rgba(5,24,43,.85);
    color:#b5d7e9;
    font-weight:800;
    font-size:clamp(.79rem,2.6vw,.94rem);
    letter-spacing:.015em;
    white-space:nowrap;
    text-align:center;
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
#collector-page #wc-tab-achievements { grid-column:1 / -1; }
#collector-page .wc-tab[aria-selected="true"] {
    border-color:#70dcff;
    color:#f0fbff;
    background:linear-gradient(150deg,#104b71,#17658c);
    box-shadow:inset 0 -3px 0 #5dcff1,0 0 12px #36bfe033;
}
/* A restrained specular reflection and colored bottom glint give the three
   editions a metallic finish without loops or distracting animations. */
#collector-page .wc-tab:not(#wc-tab-achievements)::before {
    content:'';
    position:absolute;
    inset:1px 1px auto;
    height:48%;
    border-radius:9px 9px 55% 55%;
    background:linear-gradient(180deg,rgba(255,255,255,.16),transparent);
    pointer-events:none;
}
#collector-page .wc-tab:not(#wc-tab-achievements)::after {
    content:'';
    position:absolute;
    left:18%;
    right:18%;
    bottom:3px;
    height:2px;
    border-radius:2px;
    background:var(--wc-edition-accent);
    box-shadow:0 0 9px var(--wc-edition-glow);
    pointer-events:none;
}
/* Base is neutral brushed steel, not blue; Gold is warm bronze/amber;
   Platinum is noticeably different, with a violet-to-cyan iridescent sheen. */
#collector-page #wc-tab-base {
    --wc-edition-accent:#cbd4dc;
    --wc-edition-glow:#a8bdca88;
    border-color:#a5b0bf;
    background:linear-gradient(125deg,#68717e 0%,#3c4654 46%,#28313e 100%);
    color:#f5f8fc;
    box-shadow:inset 0 1px 0 #ffffff40,0 2px 9px #0b101a70;
}
#collector-page #wc-tab-gold {
    --wc-edition-accent:#f8d27c;
    --wc-edition-glow:#e6a93d99;
    border-color:#ce9c4b;
    background:linear-gradient(125deg,#916326 0%,#634015 46%,#39240f 100%);
    color:#fff0ca;
    box-shadow:inset 0 1px 0 #ffe29b57,0 2px 10px #21110380;
}
#collector-page #wc-tab-platinum {
    --wc-edition-accent:#a7dfff;
    --wc-edition-glow:#9b85ff99;
    border-color:#a3a5ed;
    background:linear-gradient(120deg,#5b4e97 0%,#3b5095 52%,#174b78 100%);
    color:#f4f2ff;
    box-shadow:inset 0 1px 0 #f4edff55,0 2px 10px #16114a99;
}
#collector-page #wc-tab-base[aria-selected="true"] {
    border-color:#eef4fb;
    background:linear-gradient(120deg,#87939f 0%,#586879 43%,#343f4f 100%);
    color:#fff;
    box-shadow:inset 0 1px 0 #ffffff88,inset 0 -3px 0 #d9e5ef,0 0 15px #b7ceda88;
}
#collector-page #wc-tab-gold[aria-selected="true"] {
    border-color:#ffe6a6;
    background:linear-gradient(125deg,#bb8733 0%,#96601d 46%,#5f3b0f 100%);
    color:#fffbea;
    box-shadow:inset 0 1px 0 #fff1c38c,inset 0 -3px 0 #ffe19a,0 0 17px #f5c85c99;
}
#collector-page #wc-tab-platinum[aria-selected="true"] {
    border-color:#e1ddff;
    background:linear-gradient(115deg,#7b70c7 0%,#596cc1 43%,#237ea6 100%);
    color:#fff;
    box-shadow:inset 0 1px 0 #faf2ff91,inset 0 -3px 0 #b8e7ff,0 0 18px #9688ff99;
}
@media (hover:hover) {
    #collector-page .wc-tab:not(#wc-tab-achievements):hover {
        transform:translateY(-2px);
        filter:brightness(1.11);
    }
}
#collector-page .wc-tab:not(#wc-tab-achievements):active { transform:translateY(0); }
@media (prefers-reduced-motion:reduce) {
    #collector-page .wc-tab { transition:none; }
}
#collector-page .wc-tab-panel { min-width:0; }
#collector-page .wc-tab-panel[hidden] { display:none; }
#collector-page .wc-message:empty { display:none; }
#collector-page .wc-premium-preview {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(16px,5vw,40px);
    min-height:300px;
    border:1px solid #46788d;
    border-radius:18px;
    background:radial-gradient(circle at 20% 0%,rgba(119,194,223,.14),transparent 65%),#07192d;
    padding:clamp(18px,5vw,40px);
}
#collector-page .wc-premium-gold { border-color:#a18442; background:radial-gradient(circle at 22% 10%,rgba(208,161,72,.18),transparent 65%),#141a29; }
#collector-page .wc-premium-platinum { border-color:#6695af; }
#collector-page .wc-premium-preview img {
    display:block;
    width:min(34%,200px);
    max-height:300px;
    object-fit:contain;
    filter:drop-shadow(0 10px 20px #0009);
}
#collector-page .wc-premium-copy { flex:1; max-width:390px; min-width:0; }
#collector-page .wc-premium-copy h2 { margin:7px 0; font-size:clamp(1.4rem,5vw,2rem); }
#collector-page .wc-premium-eyebrow { color:#9ebfd1; text-transform:uppercase; letter-spacing:.13em; font-size:.73rem; font-weight:750; }
#collector-page .wc-premium-gold .wc-premium-eyebrow, #collector-page .wc-premium-gold .wc-premium-coming { color:#ecd38d; }
#collector-page .wc-premium-platinum .wc-premium-coming { color:#9ee5ff; }
#collector-page .wc-premium-coming { font-size:1.1rem; font-weight:850; }
#collector-page .wc-premium-copy p:last-child { color:#bed2e1; line-height:1.5; }
@media (max-width:520px) {
    #collector-page .wc-premium-preview { flex-direction:column; text-align:center; }
    #collector-page .wc-premium-preview img { width:min(48%,185px); max-height:230px; }
}

#collector-page .wc-packs { display:flex; gap:16px; align-items:center; }
#collector-page .wc-packs[hidden] { display:none; }
#collector-page .wc-pack-img { display:block; height:174px; max-width:38%; object-fit:contain; filter:drop-shadow(0 8px 14px #0009); }
#collector-page .wc-pack-copy { flex:1; min-width:130px; }
#collector-page .wc-pack-copy h2 { margin:0 0 8px; font-size:1.1rem; }
#collector-page .wc-section-heading { margin:28px 0 14px; font-size:1.3rem; }
#collector-page .wc-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(29%,145px),1fr)); gap:12px; }
#collector-page .wc-tile { border:1px solid #346386; border-radius:9px; aspect-ratio:5/7; background:#0e2440; overflow:hidden; min-width:0; padding:0; display:flex; align-items:center; justify-content:center; color:#57829c; font-size:3rem; box-shadow:0 5px 18px #0006; }
#collector-page .wc-tile.is-owned { transition:transform .18s, box-shadow .18s; }
#collector-page .wc-tile.is-owned:hover { transform:translateY(-4px); box-shadow:0 8px 23px #32aeff44; }
#collector-page .wc-tile img { width:100%; height:100%; object-fit:cover; }
#collector-page .wc-tile.is-locked { background:repeating-linear-gradient(-25deg,#0c2137,#0c2137 8px,#102c46 9px,#102c46 17px); }
#collector-page .wc-tile.wc-art-error { font-size:.8rem; text-align:center; padding:6px; }
#collector-page .wc-message { min-height:1.5rem; color:#a5e8ff; }
#collector-page .wc-backup-note { margin:12px 0 0; color:#a8c7d9; font-size:.85rem; }
#collector-page dialog { max-height:calc(100dvh - 22px); max-width:min(94vw,500px); overflow:auto; border:1px solid #74daff; background:linear-gradient(#0b3455,#08162b); color:#e9f8ff; border-radius:16px; padding:18px; box-shadow:0 30px 90px #000c; }
#collector-page dialog::backdrop { background:rgba(0,5,13,.87); }
/* Native dialogs share a viewport-centered placement, including fallback [open].
   Limit their height so a short or rotated phone can scroll inside the dialog. */
#collector-page dialog[open] {
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    margin: 0;
    width: max-content;
    max-width: min(94vw, 500px);
    box-sizing: border-box;
}

#collector-page .wc-dialog-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:14px; }
#collector-page .wc-card-large { width:min(67vw,300px); aspect-ratio:5/7; object-fit:contain; display:block; margin:12px auto; border-radius:8px; }
#collector-page .wc-card-large[hidden] { display:none; }
#collector-page .wc-reveal-stage { display:grid; place-items:center; min-height:310px; }
#collector-page .wc-reveal-stage img { grid-area:1/1; }
#collector-page .wc-reveal-stage .wc-sealed { width:min(48vw,200px); max-height:310px; object-fit:contain; transition:transform .6s ease,opacity .6s ease; filter:drop-shadow(0 12px 20px #0009); }
#collector-page .wc-reveal-stage .wc-card-large { opacity:0; transform:translateY(20px) scale(.9); transition:transform .6s ease,opacity .6s ease; }
#collector-page .wc-reveal-stage.wc-unsealed .wc-sealed { opacity:0; transform:rotate(-9deg) scale(1.12); pointer-events:none; }
#collector-page .wc-reveal-stage.wc-unsealed .wc-card-large { opacity:1; transform:none; }
/* Original card fronts remain untouched; match the back to their 5:7 dimensions. */
#collector-page #wc-card-dialog .wc-card-large,
#collector-page #wc-card-dialog .wc-card-back { width:min(80vw,300px); max-width:100%; }
/* Both faces share one fixed stage so turning the card never moves the controls. */
#collector-page .wc-card-flip { position:relative; width:min(80vw,300px); max-width:100%; aspect-ratio:5/7; margin:12px auto; perspective:1000px; }
#collector-page .wc-card-rotor { position:absolute; inset:0; transform-style:preserve-3d; transition:transform 420ms ease-in-out; }
#collector-page .wc-card-rotor.is-flipped { transform:rotateY(180deg); }
#collector-page .wc-card-flip-target { position:absolute; inset:0; z-index:1; width:100%; height:100%; padding:0; border:0; border-radius:8px; background:transparent; }
#collector-page #wc-card-dialog .wc-card-rotor > .wc-card-large,
#collector-page #wc-card-dialog .wc-card-rotor > .wc-card-back { position:absolute; inset:0; width:100%; height:100%; margin:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#collector-page #wc-card-front { transform:rotateY(0deg); }
#collector-page #wc-card-back { transform:rotateY(180deg); }
@media (prefers-reduced-motion:reduce) { #collector-page .wc-card-rotor { transition:none; } }
#collector-page .wc-card-back {
    --wc-metal:#a7b9ca;
    position:relative; isolation:isolate; box-sizing:border-box; aspect-ratio:5/7;
    margin:12px auto; padding:clamp(8px,2.6vw,13px);
    display:flex; flex-direction:column; gap:clamp(3px,1vw,6px);
    border:2px solid var(--wc-metal); border-radius:8px; overflow:hidden;
    background:radial-gradient(ellipse at 55% 30%,#214764 0%,#102b46 45%,#071629 100%);
    box-shadow:inset 0 0 0 2px #d4e0ea66,inset 0 0 26px #030b1cc9,0 8px 28px #0008;
    color:#edf5fc;
}
#collector-page .wc-card-back[hidden] { display:none; }
#collector-page .wc-card-back::before {
    content:''; position:absolute; inset:5px; z-index:-1; pointer-events:none;
    border:1px solid #a7cce744;
    background:linear-gradient(138deg,#e5f1fc12 0%,transparent 19%,transparent 82%,#75daf613 100%);
    clip-path:polygon(0 0,94% 0,100% 6%,100% 100%,6% 100%,0 94%);
}
#collector-page .wc-back-heading { flex:none; text-align:center; min-width:0; }
#collector-page .wc-back-heading h3 { margin:0; font-size:clamp(.85rem,3.4vw,1.14rem); letter-spacing:.045em; line-height:1.13; text-transform:uppercase; overflow-wrap:anywhere; }
#collector-page .wc-back-heading p { margin:3px 0 0; font-size:clamp(.56rem,2.4vw,.72rem); color:#8ddcf4; }
#collector-page .wc-back-portrait {
    flex:1 1 auto; min-height:0; position:relative; overflow:hidden; width:100%;
    background:radial-gradient(ellipse at 50% 30%,#466a80a6,transparent 70%);
    border-top:1px solid #a7c1d057;
}
#collector-page .wc-back-photo { display:block; width:100%; height:100%; object-fit:contain; object-position:center center;
    -webkit-mask-image:radial-gradient(ellipse 78% 90% at 50% 38%,#000 35%,transparent 100%);
    mask-image:radial-gradient(ellipse 78% 90% at 50% 38%,#000 35%,transparent 100%);
}
#collector-page .wc-back-portrait::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(to bottom,transparent 40%,#0c294332 70%,#0b2842 100%); }
#collector-page .wc-back-photo[hidden],#collector-page .wc-back-photo-fallback[hidden] { display:none; }
#collector-page .wc-back-photo-fallback { position:absolute; inset:0; display:grid; place-items:center; color:#b4c8d6; font-size:.73rem; text-align:center; }
#collector-page .wc-back-bio { flex:none; min-width:0; width:100%; border-top:1px solid #9bb2c469; padding-top:5px; font-size:clamp(.53rem,2.12vw,.68rem); }
#collector-page .wc-back-bio-primary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); text-align:center; }
#collector-page .wc-back-bio-primary > div { min-width:0; display:flex; flex-direction:column; gap:2px; }
#collector-page .wc-back-bio-primary > div + div { border-left:1px solid #7ca5bf58; }
#collector-page .wc-back-bio span { color:#9bd6e9; font-size:clamp(.5rem,1.9vw,.59rem); letter-spacing:.04em; }
#collector-page .wc-back-bio strong { min-width:0; color:#f1f6ff; font-size:clamp(.61rem,2.4vw,.76rem); font-weight:700; }
#collector-page .wc-back-bio-detail { display:flex; justify-content:space-between; gap:5px; align-items:baseline; margin-top:4px; min-width:0; }
#collector-page .wc-back-bio-detail strong { text-align:right; overflow-wrap:anywhere; line-height:1.1; }
#collector-page .wc-back-season { flex:none; width:100%; min-width:0; }
#collector-page .wc-back-season > p { margin:3px 0 5px; padding-top:4px; border-top:1px solid #8fb9cd6c; font-size:clamp(.53rem,2vw,.66rem); letter-spacing:.075em; color:#c7dfea; text-align:center; }
#collector-page .wc-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:2px; width:100%; align-items:stretch; font-size:clamp(.62rem,2.35vw,.79rem); text-align:center; }
#collector-page .wc-stats:not(:has(.wc-stat)) { display:block; padding:6px 0; color:#c2d9e6; font-size:.68rem; line-height:1.25; }
#collector-page .wc-stat { min-width:0; display:flex; flex-direction:column; gap:3px; border:1px solid #3f718e; background:#08243cbb; }
#collector-page .wc-stat span { display:block; padding:4px 0; background:#245374; font-size:clamp(.55rem,2vw,.65rem); font-weight:750; color:#dcf2ff; }
#collector-page .wc-stat strong { padding:2px 0 4px; font-size:clamp(.67rem,2.65vw,.89rem); color:#fff; font-variant-numeric:tabular-nums; }
#collector-page .wc-back-footer { flex:none; width:100%; padding-top:5px; display:flex; justify-content:space-between; border-top:1px solid #b5c8d89c; font-size:clamp(.49rem,1.95vw,.61rem); color:#c1d1df; letter-spacing:.045em; }
@media (max-width:350px) {
    #collector-page .wc-card-back { gap:2px; padding:7px; }
    #collector-page .wc-back-bio-detail { margin-top:2px; }
    #collector-page .wc-back-season > p { margin:2px 0 3px; padding-top:2px; }
}
@media (min-width:720px) { #collector-page .wc-grid { grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); } }
@media (max-width:380px) { #collector-page .wc-shell { padding:12px 12px 105px; } #collector-page .wc-grid { gap:8px; } #collector-page .wc-packs { gap:8px; } }
@media (prefers-reduced-motion:reduce) { #collector-page *, #collector-page *::before, #collector-page *::after { transition:none!important; animation:none!important; } }

/* Collector hub card fan and status; requested button-polish patch. */
#games-page .wc-hub-entry { position:relative; isolation:isolate; display:flex; align-items:center; gap:16px; box-sizing:border-box; width:100%; max-width:600px; min-height:100px; margin:0 auto 18px; padding:16px 20px; border:1px solid #5ebbd7; border-radius:16px; background:radial-gradient(ellipse at 12% 0%,#3182a94d,transparent 65%),linear-gradient(115deg,#102d49,#07182e 65%,#10344e); color:#f2faff; text-align:left; font:inherit; box-shadow:inset 0 1px #d3f6ff40,inset 0 -1px #45bada29,0 8px 26px #0006,0 0 20px #35cfff12; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
#games-page .wc-hub-entry::before { content:''; position:absolute; inset:1px; border-radius:15px; background:linear-gradient(115deg,transparent 40%,#c1f2ff0d 40.2%,#c1f2ff03 57%,transparent 57.2%); pointer-events:none; z-index:-1; }
#games-page .wc-hub-cards { position:relative; flex:0 0 68px; height:66px; }
#games-page .wc-hub-card { position:absolute; top:3px; left:9px; display:grid; place-items:center; width:43px; height:60px; box-sizing:border-box; border:1px solid #d3e3ee; border-radius:4px; background:linear-gradient(135deg,#c8d7e3,#31516c 28%,#132b42 70%,#849eb1); box-shadow:inset 0 0 0 3px #07162988,0 4px 8px #0007; }
#games-page .wc-hub-card-gold { transform:translateX(-8px) rotate(-17deg); border-color:#dfba6f; background:linear-gradient(140deg,#ebd596,#8b602a 40%,#34271a 85%); }
#games-page .wc-hub-card-platinum { transform:translateX(12px) rotate(16deg); border-color:#bfc2ff; background:linear-gradient(140deg,#cabaf0,#415a9b 40%,#208caa 80%,#bdddf4); }
#games-page .wc-hub-card-base { transform:rotate(-3deg); }
#games-page .wc-hub-card img { display:block; width:34px; height:40px; object-fit:contain; filter:drop-shadow(0 2px 3px #0008); }
#games-page .wc-hub-copy { display:flex; flex:1; min-width:0; flex-direction:column; gap:6px; }
#games-page .wc-hub-title { font-size:clamp(16px,4.4vw,22px); font-weight:850; line-height:1.15; letter-spacing:.015em; }
#games-page .wc-hub-status { color:#a9d9ec; font-size:12px; font-weight:600; line-height:1.4; }
#games-page .wc-hub-arrow { display:grid; place-items:center; flex:0 0 30px; height:30px; border:1px solid #65cceb66; border-radius:50%; background:#55c5eb12; color:#9aeaff; }
#games-page .wc-hub-arrow svg { display:block; width:18px; height:18px; }
#games-page .wc-hub-entry.has-reward { border-color:#c8b67b; }
#games-page .wc-hub-entry.has-reward .wc-hub-status { color:#ffe1a0; }
#games-page .wc-hub-entry:active { transform:scale(.99); }
@media (hover:hover) { #games-page .wc-hub-entry:hover { transform:translateY(-2px); border-color:#a0eaff; box-shadow:inset 0 1px #d3f6ff55,0 10px 28px #0007,0 0 24px #35cfff29; } }
@media (max-width:370px) { #games-page .wc-hub-entry { gap:10px; padding:14px 12px; } #games-page .wc-hub-cards { flex-basis:62px; } #games-page .wc-hub-arrow { flex-basis:26px; height:26px; } }
@media (prefers-reduced-motion:reduce) { #games-page .wc-hub-entry { transition:none; } #games-page .wc-hub-entry:hover,#games-page .wc-hub-entry:active { transform:none; } }
#games-page .wc-hub-entry:focus-visible { outline:3px solid #9fe9ff; outline-offset:3px; }

#collector-page .wc-challenge { border:1px solid rgba(66,186,230,.26); border-radius:12px; margin-top:16px; padding:12px; background:rgba(4,18,37,.48); }
#collector-page .wc-challenge progress { margin-top:8px; }
#collector-page .wc-achievement-details { margin-top:14px; color:#c8e7fa; }
#collector-page .wc-achievement-details summary { cursor:pointer; padding:8px 0; font-weight:750; }
#collector-page .wc-achievement-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr)); gap:10px; padding:12px 0; }
#collector-page .wc-achievement { display:flex; gap:12px; align-items:center; border:1px solid #254968; padding:10px; border-radius:10px; background:#071b30; color:#91afc2; }
#collector-page .wc-achievement.is-earned { border-color:#45a7c2; color:#e8fbff; }
#collector-page .wc-achievement > span { font-size:1.25rem; color:#63c4dd; }
#collector-page .wc-achievement strong, #collector-page .wc-achievement small { display:block; }
#collector-page .wc-achievement small { margin-top:3px; font-size:.75rem; line-height:1.35; }

/* The unlocked premium albums share the Base grid while retaining edition identity. */
#collector-page .wc-premium-gate { border-left:3px solid #ccac63; }
#collector-page #wc-platinum-locked { border-left-color:#9db7f0; }
#collector-page .wc-premium-gate[hidden] { display:none; }
#collector-page .wc-premium-gate h2 { margin:0 0 7px; color:#f4e1b6; font-size:1.13rem; }
#collector-page #wc-platinum-locked h2 { color:#d6e0ff; }
#collector-page .wc-requirements { margin:10px 0 0; padding:0; list-style:none; display:grid; gap:7px; }
#collector-page .wc-requirements li { display:flex; gap:9px; font-size:.88rem; color:#bed4e4; }
#collector-page .wc-requirements li.is-met { color:#a7ebc7; }
#collector-page .wc-requirements li::before { content:'○'; font-weight:900; color:#a0adbe; }
#collector-page .wc-requirements li.is-met::before { content:'✓'; color:#80ebae; }
#collector-page #wc-panel-gold .wc-tile.is-owned { border-color:#c8a660; box-shadow:inset 0 0 10px #be904a30; }
#collector-page #wc-panel-platinum .wc-tile.is-owned { border-color:#a4c6f1; box-shadow:inset 0 0 10px #b2caff38; }
#collector-page .wc-card-back.wc-back-gold { --wc-metal:#d9b467; background:radial-gradient(ellipse at 45% 30%,#725b37,#2a2a32 60%,#101725); }
#collector-page .wc-card-back.wc-back-platinum { --wc-metal:#b0c6f8; background:radial-gradient(ellipse at 45% 30%,#4d4b87,#172f55 60%,#0d162e); }
#collector-page .wc-achievement.wc-achievement-gold.is-earned { border-color:#bd9b53; color:#ffefc5; }
#collector-page .wc-achievement.wc-achievement-platinum.is-earned { border-color:#b1b7ef; color:#e5e8ff; }