:root{--bg:#101111;--panel:#171918;--panel2:#1c1e1c;--line:#2b2d2a;--muted:#85877e;--text:#e8e7de;--lime:#d5ea67;--orange:#ed9b65;--serif:'Playfair Display',Georgia,serif;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--sans);min-height:100vh}button,input,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:30px 19px 20px 24px;border-right:1px solid var(--line);background:#121313;display:flex;flex-direction:column;z-index:10}.wordmark{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:20px;font-weight:700;letter-spacing:-1px}.wordmark-light{font-weight:400;color:#a8aaa0}.wordmark small{display:block;font:9px var(--mono);letter-spacing:1.7px;color:#777970;margin-top:3px}.vault-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #66685f;color:var(--lime);font:20px var(--serif);transform:rotate(-4deg)}.side-label{font:10px var(--mono);letter-spacing:1.3px;color:#6d7068;margin:56px 0 13px 8px}.main-nav{display:grid;gap:5px}.nav-item{height:43px;border:0;background:transparent;color:#aaa99f;display:flex;align-items:center;gap:12px;text-align:left;padding:0 11px;cursor:pointer;font-size:13px}.nav-item span{font-size:17px;width:18px;text-align:center;color:#8d9087}.nav-item b{margin-left:auto;font:10px var(--mono);color:#85877e}.nav-item:hover,.nav-item.active{background:#21231f;color:#f2f0e7}.nav-item.active{box-shadow:inset 2px 0 var(--lime)}.nav-item.active span{color:var(--lime)}.sidebar-bottom{margin-top:auto}.level-chip{border:1px solid var(--line);display:flex;gap:11px;align-items:center;padding:13px 10px}.level-gem{color:var(--lime);font-size:20px}.level-chip small{font:9px var(--mono);letter-spacing:.6px;color:#91938a}.level-chip small b{color:var(--lime);margin-left:7px}.xp-track{height:3px;background:#32342e;margin-top:9px;width:142px}.xp-track i{display:block;width:0;height:100%;background:var(--lime);transition:width .3s}.text-button{background:none;border:0;color:#85877e;font-size:11px;padding:12px 0;cursor:pointer}.text-button:hover{color:var(--text)}.legal-note{font-size:10px;color:#65675f;line-height:1.6;margin:5px 0 0}.main-area{margin-left:230px;min-height:100vh}.topbar{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,60px);position:sticky;top:0;background:rgba(16,17,17,.94);backdrop-filter:blur(12px);z-index:5}.crumb{font:10px var(--mono);letter-spacing:1.2px;color:#85877e}.crumb i{font-style:normal;color:#494b45;padding:0 11px}.crumb b{font-weight:400;color:#d6d5cb}.top-actions{display:flex;align-items:center;gap:24px}.currency{display:flex;align-items:center;gap:7px;font:11px var(--mono);color:#d2d3c7}.currency span{color:var(--lime);font-size:17px}.currency small{color:#777970;font-size:9px;letter-spacing:1px}.profile-button{display:flex;align-items:center;gap:9px;border:0;background:none;cursor:pointer;text-align:left}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#34382a;color:var(--lime);font:14px var(--serif)}.profile-name{font:10px var(--mono);letter-spacing:.7px}.profile-name small{display:block;color:#777970;font-size:8px;margin-top:3px}.chevron{color:#777970}.content{max-width:1440px;margin:0 auto;padding:36px clamp(22px,4vw,60px) 70px}.mobile-menu{display:none}.eyebrow{font:10px var(--mono);letter-spacing:1.6px;color:var(--lime);text-transform:uppercase}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;min-height:328px;margin-bottom:39px}.hero-copy{padding:17px 0 10px}.hero h1{font:500 clamp(38px,5vw,62px)/1.04 var(--serif);letter-spacing:-1.7px;margin:19px 0 17px;max-width:600px}.hero h1 em{font-weight:500;color:var(--lime)}.hero-copy>p:not(.eyebrow){color:#a09f95;max-width:440px;line-height:1.8;margin:0 0 25px}.hero-actions{display:flex;align-items:center;gap:19px}.primary-button,.secondary-button{cursor:pointer;border:0;padding:13px 17px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:13px;transition:transform .15s,background .15s}.primary-button{background:var(--lime);color:#17190e}.primary-button:hover{background:#e4f38f;transform:translateY(-2px)}.secondary-button{background:transparent;color:#c3c2b8;border:1px solid #464841}.secondary-button:hover{border-color:#a7aa94}.hero-note{display:block;color:#72746c;font:9px var(--mono);margin-top:13px}.hero-art{position:relative;overflow:hidden;border:1px solid #32342f;min-height:295px;background:radial-gradient(ellipse at 70% 45%,#3d412b 0,#25271d 30%,#161817 72%)}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(214,238,107,.09) 45%,transparent 55%),repeating-linear-gradient(0deg,transparent 0 31px,rgba(200,200,177,.035) 32px)}.art-coordinate{position:absolute;top:18px;left:19px;color:#a7aa96;font:9px var(--mono);letter-spacing:1px}.artifact{position:absolute;width:173px;height:236px;left:50%;top:50%;transform:translate(-50%,-48%) rotate(7deg);padding:7px;background:linear-gradient(145deg,#f3e3af,#9b895c 25%,#282b20 47%,#d2be7d 75%,#686044);box-shadow:0 25px 50px #0009;transition:transform .5s}.artifact:before{content:'';position:absolute;inset:1px;background:linear-gradient(135deg,#e6d8ac,#292c23 23%,#151715 75%,#bba76b);z-index:0}.artifact-inner{position:relative;height:100%;border:1px solid #9e916b;background:linear-gradient(160deg,#59614a,#191d18 47%,#262a24);display:flex;flex-direction:column;justify-content:space-between;padding:11px;overflow:hidden}.artifact-inner:before{content:'';position:absolute;inset:34px 11px 30px;background:radial-gradient(ellipse at 50% 44%,#aaa87d 0 5%,#5b624e 28%,#353e32 45%,transparent 70%);border:1px solid #b6a97744;transform:rotate(-8deg)}.artifact-inner:after{content:'◉';position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:78px;color:#c5c090;text-shadow:0 3px 14px #d4d09299}.artifact-top,.artifact-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#eee2bf}.artifact-bottom{font:10px var(--serif);letter-spacing:.3px}.art-label{position:absolute;bottom:21px;right:18px;text-align:right;font:9px var(--mono);letter-spacing:1px;color:#a0a18f}.art-label b{display:block;font:16px var(--serif);letter-spacing:0;color:#dedccf;margin-top:6px}.art-orbit{position:absolute;width:280px;height:140px;border:1px solid #d7e66c30;border-radius:50%;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-21deg)}.art-orbit:after{content:'';position:absolute;width:6px;height:6px;top:11px;right:51px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:39px}.stat{padding:0 19px;border-right:1px solid var(--line)}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{display:block;font:27px var(--serif);font-weight:500}.stat span{display:block;font:9px var(--mono);letter-spacing:1px;color:#888a80;margin-top:4px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-head h2{font:500 25px var(--serif);margin:6px 0 0}.section-head .eyebrow{margin:0}.view-link{border:0;background:none;color:var(--lime);font:10px var(--mono);letter-spacing:.7px;cursor:pointer;padding:5px 0}.view-link:hover{text-decoration:underline}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:36px}.card-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.collectible{min-width:0;cursor:pointer;animation:rise .35s both}.collectible:hover .card-visual{transform:translateY(-4px)}.card-visual{position:relative;aspect-ratio: .76;border:1px solid #3d4036;padding:7px;background:linear-gradient(145deg,#a6a07a,#25271f 22%,#151716 68%,#80845c);transition:transform .2s;overflow:hidden}.card-face{height:100%;border:1px solid #777658;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:8px;background:radial-gradient(ellipse at 50% 43%,var(--glow,#777d55) 0,#3b4233 30%,#1b1f1b 69%);overflow:hidden}.card-face:before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,transparent 30%,#fff2 44%,transparent 52%);pointer-events:none}.card-symbol{align-self:center;margin:auto;font-size:clamp(27px,4vw,53px);color:#d5d0a6;text-shadow:0 4px 20px #ded8ac88;filter:drop-shadow(0 6px 3px #0007)}.card-label-top,.card-label-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:.8px;color:#e2dfc7}.card-label-bottom{font:10px var(--serif);letter-spacing:0}.rarity-tag{font:8px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--rarity,#d4d28a)}.card-name{font:12px var(--sans);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0 2px}.card-meta{font:9px var(--mono);color:#85877e}.qty{position:absolute;right:6px;top:6px;background:#111d;color:var(--lime);font:9px var(--mono);padding:4px 6px}.featured-layout{display:grid;grid-template-columns:1fr 310px;gap:35px;margin-top:35px}.mission-card{border:1px solid var(--line);padding:17px;background:#151716}.mission-card h3{font:17px var(--serif);font-weight:500;margin:8px 0}.mission-card p{font-size:11px;color:#96978c;line-height:1.6;margin:0}.mission-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:13px;padding-top:12px}.mission-foot span{font:9px var(--mono);color:#a9aa9d}.mission-foot b{color:var(--lime);font:10px var(--mono)}.mission-done{color:var(--lime)!important}.shelf-card{border:1px solid var(--line);min-height:113px;padding:13px;display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,#25271f,#171918)}.album-cover{height:85px;width:63px;border:1px solid #908658;background:radial-gradient(circle,#a29a64,#434534 42%,#1c1e1b 74%);display:grid;place-items:center;color:#ddd19c;font-size:25px;flex-shrink:0}.shelf-card h3{font:15px var(--serif);margin:0 0 5px}.shelf-card p{font-size:10px;color:#8d8f84;margin:0 0 11px}.mini-track{height:3px;background:#34362e;width:130px}.mini-track i{height:100%;background:var(--lime);display:block}.progress-label{display:flex;justify-content:space-between;font:8px var(--mono);color:#898b80;margin-top:6px}.page-title{font:500 clamp(32px,4vw,46px)/1.1 var(--serif);margin:9px 0 10px}.page-subtitle{color:#96978c;margin:0 0 26px;font-size:12px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.searchbox{flex:1;min-width:180px;position:relative}.searchbox input{width:100%;height:39px;background:#171918;border:1px solid var(--line);color:var(--text);padding:0 12px 0 36px}.searchbox span{position:absolute;left:12px;top:10px;color:#818379}.toolbar select{height:39px;background:#171918;border:1px solid var(--line);color:#c7c6bc;padding:0 10px;font-size:11px}.all-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 14px}.empty-state{border:1px dashed #3a3c36;padding:45px 20px;text-align:center;color:#96978c}.empty-state strong{display:block;color:var(--text);font:22px var(--serif);margin:0 0 8px}.tabs{display:flex;gap:8px;margin-bottom:19px;border-bottom:1px solid var(--line)}.tab{background:none;border:0;color:#898b80;padding:11px 13px;cursor:pointer;font-size:11px;border-bottom:2px solid transparent}.tab.active{color:var(--lime);border-color:var(--lime)}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.album-card{border:1px solid var(--line);padding:16px;background:#171918;cursor:pointer;transition:border .2s}.album-card:hover{border-color:#737954}.album-art{height:142px;margin-bottom:14px;display:grid;place-items:center;color:#d8d2a4;font-size:52px;background:radial-gradient(circle at 50% 45%,var(--album-color,#64684a),#1b1d1a 65%);border:1px solid #393b33;position:relative;overflow:hidden}.album-art:after{content:'';position:absolute;width:180px;height:80px;border:1px solid #d7d49444;border-radius:50%;transform:rotate(-25deg)}.album-card h3{font:19px var(--serif);font-weight:500;margin:0 0 5px}.album-card p{font-size:10px;color:#92948a;margin:0 0 14px}.album-progress{height:3px;background:#363830}.album-progress i{display:block;height:100%;background:var(--lime)}.album-foot{font:9px var(--mono);color:#9a9b91;display:flex;justify-content:space-between;margin-top:8px}.album-foot b{color:var(--lime);font-weight:400}.mission-list{display:grid;gap:10px;max-width:760px}.mission-row{border:1px solid var(--line);padding:15px;display:flex;align-items:center;gap:14px;background:#171918}.mission-icon{width:38px;height:38px;display:grid;place-items:center;background:#24271f;color:var(--lime);font-size:17px}.mission-info{flex:1}.mission-info h3{font-size:13px;margin:0 0 4px}.mission-info p{font-size:10px;color:#85877e;margin:0}.mission-reward{font:10px var(--mono);color:var(--lime);min-width:75px;text-align:right}.claim-button{border:1px solid #555944;background:#25291d;color:var(--lime);padding:8px 11px;font:9px var(--mono);cursor:pointer}.claim-button:disabled{opacity:.5;cursor:not-allowed}.profile-grid{display:grid;grid-template-columns:310px 1fr;gap:20px}.profile-panel{border:1px solid var(--line);padding:23px;background:#171918}.profile-hero{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.avatar-large{width:52px;height:52px;display:grid;place-items:center;border:1px solid #63664e;background:#26291f;color:var(--lime);font:25px var(--serif)}.profile-hero h2{font:22px var(--serif);font-weight:500;margin:0 0 4px}.profile-hero p{font:9px var(--mono);color:#8f9187;margin:0}.big-xp{font:11px var(--mono);color:#a6a79d;margin:20px 0 7px;display:flex;justify-content:space-between}.big-xp b{color:var(--lime);font-weight:400}.achievement{border-bottom:1px solid var(--line);padding:14px 0;display:flex;gap:11px;align-items:center}.achievement:last-child{border:0}.achievement-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid #47493e;color:#76786c}.achievement.unlocked .achievement-icon{color:var(--lime);border-color:#727849}.achievement h3{font-size:11px;margin:0 0 3px}.achievement p{font-size:9px;color:#898b80;margin:0}.detail-overlay{position:fixed;inset:0;background:#000b;z-index:20;display:grid;place-items:center;padding:20px;animation:fade .2s}.detail-modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:#171918;border:1px solid #44463c;display:grid;grid-template-columns: .8fr 1.2fr;position:relative}.detail-modal-art{padding:30px;background:#20221d;display:grid;place-items:center;min-height:400px}.detail-modal-art .card-visual{width:min(100%,220px)}.detail-copy{padding:35px 29px}.close-modal{position:absolute;right:13px;top:11px;border:0;background:none;color:#c0c0b6;font-size:22px;cursor:pointer}.detail-copy h2{font:30px var(--serif);font-weight:500;margin:12px 0 4px}.detail-copy .category{font:9px var(--mono);color:#8b8d82;letter-spacing:1px}.detail-copy>p{font-size:12px;color:#aaa99f;line-height:1.8;margin:19px 0}.detail-fact{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:11px 0;font-size:10px;color:#898b80}.detail-fact b{color:#d7d6cb;font-weight:500;text-align:right}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#d5ea67;color:#15170f;padding:12px 18px;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:all .2s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}.booster-overlay{position:fixed;inset:0;background:#0d0f0eeF;z-index:20;display:grid;place-items:center;padding:22px;overflow:auto}.booster-panel{width:min(850px,100%);text-align:center}.booster-panel h2{font:40px var(--serif);font-weight:500;margin:9px 0}.booster-panel>p{color:#96978c;font-size:12px}.pack-selector{display:flex;justify-content:center;gap:12px;margin:27px auto 15px;flex-wrap:wrap}.pack-option{width:170px;padding:15px 12px;border:1px solid var(--line);background:#171918;cursor:pointer;text-align:left}.pack-option.selected{border-color:var(--lime);background:#202319}.pack-icon{height:88px;margin:-4px 0 12px;display:grid;place-items:center;font:27px var(--serif);color:var(--lime);background:linear-gradient(145deg,#35372a,#171918)}.pack-option h3{font:15px var(--serif);margin:0 0 5px}.pack-option p{font:9px var(--mono);color:#95978d;margin:0}.pack-option b{display:block;font:10px var(--mono);color:var(--lime);margin-top:10px}.probability{font:9px var(--mono);color:#818379;margin:15px 0 20px}.opening-card{width:150px;height:205px;margin:22px auto;background:linear-gradient(145deg,#b5aa6a,#23251e);padding:7px;box-shadow:0 10px 50px #b1bf4b22;animation:float 2s ease-in-out infinite}.opening-card>div{height:100%;border:1px solid #ccc18b;display:grid;place-items:center;background:radial-gradient(circle,#828456,#252920 58%,#151716);font:45px var(--serif);color:#e1dbad}.reveal-grid{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0}.reveal-grid .collectible{width:120px;text-align:left}.skip-button{border:0;background:none;color:#93958a;text-decoration:underline;font-size:10px;cursor:pointer;margin-top:10px}.result-text{color:#b8baac;font-size:11px}.results-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.rarity-common{--glow:#777d55;--rarity:#b9b9aa}.rarity-uncommon{--glow:#547466;--rarity:#8dd0af}.rarity-rare{--glow:#54688a;--rarity:#9cbaff}.rarity-epic{--glow:#76518a;--rarity:#daa4f6}.rarity-legendary{--glow:#9b7042;--rarity:#ffd18a}.rarity-mythic{--glow:#a34e58;--rarity:#ff9faa}.rarity-epic .card-visual{border-color:#9165a7}.rarity-legendary .card-visual{border-color:#ad8d55;box-shadow:0 0 18px #d5a84722}.rarity-mythic .card-visual{border-color:#c66971;box-shadow:0 0 20px #d5637328}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@media(max-width:1100px){.all-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-row{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{grid-template-columns:1fr .8fr}.featured-layout{grid-template-columns:1fr 260px}.section-grid{gap:22px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .25s;width:250px;box-shadow:15px 0 35px #0006}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.topbar{height:58px;padding:0 18px}.mobile-menu{display:block;border:0;background:none;color:#bbb;font-size:18px;padding:5px}.crumb{margin-right:auto;margin-left:12px}.profile-name,.chevron{display:none}.top-actions{gap:14px}.content{padding:26px 18px 55px}.hero{grid-template-columns:1fr;gap:20px}.hero-copy{padding-top:5px}.hero h1{font-size:43px}.hero-art{min-height:255px}.stats-strip{grid-template-columns:repeat(2,1fr);row-gap:15px}.stat:nth-child(2){border:0}.stat:nth-child(3){padding-left:0}.section-grid,.featured-layout{grid-template-columns:1fr}.section-grid{gap:27px}.featured-layout{gap:25px}.all-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 11px}.card-row{grid-template-columns:repeat(4,minmax(0,1fr))}.album-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:1fr}.detail-modal{grid-template-columns:1fr;max-width:480px}.detail-modal-art{min-height:280px;padding:20px}.detail-modal-art .card-visual{width:155px}.detail-copy{padding:22px}.detail-copy h2{font-size:26px}}
@media(max-width:430px){.hero h1{font-size:37px}.all-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.card-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.album-grid{grid-template-columns:1fr}.toolbar select{flex:1}.section-head h2{font-size:22px}.pack-option{width:calc(50% - 8px)}.pack-selector{gap:8px}.stats-strip{margin-bottom:28px}.section-grid{margin-top:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.card-face.has-cover{background:#171918}.card-face.has-cover:before{inset:0;background:linear-gradient(180deg,#080a08a8 0%,transparent 24%,transparent 66%,#080a08c7 100%);z-index:1}.card-art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#171918;z-index:0}.card-face.has-cover .card-label-top,.card-face.has-cover .card-label-bottom{z-index:2;text-shadow:0 1px 5px #000}.card-face.has-cover .card-symbol{display:none}.cover-tools{border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.cover-tools>label{display:block;color:#c9c9be;font:10px var(--mono);margin-bottom:7px}.cover-tools>input[type=text]{width:100%;height:35px;border:1px solid var(--line);background:#111312;color:var(--text);padding:0 9px;font-size:10px}.cover-tools>input::placeholder{color:#71736a}.cover-actions{display:flex;align-items:center;gap:12px;margin-top:9px}.cover-actions .secondary-button{padding:9px 11px;font-size:10px}.cover-actions .text-button{padding:6px}.cover-tools>small{display:block;color:#818379;font-size:9px;line-height:1.5;margin-top:9px}
.source-link{color:var(--lime);font-weight:500}.pack-cinema{position:relative;width:160px;height:193px;margin:21px auto 17px;perspective:700px}.pack-foil{position:absolute;inset:0;z-index:1;border:1px solid #c8bd77;background:radial-gradient(ellipse at 50% 33%,#777b55,#353a2c 42%,#171a16 83%);box-shadow:0 15px 48px #0009,inset 0 0 20px #d8d08c22;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:15px 9px;color:#f0e8be;font:9px var(--mono);letter-spacing:1.2px;animation:wrapper-shake .22s ease-in-out 3}.pack-foil b{font:46px var(--serif);color:var(--lime);text-shadow:0 0 20px #d5ea6788}.pack-foil small{font:7px var(--mono);letter-spacing:1px;color:#d2cda8}.pack-cinema:before,.pack-cinema:after{content:'';position:absolute;z-index:2;left:-6px;right:-6px;height:8px;background:repeating-linear-gradient(90deg,#c9bf79 0 4px,#625d3c 4px 7px);transition:transform .45s,opacity .45s}.pack-cinema:before{top:0}.pack-cinema:after{bottom:0}.pack-cinema.torn .pack-foil{animation:wrapper-tear .65s cubic-bezier(.2,.8,.2,1) forwards}.pack-cinema.torn:before{transform:translate(-65px,-55px) rotate(-32deg);opacity:0}.pack-cinema.torn:after{transform:translate(65px,55px) rotate(32deg);opacity:0}.foil-glint{position:absolute;inset:-20px;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#e6eca73a 48%,transparent 57%);animation:glint-sweep 1.3s ease-in-out infinite}.reveal-grid .reveal-slot,.reveal-grid .revealed-card{width:120px;text-align:left}.card-back{position:relative;aspect-ratio:.76;border:1px solid #696744;background:repeating-linear-gradient(135deg,#292b21 0 8px,#23251d 8px 16px);display:grid;place-items:center;color:#d5ea67;box-shadow:0 9px 20px #0006;overflow:hidden}.card-back:before{content:'';position:absolute;inset:7px;border:1px solid #777552}.card-back span{font:26px var(--serif);z-index:1}.card-back small{position:absolute;bottom:13px;right:13px;font:8px var(--mono);color:#aaa882}.revealed-card{animation:card-reveal .55s cubic-bezier(.2,.75,.3,1) both}.opening-progress{font:9px var(--mono);letter-spacing:1.1px;color:#a5a692;margin:13px 0}.results-actions[hidden]{display:none}@keyframes wrapper-shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg) translateX(-2px)}75%{transform:rotate(3deg) translateX(2px)}}@keyframes wrapper-tear{0%{transform:rotateX(0) scaleY(1);opacity:1}45%{transform:rotateX(27deg) translateY(-9px) scaleY(.92)}100%{transform:rotateX(72deg) translateY(-85px) scaleY(.55);opacity:0}}@keyframes glint-sweep{0%{transform:translateX(-55%);opacity:0}45%{opacity:1}100%{transform:translateX(55%);opacity:0}}@keyframes card-reveal{0%{opacity:0;transform:rotateY(85deg) translateY(13px) scale(.93)}65%{transform:rotateY(-8deg) translateY(-3px)}100%{opacity:1;transform:rotateY(0) translateY(0) scale(1)}}
.card-label-bottom span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.showcase-overlay{overflow-y:auto}.booster-showcase{min-height:calc(100vh - 44px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 16px}.showcase-instruction{max-width:420px}.booster-showcase .pack-cinema{width:min(300px,68vw);height:min(390px,48vh);min-height:310px;margin:27px auto 33px;touch-action:pan-y}.booster-showcase .pack-foil{padding:24px 15px;font-size:13px;letter-spacing:2px;border-width:2px;background:radial-gradient(ellipse at 50% 34%,#a19a61,#53563d 42%,#25281e 82%);box-shadow:0 26px 70px #000b,inset 0 0 35px #e0d99b35}.booster-showcase .pack-foil b{font-size:84px}.booster-showcase .pack-foil small{font-size:9px}.booster-showcase .pack-cinema:before,.booster-showcase .pack-cinema:after{height:13px}.tear-tab{position:absolute;left:50%;bottom:-21px;z-index:4;width:132px;height:60px;transform:translateX(-50%) translateY(var(--pull-distance,0));border:1px solid #e5d58b;background:linear-gradient(150deg,#ded091,#827749);color:#242317;clip-path:polygon(0 0,100% 0,92% 78%,50% 100%,8% 78%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;cursor:grab;touch-action:none;box-shadow:0 8px 18px #0008;transition:transform .16s}.tear-tab:hover,.tear-tab.pulling{filter:brightness(1.18)}.tear-tab:active{cursor:grabbing}.tab-notch{font:23px var(--sans);line-height:19px}.tear-tab small{font:8px var(--mono);letter-spacing:1.5px}.pack-cinema.ready-to-tear .pack-foil{filter:brightness(1.15);transform:scale(1.025)}.pack-cinema.torn .tear-tab{opacity:0;transition:opacity .16s}.showcase-cost{font:9px var(--mono);letter-spacing:.9px;color:#9e9f93;margin:-10px 0 15px}.showcase-cost b{color:var(--lime);font-weight:400}.showcase-cost span{color:#777970}.booster-showcase>.primary-button{min-width:210px;justify-content:center}.booster-showcase>.primary-button:disabled{opacity:.65;cursor:wait}.reveal-showcase{padding-top:48px}.reveal-showcase .reveal-grid{max-width:760px;margin:28px auto;gap:17px}.reveal-showcase .reveal-grid .reveal-slot,.reveal-showcase .reveal-grid .revealed-card{width:min(158px,21vw)}.reveal-showcase .results-actions{margin-top:12px}
@media(max-width:600px){.booster-showcase{min-height:calc(100vh - 44px);padding:38px 8px}.booster-showcase h2{font-size:32px}.booster-showcase .pack-cinema{height:350px;min-height:300px;width:min(260px,70vw)}.booster-showcase .pack-foil b{font-size:68px}.reveal-showcase .reveal-grid{gap:9px}.reveal-showcase .reveal-grid .reveal-slot,.reveal-showcase .reveal-grid .revealed-card{width:calc(50% - 8px);max-width:145px}}
.tear-tab{transform:translateX(calc(-50% + var(--pull-x,0px))) rotate(var(--pull-angle,0deg));transition:transform .12s ease-out;touch-action:none}.tear-tab.pulling{transition:none}.booster-showcase .pack-cinema.torn .pack-foil{animation:pack-tear-side .62s cubic-bezier(.2,.8,.2,1) forwards}.booster-showcase .pack-cinema.torn:before{transform:translateX(var(--tear-travel,90px)) translateY(-46px) rotate(var(--tear-angle,24deg));opacity:0}.booster-showcase .pack-cinema.torn:after{transform:translateX(var(--tear-travel,90px)) translateY(46px) rotate(var(--tear-angle,24deg));opacity:0}@keyframes pack-tear-side{0%{transform:translateX(0) rotateY(0) rotateZ(0);opacity:1}45%{transform:translateX(var(--tear-midpoint,32px)) rotateY(var(--tear-angle,24deg)) rotateZ(var(--tear-half-angle,10deg))}100%{transform:translateX(var(--tear-travel,90px)) rotateY(var(--tear-angle,24deg)) rotateZ(var(--tear-angle,24deg));opacity:0}}

/* Pixeon · 16-bit arcade cabinet visual identity */
:root{--bg:#15121d;--panel:#211b2b;--panel2:#2b2236;--line:#514158;--muted:#b7a7bd;--text:#fff0cf;--lime:#77f2c3;--orange:#ff765c;--serif:'VT323',monospace;--mono:'VT323',monospace;--sans:'DM Sans',sans-serif;color-scheme:dark}
html{background:var(--bg);scrollbar-color:#795579 #17131e}
body{background:radial-gradient(ellipse at 82% 0%,#322039 0,transparent 38%),linear-gradient(180deg,#17131f,#11131a 72%);color:var(--text);font-size:15px}
body:after{content:'';position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#05040a 4px 5px);mix-blend-mode:multiply}
.sidebar{background:#191521;border-right:3px solid #49364d;box-shadow:5px 0 0 #0c0b11}
.wordmark{font-family:'Press Start 2P',monospace;font-size:12px;letter-spacing:-.6px;line-height:1.7;color:#fff0cf}
.wordmark-light{color:var(--lime)}
.wordmark small,.side-label,.crumb,.currency,.profile-name,.nav-item b,.level-chip small,.eyebrow,.stat span,.card-meta,.card-label-top,.rarity-tag,.progress-label,.toolbar select,.mission-foot span,.mission-foot b,.pack-option p,.pack-option b,.probability,.showcase-cost,.opening-progress{font-family:'VT323',monospace;letter-spacing:1.4px}
.vault-icon{border:2px solid var(--lime);color:var(--lime);font-family:'Press Start 2P',monospace;font-size:13px;transform:none;box-shadow:3px 3px 0 #ff765c}
.side-label{color:#dc9ce7;font-size:16px}
.nav-item{border:1px solid transparent;color:#c9bdd0;font-family:'VT323',monospace;font-size:19px;letter-spacing:.4px}
.nav-item span{color:#d59be3}
.nav-item:hover,.nav-item.active{background:#30243a;color:#fff0cf;border-color:#8f65a0;box-shadow:inset 4px 0 var(--lime),3px 3px 0 #0b0910}
.nav-item.active span,.level-gem,.level-chip small b{color:var(--lime)}
.level-chip{border:2px solid var(--line);background:#211b2b;box-shadow:3px 3px 0 #0c0b11}
.xp-track,.mini-track,.album-progress{height:6px;background:#100e17;border:1px solid #56425e}
.xp-track i,.mini-track i,.album-progress i{background:repeating-linear-gradient(90deg,var(--lime) 0 8px,#43bb9a 8px 10px)}
.text-button{font-family:'VT323',monospace;font-size:16px;color:#c4a9ca}
.legal-note{color:#a18ea8}
.main-area{background-image:radial-gradient(#76608218 1px,transparent 1px);background-size:8px 8px}
.topbar{height:68px;background:rgba(21,18,29,.94);border-bottom:2px solid #49364d;backdrop-filter:blur(8px)}
.crumb{color:#c6a8d2;font-size:15px}.crumb b{color:var(--lime)}.crumb i{color:#765c82}
.currency{font-size:16px;color:var(--text)}.currency span{color:var(--orange)}.currency small,.profile-name small{color:#bd9bc8}
.avatar{border-radius:0;background:#3b2946;color:var(--lime);font-family:'VT323',monospace;font-size:19px;border:1px solid #b47ac4;box-shadow:2px 2px 0 #09080d}
.content{padding-top:39px}
.eyebrow{color:var(--lime);font-size:15px;letter-spacing:2px;text-shadow:2px 2px #4c2652}
.hero h1,.page-title,.section-head h2,.detail-copy h2,.booster-panel h2{font-family:'VT323',monospace;font-weight:400;letter-spacing:0;text-transform:uppercase}
.hero h1{font-size:clamp(52px,6vw,78px);line-height:.87;color:#fff0cf;text-shadow:4px 4px 0 #5b3567}
.hero h1 em{color:var(--lime);font-style:normal;text-shadow:3px 3px 0 #ae4d5d}
.page-title{font-size:clamp(42px,5vw,58px);text-shadow:3px 3px 0 #4c315a}
.section-head h2{font-size:34px}.hero-copy>p:not(.eyebrow),.page-subtitle{color:#c6b9c8;line-height:1.7}
.primary-button,.secondary-button,.view-link,.skip-button,.claim-button,.toolbar input,.toolbar select,.searchbox input,.pack-option,.album-card,.mission-card,.profile-panel,.shelf-card,.mission-row,.detail-modal,.empty-state,.card-visual,.album-art,.level-chip{border-radius:0}
.primary-button{background:var(--lime);color:#17131f;border:2px solid #d3ffe9;box-shadow:4px 4px 0 #a4415e;font-family:'VT323',monospace;font-size:19px;letter-spacing:.5px}
.primary-button:hover{background:#b5ffdf;transform:translate(-1px,-1px);box-shadow:5px 5px 0 #a4415e}
.secondary-button{border:2px solid #9d77a8;color:#f3dff0;background:#251c30;font-family:'VT323',monospace;font-size:18px;box-shadow:3px 3px 0 #0b0910}
.secondary-button:hover{border-color:var(--lime);color:var(--lime)}
.hero-note{color:#b69dbb;font-size:14px}
.hero-art{border:3px solid #83628e;box-shadow:6px 6px 0 #0b0910;background:radial-gradient(ellipse at 70% 45%,#613a69 0,#32213c 42%,#191521 78%)}
.hero-art:before{background:linear-gradient(120deg,transparent 35%,#ff765c20 45%,transparent 55%),repeating-linear-gradient(0deg,transparent 0 15px,#d3a9de13 16px)}
.artifact{box-shadow:7px 9px 0 #0a080dcc,0 20px 45px #0008}.art-label{color:#d5b9d8}.art-label b{font-family:'VT323',monospace;font-size:22px;color:var(--lime)}
.stats-strip{border-color:#49364d}.stat{border-color:#49364d}.stat strong{font-family:'VT323',monospace;font-size:39px;color:#fff0cf;text-shadow:2px 2px #683d72}.stat span{color:#c2a9c7;font-size:14px}
.view-link{color:var(--lime);font-size:16px}.section-head .eyebrow{margin:0}
.card-row{gap:15px}.collectible{animation-timing-function:steps(5,end)}.card-visual{border:3px solid #765881;padding:5px;background:repeating-linear-gradient(135deg,#33253b 0 7px,#573d61 7px 12px);box-shadow:4px 4px 0 #0c0a11;transition:transform .15s steps(3,end),box-shadow .15s}
.collectible:hover .card-visual{transform:translate(-2px,-4px);box-shadow:7px 8px 0 #09070d}
.card-face{border:2px solid #b38cbd;background:radial-gradient(ellipse at 50% 43%,var(--glow,#777d55) 0,#353044 35%,#191722 75%)}.card-face:before{background:linear-gradient(140deg,transparent 30%,#fff3 44%,transparent 52%)}
.card-label-top,.card-label-bottom{font-family:'VT323',monospace;font-size:13px;letter-spacing:.8px;color:#fff1d1}.card-label-bottom{font-size:17px}.card-name{font-family:'VT323',monospace;font-size:19px;color:#fff0cf}.card-meta{font-size:14px;color:#c4acc9}.rarity-tag{font-size:14px}
.card-face.has-cover{background:#17131f}.card-art-image{background:#17131f}.card-face.has-cover:before{background:linear-gradient(180deg,#080611b8 0%,transparent 24%,transparent 66%,#080611d9 100%)}
.mission-card,.shelf-card,.album-card,.mission-row,.profile-panel{border:2px solid #514158;background:#211b2b;box-shadow:4px 4px 0 #0d0b12}
.mission-card h3,.shelf-card h3,.album-card h3,.mission-info h3,.profile-hero h2,.achievement h3{font-family:'VT323',monospace;font-size:22px;font-weight:400;color:#fff0cf}.mission-card p,.shelf-card p,.album-card p,.mission-info p,.achievement p{color:#c4afc9}
.mission-foot{border-color:#514158}.mission-foot span{font-size:14px;color:#dbc8df}.mission-foot b{font-size:15px;color:var(--lime)}
.shelf-card{background:linear-gradient(135deg,#352640,#211b2b)}.album-cover{border:2px solid #c092cb;background:repeating-linear-gradient(135deg,#382444 0 7px,#563362 7px 14px);color:var(--lime);box-shadow:3px 3px 0 #0b0910}
.toolbar input,.toolbar select,.searchbox input{background:#211b2b;border:2px solid #604a68;color:#fff0cf;font-family:'VT323',monospace;font-size:17px}.searchbox input::placeholder{color:#b39cba}.toolbar select{font-size:16px}
.searchbox span{color:var(--lime)}
.album-card:hover{border-color:var(--lime);transform:translate(-2px,-2px);box-shadow:6px 6px 0 #0d0b12}.album-art{border:2px solid #765881;background:repeating-linear-gradient(0deg,#211b2b 0 9px,#261e32 9px 18px),radial-gradient(circle at 50% 45%,var(--album-color,#64684a),#1b1d1a 65%);color:var(--lime)}.album-foot{font-size:14px;color:#c5adca}.album-foot b{color:var(--lime)}
.mission-icon{border:1px solid #805e8a;background:#352640;color:var(--lime)}.claim-button{border:2px solid #9a77a4;background:#352640;color:var(--lime);font:15px 'VT323',monospace;box-shadow:2px 2px 0 #0c0a10}.claim-button:disabled{color:#b8a6bd}
.avatar-large{border:2px solid var(--lime);background:#382643;color:var(--lime);font-family:'VT323',monospace;box-shadow:3px 3px 0 #a4415e}.profile-hero{border-color:#514158}.profile-hero p,.big-xp{font-family:'VT323',monospace;font-size:16px;color:#c4acc9}.big-xp b{color:var(--lime)}.achievement{border-color:#514158}.achievement-icon{border-color:#684f70;color:#aa8bb3}.achievement.unlocked .achievement-icon{color:var(--lime);border-color:var(--lime)}
.detail-overlay{background:#08070ccc;backdrop-filter:blur(5px)}.detail-modal{background:#211b2b;border:3px solid #8f65a0;box-shadow:7px 7px 0 #09070d}.detail-modal-art{background:#302239}.detail-copy h2{font-size:42px}.detail-copy .category,.detail-fact{font-family:'VT323',monospace;font-size:16px;color:#c5acca}.detail-copy>p{color:#e0d3df}.detail-fact{border-color:#514158}.detail-fact b{color:#fff0cf}.close-modal{color:var(--lime);font-family:'VT323',monospace;font-size:30px}
.toast{background:var(--lime);color:#17131f;border:2px solid #d3ffe9;box-shadow:4px 4px 0 #a4415e;font:18px 'VT323',monospace}
.booster-overlay{background:#0d0a14ee;backdrop-filter:blur(5px)}.booster-panel h2{font-size:48px;color:#fff0cf;text-shadow:3px 3px #613d70}.booster-panel>p{font-family:'VT323',monospace;font-size:18px;color:#d0bdd4}.pack-option{border:2px solid #604a68;background:#211b2b;box-shadow:3px 3px 0 #09070d}.pack-option.selected{border-color:var(--lime);background:#30253a;box-shadow:4px 4px 0 #b24d65}.pack-icon{border:1px solid #684e73;background:repeating-linear-gradient(135deg,#352640 0 8px,#251d30 8px 16px);color:var(--lime)}.pack-option h3{font:22px 'VT323',monospace;color:#fff0cf}.pack-option p,.pack-option b{font-size:15px}.pack-option b{color:var(--lime)}.probability{font-size:15px;color:#c0a9c5}.opening-card{border:3px solid #e1ad61;background:repeating-linear-gradient(135deg,#613a69 0 9px,#392540 9px 18px);box-shadow:0 0 0 4px #21172a,7px 7px 0 #09070d}.opening-card>div{border:2px solid #e5c17a;background:radial-gradient(circle,#bd7357,#30233a 60%,#17131e);color:#fff0cf}
.pack-foil{border:3px solid #d7aa64;background:repeating-linear-gradient(135deg,#492b54 0 10px,#34223f 10px 20px);box-shadow:0 0 0 4px #21172a,8px 10px 0 #09070d,inset 0 0 30px #ffb35d25;color:#fff0cf}.pack-foil b{color:var(--lime);text-shadow:3px 3px #9d4561}.pack-cinema:before,.pack-cinema:after{background:repeating-linear-gradient(90deg,#f2c46d 0 5px,#8c5c62 5px 9px)}.foil-glint{background:linear-gradient(110deg,transparent 38%,#fff0ca48 48%,transparent 57%)}.tear-tab{border:2px solid #fff0bd;background:repeating-linear-gradient(135deg,#ffcc73 0 8px,#e98c58 8px 15px);color:#261a2a;box-shadow:4px 5px 0 #09070d}.showcase-cost,.opening-progress{font-size:15px;color:#d5c3d9}.showcase-cost b{color:var(--lime)}.showcase-cost span{color:#ae96b4}
.card-back{border:2px solid #e2b967;background:repeating-linear-gradient(135deg,#392540 0 8px,#55385c 8px 16px);box-shadow:4px 5px 0 #09070d}.card-back:before{border:2px solid #b2849b}.card-back span{font-family:'Press Start 2P',monospace;font-size:19px;color:var(--lime)}.card-back small{font:13px 'VT323',monospace;color:#f2d5a5}.reveal-showcase .results-actions .secondary-button{font-size:17px}
.rarity-common .card-visual{border-color:#a59480}.rarity-uncommon .card-visual{border-color:#5cba96}.rarity-rare .card-visual{border-color:#79a8eb}.rarity-epic .card-visual{border-color:#c481d6;box-shadow:0 0 0 2px #502d5a,4px 4px 0 #0c0a11}.rarity-legendary .card-visual{border-color:#efbd60;box-shadow:0 0 0 2px #593e24,4px 4px 0 #0c0a11}.rarity-mythic .card-visual{border-color:#ff7187;box-shadow:0 0 0 2px #5d263d,4px 4px 0 #0c0a11}
button,input,select{border-radius:0}.empty-state{border:2px dashed #765881;color:#c6b1ca}.empty-state strong{font:32px 'VT323',monospace;color:#fff0cf}
@media(max-width:760px){.sidebar{background:#191521;border-right:3px solid #49364d}.hero h1{font-size:52px}.topbar{background:rgba(21,18,29,.96)}}
@media(prefers-reduced-motion:reduce){body:after{display:none}}

/* Booster reveal sequence: foil tear, sealed card stack, rarity-weighted flips */
.reveal-overlay{background:radial-gradient(ellipse at 50% 42%,#30213ddd 0,#17121deb 48%,#0b0910f5 100%)}
.reveal-overlay:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px 5px)}
.reveal-showcase{position:relative;z-index:1;width:min(920px,100%);padding-top:34px;padding-bottom:35px}
.reveal-showcase:before{content:'';position:absolute;z-index:-1;left:50%;top:45%;width:min(740px,95vw);height:420px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#7a438144 0,#532d6630 38%,transparent 72%);filter:blur(12px);animation:vault-pulse 2.8s ease-in-out infinite}
.reveal-showcase .result-text{min-height:22px;color:#f4e3c5;font:20px 'VT323',monospace;letter-spacing:.5px}
.reveal-showcase .reveal-grid{width:min(700px,100%);display:grid;grid-template-columns:repeat(4,minmax(0,145px));justify-content:center;align-items:start;gap:84px 19px;margin:29px auto 36px;perspective:1300px}
.reveal-showcase .reveal-slot,.reveal-showcase .revealed-card{position:relative;width:100%;aspect-ratio:.76;text-align:left;perspective:1000px;animation:sealed-deal .48s cubic-bezier(.2,.9,.3,1) both}
.reveal-showcase .reveal-slot:nth-child(2){animation-delay:.08s}.reveal-showcase .reveal-slot:nth-child(3){animation-delay:.16s}.reveal-showcase .reveal-slot:nth-child(4){animation-delay:.24s}
.reveal-showcase .reveal-slot .card-back{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border:3px solid #f0c77c;background:repeating-linear-gradient(135deg,#43284e 0 9px,#593361 9px 18px);box-shadow:0 0 0 3px #24152e,5px 7px 0 #08070b;transition:filter .3s,transform .3s}
.reveal-showcase .reveal-slot .card-back:before{inset:8px;border:2px solid #c99b75}.reveal-showcase .reveal-slot .card-back span{font-size:20px;text-shadow:2px 2px #a34463}.reveal-showcase .reveal-slot .card-back small{font-size:15px}
.flip-shell{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .78s cubic-bezier(.18,.74,.22,1)}
.flip-side{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.flip-front{transform:rotateY(180deg);pointer-events:none}
.flip-front>.collectible{position:absolute;inset:0 auto auto 0;width:100%;cursor:pointer}
.reveal-showcase .reveal-slot.flipped .flip-shell{transform:rotateY(180deg)}
.reveal-showcase .reveal-slot.flipped .flip-front{pointer-events:auto}
.reveal-showcase .flip-front .card-visual{width:100%;height:auto;aspect-ratio:.76}
.reveal-showcase .flip-front .card-name{font-size:17px}.reveal-showcase .flip-front .card-meta{font-size:13px}
.pull-stamp{position:absolute;left:0;right:0;top:calc(100% + 59px);text-align:center;color:var(--rarity-color);font:14px 'VT323',monospace;letter-spacing:1.2px;text-shadow:0 0 12px currentColor;white-space:nowrap;animation:stamp-pop .35s .52s both}
.rarity-burst{position:absolute;z-index:-1;inset:-35px;pointer-events:none;opacity:0;background:radial-gradient(circle,var(--rarity-color) 0,transparent 67%);filter:blur(14px)}
.reveal-showcase .reveal-slot.flipped .rarity-burst{animation:rarity-flash .82s .12s ease-out both}
.reveal-showcase .reveal-slot.current-pull .flip-front .card-visual{animation:card-impact .5s .45s cubic-bezier(.2,.8,.2,1) both}
.reveal-showcase .reveal-slot.rare-pull .card-visual,.reveal-showcase .reveal-slot.epic-pull .card-visual,.reveal-showcase .reveal-slot.legendary-pull .card-visual,.reveal-showcase .reveal-slot.mythic-pull .card-visual{box-shadow:0 0 0 2px color-mix(in srgb,var(--rarity-color),transparent 25%),0 0 24px color-mix(in srgb,var(--rarity-color),transparent 48%),5px 7px 0 #08070b}
.reveal-showcase .opening-progress{min-height:20px;font-size:17px;color:#dbc2de;text-shadow:2px 2px #28162f}
.reveal-showcase .results-actions{animation:result-rise .45s cubic-bezier(.2,.8,.2,1) both}
.reveal-showcase .skip-button{font:16px 'VT323',monospace;color:#d2b6d9;margin-top:7px}
@keyframes sealed-deal{from{opacity:0;transform:translateY(32px) rotateY(-18deg) scale(.85)}to{opacity:1;transform:translateY(0) rotateY(0) scale(1)}}
@keyframes rarity-flash{0%{opacity:0;transform:scale(.55)}30%{opacity:.72}100%{opacity:0;transform:scale(1.3)}}
@keyframes card-impact{0%{transform:scale(.94);filter:brightness(1.8)}55%{transform:scale(1.045);filter:brightness(1.25)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes stamp-pop{from{opacity:0;transform:translateY(8px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes result-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes vault-pulse{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
@media(max-width:760px){.reveal-showcase .reveal-grid{grid-template-columns:repeat(2,minmax(0,140px));gap:78px 20px;width:min(330px,100%);margin:24px auto 32px}.reveal-showcase .reveal-slot,.reveal-showcase .revealed-card{width:100%}.reveal-showcase .result-text{font-size:18px}}
@media(max-width:390px){.reveal-showcase .reveal-grid{column-gap:13px;row-gap:75px;width:min(300px,100%)}.reveal-showcase .flip-front .card-name{font-size:15px}.reveal-showcase .flip-front .card-meta{font-size:11px}}
.vault-icon{width:42px;height:42px;border:0;transform:none;object-fit:contain;flex:none}
.wordmark{display:block;gap:0}.wordmark-logo{display:block;width:100%;max-width:185px;height:auto}
.install-app-button{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #414638;background:#1c2018;color:var(--lime);font:10px var(--mono);letter-spacing:.35px;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s}.install-app-button:hover{background:#292e20;border-color:#707b45}.install-app-button span{font-size:14px}.install-app-button[hidden]{display:none}
@media(max-width:430px){.install-app-button{padding:7px 8px;font-size:9px}.top-actions{gap:9px}.currency{gap:4px}.currency small{display:none}}
@media(prefers-reduced-motion:reduce){.reveal-showcase:before{animation:none}.reveal-showcase .reveal-slot,.reveal-showcase .reveal-slot .flip-shell,.pull-stamp{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Local duplicate buyback market */
.nav-item #duplicate-count{min-width:22px;text-align:center;padding:1px 5px;border:1px solid #8b6695;color:var(--lime);background:#30243a;font-size:14px}
.market-stats .stat strong{color:var(--lime)}
.market-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-8px 0 18px;padding:13px 15px;border:2px solid #514158;background:linear-gradient(120deg,#30233a,#211b2b);box-shadow:3px 3px 0 #0b0910}
.market-toolbar .eyebrow{margin:0}.market-toolbar .primary-button{font-size:16px;padding:10px 14px}.market-toolbar .primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:4px 4px 0 #a4415e}
.market-list{display:grid;gap:13px}.market-row{display:grid;grid-template-columns:132px 1fr;gap:20px;align-items:center;padding:15px;border:2px solid #514158;background:#211b2b;box-shadow:4px 4px 0 #0d0b12;transition:transform .16s,border-color .16s,box-shadow .16s}.market-row:hover{transform:translate(-2px,-2px);border-color:#9b6ca7;box-shadow:6px 6px 0 #0d0b12}
.market-art{width:122px}.market-art .collectible{cursor:pointer}.market-art .card-visual{padding:4px}.market-art .card-name{font-size:17px}.market-art .card-meta{font-size:12px}
.market-details{min-width:0}.market-details>.eyebrow{font-size:13px;color:#d8a7e2}.market-details h2{margin:6px 0 5px;font:27px 'VT323',monospace;text-transform:uppercase;color:#fff0cf}.market-details>p{margin:0 0 12px;color:#c4afc9;font:16px 'VT323',monospace}.market-rate{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:9px 11px;border:1px dashed #765881;background:#191521;font:17px 'VT323',monospace;color:#c8afcf}.market-rate b{color:var(--lime);font-weight:400}.market-details .secondary-button{padding:9px 12px;font-size:16px}
.market-empty{display:grid;justify-items:center;text-align:center;padding:48px 22px;border:2px dashed #765881;background:#1d1726}.market-empty>span{display:grid;place-items:center;width:62px;height:62px;margin-bottom:13px;border:2px solid #9e73aa;color:var(--lime);font:34px 'VT323',monospace;box-shadow:4px 4px 0 #0d0b12}.market-empty h2{margin:0 0 8px;color:#fff0cf;font:30px 'VT323',monospace;text-transform:uppercase}.market-empty p{max-width:440px;margin:0 0 18px;color:#c4afc9;line-height:1.6}.market-note{margin:17px 0;color:#a98eaf;font:14px 'VT323',monospace;letter-spacing:.4px}
@media(max-width:600px){.market-toolbar{align-items:stretch;flex-direction:column}.market-toolbar .primary-button{justify-content:center}.market-row{grid-template-columns:88px minmax(0,1fr);gap:13px;padding:10px}.market-art{width:84px}.market-art .card-name{font-size:14px}.market-art .card-meta{font-size:10px}.market-details h2{font-size:22px}.market-details>.eyebrow{font-size:11px}.market-details>p{font-size:14px}.market-rate{font-size:15px;padding:8px}.market-details .secondary-button{font-size:14px;padding:8px 9px}}

/* Pack opening inspired by a sealed pixel-art booster with a pull-across top seam. */
.showcase-overlay{padding:0;background:radial-gradient(ellipse at 50% 58%,#190d1b 0,#08070d 68%);}
.booster-showcase{position:relative;width:min(100%,620px);min-height:100vh;padding:24px 24px 34px;justify-content:flex-start;overflow:hidden;}
.booster-showcase .close-modal{position:absolute;top:8px;right:16px;z-index:5;}
.opening-header{width:100%;display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;color:#f4eaf2;font:14px var(--mono);letter-spacing:2px;text-align:left;}
.opening-header img{width:31px;height:31px;object-fit:contain;}
.opening-cancel{justify-self:end;border:0;background:none;color:#f4eaf2;font:14px var(--mono);letter-spacing:2px;cursor:pointer;}
.opening-cancel:disabled{opacity:.5;cursor:wait;}
.showcase-kicker{margin:40px 0 0;color:#e1a4db;}
.booster-showcase .pack-cinema{position:relative;width:min(320px,64vw);height:min(520px,52vh);min-height:380px;margin:22px auto 10px;perspective:1000px;touch-action:pan-y;filter:drop-shadow(0 22px 48px #ec299b22);}
.booster-showcase .pack-foil{position:absolute;inset:10px 0 10px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:hidden;padding:38px 18px 25px;border:1px solid #a94699;background:radial-gradient(ellipse at 50% 60%,#632454 0,#28172e 38%,#10121d 78%);box-shadow:0 0 0 1px #e849a959,inset 0 0 42px #eb42c233,0 0 40px #da35a120;color:#f4eaf2;transform-origin:top center;}
.pack-pixels{position:absolute;inset:0;opacity:.75;background-image:linear-gradient(90deg,#ed44a71e 1px,transparent 1px),linear-gradient(#ed44a71e 1px,transparent 1px),linear-gradient(90deg,transparent 0 14px,#8a61d72a 15px 28px,transparent 29px),linear-gradient(transparent 0 14px,#d531991e 15px 28px,transparent 29px);background-size:30px 30px,30px 30px,60px 60px,60px 60px;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 83%);pointer-events:none;}
.pack-brand,.pack-mark,.pack-title,.pack-subtitle,.pack-count{position:relative;z-index:1;}
.pack-brand{align-self:flex-start;font:12px var(--mono);font-weight:700;letter-spacing:3px;color:#f2c7ec;}
.pack-mark{width:31%;height:auto;margin:35px 0 23px;filter:drop-shadow(0 0 20px #e934a766);}
.booster-showcase .pack-foil .pack-title{max-width:95%;font:700 clamp(20px,5vw,27px) var(--sans);line-height:1.1;color:#fff8fd;letter-spacing:.4px;text-transform:uppercase;text-shadow:0 2px 12px #f93aae66;}
.booster-showcase .pack-foil .pack-subtitle{margin-top:11px;font:10px var(--mono);letter-spacing:2px;color:#66d9f0;}
.pack-count{margin-top:auto;min-width:138px;padding:10px 17px;border:1px solid #cb3c91;border-radius:30px;background:#08070ddd;color:#f8edf7;font:12px var(--mono);font-weight:700;letter-spacing:2px;}
.booster-showcase .pack-cinema:before,.booster-showcase .pack-cinema:after{z-index:3;left:-3px;right:-3px;height:15px;background:repeating-linear-gradient(90deg,#d7d9e6 0 3px,#67687a 3px 6px,#dadbe5 6px 8px);filter:drop-shadow(0 1px 2px #000);}
.booster-showcase .pack-cinema:before{top:7px;}
.booster-showcase .pack-cinema:after{bottom:7px;}
.tear-tab{position:absolute;z-index:4;left:50%;top:-3px;width:min(230px,78%);height:52px;display:grid;place-items:center;transform:translateX(calc(-50% + var(--pull-x,0px))) rotate(var(--pull-angle,0deg));clip-path:none;border:0;border-top:2px solid #aeb0c0;border-bottom:2px dashed #f8e8f2;background:repeating-linear-gradient(90deg,#181622 0 4px,#a6a5b8 4px 6px,#393446 6px 8px);box-shadow:0 8px 15px #0008;color:#fff4fb;cursor:grab;touch-action:none;transition:transform .12s ease-out,opacity .3s;}
.tear-tab:active{cursor:grabbing;}
.tear-tab.pulling{transition:none;}
.tear-instruction{padding:5px 14px;border-radius:2px;background:#100c18e8;font:11px var(--mono);font-weight:700;letter-spacing:1.4px;white-space:nowrap;}
.pack-cinema.ready-to-tear .tear-tab{filter:brightness(1.45);}
.pack-cinema.ready-to-tear .pack-foil{filter:brightness(1.16);}
.pack-cinema.torn .tear-tab{animation:tab-rip .48s cubic-bezier(.2,.8,.2,1) forwards;}
.booster-showcase .pack-cinema.torn .pack-foil{animation:pack-open-dissolve .72s .12s cubic-bezier(.2,.75,.2,1) forwards;}
.booster-showcase .pack-cinema.torn:before{transform:translateX(var(--tear-travel,145px)) translateY(-34px) rotate(var(--tear-angle,18deg));opacity:0;}
.booster-showcase .pack-cinema.torn:after{transform:translateY(34px) scaleX(.65);opacity:0;}
.booster-showcase .foil-glint{z-index:2;opacity:0;background:linear-gradient(180deg,transparent 20%,#fff9ffb8 45%,#fa49b655 55%,transparent 78%);}
.booster-showcase .pack-cinema.torn .foil-glint{animation:opening-flash .65s .12s ease-out both;}
.showcase-instruction{max-width:330px;margin:6px 0 12px!important;color:#f1d6eb!important;font:600 16px var(--sans)!important;letter-spacing:.1px;}
.showcase-cost{margin:0 0 13px;color:#ead3e7;}
.showcase-cost b{color:#ff68c4;}
.showcase-cost span{color:#b59cb5;}
.booster-showcase>.primary-button{min-width:220px;justify-content:center;border-radius:28px;background:#f045ab;border-color:#ffb3e5;box-shadow:0 6px 24px #eb399a55;color:#170c1a;font:700 13px var(--sans);letter-spacing:.3px;}
.booster-showcase>.primary-button:hover{background:#ff76c6;box-shadow:0 8px 30px #eb399a77;}
.booster-showcase>.skip-button{margin-top:10px;color:#a994a8;font:11px var(--mono);}
@keyframes tab-rip{0%{transform:translateX(calc(-50% + var(--pull-x,0px))) rotate(var(--pull-angle,0deg));opacity:1}65%{transform:translateX(calc(-50% + var(--tear-travel,145px))) rotate(var(--tear-angle,18deg));opacity:1}100%{transform:translateX(calc(-50% + var(--tear-travel,145px))) translateY(-34px) rotate(var(--tear-angle,18deg));opacity:0}}
@keyframes pack-open-dissolve{0%{transform:rotateX(0) translateY(0) scale(1);opacity:1;filter:brightness(1)}35%{transform:rotateX(9deg) translateY(13px) scale(1.025);opacity:1;filter:brightness(1.6)}100%{transform:rotateX(-12deg) translateY(95px) scale(.84);opacity:0;filter:brightness(1.9)}}
@keyframes opening-flash{0%{opacity:0;transform:translateY(-55%)}35%{opacity:.9}100%{opacity:0;transform:translateY(75%)}}
@media(max-width:600px){.booster-showcase{padding:22px 17px 25px}.showcase-kicker{margin-top:36px}.booster-showcase .pack-cinema{width:min(320px,66vw);height:min(500px,47vh);min-height:350px;margin:22px auto 12px}.pack-mark{margin:27px 0 18px}.pack-title{font-size:clamp(18px,5vw,24px)}.showcase-instruction{font-size:14px!important}.opening-header{font-size:12px;letter-spacing:1.5px}.opening-cancel{font-size:12px;letter-spacing:1.5px}}
@media(max-height:750px){.booster-showcase{padding-top:12px;padding-bottom:15px}.showcase-kicker{margin-top:20px}.booster-showcase .pack-cinema{height:min(420px,48vh);min-height:280px;margin:13px auto 8px}.pack-mark{margin:17px 0 12px}.pack-count{padding:7px 14px}.showcase-instruction{margin:3px 0 7px!important}}
@media(prefers-reduced-motion:reduce){.booster-showcase .pack-cinema.torn .pack-foil,.pack-cinema.torn .tear-tab,.pack-cinema.torn .foil-glint{animation-duration:.01ms!important}}
.collection-empty{display:grid;justify-items:center;gap:11px;padding:48px 18px;}
.collection-empty>span{color:#c6b1ca;line-height:1.5;}
.collection-empty .primary-button{margin-top:7px;}

/* Collector view: an oversized card displayed on a lit archive plinth. */
.detail-overlay{padding:24px;background:#07060de8;backdrop-filter:blur(9px);}
.detail-modal{width:min(1040px,100%);max-width:none;max-height:min(88vh,900px);grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);overflow:hidden;border:1px solid #754b81;background:#15111e;box-shadow:0 28px 100px #000c,0 0 0 1px #ec72cf25;}
.detail-modal>.close-modal{z-index:5;top:12px;right:16px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #8b6695;background:#17111dbd;}
.detail-exhibit{position:relative;min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:40px 24px 27px;background:radial-gradient(ellipse at 50% 44%,#492956 0,#251a31 42%,#15111d 78%);border-right:1px solid #4f3456;}
.detail-exhibit:before{content:'';position:absolute;inset:0;opacity:.22;background-image:linear-gradient(90deg,#be75c01a 1px,transparent 1px),linear-gradient(#be75c01a 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);pointer-events:none;}
.exhibit-label,.exhibit-caption{position:relative;z-index:1;color:#d7b4db;font:11px var(--mono);letter-spacing:1.6px;text-align:center;}
.exhibit-label{margin:0 0 18px;}
.display-stage{position:relative;width:min(100%,420px);min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1000px;}
.display-halo{position:absolute;left:50%;top:44%;width:360px;height:360px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#e949b34d 0,#9445ae24 37%,transparent 70%);filter:blur(8px);animation:exhibit-glow 3.4s ease-in-out infinite;}
.display-card{position:relative;z-index:2;transform:rotateY(-7deg) rotateZ(-2deg);animation:card-float 4.5s ease-in-out infinite;filter:drop-shadow(0 18px 28px #090610b0);}
.display-card .collectible{width:225px;cursor:default;animation:none;}
.display-card .card-visual{width:100%;padding:7px;border-width:3px;box-shadow:0 0 0 2px #f0a1e766,0 18px 38px #05040999;}
.display-card .card-name,.display-card .card-meta{display:none;}
.display-stand{position:relative;z-index:1;width:min(88%,340px);height:63px;margin-top:-7px;display:grid;place-items:center;border:1px solid #e28dd2;border-radius:50% / 30%;background:linear-gradient(180deg,#b466be 0,#593263 24%,#2a1934 72%,#120e18 100%);box-shadow:0 17px 28px #08050db3,inset 0 6px 11px #ffd7fa55;transform:perspective(330px) rotateX(13deg);}
.display-stand:before{content:'';position:absolute;left:5%;right:5%;top:-11px;height:28px;border:1px solid #f1b1e8;border-radius:50%;background:linear-gradient(180deg,#d999dc,#89508d 75%);box-shadow:0 0 20px #da67ca88;}
.display-stand span{position:relative;z-index:1;margin-top:13px;color:#f9ddf2;font:9px var(--mono);letter-spacing:1.5px;text-shadow:0 1px #42164b;}
.exhibit-caption{margin:23px 0 0;color:#b697bd;font-size:10px;letter-spacing:.8px;}
.exhibit-caption span{padding:0 5px;color:#ed70c3;}
.detail-copy{min-width:0;overflow:auto;padding:46px 42px 34px;scrollbar-color:#71517a transparent;}
.detail-copy>.eyebrow{margin:0 0 8px;color:#e69bd8;}
.detail-copy h2{margin:0 32px 10px 0;font-size:clamp(30px,4vw,45px);line-height:.98;color:#fff3fc;text-shadow:2px 3px #572e68;}
.detail-badges{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 22px;}
.detail-badges span{padding:5px 9px;border:1px solid #714e7c;background:#261b2e;color:#e4cce7;font:10px var(--mono);letter-spacing:.8px;}
.game-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px;}
.game-fact{min-width:0;padding:13px 14px;border:1px solid #60466a;background:linear-gradient(135deg,#2c2034,#1b1623);box-shadow:3px 3px #0b0911;}
.game-fact span,.archive-credits span{display:block;color:#ba9dc2;font:10px var(--mono);letter-spacing:1px;}
.game-fact b{display:block;margin-top:8px;color:#fff0cf;font:19px 'VT323',monospace;line-height:1.1;overflow-wrap:anywhere;}
.game-story{position:relative;margin:0 0 19px;padding:17px 17px 15px;border-left:3px solid #e74eaf;background:linear-gradient(110deg,#392342,#211927 82%);}
.game-story:after{content:'✦';position:absolute;right:14px;top:10px;color:#ef86d1;opacity:.75;}
.game-story .eyebrow{margin:0 0 9px;font-size:10px;}
.game-story>p:last-child{margin:0;color:#e0d0e2;font:14px/1.72 var(--sans);}
.archive-credits{display:grid;grid-template-columns:95px 1fr;align-items:baseline;gap:7px 12px;padding:3px 0 13px;border-bottom:1px solid #49374f;}
.archive-credits b{color:#f0e3ef;font:14px 'VT323',monospace;letter-spacing:.3px;}
.game-source{display:inline-flex;align-items:center;gap:9px;margin:14px 0 7px;padding:10px 13px;border:1px solid #4d8993;background:linear-gradient(110deg,#16303a,#211a2b);color:#83e5ef;font:11px var(--mono);letter-spacing:.8px;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;}
.game-source span{font-size:15px;}
.game-source:hover{border-color:#83e5ef;background:#1d3a42;transform:translateY(-1px);}
.cover-tools{margin-top:10px;padding-top:11px;border-top:1px solid #49374f;color:#cdb7d0;}
.cover-tools summary{cursor:pointer;color:#caa8d0;font:11px var(--mono);letter-spacing:.5px;}
.cover-tools label{display:block;margin:13px 0 6px;color:#cdb7d0;font:11px var(--mono);}
.cover-tools input[type=text]{width:100%;padding:9px 10px;border:1px solid #63496b;background:#110e17;color:#f5eaf5;font-size:12px;}
.cover-tools>small{display:block;margin-top:9px;color:#a994ad;font-size:10px;line-height:1.5;}
.detail-copy .cover-actions{margin-top:8px;}
@keyframes card-float{0%,100%{transform:translateY(0) rotateY(-7deg) rotateZ(-2deg)}50%{transform:translateY(-10px) rotateY(5deg) rotateZ(1deg)}}
@keyframes exhibit-glow{0%,100%{opacity:.56;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
@media(max-width:700px){.detail-overlay{padding:0;place-items:stretch;overflow-y:auto}.detail-modal{width:100%;max-height:none;min-height:100vh;grid-template-columns:1fr;overflow:visible;border:0;border-radius:0;}.detail-exhibit{min-height:410px;padding:28px 20px 16px;border-right:0;border-bottom:1px solid #4f3456;}.exhibit-label{margin:0 0 8px;}.display-stage{min-height:310px;}.display-halo{width:280px;height:280px;}.display-card .collectible{width:155px;}.display-stand{width:min(78%,280px);height:51px;}.display-stand span{font-size:8px;}.exhibit-caption{margin-top:15px;}.detail-copy{overflow:visible;padding:29px 23px 34px;}.detail-copy h2{font-size:34px;}.detail-modal>.close-modal{position:fixed;top:10px;right:11px;}}
@media(max-width:380px){.detail-exhibit{min-height:380px;}.detail-copy{padding-right:17px;padding-left:17px;}.game-facts{gap:7px;}.game-fact{padding:11px 10px;}}
@media(prefers-reduced-motion:reduce){.display-card,.display-halo{animation:none!important;}}

/* Refined Collector Coin back in Pixeon's retro palette */
.card-back{isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 8px;border:2px solid #e1ad61!important;border-radius:12px;background:radial-gradient(ellipse at 50% 38%,#57385f 0,#302239 53%,#1d1726 100%)!important;box-shadow:inset 0 0 0 3px #21172a,inset 0 0 0 4px #9b719e,0 0 0 3px #21172a,5px 7px 0 #08070b!important;color:#fff0cf;overflow:hidden}
.card-back:before{z-index:-1;inset:7px!important;border:1px solid #d9b87599!important;border-radius:8px;background:repeating-linear-gradient(0deg,transparent 0 9px,#f2c46d0b 9px 10px),repeating-linear-gradient(90deg,transparent 0 9px,#e74eaf0a 9px 10px)}
.card-back:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,transparent 15%,#f2c46d16 15.2%,transparent 15.8% 84%,#e74eaf18 84.2%,transparent 85%);pointer-events:none}
.card-back .back-kicker{position:relative;z-index:1;width:100%;font:6px var(--mono)!important;letter-spacing:.75px;color:#e3c9d7;text-align:center;white-space:nowrap;text-shadow:none!important}
.card-back .back-emblem{position:relative;z-index:1;display:grid;place-items:center;width:51%;aspect-ratio:1;border:2px solid #f2c46d;border-radius:50%;background:radial-gradient(circle,#563759 0,#2b2034 68%);box-shadow:0 0 0 3px #24182c,0 0 0 4px #a86b91,inset 0 0 0 4px #21172a,inset 0 0 0 5px #e6b65e77}
.card-back .back-emblem:before,.card-back .back-emblem:after{content:"";position:absolute;left:50%;top:50%;width:145%;height:1px;background:linear-gradient(90deg,transparent,#f2c46d99,transparent);transform:translate(-50%,-50%) rotate(45deg)}
.card-back .back-emblem:after{transform:translate(-50%,-50%) rotate(-45deg);background:linear-gradient(90deg,transparent,#e74eaf99,transparent)}
.card-back .back-emblem img{position:relative;z-index:1;width:72%;height:72%;object-fit:contain;border-radius:25%;filter:sepia(.45) saturate(1.45) hue-rotate(290deg) drop-shadow(0 0 6px #f2c46d88)}
.card-back .back-title{position:relative;z-index:1;color:#fff0cf;font:clamp(8px,1.25vw,12px) var(--mono);font-weight:500;letter-spacing:1.4px;line-height:1.65;text-align:center;text-shadow:0 0 10px #e74eaf44}
.card-back small{position:absolute;right:13px;bottom:12px;z-index:1;font:8px var(--mono)!important;letter-spacing:.7px;color:#f2d5a5!important}
.card-back small i{padding:0 2px;color:#e74eaf;font-style:normal}
.reveal-showcase .reveal-slot .card-back{border-radius:14px}
.reveal-showcase .reveal-slot .card-back .back-kicker{font-size:7px!important}
.reveal-showcase .reveal-slot .card-back .back-title{font-size:clamp(9px,1.3vw,13px)}
.reveal-showcase .reveal-slot .card-back small{font-size:9px!important}

/* Albums reveal only acquired games. Unknown slots contain no game metadata. */
.album-entry{position:relative;min-width:0}.album-entry .collectible{height:100%}
.album-discovery-note{margin:-10px 0 24px;color:#bca6c5;font:12px/1.6 var(--sans)}
.album-locked-visual{position:relative;display:grid;place-items:center;aspect-ratio:.76;overflow:hidden;border:2px solid #594260;background:radial-gradient(ellipse at 50% 44%,#402c48,#241c2e 70%);box-shadow:4px 4px 0 #0c0a11;color:#84658f}
.album-locked-visual:before{content:'';position:absolute;inset:7px;border:1px solid #77578066;background:repeating-linear-gradient(135deg,transparent 0 10px,#ad83b10a 10px 11px)}
.album-locked-visual .locked-index{position:absolute;top:13px;left:13px;font:9px var(--mono);letter-spacing:1px;color:#9b81a6}
.album-locked-visual .locked-symbol{display:grid;place-items:center;width:48%;aspect-ratio:1;border:1px solid #88629666;border-radius:50%;font:clamp(30px,4vw,49px) 'VT323',monospace;text-shadow:0 0 18px #a16da03b}
.album-locked-visual .locked-seal{position:absolute;bottom:16px;font:8px var(--mono);letter-spacing:3px;color:#84678e}
.locked-name{margin:9px 0 3px;font:19px 'VT323',monospace;color:#aa91b4}.locked-hint{margin:0;color:#856f91;font:11px var(--sans)}
.card-face.has-placeholder{background:radial-gradient(ellipse at 50% 40%,#704578,#30233a 56%,#17131f)}.cover-placeholder{position:absolute;z-index:0;inset:24px 12px 22px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:9px;border:1px solid #d3a968;background:repeating-linear-gradient(135deg,#422a4a 0 8px,#35233e 8px 16px);color:#fff0cf;text-align:center;overflow:hidden}.cover-placeholder:before,.cover-placeholder:after{content:'';position:absolute;left:-15%;right:-15%;height:1px;background:#e6c47677;transform:rotate(-28deg)}.cover-placeholder:before{top:26%}.cover-placeholder:after{bottom:25%}.cover-placeholder span{font:10px 'Press Start 2P',monospace;line-height:1.6;color:var(--lime)}.cover-placeholder b{position:relative;z-index:1;font:24px 'VT323',monospace;line-height:.95;text-transform:uppercase;text-shadow:2px 2px #a34463}.cover-placeholder small{font:12px 'VT323',monospace;letter-spacing:1.2px;color:#eac78b}

/* Public onboarding: clarify guest persistence before collecting. */
.session-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 32px 0;padding:12px 16px;border:1px solid #b19a6b55;border-radius:12px;background:#b19a6b10;color:inherit;font-size:13px}
.session-notice[hidden]{display:none}
.session-notice .text-button{margin:0;white-space:nowrap}
@media(max-width:700px){.session-notice{margin:12px 16px 0}}