/* ARCANA — shared player collection and Knowledge archive. */
.card-collection { --cc-ivory:#f1e6d0;--cc-muted:#9cacc0;--cc-gold:#d7be86;--cc-line:#c9b5872c;min-width:0;color:var(--cc-ivory);font-family:Outfit,Montserrat,sans-serif;color-scheme:dark; }
.card-collection * { box-sizing:border-box; }
.card-collection [hidden] { display:none!important; }
.cc-loading { padding:40px 20px;text-align:center;color:#b8c6d5;font:12px/1.8 Outfit,Montserrat,sans-serif; }
.card-collection :is(button,input,select,a):focus-visible { outline:2px solid #f1d99e;outline-offset:5px; }
.card-collection button { cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent; }
.cc-eyebrow { display:block;color:#c8b894;font-size:9px;font-weight:600;letter-spacing:.22em;line-height:1.7; }
.cc-vault { position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);min-height:365px;padding:38px clamp(20px,3.7vw,58px) 0;overflow:hidden;isolation:isolate;border:1px solid #aebed022;border-radius:5px;background:linear-gradient(120deg,#081c29,#0d1524 60%,#171d31); }
.cc-vault::after { content:'';position:absolute;inset:9px;z-index:-1;border:1px solid #dcc4871a;pointer-events:none; }
.cc-vault-atmosphere { position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 77% 65%,#8e6bc135,transparent 43%),radial-gradient(ellipse at 5% 0,#2d9fae22,transparent 63%),linear-gradient(0deg,#020a12d9,transparent 65%); }
.cc-vault-atmosphere::before { content:'';position:absolute;inset:0;opacity:.3;background-image:radial-gradient(circle,#e8d6ad 1px,transparent 1.5px);background-size:101px 79px;mask-image:linear-gradient(100deg,transparent 10%,#000); }
.cc-vault-copy { position:relative;z-index:2;padding-bottom:26px; }
.cc-vault h2 { margin:17px 0 16px;color:var(--cc-ivory);font-size:clamp(31px,3.6vw,54px);font-weight:300;letter-spacing:-.045em;line-height:1.07;text-wrap:balance; }
.cc-vault h2 em { display:block;margin-top:8px;color:#d3bb8c;font-style:normal;font-weight:300; }
.cc-vault-copy>p { max-width:475px;margin:0;color:#a7b6c8;font-size:12px;line-height:1.85; }
.cc-vault-actions { display:flex;flex-wrap:wrap;align-items:center;gap:15px 22px;margin-top:23px; }
.cc-vault-actions>a { display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:42px;padding:10px 16px;border:1px solid #dcc58a75;color:#e7d3ac;text-decoration:none;font-size:11px;background:#d5bc7e0a;transition:background .2s,border-color .2s; }
.cc-vault-actions>a:hover { border-color:#e4ca8c;background:#d5bc7e1c; }
.cc-vault-actions>a.cc-vault-shop { min-height:38px;padding:8px 0;border-color:transparent;background:none;color:#9fb3c8;gap:13px;font-size:10px; }
.cc-vault-actions>a.cc-vault-shop:hover { color:#ead6ad; }
.cc-vault-actions>a>span { font-size:18px; }
.cc-vault-actions>span { color:#8199ae;font-size:10px; }
.cc-vault-exhibit { position:relative;align-self:stretch;min-width:0;min-height:286px;isolation:isolate;pointer-events:none; }
.cc-vault-orbit { position:absolute;z-index:-1;top:0;left:50%;width:min(100%,330px);aspect-ratio:1;border:1px solid #c4b88728;border-radius:50%;transform:translateX(-50%) rotate(-22deg); }
.cc-vault-orbit::before { content:'';position:absolute;inset:19px;border:1px dashed #c4b88722;border-radius:50%; }
.cc-vault-orbit::after { content:'◇';position:absolute;left:15%;top:10%;color:#d4bf97;font-size:13px;text-shadow:0 0 12px #fff0bd; }
.cc-vault-word { position:absolute;inset:auto -10% 5%;color:#f1dfb808;font:100px/1 Georgia,serif;letter-spacing:.08em;text-align:center; }
.cc-vault-specimen { position:absolute;z-index:calc(2 + var(--specimen));top:13px;left:50%;width:clamp(119px,13vw,176px);transform:translateX(calc(-130% + var(--specimen)*72%)) translateY(calc(16px - var(--specimen)*8px)) rotate(calc(-18deg + var(--specimen)*16deg));filter:drop-shadow(7px 17px 12px #0009); }
.cc-vault-specimen:nth-of-type(4) { z-index:5; }
.cc-vault-specimen .hc-card-caption>strong { font-size:10px; }
.cc-vault-specimen .hc-card-caption>small { font-size:5px; }
.cc-vault-specimen .hc-card-edition { font-size:7px; }
.cc-vault-specimen .hc-card-stars { width:61%; }
.cc-vault-plinth { position:absolute;z-index:-1;bottom:-6px;left:5%;width:94%;height:65px;border-top:1px solid #c6b3dc47;border-radius:50%;background:radial-gradient(ellipse,#aa9bda33,transparent 70%);transform:perspective(180px) rotateX(30deg); }
.cc-vault-tally { position:relative;z-index:5;grid-column:1/-1;display:flex;align-items:center;gap:26px;min-height:78px;padding:16px 0 23px;border-top:1px solid var(--cc-line); }
.cc-vault-tally>span { display:flex;align-items:center;gap:14px; }
.cc-vault-tally b { color:#ead6b0;font-size:28px;font-weight:300;white-space:nowrap;font-variant-numeric:tabular-nums; }
.cc-vault-tally b>small { color:#8595aa;font-size:14px;font-weight:400; }
.cc-vault-tally>span>small { color:#91a7ba;font-size:8px;letter-spacing:.14em; }
.cc-vault-tally>i { height:22px;width:1px;background:var(--cc-line); }
.cc-vault-progress { flex:1;height:2px;min-width:25px;margin-left:auto;background:#cfbc8e1f; }
.cc-vault-progress>span { display:block;height:100%;background:linear-gradient(90deg,#8bc8d1,#e1c891);box-shadow:0 0 12px #8bc8d177; }
.cc-rarity-census { display:flex;align-items:center;justify-content:center;gap:clamp(24px,6vw,100px);padding:18px 20px 22px;border-bottom:1px solid var(--cc-line); }
.cc-census-item { display:flex;align-items:center;gap:12px; }
.cc-census-item>img { width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 7px #aeb2dc20); }
.cc-census-item>span { display:grid;gap:5px; }
.cc-census-item small { color:#aac0d2;font-size:9px;letter-spacing:.12em; }
.cc-rarity-lr small { color:#d6b96f; }.cc-rarity-ur small { color:#c5ade8; }
.cc-census-item strong { color:#e3d9c3;font-size:19px;font-weight:400;font-variant-numeric:tabular-nums; }
.cc-census-item i { color:#8292a6;font-size:12px;font-style:normal; }
.cc-controls { display:flex;flex-wrap:wrap;align-items:end;gap:21px 24px;margin:28px 0 24px; }
.cc-ownership { display:flex;flex:1 1 350px;align-self:end;min-height:43px;border-bottom:1px solid #92abc53b; }
.cc-ownership>button { position:relative;flex:1;min-height:42px;padding:9px 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:#91a5bb;font-size:11px;white-space:nowrap;transition:color .2s,border-color .2s; }
.cc-ownership>button:hover { color:#ece1c8; }
.cc-ownership>button[aria-pressed=true] { border-bottom-color:#d7bd83;color:#e3d1ad;background:linear-gradient(0deg,#d7bd8311,transparent); }
.cc-search { flex:1 1 300px;min-width:180px; }
.cc-filter-label { display:block;margin-bottom:8px;color:#8ea6bb;font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase; }
.cc-input-wrap { display:flex;align-items:center;gap:10px;min-height:43px;padding:0 13px;border:1px solid #91a8c23c;background:#07121e99; }
.cc-input-wrap>i { color:#bea97f;font-size:25px;font-style:normal;line-height:1; }
.card-collection input[type=search] { width:100%;min-width:0;padding:10px 0;border:0;border-radius:0;background:transparent;color:#e7dbc7;font:12px/1.5 Outfit,Montserrat,sans-serif;box-shadow:none; }
.card-collection input::placeholder { color:#7d92a8;opacity:1; }
.cc-selects { display:flex;flex:1 1 100%;gap:16px; }
.cc-selects>label { flex:1;min-width:0; }
.card-collection select { width:100%;min-height:42px;margin:0;padding:9px 31px 9px 12px;border:1px solid #91a8c235;border-radius:2px;background:#0a1622;color:#bdcadd;font:11px/1.5 Outfit,Montserrat,sans-serif;text-overflow:ellipsis; }
.card-collection select:hover { border-color:#d7bd8388; }
.cc-result-summary { display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:18px 0;border-block:1px solid var(--cc-line); }
.cc-result-summary>span { color:#ae9d7c;font-size:8px;font-weight:600;letter-spacing:.18em; }
.cc-result-summary>strong { color:#c4d0df;font-size:11px;font-weight:400; }
.cc-result-summary i { padding:0 8px;color:#667f97;font-style:normal; }
.cc-result-summary>button { margin-left:auto;min-height:30px;padding:5px 0;border:0;background:none;color:#95a8bd;font-size:10px; }
.cc-result-summary>button:hover { color:#ead5a9; }
.cc-chapter { position:relative;padding:21px 0 8px;border-bottom:1px solid var(--cc-line);content-visibility:auto;contain-intrinsic-size:auto 443px; }
.cc-chapter-heading { display:flex;align-items:center;gap:14px;padding:0 9px 0 4px; }
.cc-chapter-number { width:28px;color:#71839a;font:italic 19px/1 Georgia,serif; }
.cc-hero-avatar { width:43px;height:43px;border:1px solid #cab78b5c;border-radius:50%;object-fit:cover;padding:3px;background:#070f1c; }
.cc-chapter-heading .cc-eyebrow { font-size:7px;color:#8c9fb5;letter-spacing:.18em; }
.cc-chapter-heading h3 { margin:3px 0 0;color:#e9dec6;font:400 24px/1.15 Outfit,sans-serif;letter-spacing:-.015em; }
.cc-chapter-progress { display:grid;gap:4px;margin-left:auto;text-align:right; }
.cc-chapter-progress>b { color:#caba96;font-size:18px;font-weight:400;line-height:1;font-variant-numeric:tabular-nums; }
.cc-chapter-progress>b>small { color:#7e92a8;font-size:11px; }
.cc-chapter-progress>small { color:#8093a9;font-size:7px;letter-spacing:.13em; }
.cc-chapter-arrows { display:flex;gap:7px;margin-left:10px; }
.cc-chapter-arrows>button { display:grid;place-items:center;width:33px;height:33px;padding:0;border:1px solid #b8b18b3d;border-radius:50%;background:#07121b66;color:#d6c5a1;font-size:15px; }
.cc-chapter-arrows>button:hover { background:#d8bf8218;border-color:#dcc18699; }
.cc-chapter-stage { position:relative;margin-top:9px;isolation:isolate; }
.cc-chapter-backdrop { position:absolute;z-index:-2;inset:-22px 0 0;width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.12;filter:saturate(.45);mask-image:linear-gradient(0deg,transparent 3%,#0008 35%,#000 66%,transparent 100%);pointer-events:none; }
.cc-chapter-stage::before { content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,#08142277,transparent 30%,#08142288); }
.cc-card-rail { display:flex;align-items:flex-start;gap:24px;max-width:100%;padding:31px 23px 26px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#73879855 #0c182344;overscroll-behavior-x:contain;scroll-padding-inline:23px; }
.cc-card-button { flex:0 0 clamp(150px,13vw,185px);position:relative;display:block;min-width:0;width:185px;margin:0;padding:0;border:0;border-radius:2px;background:none;color:#d9dfeb;text-align:left; }
.cc-card-button>.hc-card { transform:perspective(1000px) rotateY(-3deg) rotateZ(var(--card-lean));transform-origin:50% 80%;box-shadow:8px 14px 17px #0006;transition:transform .3s,filter .3s,box-shadow .3s; }
.cc-card-button:hover>.hc-card,.cc-card-button:focus-visible>.hc-card { transform:perspective(1000px) translateY(-9px) rotateY(0) rotateZ(0);box-shadow:5px 19px 22px #0009; }
.cc-card-button:focus-visible { outline-offset:9px; }
.cc-card-button .hc-card-edition { top:5%;font-size:8px;line-height:1.5; }
.cc-card-button .hc-card-edition>small { font-size:6px; }
.cc-card-button .hc-card-caption>strong { font-size:11px;font-weight:500; }
.cc-card-button .hc-card-caption>small { font-size:6px; }
.cc-card-button .hc-card-bonus { top:15%;right:5%;max-width:37%;gap:2px;padding:2px 3px 5px; }
.cc-card-button .hc-card-stat-line { gap:2px; }.cc-card-button .hc-card-stat-icon { width:12px;height:12px; }
.cc-card-button .hc-card-stat-value { font-size:17px;-webkit-text-stroke-width:.35px; }.cc-card-button .hc-card-stat-value.is-long { font-size:14px; }
.cc-card-button .hc-card-stat-label { font-size:6px; }
.cc-card-button .hc-card-stars { width:65%;margin-bottom:5%; }
.cc-card-description { display:grid;gap:8px;padding:18px 2px 0; }
.cc-card-status { display:flex;align-items:center;gap:6px;color:#8f9cad;font-size:7px;letter-spacing:.1em; }
.cc-card-status>i { width:4px;height:4px;border-radius:50%;background:#748298; }
.cc-card-status>small { margin-left:auto;color:#788b9e;font-size:8px;letter-spacing:.13em; }
.cc-card-button[data-owned=true] .cc-card-status { color:#8ed8c0; }.cc-card-button[data-owned=true] .cc-card-status>i { background:#8ed8c0;box-shadow:0 0 6px #8ed8c077; }
.cc-card-description>strong { min-height:29px;color:#c6d0dd;font-size:11px;font-weight:400;line-height:1.4;text-wrap:balance; }
.cc-card-stat { display:flex;align-items:center;gap:5px;color:#8599ae;font-size:8px;line-height:1.5; }
.cc-card-stat>img { width:13px;height:13px;object-fit:contain; }.cc-card-stat>b { color:#c9b792;font-size:10px;font-weight:500;white-space:nowrap; }
.cc-more { display:grid;justify-items:center;gap:11px;padding:29px 0 25px; }
.cc-more>span { color:#7f93aa;font-size:10px; }.cc-more>small { color:#758ba2;font-size:9px; }
.cc-more>button,.cc-empty>button { display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:44px;padding:12px 24px;border:1px solid #cbb37b70;background:#bd9c5710;color:#ddcda9;font-size:11px; }
.cc-more>button:hover,.cc-empty>button:hover { background:#bd9c5725;border-color:#cbb37b; }
.cc-more>button>span { font-size:20px;line-height:1; }
.cc-empty { padding:55px 15px;text-align:center; }
.cc-empty>span { display:block;color:#b3a5c5;font-size:43px; }.cc-empty>h3 { margin:18px 0 10px;color:#ded4c1;font-size:23px;font-weight:300; }
.cc-empty>p { max-width:420px;margin:0 auto 25px;color:#8fa4bb;font-size:12px;line-height:1.8; }
.cc-collection-note { display:flex;align-items:flex-start;gap:12px;margin:0;padding:17px 0 6px;border-top:1px solid var(--cc-line);color:#7b92a9;font-size:10px;line-height:1.85; }
.cc-collection-note>span { color:#b4a078;font-size:22px;line-height:1; }
.cc-sr-only { position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }
/* An eighth tab stays on the same horizontal strip on every viewport. */
.profile-archive-page #profil-shell .profile-tabs { display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#75919e55 transparent;scroll-padding-inline:12px; }
.profile-archive-page #profil-shell .profile-tab { flex:1 0 auto;min-width:118px;white-space:nowrap; }
.profile-archive-page #profil-shell .profile-tab:last-child { grid-column:auto; }
.profile-archive-page #profileCardsPanel { min-width:0;padding:12px clamp(0px,1vw,14px) 20px; }
#tudastar-cards { min-width:0;margin-top:25px; }
#tudastar-categories { grid-template-columns:repeat(12,minmax(110px,1fr)); }
#tudastar-cards[hidden],.tudastar-layout[hidden] { display:none!important; }
@media(min-width:1500px) { .cc-card-button { flex-basis:186px; }.cc-controls { flex-wrap:nowrap;gap:20px; }.cc-ownership { flex-basis:280px; }.cc-search { flex-basis:250px; }.cc-selects { flex:1.4 1 600px;gap:12px; }.cc-selects>label:first-child { flex:1.05; }.cc-selects>label:last-child { flex:1.1; } }
@media(max-width:1000px) { .cc-vault { min-height:340px;padding:30px 28px 0;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr); }.cc-vault h2 { font-size:39px; }.cc-vault-copy>p { font-size:11px; }.cc-vault-actions>span { display:none; }.cc-vault-specimen { width:135px; }.cc-vault-exhibit { min-height:265px; }.cc-vault-tally { gap:18px; }.cc-vault-tally>span { gap:10px; }.cc-vault-tally b { font-size:25px; }.cc-vault-tally>span>small { font-size:7px; } }
@media(max-width:650px) { .cc-vault { grid-template-columns:minmax(0,1fr) minmax(110px,.65fr);min-height:0;gap:0 7px;padding:24px 18px 0; }.cc-vault-copy { padding-bottom:23px; }.cc-vault h2 { font-size:31px;line-height:1.1; }.cc-vault .cc-eyebrow { font-size:7px;letter-spacing:.12em; }.cc-vault-copy>p { font-size:10px;line-height:1.75; }.cc-vault-exhibit { min-height:0; }.cc-vault-specimen { top:36px;width:105px;transform:translateX(calc(-120% + var(--specimen)*55%)) translateY(calc(14px - var(--specimen)*7px)) rotate(calc(-17deg + var(--specimen)*13deg)); }.cc-vault-word { display:none; }.cc-vault-orbit { top:50px;width:190px; }.cc-vault-plinth { bottom:25px;width:140%;left:-15%; }.cc-vault-actions { margin-top:18px; }.cc-vault-actions>a { min-height:38px;padding:8px 10px;gap:13px;font-size:9px; }.cc-vault-tally { gap:13px;min-height:68px;padding:13px 0 18px; }.cc-vault-tally>span { display:grid;gap:4px; }.cc-vault-tally b { font-size:23px; }.cc-vault-tally b>small { font-size:11px; }.cc-vault-tally>span>small { font-size:6px;letter-spacing:.08em; }.cc-rarity-census { gap:19px;justify-content:space-between;padding:18px 4px; }.cc-census-item { gap:6px; }.cc-census-item>img { width:33px;height:33px; }.cc-census-item small { font-size:7px;letter-spacing:.03em; }.cc-census-item strong { font-size:16px; }.cc-census-item i { font-size:10px; }.cc-controls { gap:17px;margin:21px 0; }.cc-ownership,.cc-search { flex-basis:100%; }.cc-selects { gap:8px; }.cc-selects .cc-filter-label { font-size:8px;letter-spacing:.05em; }.card-collection select { padding:9px 21px 9px 8px;font-size:10px; }.cc-result-summary { gap:7px 13px; }.cc-result-summary>span { flex-basis:100%;font-size:7px; }.cc-result-summary>strong { font-size:10px; }.cc-result-summary>button { font-size:9px; }.cc-chapter { padding-top:20px;contain-intrinsic-size:auto 403px; }.cc-chapter-heading { gap:10px;padding-inline:2px; }.cc-chapter-number { width:21px;font-size:16px; }.cc-hero-avatar { width:36px;height:36px; }.cc-chapter-heading .cc-eyebrow { font-size:6px; }.cc-chapter-heading h3 { font-size:21px; }.cc-chapter-progress>b { font-size:16px; }.cc-chapter-arrows { gap:4px;margin-left:3px; }.cc-chapter-arrows>button { width:29px;height:29px; }.cc-card-rail { gap:22px;padding:27px 17px 21px;scroll-padding-inline:17px; }.cc-card-button { flex-basis:154px;width:154px; }.cc-card-description { gap:7px;padding-top:17px; }.cc-card-description>strong { font-size:10px; }.cc-card-button .hc-card-caption>strong { font-size:10px; }.cc-card-button .hc-card-stat-value { font-size:15px; }.cc-card-button .hc-card-stat-value.is-long { font-size:12px; }.cc-card-button .hc-card-stat-icon { width:10px;height:10px; }.cc-card-button .hc-card-stat-label { font-size:5.5px; }.cc-collection-note { font-size:9px; }.profile-archive-page #profil-shell .profile-tab { min-width:116px;padding:12px;font-size:10px; } }
@media(max-width:380px) { .cc-vault { grid-template-columns:1fr;padding:22px 17px 0; }.cc-vault-exhibit { display:none; }.cc-vault-copy>p { max-width:none; }.cc-vault h2 { font-size:34px; }.cc-vault-tally>span { flex:1; }.cc-vault-progress { display:none; }.cc-census-item>img { width:27px;height:27px; }.cc-rarity-census { gap:7px; }.cc-census-item small { font-size:6px; }.cc-chapter-progress { display:none; }.cc-chapter-arrows { margin-left:auto; }.cc-selects { flex-wrap:wrap; }.cc-selects>label:first-child { flex-basis:100%; }.cc-more>button { gap:20px;padding:12px 18px;font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .card-collection *,.card-collection *::before,.card-collection *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }