.collection-gift{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:6px;border:1px solid #766044;border-radius:8px;background:#211b14;color:#eac47e;clip-path:none;flex-shrink:0}.collection-gift svg,.gift-hero svg,.pack-box svg,.reward-back svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.collection-gift>span:not(:empty){position:absolute;top:-7px;right:-7px;background:#eac47e;color:#17120a;border-radius:20px;min-width:19px;line-height:19px;font:700 11px/19px Arial;text-align:center}.collection-gift.has-offer{border-color:#ffd879;box-shadow:0 0 0 3px #ffd87933,0 0 18px #ffd87966;animation:offer-pulse 1.8s ease-in-out infinite}.collection-gift.has-offer::after{content:'BONUS';position:absolute;top:39px;left:50%;transform:translateX(-50%);font:700 8px/1 var(--mono);letter-spacing:.08em;color:#ffd879}.pack-offer{display:grid;gap:6px;margin:20px auto 0;padding:14px 16px;max-width:520px;text-align:left;border:1px solid #ffd87988;border-radius:10px;background:linear-gradient(120deg,#ffd8791c,#8b5cf61c);box-shadow:0 0 24px #ffd87922}.pack-offer strong{color:#ffd879;text-transform:uppercase;letter-spacing:.08em}.pack-offer span{color:#d8cfdb}.pack-offer button{justify-self:start;background:#ffd879;color:#17120a;border-color:#ffd879;font-weight:800}.pack-box.available{box-shadow:0 0 18px color-mix(in srgb,var(--rarity) 24%,transparent)}
@keyframes offer-pulse{50%{transform:translateY(-2px);filter:brightness(1.2)}}
.pack-offer-promo{flex-basis:100%;color:#d8cfdb;font-size:11px;text-align:center;margin:8px 0 2px}.pack-offer-promo strong{color:#ffd879}.pack-offer-promo span{color:#ffd879}
.pack-offer-badge{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:4px;border-radius:50%;background:#e45c63;color:#fff;font:800 10px/1 var(--mono);vertical-align:middle;box-shadow:0 0 0 2px #17131b}.pack-offer-badge[hidden]{display:none}.fb-open .pack-offer-badge{margin-left:2px}.tour-open .pack-offer-badge{margin-left:3px}.discord-join .pack-offer-badge{margin-left:3px}
.collection-dialog{width:min(1060px,calc(100vw - 24px));max-height:90dvh;padding:0;background:#161519;color:#ece7df;border:1px solid #62533f;border-radius:16px;box-shadow:0 30px 100px #000b}.collection-dialog::backdrop{background:#08070ad9;backdrop-filter:blur(5px)}.collection-dialog *{box-sizing:border-box}.collection-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid #36313b}.collection-head small{color:#eac47e;letter-spacing:.2em;font-size:10px}.collection-head h2{margin:5px 0 0;font-size:25px}.collection-dialog button,.collection-dialog input,.collection-dialog select{font:inherit;clip-path:none;border:1px solid #504653;border-radius:7px;background:#25212b;color:#efe8dc;padding:9px 12px;letter-spacing:normal;text-transform:none}.collection-dialog button{cursor:pointer}.collection-dialog button:disabled{opacity:.4;cursor:default}.collection-dialog :is(button,input,select):focus-visible{outline:2px solid #eac47e;outline-offset:3px}.collection-head button{font-size:24px;padding:0 10px}.collection-head-actions{display:flex;align-items:center;gap:10px}.collection-head [data-feedback]{font-size:13px;padding:8px 12px}.collection-tabs{display:flex;gap:8px;padding:14px 24px;border-bottom:1px solid #36313b;flex-wrap:wrap}.collection-tabs [aria-pressed=true]{background:#54402a;color:#ffe2a9;border-color:#c3995f}.collection-body{padding:24px;min-height:350px}.collection-message{padding:0 24px 20px;margin:0;color:#edc880;min-height:40px}.collection-dialog p{color:#bfb7c4;line-height:1.6}.collection-dialog h3{margin-top:0}.collection-dialog label{display:flex;flex-direction:column;gap:6px;color:#d4cbd8;font-size:13px;text-transform:capitalize}.collection-dialog progress,.profile-collection progress{display:block;width:100%;height:7px;accent-color:#eac47e;margin:12px 0 22px}
.pack-intro{text-align:center;max-width:680px;margin:auto}.gift-hero{width:70px;height:70px;margin:0 auto 20px;color:#eac47e;filter:drop-shadow(0 0 18px #eac47e55)}.pack-odds{color:#eac47e!important;font-size:13px}.pack-odds small{display:block;color:#bfb7c4;margin-top:5px}.pack-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,200px));justify-content:center;gap:12px;max-width:680px;margin:25px auto}.pack-box.charging{border:1px dashed var(--rarity);border-radius:10px;opacity:.85;cursor:default}.pack-box.charging:hover{transform:none}.pack-box.charging svg{opacity:.45}.pack-box.charging b{font:700 22px/1 var(--mono);color:#fff1c2;letter-spacing:.04em}.pack-countdown{text-align:center}.pack-countdown:empty{display:none}.collection-dialog .pack-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px;border-color:var(--rarity);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--rarity) 16%,transparent),transparent 80%),#201b25;color:var(--rarity);transition:transform .2s}.pack-box:hover{transform:translateY(-4px)}.pack-box svg{width:54px;height:54px}.pack-box small{font-size:11px}.pack-results{text-align:center}.pack-results h3{text-align:center;margin:28px 0 16px}.reward-row{display:grid;grid-template-columns:repeat(var(--cards,5),minmax(0,1fr));gap:12px;margin-bottom:14px;perspective:1200px}.reward-row .reward-card:not(.revealed){cursor:pointer}.reward-row .reward-card:not(.revealed):hover{translate:0 -4px}.reward-row .reward-card{transition:translate .2s}.reward-row .reward-front{gap:10px;padding:10px}.reward-row .reward-front strong{font-size:14px}.collection-dialog .reward-card{display:block;width:100%;height:250px;position:relative;border:0;padding:0;background:transparent;transform-style:preserve-3d;animation:pack-arrive .5s both;animation-delay:var(--delay);text-align:center}.reward-back,.reward-front{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-radius:12px;border:2px solid var(--rarity);backface-visibility:hidden;transition:transform .75s cubic-bezier(.2,.8,.2,1);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--rarity) 15%,transparent),transparent 80%),#211a27;box-shadow:0 0 22px color-mix(in srgb,var(--rarity) 12%,transparent);padding:16px}.opening-prismatic :is(.reward-back,.reward-front){border:5px solid transparent;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--rarity) 15%,transparent),transparent 80%),linear-gradient(#211a27,#211a27) padding-box,conic-gradient(from 30deg,#fff7cb,#8fffe4,#91c7ff,#d4a0ff,#ff9ed2,#ffd78b,#fff7cb) border-box;background-size:100% 100%,100% 100%,220% 220%;box-shadow:0 0 22px #d5b2ff55,0 0 42px #8fffe42e;animation:opening-prismatic 3s linear infinite}.reward-back{transform:rotateY(0);color:#eac47e}.reward-back svg{width:65px;height:65px}.reward-back b{font-size:20px;letter-spacing:.2em}.reward-front{transform:rotateY(180deg);color:var(--rarity)}.revealed>.reward-card .reward-back,.reward-card.revealed .reward-back{transform:rotateY(-180deg)}.revealed>.reward-card .reward-front,.reward-card.revealed .reward-front{transform:rotateY(0)}.reward-front small{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.reward-front strong{font-size:18px}.reward-front>span:last-child{font-size:12px}.reward-instruction{min-height:26px;margin:0 auto 8px;text-align:center}.pack-results>button{margin:4px}@keyframes opening-prismatic{50%{background-position:0 0,0 0,100% 100%;filter:saturate(1.2) brightness(1.08)}}
.dex-filters{display:flex;gap:16px;margin-bottom:20px}.dex-filters select{min-width:130px}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.dex-item{display:flex;flex-direction:column;gap:9px;border:1px solid color-mix(in srgb,var(--rarity) 55%,transparent);border-radius:10px;padding:14px;background:#211b27}.dex-item small{color:var(--rarity);font-size:10px;text-transform:uppercase}.dex-item strong{font-size:14px}.dex-item>span:last-of-type{color:#c4b9cf;font-size:12px}.dex-item button{margin-top:auto}.dex-item.uncollected{border-style:dashed;opacity:.56}.collection-swatch{position:relative;display:block;width:100%;height:72px;border:5px solid transparent;border-radius:6px;background:linear-gradient(#17151c,#17151c) padding-box,var(--frame-paint,linear-gradient(var(--a,#667),var(--b,#223))) border-box;text-align:center;color:var(--a,#dec3ff);font:20px/60px Georgia}.collection-swatch.finish-swatch{border:0;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#6a5a74,transparent 65%),linear-gradient(160deg,#3c3245,#14232a)}.collection-swatch:has(.collection-signature){border:0;background:#151219;overflow:visible}.collection-signature{position:absolute;inset:5px 0!important;display:block;transform:rotate(-7deg);color:var(--signature-ink);--signature-size:27px!important}.collection-signature .autograph-lettering{font-size:27px;line-height:1.7}.collection-signature svg{height:55px}.translation-swatch{font:20px/62px 'Autograph Japanese',serif}
.card-editor{display:grid;grid-template-columns:minmax(250px,1fr) minmax(220px,1fr);gap:35px}.card-editor [data-card-editor]{padding:20px;background:radial-gradient(ellipse at 50% 40%,#34303b,transparent 75%);text-align:center}.card-editor .ft-card{width:280px;max-width:100%;margin:auto}.card-editor-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card-editor-controls label:has([data-text]),.card-editor-controls label:has([data-position]){grid-column:1/-1}.card-editor-controls input[type=range]{width:100%;padding:0;accent-color:#eac47e}.card-editor-controls output{float:right}.recycle-head p{max-width:70ch;color:#c4b9cf}
.recycle-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start;margin-top:18px}
.recycle-group+.recycle-group{margin-top:20px}
.recycle-group h4{margin:0 0 10px;color:var(--rarity);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.recycle-group h4 small{color:#9c91a8;letter-spacing:0;text-transform:none}
.recycle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px}
.collection-dialog .recycle-card{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;padding:10px;border:1px solid color-mix(in srgb,var(--rarity) 55%,transparent);border-radius:10px;background:#211b27;cursor:grab;touch-action:none;user-select:none;transition:transform .15s,box-shadow .15s,opacity .15s}
.collection-dialog .recycle-card:hover:not([aria-disabled]){transform:translateY(-3px);box-shadow:0 8px 22px #0008,0 0 0 1px var(--rarity)}
.recycle-card small{color:var(--rarity);font-size:10px;text-transform:uppercase}
.recycle-card strong{font-size:13px}
.recycle-spare{position:absolute;top:4px;right:4px;padding:2px 7px;border-radius:99px;background:var(--rarity);color:#16131a;font-size:11px;font-weight:700}
.collection-dialog .recycle-card[aria-disabled]{opacity:.4;cursor:not-allowed}
.collection-dialog .recycle-card.spent .recycle-spare{background:#4a4250;color:#c4b9cf}
.collection-dialog .recycle-card.lifted{opacity:.35;transform:scale(.96)}
.recycle-ghost{position:fixed;left:0;top:0;z-index:10;width:120px;padding:6px;border-radius:10px;background:#211b27;border:1px solid var(--rarity);box-shadow:0 18px 40px #000c,0 0 24px color-mix(in srgb,var(--rarity) 45%,transparent);pointer-events:none}
.recycle-bin{position:sticky;top:12px;display:grid;gap:12px;padding:16px;border:2px dashed color-mix(in srgb,var(--rarity) 60%,transparent);border-radius:14px;background:#1c1921;transition:border-color .15s,background .15s,transform .15s}
.recycle-bin-drop{display:grid;justify-items:center;gap:6px;text-align:center}
.recycle-bin-drop strong{color:var(--rarity);font-size:13px}
.recycle-bin-icon{width:64px;height:64px;fill:none;stroke:var(--rarity);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.recycle-bin-lid{transform-origin:54px 15px;transition:transform .2s}
.recycle-bin.awaiting{border-style:solid}
.recycle-bin.over{background:color-mix(in srgb,var(--rarity) 14%,#1c1921);transform:scale(1.03)}
.recycle-bin.over .recycle-bin-lid,.recycle-bin.awaiting .recycle-bin-lid{transform:rotate(28deg) translate(4px,-6px)}
.recycle-bin.refuse{border-color:#e06a6a;background:#2a1a1e}
.recycle-bin.refuse .recycle-bin-icon{stroke:#e06a6a}
.recycle-bin.reject{animation:bin-shake .35s}
.recycle-bin.full{border-style:solid;box-shadow:0 0 22px color-mix(in srgb,var(--rarity) 30%,transparent)}
@keyframes bin-shake{25%{transform:translateX(-6px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.recycle-slots{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.recycle-slot{display:block;height:40px;border:1px dashed #4a4250;border-radius:8px}
.collection-dialog .recycle-slot.filled{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;width:100%;height:40px;padding:3px 8px 3px 3px;text-align:left;border:1px solid var(--rarity);background:#25212b;font-size:12px}
.recycle-slot.filled .collection-swatch{height:32px;border-width:3px;font-size:12px;line-height:26px;overflow:hidden}
.recycle-slot.filled span:not(.collection-swatch){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.recycle-slot.filled b{color:#9c91a8}
.recycle-slot.filled:hover b{color:#e06a6a}
.recycle-slot.arrived{animation:slot-in .3s cubic-bezier(.2,.9,.3,1.3)}
@keyframes slot-in{from{opacity:0;transform:translateY(-14px) scale(.9)}}
.collection-dialog [data-recycle]:not(:disabled){background:var(--rarity);color:#16131a;border-color:var(--rarity);font-weight:700}
.collection-dialog [data-empty-bin]{background:none;border:0;padding:0;color:#9c91a8;font-size:12px;text-decoration:underline}
.recycle-bin.crushing .recycle-slot.filled{animation:slot-crush .55s ease-in forwards}
.recycle-bin.crushing .recycle-slots li:nth-child(2) .recycle-slot{animation-delay:.06s}
.recycle-bin.crushing .recycle-slots li:nth-child(3) .recycle-slot{animation-delay:.12s}
.recycle-bin.crushing .recycle-slots li:nth-child(4) .recycle-slot{animation-delay:.18s}
.recycle-bin.crushing .recycle-slots li:nth-child(5) .recycle-slot{animation-delay:.24s}
.recycle-bin.crushing .recycle-bin-lid{animation:lid-slam .9s}
@keyframes slot-crush{to{opacity:0;transform:translateY(-120px) scale(.2) rotate(20deg)}}
@keyframes lid-slam{0%,60%{transform:rotate(28deg) translate(4px,-6px)}75%{transform:none}85%{transform:translateY(2px)}}
.recycle-empty{color:#c4b9cf}
@media(max-width:800px){.recycle-layout{grid-template-columns:1fr}.recycle-bin{order:-1;position:sticky;top:0;z-index:2;grid-template-columns:auto 1fr;align-items:center}.recycle-bin-icon{width:44px;height:44px}.recycle-slots{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}.collection-dialog .recycle-slot.filled{grid-template-columns:1fr;padding:3px}.recycle-slot.filled span:not(.collection-swatch),.recycle-slot.filled b{display:none}}
@media(pointer:coarse){.collection-dialog .recycle-card{touch-action:auto;cursor:pointer}}.profile-collection{display:flex;gap:32px;align-items:center;margin:24px 0}.profile-collection-card{width:210px;flex-shrink:0}.profile-collection-card .ft-card{width:100%}.profile-collection>div:last-child{flex:1;max-width:500px}.profile-collection h3{margin:0 0 14px}
@keyframes pack-arrive{from{opacity:0;transform:translateY(35px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:650px){.collection-body{padding:16px}.collection-head{padding:16px}.collection-tabs{padding:12px;gap:4px}.collection-tabs button{padding:8px;font-size:12px}.card-editor{grid-template-columns:1fr;gap:16px}.collection-dialog .reward-card{height:220px}.reward-front,.reward-back{padding:8px;gap:12px}.reward-front strong{font-size:13px}.reward-front small{font-size:9px}.reward-front .collection-signature .autograph-lettering{font-size:18px}.profile-collection{gap:18px}.profile-collection-card{width:140px}.dex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.collection-dialog *{animation:none!important;transition:none!important}}
.collection-message a{color:#edc880;text-decoration:underline;text-underline-offset:3px}.collection-message a:hover{color:#ffe2a9}.collection-message a:focus-visible{outline:2px solid #eac47e;outline-offset:3px}
.dex-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px;align-items:start}.dex-card-preview{position:sticky;top:16px;padding:18px;border:1px solid #504653;border-radius:12px;background:#211b27}.dex-card-preview .ft-card{width:100%}.dex-card-preview h3{font-size:18px}.dex-card-preview dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;margin:20px 0}.dex-card-preview dt{text-transform:capitalize;color:#bfb7c4}.dex-card-preview dd{margin:0;text-align:right}.dex-card-preview p{font-size:12px}.dex-card-preview button{width:100%}.dex-item.equipped{border-color:#eac47e;box-shadow:inset 0 0 0 1px #eac47e55}.dex-item .equipped-label{color:#eac47e;font-size:12px;font-weight:700}.dex-item.equipped button:disabled{opacity:1;color:#eac47e;background:#352b1e}.dex-layout>div{min-width:0}@media(max-width:800px){.dex-layout{grid-template-columns:1fr}.dex-card-preview{position:static;grid-row:1;width:min(100%,310px);justify-self:center}}
.card-settings{grid-column:1/-1;border:1px solid #504653;border-radius:8px;background:#211b27}.card-settings summary{cursor:pointer;padding:13px;color:#eac47e}.card-settings>div{padding:0 14px 16px;display:grid;gap:14px}.card-settings p{margin:0;font-size:12px}.card-editor-controls [data-save]{grid-column:1/-1}.card-settings input[type=range]{width:100%;accent-color:#eac47e}
.card-slots{display:flex;gap:10px;margin-bottom:14px}.card-slots button{flex:1;text-align:left}.card-slots small{display:block;margin-top:5px;color:#bfb7c4;font-size:11px}.card-slots [aria-pressed=true]{border-color:#eac47e;background:#352b1e}.card-preferences{display:flex;gap:18px;align-items:center;margin:0 0 24px;flex-wrap:wrap}.card-preferences label{flex-direction:row;align-items:center;text-transform:none}.card-preferences input{accent-color:#eac47e}.profile-card-designs{display:flex;gap:18px;flex-wrap:wrap}.profile-card-designs figure{margin:0;width:180px}.profile-card-designs figcaption{text-align:center;font-size:12px;margin-top:9px;color:#eac47e}.profile-card-designs .ft-card{width:100%}.profile-collection:has(.profile-card-designs){flex-wrap:wrap}.profile-collection .profile-card-designs{width:auto;flex-shrink:1}
[data-card-editor] .ft-front{touch-action:none;user-select:none;cursor:grab!important}[data-card-editor] .ft-front.panning{cursor:grabbing!important}[data-card-editor] .ft-art img{-webkit-user-drag:none;transition:none}
.visual-text-options{margin:0;padding:0;border:0;min-width:0}.visual-text-options legend{font-size:13px;color:#d4cbd8;margin-bottom:9px}.visual-text-options>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.collection-dialog .visual-text-options button{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:center;padding:10px;background:#19161e}.visual-text-options button[aria-pressed=true]{border-color:#eac47e;box-shadow:inset 0 0 0 1px #eac47e55;background:#30261d!important}.visual-text-options strong{font-size:12px}.visual-text-options small{font-size:11px;color:#bfb7c4}.visual-text-options [aria-pressed=true] small{color:#eac47e}.visual-text-options .collection-swatch{height:65px}.visual-text-options .collection-signature .autograph-lettering{font-size:24px}.no-signature-preview,.name-rendering-preview{display:flex;align-items:center;justify-content:center;height:65px;font-size:24px;overflow:hidden;text-overflow:ellipsis}.name-rendering-preview.japanese{font-family:'Autograph Japanese',serif}.no-signature-preview{color:#8f8799}
.image-adjustments{border:1px solid #504653;border-radius:7px;background:#19161e}.image-adjustments>div{display:grid;gap:14px;padding:0 14px 16px}.image-choice-group{min-width:0;margin:0 0 16px;padding:0;border:0}.image-choice-group legend{font-size:13px;color:#d4cbd8;margin-bottom:8px}.image-choice-strip{display:flex;gap:9px;overflow-x:auto;max-width:100%;padding:3px 3px 10px;scroll-snap-type:x proximity;scrollbar-color:#756044 #211b27;scrollbar-width:thin}.collection-dialog .image-choice-strip button{flex:0 0 102px;min-width:0;padding:6px;background:#19161e;scroll-snap-align:start;text-align:left}.image-choice-strip .ft-art-thumb{height:95px}.image-choice-strip strong{display:block;font-size:11px;margin-top:6px;white-space:normal;line-height:1.3}.image-choice-strip [aria-pressed=true]{border-color:#eac47e;box-shadow:inset 0 0 0 1px #eac47e55;background:#352b1e!important}.image-choice-empty{display:flex;align-items:center;justify-content:center;height:95px;font-size:12px;color:#bfb7c4}[data-image-gallery]{min-width:0}
.card-settings{min-width:0}.card-editor [data-card-editor]{position:sticky;top:16px;align-self:start}@media(max-width:650px){.card-editor [data-card-editor]{position:static}}
.pack-offer-guide{display:grid;gap:8px;margin:20px auto 0;padding:16px;max-width:680px;text-align:left;border:1px solid #ffd87999;border-radius:12px;background:linear-gradient(120deg,#ffd8791c,#8b5cf61c);box-shadow:0 0 28px #ffd87922}.pack-offer-guide>strong{color:#ffd879;font:800 18px/1.1 var(--display);text-transform:uppercase;letter-spacing:.04em}.pack-offer-guide>span{color:#d8cfdb;font-size:13px}.pack-offer-steps{display:grid;grid-template-columns:repeat(var(--steps,3),minmax(0,1fr));gap:8px;margin-top:6px}.pack-offer-steps>div{display:grid;gap:4px;padding:10px;border:1px solid #ffd87944;border-radius:8px;background:#120f18aa}.pack-offer-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffd879;color:#17120a;font:800 12px/1 var(--mono)}.pack-offer-steps strong{font-size:12px;color:#fff1c2}.pack-offer-steps small{color:#bfb7c4;line-height:1.35}@media(max-width:650px){.pack-offer-steps{grid-template-columns:1fr}.pack-offer-guide{padding:12px}}
.collection-swatch[data-texture]:not(.finish-swatch){background-size:var(--frame-size);animation:var(--frame-motion)}
/* Finish swatches carry the card's own overlay and particles (swatch() in parts/collection.js). The
   overlay is stronger than on a card so a small flat swatch still shows it; particles that cross a
   whole card travel a swatch's height instead. */
.collection-swatch.finish-swatch .cosmetic-overlay{opacity:min(1,calc(var(--finish-opacity,.4)*1.7))}
.collection-swatch.finish-swatch[data-finish=inferno] .particles i{animation-name:swatch-rise}
.collection-swatch.finish-swatch[data-finish=blizzard] .particles i{animation-name:swatch-snow}
.collection-swatch.finish-swatch[data-finish=sandstorm] .particles i{animation-name:swatch-dust}
@keyframes swatch-rise{0%{transform:translate3d(0,60px,0) rotate(35deg) scale(.45);opacity:0}18%{opacity:1}100%{transform:translate3d(calc(mod(var(--i),5)*4px - 8px),-70px,0) rotate(62deg) scale(.35);opacity:0}}
@keyframes swatch-snow{0%{transform:translate3d(-8px,-70px,0) rotate(0deg);opacity:0}15%{opacity:.9}85%{opacity:.9}100%{transform:translate3d(10px,70px,0) rotate(300deg);opacity:0}}
@keyframes swatch-dust{0%{transform:translate3d(-150px,0,0) scaleX(.45);opacity:0}15%{opacity:.85}85%{opacity:.7}100%{transform:translate3d(170px,calc(mod(var(--i),5)*3px - 6px),0) scaleX(.65);opacity:0}}
@media(prefers-reduced-motion:reduce){.collection-swatch,.collection-swatch::after{animation:none!important}}
.collection-dialog .dex-preview-choice{display:flex;flex-direction:column;gap:6px;width:100%;padding:0;border:0;background:transparent;margin:0;color:#c4b9cf;font-size:11px}
.collection-dialog .dex-preview-choice[aria-pressed=true]{outline:2px solid #eac47e;outline-offset:4px;border-radius:6px;color:#eac47e}
.collection-dialog .dex-item.uncollected{opacity:1}.dex-item.uncollected>small,.dex-item.uncollected>strong,.dex-item.uncollected>span{opacity:.65}
.dex-preview-note{font-size:12px;line-height:1.5;color:#eac47e}.dex-card-preview [data-clear-preview]{margin-bottom:12px}
.card-layout-settings fieldset{border:1px solid #36313b;border-radius:8px;padding:10px 12px;margin:10px 0}.card-layout-settings legend{padding:0 6px;color:#eac47e}.layout-part{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:10px;margin:6px 0}.layout-part button{padding:5px 10px;font-size:12px}.layout-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.card-layout-settings input[type=text]{width:100%;margin-top:4px}.card-editor [data-part]{cursor:grab}
.card-layout-settings label:has(>input[type=checkbox]){display:flex;flex-direction:row;align-items:center;gap:8px}.card-layout-settings input[type=checkbox]{width:auto;margin:0}
.card-rating{margin-top:8px;font-size:11px}.card-rating [data-rarity=common]{--rc:#a7a39b}.card-rating [data-rarity=rare]{--rc:#5aa8ff}.card-rating [data-rarity=epic]{--rc:#b77cff}.card-rating [data-rarity=legendary]{--rc:#f0b33c}.card-rating-pick{margin:0 0 5px;text-align:center;color:#bfb7c4}.card-rating-pick b{color:var(--rc)}.card-rating-bar{display:flex;height:4px;border-radius:2px;overflow:hidden;background:#2a2630;margin-bottom:6px}.card-rating-bar i{background:var(--rc)}.card-rating-votes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.card-rating-votes button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;padding:4px 2px;border-radius:5px;border:1px solid color-mix(in srgb,var(--rc) 45%,transparent);color:var(--rc);font:600 10px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.04em}.card-rating-votes button small{opacity:.7;margin-left:3px}.card-rating-votes button[aria-pressed=true]{background:var(--rc);color:#14110d}.card-rating-votes button:disabled{cursor:default;opacity:.55}.card-rating-votes button:focus-visible{outline:2px solid var(--rc);outline-offset:2px}
.collection-dialog .dex-filters{position:sticky;top:0;z-index:5;background:#161519;padding:10px 0;margin-top:-10px;box-shadow:0 8px 12px -10px #000}
.gallery-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.gallery-bar label{flex-direction:row;align-items:center;gap:8px}.collection-dialog .gallery-unrated{text-transform:none}.gallery-unrated input{accent-color:#eac47e}.gallery-count{margin-left:auto;color:#bfb7c4;font-size:12px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px 18px}.gallery-grid figure{margin:0;min-width:0}.gallery-grid .ft-card{width:100%}.gallery-grid figcaption{text-align:center;font-size:12px;margin-top:9px;color:#eac47e}.gallery-grid figcaption a{color:inherit}.gallery-grid>p{grid-column:1/-1}
.gallery-fresh{color:#eac47e;font-weight:600}
.gallery-grid figure.gallery-new .ft-card{outline:2px solid #eac47e;outline-offset:4px;border-radius:10px;box-shadow:0 0 22px rgba(234,196,126,.45)}
.gallery-new-tag{display:inline-block;padding:1px 6px;border-radius:4px;background:#eac47e;color:#1a1420;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}
/* The Gallery tab (pages/gallery.js): the collection panel unboxed on the page, under the site header and sub-tabs. */
.collection-page{width:auto;max-height:none;background:none;border:0;border-radius:0;box-shadow:none}.collection-page .collection-body{padding:8px 0 0;min-height:50vh}.collection-page .collection-message{padding:0;margin:0 0 12px;min-height:0}.collection-page .collection-message:empty{display:none}
/* Your name (parts/collection.js mountNameEditor): in Customize and on your own profile. */
.name-editor{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;margin:0 0 20px;padding:14px 16px;border:1px solid #3d3542;border-radius:10px;background:#1b1820}.name-editor h4{flex-basis:100%;margin:0;font-size:14px;color:#eac47e}.name-editor>p{flex-basis:100%;margin:0;font-size:12px;color:#bfb7c4}.name-editor label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#d4cbd8;text-transform:none}.name-editor fieldset{display:flex;gap:14px;margin:0;padding:0;border:0}.name-editor legend{font-size:12px;color:#d4cbd8;margin-bottom:5px;padding:0}.name-editor fieldset label{flex-direction:row;align-items:center;gap:6px;font-size:13px}.name-editor input[type=text],.name-editor input:not([type]){font:inherit;border:1px solid #504653;border-radius:7px;background:#25212b;color:#efe8dc;padding:8px 10px;min-width:200px}.name-editor input[type=radio]{accent-color:#eac47e}.name-editor button{font:inherit;border:1px solid #c3995f;border-radius:7px;background:#54402a;color:#ffe2a9;padding:8px 14px;cursor:pointer}.name-editor-msg{font-size:12px;color:#edc880}.profile-collection .name-editor{margin-top:16px}.h1-ingame{font-size:.45em;opacity:.7;font-weight:400;letter-spacing:0;text-transform:none}

/* Profile background (parts/profile-background.js): the button on your own profile, and the editor. */
.profile-collection>div:last-child{min-width:0}.pbg-open{margin:0 0 20px;padding:14px 16px;border:1px solid #3d3542;border-radius:10px;background:#1b1820}.pbg-open h4{margin:0 0 4px;font-size:14px;color:#eac47e}.pbg-open p{margin:0 0 12px;font-size:12px;color:#bfb7c4}.pbg-open button{font:inherit;border:1px solid #c3995f;border-radius:7px;background:#54402a;color:#ffe2a9;padding:8px 14px;cursor:pointer}
.pbg-editor .collection-body{min-height:0}.pbg-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}.pbg-preview-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.pbg-preview-heading strong{color:#eac47e;font-size:13px}.pbg-preview-heading span{font-size:12px;color:#bfb7c4}
.pbg-preview{--ink-rgb:12,11,10;position:relative;isolation:isolate;overflow:hidden;width:100%;max-height:60dvh;border:1px solid #504653;border-radius:10px;background:#0c0b0a;padding:4%;display:flex;flex-direction:column;gap:5%;cursor:grab;touch-action:none;user-select:none}.pbg-preview.dragging{cursor:grabbing}.pbg-preview>.pbg-layer{z-index:-1}
.pbg-mock-head{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:var(--head-ratio);flex-shrink:0;border-radius:6px;padding:2.5% 3%;display:flex;flex-direction:column;justify-content:center;gap:4%;color:#efe9df}.pbg-preview[data-place=page] .pbg-mock-head{border:1px dashed #ffffff22}.pbg-mock-kicker,.pbg-mock-tabs{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#d6a85c}.pbg-mock-tabs{color:#bfb7c4}.pbg-mock-head b{font-size:clamp(16px,3.2vw,30px);line-height:1;text-transform:uppercase}
.pbg-mock-head>:not(.pbg-layer),.pbg-mock-body{pointer-events:none}.pbg-mock-body{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;flex:1;min-height:0}.pbg-mock-body i{border-radius:6px;background:#1b1820e6;border:1px solid #2c2731;min-height:30px}.pbg-mock-body i.wide{grid-column:1/-1}
.pbg-controls{display:grid;gap:16px;min-width:0}.pbg-controls fieldset{min-width:0;margin:0;padding:0;border:0}.pbg-controls legend{font-size:13px;color:#d4cbd8;margin-bottom:8px}.pbg-place>div{display:flex;gap:8px}.pbg-place button{flex:1}.pbg-place [aria-pressed=true]{background:#54402a;color:#ffe2a9;border-color:#c3995f}.pbg-controls .image-choice-group{margin:0}.pbg-framing{display:grid;gap:10px}.pbg-framing label{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;text-transform:none}.pbg-framing input{flex:0 1 60%}.pbg-framing output{margin-right:auto;color:#eac47e;font-size:12px}.pbg-framing [data-reset]{justify-self:start;font-size:12px;padding:6px 10px}
.pbg-mock-head.pbg-text :is(.pbg-mock-kicker,.pbg-mock-tabs,b){color:var(--pbg-text);text-shadow:0 1px 2px #000b}.pbg-mock-head.pbg-text .pbg-mock-tabs{opacity:.8}
.pbg-text-colour p{margin:0 0 8px;font-size:12px;color:#a59cab}.pbg-text-colour>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pbg-text-colour button{width:34px;height:34px;padding:0;border-radius:50%;background:var(--swatch,#211d26);border:2px solid #ffffff2e;color:#efe9df;font-size:12px}.pbg-text-colour button[aria-pressed=true],.pbg-text-colour label.on{outline:2px solid #eac47e;outline-offset:2px}.pbg-text-colour button:disabled{opacity:.4}.pbg-text-colour label{display:inline-flex;flex-direction:row;align-items:center;gap:6px;padding:2px 8px 2px 2px;border-radius:18px;border:1px solid #ffffff2e;font-size:12px;text-transform:none;cursor:pointer}.pbg-text-colour input[type=color]{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.pbg-text-colour input[type=color]:disabled{opacity:.4;cursor:default}.pbg-text-colour button.pbg-text-auto{width:auto;padding:0 12px;border-radius:17px}
.pbg-mock-head.pbg-auto :is(.pbg-mock-kicker,.pbg-mock-tabs,b){text-shadow:0 1px 2px #0009}.pbg-mock-head.pbg-auto .pbg-ink-dark{color:#17141b;text-shadow:0 0 6px #fff7}
.pbg-savebar{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid #36313b}.collection-dialog .pbg-savebar [data-save]{border-color:#c3995f;background:#54402a;color:#ffe2a9}
.pbg-screens{margin:18px 0 0}.pbg-screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:340px;overflow-y:auto;padding:3px 6px 3px 3px;scrollbar-color:#756044 #211b27;scrollbar-width:thin}.collection-dialog .pbg-screen-grid button{min-width:0;padding:6px;background:#19161e;text-align:left}.pbg-screen-grid .ft-art-thumb,.pbg-screen-grid .image-choice-empty{height:84px}.pbg-screen-grid strong{display:block;margin-top:6px;font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbg-screen-grid [aria-pressed=true]{border-color:#eac47e;box-shadow:inset 0 0 0 1px #eac47e55;background:#352b1e!important}
@media(max-width:760px){.pbg-grid{grid-template-columns:1fr}.pbg-preview-heading span{display:none}}

/* Pack gifts (parts/pack-gifts.js): Fav's box on profiles and the recipient's notice. */
.gift-panel h3{margin:0 0 4px}
.gift-form{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:10px}
.gift-form label{display:grid;gap:4px;font-size:13px}
.gift-form input[type=number]{width:70px}
.gift-form .gift-note{flex:1 1 220px}
.gift-form .gift-note input{width:100%}
.gift-msg{font-size:13px;align-self:center}
.gift-notice{position:fixed;right:16px;bottom:16px;z-index:60;display:grid;gap:8px;max-width:min(340px,calc(100vw - 32px));padding:14px 16px;border:1px solid #ffd879;border-radius:10px;background:var(--panel,#151a22);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.gift-notice q{font-style:italic;opacity:.85}
.gift-notice.comment-notice{border-color:#80c4ff}.gift-notice~.gift-notice{bottom:auto;top:16px}
.gift-notice div{display:flex;gap:10px;align-items:center}
.pack-results h4{text-align:center;margin:8px 0 12px;color:#eac47e}.reward-screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:8px}.reward-screens figure{margin:0;border:1px solid #eac47e66;border-radius:10px;overflow:hidden;background:#201b25;animation:pack-arrive .5s both;animation-delay:.7s}.reward-screens img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.reward-screens figcaption{display:flex;flex-direction:column;gap:2px;padding:8px 10px}.reward-screens small{color:#bfb7c4;font-size:11px}.pack-results>.muted{text-align:center;font-size:12px}.dex-progress small{display:block;margin:6px 0 14px;color:#bfb7c4}
.card-editor-controls .emblem-toggle{grid-column:1/-1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;text-transform:none;margin-top:-6px}.emblem-toggle input{accent-color:#eac47e}
.dex-screen .dex-preview-choice img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px;background:#100d13}.dex-item.dex-screen.uncollected img{filter:grayscale(.85) brightness(.7)}.dex-item.dex-screen.uncollected .dex-preview-choice[aria-pressed=true] img{filter:none}
.gift-form [hidden]{display:none!important}
.translation-swatch.cyrillic,.name-rendering-preview.cyrillic{font-family:Georgia,'Times New Roman',serif;color:#d7ddff}.translation-swatch.greek,.name-rendering-preview.greek{font-family:Georgia,'Times New Roman',serif;color:#f2d7ad}.translation-swatch.runic,.name-rendering-preview.runic{font-family:'Segoe UI Symbol','Noto Sans Runic',serif;letter-spacing:.08em;color:#d9f2df}
.particle-speed-control{grid-column:1/-1;display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;text-transform:none!important}.particle-speed-control[hidden]{display:none!important}.particle-speed-control output{color:#eac47e;font:700 12px/1 var(--mono)}.particle-speed-control input{grid-column:1/-1;width:100%;padding:0!important;accent-color:#a86dff}
.dex-filters label:has([data-status][type=checkbox]){flex-direction:row;align-items:center;align-self:end;gap:8px;min-height:39px;text-transform:none;white-space:nowrap}.dex-filters [data-status][type=checkbox]{width:17px;height:17px;margin:0;padding:0;accent-color:#eac47e}

/* Customize: visual appearance picker and a clearer editing hierarchy. */
.card-editor{grid-template-columns:minmax(280px,.75fr) minmax(0,1.45fr);align-items:start;gap:24px}
.card-editor-controls{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.editor-preview-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 16px;text-align:left}
.editor-preview-heading strong{color:#f5ead8;font-size:14px}
.editor-preview-heading span{color:#9f96a7;font-size:11px}
.appearance-settings{grid-column:1/-1;padding:18px;border:1px solid #5b4d62;border-radius:12px;background:linear-gradient(145deg,#28212e,#1d1922);box-shadow:0 10px 28px #0003}
.appearance-settings>header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:17px}
.appearance-settings>header small{display:block;margin-bottom:4px;color:#eac47e;font:700 9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.appearance-settings>header h3{margin:0;font-size:20px}
.appearance-settings>header>span{max-width:210px;color:#a99fad;font-size:11px;text-align:right}
.appearance-choice-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.visual-style-options{min-width:0;margin:0;padding:0;border:0}
.visual-style-options legend{padding:0;color:#f1e7d9;font-weight:700;font-size:13px}
.visual-style-options>p{margin:4px 0 10px;color:#958b9d;font-size:11px;line-height:1.35}
.visual-style-strip{display:flex;gap:9px;max-width:100%;overflow-x:auto;padding:3px 3px 10px;scroll-snap-type:x proximity;scrollbar-color:#756044 #211b27;scrollbar-width:thin}
.collection-dialog .visual-style-strip button{position:relative;flex:0 0 112px;display:grid;grid-template-rows:62px auto auto;gap:6px;min-width:0;padding:7px;text-align:left;background:#17141b;border-color:#423a47;scroll-snap-align:start}
.visual-style-strip .collection-swatch{height:62px;border-width:4px;line-height:52px;overflow:hidden}
.visual-style-strip strong{overflow:hidden;color:#e7dfe8;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.visual-style-strip small{color:#8f8597;font:700 8px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.visual-style-strip button[aria-pressed=true]{border-color:#eac47e;background:#30261d;box-shadow:0 0 0 1px #eac47e66,0 8px 18px #0005}
.visual-style-strip button[aria-pressed=true]::after{content:'✓';position:absolute;top:3px;right:3px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#eac47e;color:#19130b;font-weight:900;box-shadow:0 2px 7px #0008}
.visual-style-strip button[aria-pressed=true] small{color:#eac47e}
.appearance-settings .emblem-toggle{margin:10px 0 0;padding-top:13px;border-top:1px solid #3e3643}
.card-settings{border-radius:11px;background:#211c27;overflow:hidden}
.card-settings>summary{padding:15px 17px}
.card-settings>summary::marker{color:#eac47e}
.card-settings>summary strong,.card-settings>summary span{display:block;margin-left:4px}
.card-settings>summary strong{color:#eac47e;font-size:14px}
.card-settings>summary span{margin-top:3px;color:#92889a;font-size:10px;font-weight:400}
.card-settings[open]>summary{border-bottom:1px solid #3c3441;background:#27212d}
.editor-savebar{position:sticky;bottom:12px;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:14px;border:1px solid #756044;border-radius:11px;background:#19161eee;box-shadow:0 12px 35px #0009;backdrop-filter:blur(10px)}
.editor-savebar .particle-speed-control{grid-column:auto}
.collection-dialog .editor-savebar [data-save]{min-width:170px;padding:12px 18px;border-color:#eac47e;background:#eac47e;color:#1b150d;font-weight:800}
.collection-dialog .editor-savebar [data-save]:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:800px){.card-editor{grid-template-columns:1fr}.appearance-choice-columns{grid-template-columns:1fr}.appearance-settings>header{align-items:start}.editor-savebar{position:static;grid-template-columns:1fr}.editor-savebar .particle-speed-control{grid-column:1}.collection-dialog .editor-savebar [data-save]{width:100%}}
@media(max-width:650px){.reward-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reward-row .reward-front{padding:7px}.reward-row .reward-front strong{font-size:12px}}
.reward-screen-card .reward-front{justify-content:flex-end;gap:6px;overflow:hidden}.reward-screen-card .reward-front img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;border-radius:8px}.reward-screen-card .reward-front>:not(img){position:relative;text-shadow:0 1px 6px #000}
.translation-swatch{font-size:18px;white-space:nowrap;overflow:hidden}.translation-swatch.korean{font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif}.name-rendering-preview.korean{font-family:'Autograph Korean','Malgun Gothic',sans-serif}.translation-swatch.korean,.name-rendering-preview.korean{color:#ffd6e8}.translation-swatch.chinese{font-family:'KaiTi','STKaiti',serif}.name-rendering-preview.chinese{font-family:'Autograph Chinese','KaiTi',serif}.translation-swatch.chinese,.name-rendering-preview.chinese{color:#ffcfb8}.translation-swatch.thai,.name-rendering-preview.thai{font-family:'Leelawadee UI','Thonburi','Noto Sans Thai',sans-serif;color:#e4d8ff}

/* Customize, compact: the same layout with less padding, shorter previews, and option grids that
   keep their size instead of stretching one choice across the row. */
.appearance-settings{padding:12px 14px}
.appearance-settings>header{margin-bottom:8px}
.appearance-settings>header h3{font-size:16px}
.appearance-choice-columns{gap:14px}
.visual-style-options>p{display:none}
.visual-style-options legend{margin-bottom:6px}
.visual-style-strip{gap:7px;padding:2px 2px 6px}
.collection-dialog .visual-style-strip button{flex-basis:96px;padding:5px;gap:4px}
.visual-style-strip .collection-swatch{height:44px;line-height:34px}
.appearance-settings .emblem-toggle{margin-top:4px;padding-top:8px}
.card-settings>summary{display:flex;align-items:baseline;gap:10px;padding:10px 14px;list-style:none}
.card-settings>summary::-webkit-details-marker{display:none}
.card-settings>summary::before{content:'▸';color:#eac47e;font-size:12px}
.card-settings[open]>summary::before{content:'▾'}
.card-settings>summary strong,.card-settings>summary span{display:inline;margin:0}
.card-settings>div{padding:10px 14px 12px;gap:10px}
.visual-text-options legend{margin-bottom:5px}
.visual-text-options>div{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.collection-dialog .visual-text-options button{padding:6px;gap:4px}
.visual-text-options .collection-swatch,.visual-text-options .no-signature-preview,.visual-text-options .name-rendering-preview{height:44px;font-size:18px;line-height:44px;white-space:nowrap}
.visual-text-options .collection-signature .autograph-lettering{font-size:19px}
.visual-text-options .collection-signature svg{height:38px}
@media(max-width:560px){.card-settings>summary span{display:none}.visual-text-options>div{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.visual-text-options .name-rendering-preview{font-size:15px}}
/* Letter case for Greek and Cyrillic modifiers: two buttons showing the name in each case. */
.letter-case{margin:10px 0 0;padding:0;border:0;min-width:0}.letter-case[hidden]{display:none}.letter-case legend{font-size:13px;color:#d4cbd8;margin-bottom:6px}.letter-case>div{display:flex;gap:8px}.letter-case button{flex:1;min-width:0;height:auto;padding:6px 10px;font-size:17px;line-height:1.3;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.letter-case [aria-pressed=true]{background:#54402a;border-color:#c3995f}

/* The Feed tab (parts/feed.js): one column of posts, each with reactions and comments. */
.feed-head p{color:#c4b9cf;margin:4px 0 16px}
.feed-list{display:grid;gap:16px;max-width:620px;margin:0 auto}
.feed-post{display:grid;gap:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--rarity) 45%,transparent);border-radius:12px;background:#211b27}
.feed-post>header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px;padding:14px 16px}.feed-post>header span{color:#c4b9cf}
.feed-post time{color:#9f95aa;font-size:12px}.feed-post>header time{margin-left:auto}
.feed-pinned{outline:2px solid #80c4ff;outline-offset:3px}.feed-pin-note{margin:0;padding:12px 16px 0;color:#80c4ff;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.feed-media-wrap{position:relative;width:100%;max-width:100%;margin:0}.feed-card-wrap{width:100%}.feed-card{display:block}.feed-card .ft-card{width:100%}.feed-media-wrap:not(.feed-card-wrap){padding:0 16px}
.feed-pulls{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.feed-pulls li{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:12px}
.feed-pulls .collection-swatch{height:48px;line-height:38px;font-size:16px}.feed-pulls .collection-signature .autograph-lettering{font-size:18px}.feed-pulls .collection-signature svg{height:36px}
.feed-pulls strong{display:block;color:var(--rarity)}.feed-pulls small{color:#9f95aa;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.feed-react-control{position:absolute;right:9px;bottom:9px;z-index:14}.collection-dialog .feed-react-main{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:46px;height:46px;padding:4px;border:1px solid #ffffff3d;border-radius:50%;background:#100d13d9;box-shadow:0 4px 16px #000a;backdrop-filter:blur(5px);touch-action:none}.feed-react-main img{width:32px;height:32px;image-rendering:auto}.feed-react-main span{position:absolute;right:-4px;bottom:-3px;min-width:18px;padding:2px 4px;border-radius:999px;background:#eac47e;color:#17131c;font:800 10px var(--mono,monospace)}.collection-dialog .feed-react-main[aria-pressed=true]{border-color:#ff879d;box-shadow:0 0 0 2px #ff879d55,0 4px 16px #000a}
.feed-react-picker{position:absolute;right:0;bottom:54px;display:grid;grid-template-columns:repeat(8,39px);gap:4px;width:max-content;max-width:min(356px,calc(100vw - 48px));max-height:230px;overflow-y:auto;overscroll-behavior:contain;padding:7px;border:1px solid #62566b;border-radius:24px;background:#17131cf2;box-shadow:0 10px 30px #000b;scrollbar-color:#756044 #211b27;scrollbar-width:thin;animation:feed-picker-in .14s ease-out}.feed-react-picker[hidden]{display:none}.collection-dialog .feed-react-picker button{display:grid;place-items:center;width:39px;height:39px;min-width:0;padding:3px;border:0;border-radius:50%;background:transparent}.feed-react-picker button:hover,.feed-react-picker button:focus-visible{background:#4b3e51;transform:translateY(-3px)}.feed-react-picker button[aria-pressed=true]{background:#6b4f38}.feed-react-picker img{width:32px;height:32px}.feed-react-picker span{position:absolute;opacity:0;pointer-events:none}@keyframes feed-picker-in{from{opacity:0;transform:translateY(5px) scale(.96)}}
.feed-reacts{display:flex;flex-wrap:wrap;gap:6px;min-height:0;padding:12px 16px 0}.feed-reacts:empty{display:none}
.collection-dialog .feed-reacts button,.feed-reacts button{display:inline-flex;align-items:center;gap:5px;min-width:44px;min-height:34px;padding:4px 10px;border:1px solid #3a3144;border-radius:999px;background:#17131c;font-size:16px;line-height:1;text-transform:none;letter-spacing:0}
.feed-reacts img{width:24px;height:24px}
.feed-reacts button span{font:600 12px var(--mono,monospace);color:#c4b9cf}
.feed-reacts button[aria-pressed=true]{border-color:#eac47e;background:color-mix(in srgb,#eac47e 18%,#17131c)}
.feed-reacts button:disabled{opacity:.7;cursor:default}
.collection-dialog .feed-reacts .feed-reacts-more,.feed-reacts .feed-reacts-more{color:#c4b9cf;font:600 12px var(--mono,monospace)}.collection-dialog .feed-reacts button[hidden],.feed-reacts button[hidden]{display:none}
.feed-comments{padding:12px 16px 14px}.feed-comments ol{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.feed-comments li{line-height:1.45;overflow-wrap:anywhere}.feed-comments li time{margin-left:4px}.feed-comments .link-btn{font-size:12px}
/* Comment threads: one level of replies, each comment with a small reaction button (parts/feed.js). */
.feed-comment{position:relative}.feed-comment-removed{color:#8c8096;font-size:13px}.feed-comments .feed-replies{margin:6px 0 0 6px;padding-left:12px;border-left:2px solid #3a3144;gap:4px}.feed-reply-thread{margin:6px 0 0 18px}.feed-reply-thread input{font-size:13px}.feed-comment-react{position:static;display:inline-flex;margin-left:6px;vertical-align:middle}.collection-dialog .feed-comment-react .feed-react-main{position:relative;width:auto;min-width:0;height:24px;padding:0 6px 0 3px;gap:3px;border-color:#3a3144;border-radius:999px;background:#17131c;box-shadow:none;backdrop-filter:none}.feed-comment-react .feed-react-main img{width:18px;height:18px}.feed-comment-react .feed-react-main span{position:static;min-width:0;padding:0;background:none;color:#c4b9cf;font:600 11px var(--mono,monospace)}.feed-comment-react .feed-react-main small{color:#8c8096;font:600 10px var(--mono,monospace)}.collection-dialog .feed-comment-react .feed-react-main[aria-pressed=true]{border-color:#eac47e;background:color-mix(in srgb,#eac47e 18%,#17131c);box-shadow:none}.feed-comment-react-none .feed-react-main{opacity:.45}.feed-comment:hover .feed-comment-react-none .feed-react-main,.feed-comment-react-none .feed-react-main:focus-visible{opacity:1}.feed-comment-react .feed-react-picker{left:0;right:auto;bottom:calc(100% + 4px);z-index:30}
.feed-reply{display:flex;align-items:flex-end;gap:8px}.feed-reply-compose{position:relative;flex:1;min-width:0}.feed-reply-compose>input{width:100%;min-width:0}
.feed-reply{flex-wrap:wrap}
.feed-reply-image{cursor:pointer;font-size:13px;padding:6px 10px;border:1px solid var(--line,#444);border-radius:6px;align-self:flex-end;opacity:.85}
.feed-reply-image:hover{opacity:1}
.feed-reply-picked{position:relative;flex-basis:100%}
.feed-reply-picked[hidden]{display:none}
.feed-reply-picked img{max-height:90px;max-width:160px;border-radius:6px;display:block}
.feed-reply-picked button{position:absolute;top:2px;left:2px;border-radius:50%;width:20px;height:20px;padding:0;line-height:1}
.feed-comment-image{display:block;margin:4px 0;padding:0;border:0;background:none;cursor:zoom-in}
.feed-comment-image img{max-width:240px;max-height:200px;border-radius:6px;display:block}
.feed-emote-suggest{position:absolute;z-index:25;left:0;right:0;bottom:calc(100% + 6px);max-height:260px;overflow-y:auto;padding:5px;border:1px solid #62566b;border-radius:10px;background:#17131cf7;box-shadow:0 10px 30px #000b;scrollbar-color:#756044 #211b27;scrollbar-width:thin}.feed-emote-suggest[hidden]{display:none}.collection-dialog .feed-emote-suggest button{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:38px;padding:4px 8px;border:0;border-radius:7px;background:transparent;text-align:left;text-transform:none;letter-spacing:0}.feed-emote-suggest button:hover,.feed-emote-suggest button[aria-selected=true]{background:#4b3e51}.feed-emote-suggest img{width:30px;height:30px}.feed-emote-suggest span{overflow:hidden;color:#ddd3e2;font:12px var(--mono,monospace);text-overflow:ellipsis;white-space:nowrap}.feed-inline-emote{display:inline-block;width:28px;height:28px;margin:-5px 2px;vertical-align:middle}
/* @mentions (parts/feed-mentions.js): the suggestion list under the box, and links in posts. */
.feed-compose-text{position:relative}.feed-mention-suggest{position:absolute;z-index:26;left:0;right:0;top:calc(100% + 4px);max-height:300px;overflow-y:auto;padding:5px;border:1px solid #62566b;border-radius:10px;background:#17131cf7;box-shadow:0 10px 30px #000b;scrollbar-color:#756044 #211b27;scrollbar-width:thin}.feed-reply-compose .feed-mention-suggest{top:auto;bottom:calc(100% + 6px)}.feed-mention-suggest[hidden]{display:none}.collection-dialog .feed-mention-suggest button,.feed-mention-suggest button{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:40px;padding:4px 8px;border:0;border-radius:7px;background:transparent;color:#eee6f2;text-align:left;text-transform:none;letter-spacing:0}.feed-mention-suggest button:hover,.feed-mention-suggest button[aria-selected=true]{background:#4b3e51}.feed-mention-suggest .feed-mention-logo{width:28px;height:28px;object-fit:contain}.feed-mention-at{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2b2433;color:#eac47e;font-weight:700}.feed-mention-suggest strong,.feed-mention-suggest small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-mention-suggest strong{font-size:14px;font-weight:600}.feed-mention-suggest small{color:#9f95aa;font-size:11px}
.feed-mention{color:#eac47e;font-weight:600;text-decoration:none}.feed-mention:hover{text-decoration:underline}.feed-mention-me{padding:0 3px;border-radius:4px;background:color-mix(in srgb,#eac47e 22%,transparent)}
.feed-signin{margin:0;color:#c4b9cf}.feed-error{margin:0;padding:0 16px 12px;color:#ff9a9a;font-size:13px}.feed-error:empty{display:none}
.feed-more{display:flex;justify-content:center;padding:16px 0;color:#9f95aa}
/* Filter by kind of post and sort Newest, Trending or Top (parts/feed.js). */
.feed-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,620px) minmax(280px,1fr);column-gap:24px;align-items:start}.feed-body>*{grid-column:2}
.feed-body>.feed-side{grid-column:3;grid-row:1/span 60;justify-self:end;width:280px;position:sticky;top:max(96px,22vh);display:grid;gap:14px;align-content:start;max-height:calc(100vh - max(96px,22vh) - 16px);overflow-y:auto;margin:0 0 14px}
.feed-side .feed-compose,.feed-side .feed-compose-signin{max-width:none;margin:0}
.feed-side .feed-view{display:grid;gap:12px;align-content:start;max-width:none;margin:0;padding:12px;border:1px solid #3a3144;border-radius:12px;background:#17131c}
.feed-view-scope,.feed-view-sort{justify-self:start}
.feed-view-pick{display:grid;gap:6px;margin:0;padding:0;border:0;min-width:0}.feed-view-pick legend{padding:0 0 4px;color:#c4b9cf;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.feed-view .feed-view-pick label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;text-align:left;color:#eee6f2;font-size:13px;text-transform:none;letter-spacing:0}.feed-view .feed-view-pick input{flex:none;width:16px;height:16px;min-height:0;margin:0;padding:0}.feed-view-pick small{color:#a99fb3;font-size:12px}
/* Wide screens: the post box gets its own column between the feed and the filters. */
@media(min-width:1300px){.feed-body{grid-template-columns:minmax(0,1fr) minmax(0,620px) minmax(380px,1fr) 260px}
.feed-body>.feed-side{display:contents}
.feed-body .feed-side>.feed-compose,.feed-body .feed-side>.feed-compose-signin{grid-column:3;grid-row:1/span 60;justify-self:center;position:sticky;top:max(96px,22vh);width:min(100%,360px);margin:0 0 14px;box-sizing:border-box}
.feed-side .feed-compose textarea{min-height:150px}
.feed-body .feed-side>.feed-view{grid-column:4;grid-row:1/span 60;justify-self:end;width:260px;box-sizing:border-box;position:sticky;top:max(96px,22vh);margin:0 0 14px}}
@media(max-width:900px){.feed-body{display:block}.feed-body>.feed-side{position:static;width:auto;max-width:620px;max-height:none;overflow:visible;margin:0 auto 14px}}
.feed-view-type,.collection-dialog .feed-view-type{display:flex;flex-direction:row;align-items:center;gap:8px;color:#c4b9cf;font-size:13px;text-transform:none}.feed-view-type select{min-height:34px;padding:4px 8px;border:1px solid #4a3f52;border-radius:8px;background:#17131c;color:#eee6f2}
.feed-view-range[hidden]{display:none}
.feed-pin-top{border-color:#eac47e}.feed-pin-badge{margin:0;padding:10px 16px 0;color:#eac47e;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.feed-view-sort,.feed-view-scope{display:inline-flex;padding:3px;border:1px solid #3a3144;border-radius:999px;background:#17131c}
.collection-dialog .feed-view-sort button,.feed-view-sort button,.collection-dialog .feed-view-scope button,.feed-view-scope button{min-height:30px;padding:4px 14px;border:0;border-radius:999px;background:transparent;color:#bfb4c8;font-size:13px;text-transform:none;letter-spacing:0}
.collection-dialog .feed-view-sort button[aria-checked=true],.feed-view-sort button[aria-checked=true],.collection-dialog .feed-view-scope button[aria-checked=true],.feed-view-scope button[aria-checked=true]{background:color-mix(in srgb,#eac47e 22%,#17131c);color:#f3dcae}
/* Player posts and the post box (parts/feed-compose.js). */
.feed-tools{display:inline-flex;gap:6px}.collection-dialog .feed-tools button,.feed-tools button{padding:2px 9px;border-radius:999px;font-size:12px;background:transparent;color:#bfb4c8}.feed-post>header .feed-ban{color:#ff9a9a}
.feed-hidden,.feed-bans{max-width:620px;margin:0 auto 12px;color:#a99fb3;font-size:13px}.feed-hidden:empty,.feed-bans:empty{display:none}
.feed-hidden summary,.feed-bans summary{cursor:pointer}.feed-hidden ul,.feed-bans ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.feed-bans summary{color:#ff9a9a}
.feed-compose,.feed-compose-signin{max-width:620px;margin:0 auto 18px}
.feed-compose{display:grid;gap:10px;padding:14px;border:1px solid #4a3f52;border-radius:12px;background:#211b27}
.feed-compose.feed-compose-drop{border-color:#eac47e;background:#2a2230}
.feed-compose textarea{width:100%;min-height:52px;resize:none;font:inherit;line-height:1.45;padding:10px 12px;border:1px solid #504653;border-radius:9px;background:#17131c;color:#efe8dc}
.feed-compose textarea:focus-visible{outline:2px solid #eac47e;outline-offset:2px}
.feed-compose-extra{display:grid;gap:6px}.feed-compose-extra[hidden]{display:none}.feed-compose-extra :is(input,select){width:100%}
.feed-compose-badges{margin:0;display:flex;flex-wrap:wrap;gap:5px}.feed-compose-badges:empty{display:none}
.feed-compose-images{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.feed-compose-images[hidden]{display:none}
.feed-compose-images figure{position:relative;margin:0;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#17131c}
.feed-compose-images img{width:100%;height:100%;object-fit:cover}
.collection-dialog .feed-compose-images button,.feed-compose-images button{position:absolute;top:4px;right:4px;width:26px;height:26px;padding:0;border-radius:50%;background:#100d13d9;line-height:1}
.feed-compose-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.collection-dialog .feed-compose-tool,.feed-compose-tool{display:inline-flex;flex-direction:row;align-items:center;padding:7px 12px;border:1px solid #504653;border-radius:999px;background:#25212b;color:#e2d8e6;font-size:13px;cursor:pointer;text-transform:none}
.feed-compose-tool[aria-pressed=true]{border-color:#c3995f;background:#54402a;color:#ffe2a9}
.feed-compose-count{margin-left:auto;color:#9f95aa;font:12px var(--mono,monospace)}
.collection-dialog .feed-compose-post,.feed-compose-post{margin-left:auto;background:#54402a;border-color:#c3995f;color:#ffe2a9;font-weight:700}.feed-compose-count:not(:empty)+.feed-compose-post{margin-left:0}
.feed-compose-error{margin:0;color:#ff9a9a;font-size:13px}.feed-compose-error:empty{display:none}
.feed-user-body{display:grid;gap:10px;padding:0 16px}
.feed-post-text{margin:0;color:#ece7df !important;line-height:1.5;overflow-wrap:anywhere;white-space:normal}
/* Polls (parts/feed.js pollHtml, post box parts/feed-compose.js). */
.feed-poll{display:grid;gap:7px}
.collection-dialog .feed-poll-choice,.feed-poll-choice{position:relative;display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 12px;overflow:hidden;border:1px solid #504653;border-radius:9px;background:#17131c;color:#ece7df;font:inherit;font-size:14px;text-align:left;text-transform:none;letter-spacing:normal}
button.feed-poll-choice{cursor:pointer}button.feed-poll-choice:hover:not(:disabled){border-color:#c3995f}
button.feed-poll-choice:focus-visible{outline:2px solid #eac47e;outline-offset:2px}
.feed-poll-bar{position:absolute;inset:0 auto 0 0;background:#3a2f44;transition:width .35s ease}
.feed-poll-top .feed-poll-bar{background:#54402a}
.feed-poll-mine{border-color:#c3995f}
.feed-poll-label,.feed-poll-pct{position:relative}.feed-poll-label{flex:1;min-width:0;overflow-wrap:anywhere}.feed-poll-label b{color:#ffe2a9}
.feed-poll-pct{color:#d9cfe0;font:600 13px var(--mono,monospace)}
.feed-poll-foot{margin:0;color:#9f95aa;font-size:12px}
.feed-poll-ended .feed-poll-choice{opacity:.9}
.feed-poll-choices{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.feed-poll-choices li{display:flex;gap:6px;align-items:center}.feed-poll-choices input{flex:1}
.collection-dialog .feed-poll-choices button,.feed-poll-choices button{width:30px;height:30px;padding:0;border-radius:50%;line-height:1}
.feed-poll-setup{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.feed-compose .feed-poll-setup label{display:flex;flex-direction:row;align-items:center;gap:6px;color:#c8bfd0;font-size:13px;text-transform:none;letter-spacing:normal}.feed-poll-setup [hidden]{display:none}.feed-compose-extra .feed-poll-setup select{width:auto}
.feed-user-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px 0}.feed-user-foot .feed-reacts{padding:0}
.feed-user .feed-react-control{position:relative;right:auto;bottom:auto;margin-left:auto}.collection-dialog .feed-user .feed-react-main{width:40px;height:40px;box-shadow:none}.feed-user .feed-react-main img{width:28px;height:28px}
.feed-post>header .link-btn{font-size:12px}
.feed-images{display:grid;grid-template-columns:1fr 1fr;gap:4px;overflow:hidden;border-radius:10px}.feed-images-1{grid-template-columns:1fr}
.collection-dialog .feed-images button,.feed-images button{display:block;padding:0;border:0;border-radius:0;background:#17131c;cursor:zoom-in}
.feed-images img{display:block;width:100%;height:100%;max-height:520px;object-fit:cover}.feed-images-1 img{object-fit:contain;max-height:620px}
.feed-images-2 img,.feed-images-4 img{aspect-ratio:1}.feed-images-3 button:first-child{grid-row:span 2}.feed-images-3 img{aspect-ratio:1}.feed-images-3 button:first-child img{aspect-ratio:auto}
.feed-zoom{max-width:96vw;max-height:94dvh;padding:0;border:0;background:transparent;overflow:visible}.feed-zoom::backdrop{background:#000d}
.feed-zoom img{display:block;max-width:96vw;max-height:94dvh;object-fit:contain}
.feed-zoom form{position:absolute;top:-6px;right:-6px}.feed-zoom button{width:36px;height:36px;padding:0;border-radius:50%;font-size:22px}
.collection-dialog .feed-clip,.feed-clip{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;border:1px solid #3a3144;border-radius:10px;background:#0d0b10;color:#efe8dc;cursor:pointer}
.feed-clip>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.feed-clip-play{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#100d13d9;font-size:26px;padding-left:4px;box-shadow:0 4px 20px #000a}
.feed-clip small{position:absolute;left:10px;bottom:8px;padding:2px 8px;border-radius:999px;background:#100d13d9;font-size:11px;color:#c4b9cf}
.feed-clip-live iframe{width:100%;height:100%;border:0}
.feed-clip.feed-clip-link{aspect-ratio:auto;padding:14px;color:#80c4ff;text-decoration:none}
.feed-game{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #4a3f52;border-left:4px solid #c96a6a;border-radius:10px;background:#17131c;color:inherit;text-decoration:none}
.feed-game-won{border-left-color:#6fbf73}.feed-game:hover{background:#1f1925}
.feed-game img{width:72px;height:auto;border-radius:6px;flex:none}
.feed-game-main{display:grid;gap:4px;min-width:0}.feed-game-main strong{color:#efe8dc}.feed-game-main small{color:#a99fb3;font-size:12px}
.feed-game-missing{margin:0;color:#9f95aa;font-size:13px;border-left-color:#4a3f52}
.feed-badges{display:flex;flex-wrap:wrap;gap:5px}.feed-badges:empty{display:none}
.feed-badge{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;border:1px solid}
.feed-badge-league{color:#ffd88a;border-color:#c3995f;background:#3b2c18}
.feed-badge-multi{color:#ffb0b0;border-color:#b55a5a;background:#3a1c20}
.feed-badge-own{color:#b5dcff;border-color:#4f7ea8;background:#17283a}
@media(max-width:560px){.feed-post>header{padding:12px}.feed-user-body{padding:0 12px}.feed-user-foot{padding:10px 12px 0}.feed-compose-images{grid-template-columns:repeat(2,1fr)}.feed-game img{width:56px}.feed-comments{padding:10px 12px 12px}.feed-reacts{padding:10px 12px 0}.feed-media-wrap:not(.feed-card-wrap){padding:0 12px}.feed-pulls li{grid-template-columns:64px 1fr;gap:10px}.feed-react-picker{grid-template-columns:repeat(6,39px);max-width:272px}}
/* Profile Feed tab (parts/collection.js mountProfileFeed): auto-post settings and loading-screen pulls. */
.profile-feed .collection-body{min-height:0}.scouted-feed{margin-top:24px}
.feed-auto fieldset{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 16px;padding:12px 14px;border:1px solid #3a3144;border-radius:12px;background:#17131c}
.feed-auto legend{padding:0 6px;color:#eac47e;font-weight:700}.feed-auto label{display:inline-flex;flex-direction:row;align-items:center;gap:6px;margin:0;cursor:pointer}.feed-auto input{display:inline-block;margin:0}.feed-auto-group label{text-transform:capitalize}
.feed-auto-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.feed-auto-note{flex-basis:100%;color:#9f95aa}
.feed-pull-screen img{width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;border:1px solid var(--rarity)}
@media(max-width:560px){.feed-pull-screen img{width:64px}}
.feed-ban-dialog{width:min(340px,calc(100vw - 32px));padding:18px;border:1px solid #62566b;border-radius:12px;background:#1b1720;color:#ece7df}.feed-ban-dialog::backdrop{background:#0009}.feed-ban-dialog h4{margin:0 0 12px}.feed-ban-dialog fieldset{display:grid;gap:8px;margin:0 0 14px;padding:10px 12px;border:1px solid #3a3144;border-radius:8px}.feed-ban-dialog legend{padding:0 4px;color:#c4b9cf;font-size:12px}.feed-ban-dialog{text-align:left}.feed-ban-dialog label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;margin:0;text-transform:none;letter-spacing:0;font-size:14px}.feed-ban-dialog input[type=checkbox]{margin:0}.feed-ban-dialog input[type=number]{width:120px;margin:0}.feed-ban-note{min-height:1.2em;margin:10px 0;color:#ff9a9a;font-size:13px}.feed-ban-buttons{display:flex;justify-content:flex-end;gap:8px}.feed-ban-dialog .feed-ban-go{border-color:#a14a4a;background:#5a2427;color:#ffd9d9}.feed-comment .feed-ban{color:#ff9a9a}
/* A Feed card post's rating (parts/card-rating.js), four buttons in a row under the card. */
.feed-card-rating{padding:0 16px}.feed-card-rating .card-rating-votes{grid-template-columns:repeat(4,minmax(0,1fr))}.feed-card-rating-old{margin:8px 0 0;font-size:11px;color:#8f8797;text-align:center}
@media(max-width:560px){.feed-card-rating{padding:0 12px}}

/* Comments read as their own section: a header, a darker well, then the box (parts/feed.js). */
.feed-post .feed-comments{margin:12px 0 0;padding:12px 16px 14px;border-top:1px solid #3a3144;background:#17131c80;border-radius:0 0 12px 12px}
.feed-comments-head{margin:0 0 10px;color:#a99db4;font:600 11px var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase}.feed-comments-head span{margin-left:4px;padding:1px 7px;border-radius:999px;background:#2b2433;color:#eac47e}
.feed-comments .feed-threads:empty{display:none}
.feed-comments .feed-inline-emote{width:20px;height:20px;margin:-3px 1px}
.feed-reply-btn{display:inline-flex;align-items:center;gap:4px;color:#b7abc2}.feed-reply-btn:hover{color:#eac47e}.feed-reply-btn svg{flex:none}
.feed-comment-more{position:relative;display:inline-block;vertical-align:middle}.feed-comments .feed-more-btn{font-size:16px;line-height:1;padding:2px 6px;letter-spacing:1px;color:#8c8096}.feed-more-btn:hover,.feed-more-btn[aria-expanded=true]{color:#eee6f2}
.feed-more-menu{position:absolute;z-index:30;top:calc(100% + 4px);left:0;display:grid;gap:2px;min-width:84px;padding:4px;border:1px solid #62566b;border-radius:8px;background:#1b1720;box-shadow:0 8px 24px #000b}.feed-more-menu[hidden]{display:none}.feed-more-menu button{text-align:left;padding:6px 10px;border-radius:5px}.feed-more-menu button:hover{background:#4b3e51}
.feed-comments-head{display:flex;align-items:center;gap:6px;width:100%;padding:0;border:0;background:none;cursor:pointer;text-align:left}.feed-comments-head:hover{color:#eee6f2}.feed-comments-head svg{transition:transform .15s}.feed-comments-head[aria-expanded=false] svg{transform:rotate(-90deg)}.feed-comments-head[aria-expanded=true]{margin-bottom:10px}.feed-comments-head[aria-expanded=false]{margin-bottom:0}.feed-comments-body[hidden]{display:none}

/* Header is a plain label again; the comment buttons are quiet text, not boxed buttons. */
.feed-comments .feed-comments-head{display:block;width:auto;margin:0 0 10px;cursor:default}
.collection-dialog .feed-comments .link-btn{padding:2px 6px;border:0;background:none;box-shadow:none;min-height:0;height:auto}
.collection-dialog .feed-comments .feed-more-btn{padding:0 6px}
.collection-dialog .feed-comments .feed-more-menu button{padding:6px 10px}
.collection-dialog .feed-comments .feed-more-menu button:hover{background:#4b3e51}
.collection-dialog .feed-load-more{margin:0 0 10px;padding:4px 0;border:0;background:none;color:#eac47e;font-size:13px;cursor:pointer}.collection-dialog .feed-load-more:hover{text-decoration:underline}

/* Comment reactions: bare icon and count, pinned to the right edge of the comment. */
.feed-comments .feed-comment{padding-right:52px;min-height:26px}
.feed-comments .feed-comment-react{position:absolute;top:0;right:0;margin:0}
.collection-dialog .feed-comments .feed-comment-react .feed-react-main{height:24px;padding:0;gap:3px;border:0;border-radius:0;background:none;box-shadow:none}
.collection-dialog .feed-comments .feed-comment-react .feed-react-main[aria-pressed=true]{border:0;background:none;box-shadow:none}
.feed-comments .feed-comment-react .feed-react-main img{width:20px;height:20px;border-radius:0;box-shadow:none;filter:none}
.feed-comments .feed-comment-react .feed-react-picker{left:auto;right:0}

/* Profile Achievements tab (parts/achievements.js) */
.achievements h3{margin:18px 0 8px;font-size:14px;color:#eac47e}.ach-total{margin:0 0 4px}.ach-note{min-height:1.2em;margin:0 0 6px;color:#9fd8a8;font-size:13px}
.ach-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.ach{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:10px;padding:10px 14px;border:1px solid #3d3542;border-radius:10px;background:#1b1820}
.ach.ready{border-color:#c3995f}.ach.claimed{opacity:.65}.ach.soon{opacity:.55;border-style:dashed}
.ach-body{display:grid;gap:3px;min-width:0}.ach-body span,.ach-body small{font-size:12px;color:#bfb7c4}.ach-body progress{width:min(240px,100%);height:6px}
.ach-reward{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.ach-reward em{font-size:12px;color:#bfb7c4}
.ach-pack{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid currentColor}.ach-common{color:#b8b8c0}.ach-rare{color:#6fb4ff}.ach-epic{color:#c58bff}.ach-legendary{color:#ffb93d}.ach-screens{color:#7fd6c2}
.ach-reward button{font:inherit;border:1px solid #c3995f;border-radius:7px;background:#54402a;color:#ffe2a9;padding:6px 12px;cursor:pointer}
/* Framing view: its own column on the far right, the whole picture under a card-shaped box. */
@media(min-width:801px){.card-editor:has(>.art-stage){grid-template-columns:minmax(280px,.75fr) minmax(0,1.45fr) minmax(220px,300px)}.card-editor>.art-stage{position:sticky;top:16px;align-self:start}}
@media(max-width:800px){.card-editor>.art-stage{order:1}.card-editor>.card-editor-controls{order:2}}
.art-stage{display:grid;gap:8px;max-width:320px;padding:12px;border:1px solid #504653;border-radius:8px;background:#211b27;text-align:left}
.art-stage-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.art-stage-head strong{color:#eac47e}
.art-stage-view{position:relative;overflow:hidden;border-radius:10px;background:#0d0c0b;cursor:grab;touch-action:none;user-select:none}
.art-stage-view.panning{cursor:grabbing}
.art-stage-view img{position:absolute;max-width:none;pointer-events:none}
.art-stage-box{position:absolute;border:2px solid #eac47e;border-radius:8px;box-shadow:0 0 0 999px rgba(8,6,10,.62);pointer-events:none}
.art-stage small{color:#9f96a7;font-size:11px}

.pack-box-odds{display:block;margin-top:2px;font-size:10px;opacity:.8}
.pack-odds-all{margin:8px 0;font-size:12px}.pack-odds-all summary{cursor:pointer;color:#eac47e}
.pack-odds-all table{border-collapse:collapse;margin:8px 0;width:100%}.pack-odds-all td,.pack-odds-all th{text-align:left;padding:4px 10px 4px 0;border-bottom:1px solid #3d3542;vertical-align:top}
.pack-odds-all td small{display:block;opacity:.7}
.ach-odds{flex-basis:100%;font-size:11px;color:#9a93a0}

.profile-collection>.profile-collection-info{flex:0 1 270px;min-width:250px}/* The achievements column never adds height: contain:size takes it out of the row's height, stretch gives it
   the height the cards and collection column set, and anything longer scrolls. Once it would wrap onto its
   own line (narrow screens) it sizes to its content. Tiles that don't fit are hidden (parts/achievements.js). */
.profile-collection>div.ach-summary{flex:0 0 27%;max-width:27%;min-width:0;align-self:stretch;contain:size;overflow:hidden;display:flex;flex-direction:column}.ach-summary-lists{flex:1;min-height:0;overflow:hidden}.ach-summary [hidden]{display:none!important}.ach-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.ach-summary-head h3{margin:0}.ach-summary-head [data-all]{padding:6px 12px;font-size:12px}.ach-summary .ach-pack{white-space:nowrap}
@media(max-width:1600px){.profile-collection>div.ach-summary{contain:none;overflow:visible;align-self:flex-start;flex-basis:100%;max-width:none}}
.ach-summary .ach-note{margin:0 0 6px;min-height:0;font-size:12px}.ach-summary .ach-note:empty{display:none}
.ach-summary h5{margin:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9a93a0}.ach-summary>strong,.ach-summary>progress{max-width:500px}.ach-summary ul{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.ach-summary li{display:flex;flex-direction:column;justify-content:space-between;gap:5px;padding:7px 10px;border:1px solid #2f2a35;border-radius:8px;background:#1b1820}
.ach-summary li>div:first-child{display:grid;gap:2px;min-width:0;flex:1}.ach-summary li b{font-size:12px}.ach-summary li span{font-size:11px;color:#bfb7c4;line-height:1.35}.ach-summary li progress{margin:4px 0 0;height:4px}
.ach-summary-end{display:flex;align-items:center;justify-content:space-between;gap:8px}.ach-summary-end button{padding:3px 10px;font-size:11px}.ach-summary .ach-pack{font-size:11px;padding:1px 7px}.ach-summary-end small{font-size:11px;color:#bfb7c4}

/* Profile: all five saved cards in one row. */
.profile-collection:has(>div.ach-summary){gap:20px}.profile-collection .profile-collection-card.profile-card-designs{flex:1 1 0;min-width:auto;width:auto;flex-wrap:nowrap;gap:8px}.profile-collection .profile-card-designs figure{flex:1 1 0;width:auto;max-width:250px;min-width:130px}.profile-collection .profile-card-designs figcaption{font-size:11px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:650px){.profile-collection .profile-collection-card.profile-card-designs{flex-wrap:wrap;flex-basis:100%;min-width:0}.profile-collection .profile-card-designs figure{flex:0 0 calc((100% - 20px)/3);min-width:0}}

/* Your empty card slots on the profile: an outline the size of a card with an Add button. */
.card-slot-empty button{all:unset;box-sizing:border-box;width:100%;aspect-ratio:5/7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed #4a4150;border-radius:12px;color:#9a93a0;font:600 11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.card-slot-empty button span{font-size:28px;line-height:1;font-weight:400}.card-slot-empty button:hover,.card-slot-empty button:focus-visible{border-color:#c3995f;color:#ffe2a9;background:#c3995f14}.card-slot-empty figcaption{color:#7d7684}

/* Profile panel: the collection heading, count and button in one line above the cards. */
.profile-collection:has(>.profile-collection-main){align-items:flex-start}
.profile-collection>div.profile-collection-main{flex:1 1 0;max-width:none;min-width:auto}
.profile-collection-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 14px}.profile-collection-head h3{margin:0}.profile-collection-head strong{font-size:13px}
.profile-collection-head progress{flex:0 1 180px;margin:0}.profile-collection-head button{padding:6px 12px;font-size:12px}.profile-collection-head p{flex-basis:100%;margin:0;font-size:12px}
.profile-collection .profile-collection-info .name-editor{margin-top:0}
/* Design cards laid out at the Customize preview's width and zoomed to their box (fitDesignCards in parts/player-card.js). */
.ft-card.ft-fit{width:280px!important;max-width:none!important}
/* The background preview on a profile: the page in miniature (miniPage in parts/profile-background.js). */
.pbg-preview.is-mini{padding:0;display:block}
/* Gallery on a phone in portrait: no intro line, and the six section tabs on one row, so the
   packs start higher up the screen. Under 420px they wrap again rather than scroll out of sight. */
@media (max-width:520px){
  main:has(> .collection-host) .page-head .pp-sub{display:none}
  main:has(> .collection-host) .pp-row h1{margin-bottom:6px}
  main:has(> .collection-host) .pp-tabs{flex-wrap:nowrap}
  main:has(> .collection-host) .pp-tabs button{flex:none;padding:12px 5px;letter-spacing:.03em}
  main:has(> .collection-host) .pp-tabs button[aria-selected="true"]::after{left:5px;right:5px}
}
@media (max-width:420px){main:has(> .collection-host) .pp-tabs{flex-wrap:wrap}}
/* The open collection dialog is the only thing that scrolls; the page behind it stays put. */
html:has(dialog.collection-dialog[open]){overflow:hidden}.collection-dialog{overscroll-behavior:contain}