.app-page{padding:58px 0 30px}.app-page-head{display:flex;margin-bottom:30px;align-items:end;justify-content:space-between;gap:20px}.app-page-head h1{margin:10px 0 0;font-size:clamp(2.6rem,6vw,4.8rem);line-height:.98}.app-page-head p{max-width:560px;color:var(--muted-strong)}.profile-page-title{display:flex;align-items:center;gap:20px}.profile-page-title>div{min-width:0}.profile-rank-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.profile-rank-tag{--tag-color:#94a3b8;display:inline-flex;min-height:24px;align-items:center;border:1px solid color-mix(in srgb,var(--tag-color) 65%,transparent);border-radius:999px;padding:3px 9px;color:color-mix(in srgb,var(--tag-color) 80%,white);background:color-mix(in srgb,var(--tag-color) 13%,rgba(5,8,14,.92));box-shadow:0 0 15px color-mix(in srgb,var(--tag-color) 16%,transparent);font-size:.58rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.profile-member-since{display:block;margin-top:8px;color:var(--muted);font-size:.68rem}.profile-content{display:grid;gap:38px}.profile-section{display:grid;gap:18px}.profile-section+.profile-section{border-top:1px solid rgba(255,255,255,.08);padding-top:34px}.profile-section-heading h2{margin-top:7px;font-size:2.5rem}.profile-xp-card{--rank-color:#94a3b8;display:grid;min-height:168px;align-items:center;gap:22px;border-color:color-mix(in srgb,var(--rank-color) 34%,rgba(255,255,255,.08));padding:25px;background:radial-gradient(circle at 0 50%,color-mix(in srgb,var(--rank-color) 17%,transparent),transparent 34%),linear-gradient(145deg,rgba(22,28,43,.84),rgba(10,13,21,.88));grid-template-columns:auto minmax(0,1fr) auto;box-shadow:0 18px 44px rgba(0,0,0,.25),0 0 28px color-mix(in srgb,var(--rank-color) 8%,transparent)}.profile-xp-emblem{display:grid;width:58px;height:58px;place-items:center;border:1px solid color-mix(in srgb,var(--rank-color) 65%,transparent);border-radius:18px;color:color-mix(in srgb,var(--rank-color) 78%,white);background:color-mix(in srgb,var(--rank-color) 12%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--rank-color) 18%,transparent)}.profile-xp-main{min-width:0}.profile-xp-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}.profile-xp-heading span{color:var(--muted);font-size:.61rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.profile-xp-heading h2{margin-top:2px;color:color-mix(in srgb,var(--rank-color) 80%,white);font-size:2rem;line-height:1}.profile-xp-heading>strong{color:white;font-family:ui-monospace,monospace;font-size:.9rem}.profile-xp-bar{overflow:hidden;height:9px;margin-top:18px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}.profile-xp-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--rank-color) 70%,#111827),var(--rank-color));box-shadow:0 0 18px color-mix(in srgb,var(--rank-color) 52%,transparent)}.profile-xp-foot{display:flex;margin-top:8px;justify-content:space-between;gap:18px;color:var(--muted);font-size:.62rem}.profile-xp-foot b{color:color-mix(in srgb,var(--rank-color) 62%,white);font-weight:750}.profile-xp-rule{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--rank-color) 28%,transparent);border-radius:999px;padding:7px 10px;color:color-mix(in srgb,var(--rank-color) 65%,white);background:rgba(5,8,14,.48);font-size:.6rem;font-weight:800;white-space:nowrap}.profile-head-rank{width:min(100%,570px)}.profile-head-rank .profile-xp-card{min-height:150px;padding:20px;grid-template-columns:auto minmax(0,1fr)}.profile-head-rank .profile-xp-emblem{width:50px;height:50px;border-radius:15px}.profile-head-rank .profile-xp-rule{width:fit-content;grid-column:2}.profile-stat-overview{display:grid;gap:16px;grid-template-columns:minmax(210px,.7fr) minmax(280px,1fr) minmax(340px,1.3fr)}.profile-stat-card{display:flex;min-height:144px;align-items:center;gap:18px;padding:24px}.profile-stat-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border:1px solid rgba(73,217,223,.28);border-radius:14px;color:var(--cyan);background:rgba(73,217,223,.08)}.profile-stat-icon.violet{border-color:rgba(131,103,255,.32);color:var(--violet-bright);background:rgba(131,103,255,.1)}.profile-stat-icon.gold{border-color:rgba(231,189,103,.32);color:var(--gold);background:rgba(231,189,103,.1)}.profile-stat-card small{display:block;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.profile-stat-card strong{display:block;margin-top:4px;font-family:Iowan Old Style,serif;font-size:2.55rem;font-weight:500;line-height:1}.profile-completion-card>b{margin-left:auto;color:var(--cyan);font-family:ui-monospace,monospace;font-size:1.15rem}.profile-completion-copy{min-width:0;flex:1}.profile-completion-copy strong em{color:var(--muted);font-size:1.15rem;font-style:normal}.profile-completion-bar{overflow:hidden;height:6px;margin-top:16px;border-radius:999px;background:rgba(255,255,255,.07)}.profile-completion-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet-bright),var(--cyan));box-shadow:0 0 14px rgba(73,217,223,.35)}.profile-sales-metrics{display:grid;width:100%;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-sales-metrics>div+div{border-left:1px solid rgba(255,255,255,.08);padding-left:14px}.profile-sales-metrics strong{display:flex;align-items:baseline;gap:6px;font-size:1.8rem}.profile-rarity-stats{display:grid;gap:10px;grid-template-columns:repeat(7,minmax(0,1fr))}.profile-rarity-stat{--rarity-color:#93a4b8;min-width:0;padding:17px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--rarity-color) 13%,transparent),transparent 45%),linear-gradient(145deg,rgba(22,28,43,.8),rgba(10,13,21,.84))}.profile-rarity-stat .rarity-badge{max-width:100%;overflow:hidden;padding-inline:7px;font-size:.52rem;text-overflow:ellipsis;white-space:nowrap}.profile-rarity-stat strong{display:block;margin-top:24px;color:color-mix(in srgb,var(--rarity-color) 74%,white);font-family:Iowan Old Style,serif;font-size:2rem;font-weight:500;line-height:1}.profile-rarity-stat>small{color:var(--muted);font-size:.65rem}.showcase-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.showcase-head h2{font-size:2.5rem}.showcase-head p{max-width:620px;margin-top:5px;color:var(--muted-strong);font-size:.82rem}.showcase-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.showcase-slots{display:grid;gap:10px;grid-template-columns:repeat(8,minmax(0,1fr))}.showcase-slot{--rarity-color:#93a4b8;--rarity-border-secondary:white;position:relative;overflow:hidden;min-width:0;aspect-ratio:.69;border:1px dashed rgba(255,255,255,.13);border-radius:14px;color:var(--muted);background:rgba(255,255,255,.018)}.showcase-slot.filled{isolation:isolate;border:2px solid color-mix(in srgb,var(--rarity-color) 62%,transparent);padding:0;color:white;background:linear-gradient(150deg,color-mix(in srgb,var(--rarity-color) 12%,#171d2b),#080b12 58%);box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 22px color-mix(in srgb,var(--rarity-color) 18%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--rarity-color) 14%,transparent);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.showcase-slot.filled:hover{border-color:color-mix(in srgb,var(--rarity-color) 92%,white 8%);box-shadow:0 18px 34px rgba(0,0,0,.34),0 0 30px color-mix(in srgb,var(--rarity-color) 28%,transparent);transform:translateY(-4px)}a.showcase-slot,button.showcase-slot{cursor:pointer}.showcase-slot.empty{display:grid;place-content:center;justify-items:center;gap:8px;font-size:.58rem}.showcase-slot .card-art{position:absolute;z-index:0;inset:0;min-height:100%;border:0;border-radius:0}.showcase-card-shade,.showcase-slot-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(2,4,8,.03) 35%,rgba(2,4,8,.96))}.showcase-slot>svg{position:absolute;z-index:3;top:7px;right:7px;border-radius:50%;padding:2px;background:rgba(4,6,11,.78)}.showcase-picker{padding:18px}.showcase-picker-head{display:flex;margin-bottom:16px;align-items:center;justify-content:space-between;gap:16px}.showcase-picker-head h3{font-family:Iowan Old Style,serif;font-size:1.65rem;font-weight:500}.showcase-picker-head>div>span{color:var(--muted);font-size:.68rem}.showcase-picker-head .catalog-search{width:min(100%,320px)}.showcase-picker-grid{display:grid;gap:9px;grid-template-columns:repeat(8,minmax(0,1fr))}.showcase-card-choice{--rarity-color:#93a4b8;--rarity-border-secondary:white;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:.78;border:2px solid color-mix(in srgb,var(--rarity-color) 58%,rgba(255,255,255,.08));border-radius:12px;padding:0;color:white;background:linear-gradient(150deg,color-mix(in srgb,var(--rarity-color) 12%,#171d2b),#080b12 58%);box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 16px color-mix(in srgb,var(--rarity-color) 13%,transparent);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.showcase-card-choice:hover{border-color:color-mix(in srgb,var(--rarity-color) 92%,white 8%);box-shadow:0 16px 30px rgba(0,0,0,.36),0 0 26px color-mix(in srgb,var(--rarity-color) 25%,transparent);transform:translateY(-3px)}.showcase-card-choice.selected{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(73,217,223,.18),0 0 24px rgba(73,217,223,.12)}.showcase-card-choice .card-art{position:absolute;z-index:0;inset:0;min-height:100%;border:0;border-radius:0}.showcase-selected{position:absolute;z-index:5;right:6px;top:6px;display:flex;align-items:center;gap:3px;border-radius:999px;padding:3px 6px;color:#bffafb;background:rgba(9,47,49,.92);box-shadow:0 4px 14px rgba(0,0,0,.34);font-size:.48rem;font-weight:800}.showcase-modal-backdrop{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:22px;background:rgba(2,4,8,.82);backdrop-filter:blur(12px)}.showcase-modal{position:relative;display:grid;overflow:hidden;width:min(100%,1180px);max-height:min(900px,calc(100vh - 44px));border-color:rgba(131,103,255,.28);padding:0;background:radial-gradient(circle at 100% 0,rgba(131,103,255,.16),transparent 34%),linear-gradient(145deg,rgba(20,25,39,.99),rgba(7,10,17,.99));grid-template-rows:auto auto minmax(0,1fr) auto;box-shadow:0 34px 90px rgba(0,0,0,.62),0 0 44px rgba(131,103,255,.12)}.showcase-modal-head{position:relative;padding:25px 72px 20px 25px}.showcase-modal-head h2{margin-top:6px;font-size:2.35rem;line-height:1}.showcase-modal-head p{max-width:650px;margin-top:7px;color:var(--muted-strong);font-size:.76rem}.showcase-modal-close{position:absolute;top:18px;right:18px;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:var(--muted);background:rgba(0,0,0,.16);cursor:pointer}.showcase-modal-close:hover{color:white;background:rgba(255,255,255,.06)}.showcase-modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-block:1px solid rgba(255,255,255,.07);padding:12px 25px;background:rgba(0,0,0,.12)}.showcase-modal-toolbar .catalog-search{display:flex;width:min(100%,420px);min-height:42px;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:0 12px;color:var(--muted);background:rgba(0,0,0,.18)}.showcase-modal-toolbar .catalog-search input{width:100%;border:0;outline:0;color:white;background:transparent;font-size:.78rem}.showcase-modal-controls{display:flex;align-items:center;gap:9px}.showcase-sort-control{display:flex;min-height:40px;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:0 11px;color:var(--muted);background:rgba(0,0,0,.18)}.showcase-sort-control select{min-width:168px;border:0;outline:0;color:white;background:transparent;font-size:.72rem;cursor:pointer}.showcase-modal-body{overflow-y:auto;min-height:0;padding:22px 25px}.showcase-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.08);padding:14px 25px;background:rgba(0,0,0,.16)}.showcase-modal-foot>span{color:var(--muted);font-size:.68rem}.profile-card-gallery{display:grid;gap:10px;grid-template-columns:repeat(8,minmax(0,1fr))}.profile-gallery-card{--rarity-color:#93a4b8;--rarity-border-secondary:white;position:relative;isolation:isolate;display:block;overflow:hidden;min-width:0;aspect-ratio:.69;border:2px solid color-mix(in srgb,var(--rarity-color) 62%,transparent);border-radius:14px;color:white;background:linear-gradient(150deg,color-mix(in srgb,var(--rarity-color) 12%,#171d2b),#080b12 58%);box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 22px color-mix(in srgb,var(--rarity-color) 18%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--rarity-color) 14%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.profile-gallery-card:hover{border-color:color-mix(in srgb,var(--rarity-color) 88%,white 8%);box-shadow:0 18px 34px rgba(0,0,0,.34),0 0 26px color-mix(in srgb,var(--rarity-color) 24%,transparent);transform:translateY(-4px)}.profile-gallery-card .card-art{position:absolute;z-index:0;inset:0;min-height:100%;border:0;border-radius:0}.profile-gallery-card-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(2,4,8,.05) 40%,rgba(2,4,8,.95))}.profile-gallery-card .rarity-badge,.showcase-card-choice .rarity-badge,.showcase-slot .rarity-badge{position:absolute;z-index:4;top:7px;left:7px;overflow:hidden;max-width:calc(100% - 14px);border-color:color-mix(in srgb,var(--rarity-color) 70%,transparent)!important;border-radius:6px;padding:4px 6px;color:color-mix(in srgb,var(--rarity-color) 82%,white)!important;background:color-mix(in srgb,var(--rarity-color) 14%,rgba(4,6,11,.9))!important;box-shadow:0 4px 14px rgba(0,0,0,.38),0 0 12px color-mix(in srgb,var(--rarity-color) 11%,transparent);font-size:.46rem;text-overflow:ellipsis;white-space:nowrap}.showcase-card-choice.selected .rarity-badge{max-width:52%}.profile-card-platforms{position:absolute;z-index:4;right:7px;bottom:8px;left:7px;display:flex;overflow:hidden;flex-wrap:wrap;gap:4px}.profile-card-platforms>span{overflow:hidden;max-width:calc(50% - 2px);border:1px solid color-mix(in srgb,var(--rarity-color) 35%,rgba(255,255,255,.12));border-radius:5px;padding:3px 5px;color:color-mix(in srgb,var(--rarity-color) 36%,#e6edf6);background:rgba(3,6,11,.78);box-shadow:0 4px 12px rgba(0,0,0,.32);font-family:ui-monospace,monospace;font-size:.45rem;font-weight:800;letter-spacing:.03em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.profile-gallery-card:before,.showcase-card-choice:before,.showcase-slot.filled:before{position:absolute;z-index:2;inset:0;content:"";pointer-events:none;opacity:.16;background:linear-gradient(112deg,transparent 33%,color-mix(in srgb,var(--rarity-color) 58%,transparent) 48%,rgba(255,255,255,.34) 51%,transparent 67%);background-position:180% 0;background-size:260% 220%;mix-blend-mode:color-dodge;transition:opacity .22s ease}.profile-gallery-card:hover:before,.showcase-card-choice:hover:before,.showcase-slot.filled:hover:before{opacity:.68;animation:rarity-roam 2.8s ease-in-out infinite}.profile-gallery-card.rarity-legendary:after,.profile-gallery-card.rarity-mythic:after,.profile-gallery-card.rarity-relic:after,.showcase-card-choice.rarity-legendary:after,.showcase-card-choice.rarity-mythic:after,.showcase-card-choice.rarity-relic:after,.showcase-slot.filled.rarity-legendary:after,.showcase-slot.filled.rarity-mythic:after,.showcase-slot.filled.rarity-relic:after{position:absolute;z-index:6;inset:0;border-radius:inherit;padding:3px;content:"";pointer-events:none;background:conic-gradient(from var(--rarity-border-angle),transparent 0 14%,var(--rarity-color) 23%,white 29%,var(--rarity-border-secondary) 37%,transparent 49% 66%,color-mix(in srgb,var(--rarity-color) 78%,white) 78%,transparent 90% 100%);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--rarity-color) 72%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:rarity-border-orbit 3.4s linear infinite}.profile-card-gallery-empty{display:flex;min-height:120px;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--muted);font-size:.78rem}.preview-banner{display:flex;margin-bottom:24px;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(231,189,103,.22);border-radius:14px;padding:14px 16px;color:#ead7ad;background:rgba(231,189,103,.06);font-size:.82rem}.dashboard-grid{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}.dashboard-card{min-height:180px;padding:24px}.wallet-balance{display:flex;min-height:132px;align-items:center;gap:18px;padding:24px;grid-column:span 5}.wallet-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border:1px solid rgba(231,189,103,.3);border-radius:50%;color:var(--gold);background:rgba(231,189,103,.08)}.wallet-balance span{color:var(--muted);font-size:.72rem}.wallet-balance strong{display:block;margin-top:2px;font-family:Iowan Old Style,serif;font-size:2rem;font-weight:500}.wallet-balance small{color:var(--gold);font-family:Avenir Next,sans-serif;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.wallet-balance p{margin-left:auto;color:var(--muted);font-size:.7rem}.museum-level{display:flex;min-height:132px;align-items:center;justify-content:space-between;grid-column:span 4}.museum-level strong{font-family:Iowan Old Style,serif;font-size:2.2rem;font-weight:500}.level-ring{display:grid;width:68px;height:68px;place-items:center;border:4px solid rgba(131,103,255,.2);border-top:4px solid var(--violet-bright);border-radius:50%;color:var(--violet-bright);font-size:.76rem;font-weight:800}.booster-count{min-height:132px;grid-column:span 3;background:radial-gradient(circle at 90% 20%,rgba(73,217,223,.15),transparent 38%),linear-gradient(145deg,rgba(22,28,43,.8),rgba(10,13,21,.84))}.booster-count-main{display:flex;align-items:center;gap:13px}.booster-count-main strong{display:block;font-family:Iowan Old Style,serif;font-size:2.2rem;font-weight:500;line-height:1}.booster-count-main span{color:var(--muted-strong);font-size:.68rem}.museum-booster-timer{display:grid;margin-top:16px;align-items:center;gap:4px 8px;color:var(--cyan);grid-template-columns:auto 1fr}.museum-booster-timer span{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.museum-booster-timer b{grid-column:2;font-family:ui-monospace,monospace;font-size:.86rem;letter-spacing:.08em}.dashboard-section{grid-column:span 7}.dashboard-section.narrow{grid-column:span 5}.dashboard-card-title{display:flex;margin-bottom:20px;align-items:center;justify-content:space-between}.dashboard-card-title h2{font-family:Iowan Old Style,serif;font-size:1.8rem;font-weight:500}.dashboard-card-title a{color:var(--cyan);font-size:.72rem}.mission-list{display:grid;gap:10px}.mission-tile{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;background:rgba(255,255,255,.025)}.mission-foot,.mission-top{display:flex;align-items:center;justify-content:space-between}.mission-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:var(--violet-bright);background:rgba(131,103,255,.1)}.mission-reward{display:grid;justify-items:end;color:var(--gold);font-size:.69rem;font-weight:800}.mission-reward small{margin-top:2px;color:#c9b7ff;font-size:.56rem}.mission-tile h3{margin:13px 0 3px;font-size:.92rem}.mission-tile p{color:var(--muted);font-size:.75rem}.mission-progress{overflow:hidden;height:5px;margin:14px 0 8px;border-radius:999px;background:rgba(255,255,255,.07)}.mission-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--cyan))}.mission-foot{color:var(--muted);font-size:.65rem}.mission-foot button{display:inline-flex;align-items:center;gap:5px;border:0;color:var(--cyan);background:transparent;font-size:.68rem;font-weight:800;cursor:pointer}.mission-message{margin-top:8px;color:#b6f6f8!important}.mission-board{display:grid;gap:24px}.mission-page-intro{display:flex;margin-bottom:26px;align-items:center;justify-content:space-between;gap:20px}.mission-page-intro p{max-width:650px;color:var(--muted-strong);font-size:.82rem}.mission-tabs{display:flex;overflow-x:auto;gap:7px;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:10px}.mission-tabs button{display:inline-flex;flex:0 0 auto;min-height:38px;align-items:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:0 15px;color:var(--muted);background:transparent;font-size:.72rem;font-weight:850;cursor:pointer}.mission-tabs button.active,.mission-tabs button:hover{border-color:rgba(73,217,223,.28);color:#c3fbfc;background:rgba(73,217,223,.08)}.mission-category{display:grid;gap:18px}.mission-category-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px}.mission-category-toolbar p{max-width:720px;margin-top:8px;color:var(--muted);font-size:.75rem}.collection-mission-tabs{display:inline-flex;width:fit-content;gap:5px;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:5px;background:rgba(5,8,15,.48)}.collection-mission-tabs button{display:inline-flex;min-height:38px;align-items:center;gap:7px;border-radius:8px;padding:0 14px;color:var(--muted);font-size:.71rem;font-weight:850;cursor:pointer}.collection-mission-tabs button.active,.collection-mission-tabs button:hover{color:#c3fbfc;background:rgba(73,217,223,.08);box-shadow:inset 0 0 0 1px rgba(73,217,223,.2)}.collection-mission-tabs button span{min-width:21px;border-radius:999px;padding:2px 6px;color:var(--cyan);background:rgba(73,217,223,.09);font-family:ui-monospace,monospace;font-size:.6rem;text-align:center}.collection-mission-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.collection-mission-sort{display:flex;width:min(100%,255px);min-height:40px;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:0 11px;color:var(--muted);background:rgba(0,0,0,.18)}.collection-mission-sort select{width:100%;border:0;outline:0;color:white;background:transparent;font-size:.72rem;cursor:pointer}.collection-claim-message{margin:0}.mission-hide-switch{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.64rem;cursor:pointer}.mission-hide-switch input{position:absolute;opacity:0;pointer-events:none}.mission-hide-switch>span{position:relative;width:34px;height:19px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);transition:.18s ease}.mission-hide-switch i{position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#7e8998;transition:.18s ease}.mission-hide-switch input:checked+span{border-color:rgba(73,217,223,.4);background:rgba(73,217,223,.14)}.mission-hide-switch input:checked+span i{left:18px;background:var(--cyan)}.mission-hide-switch input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.mission-category-grid{gap:14px}.collection-mission-albums,.mission-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.collection-mission-albums{gap:20px}.collection-mission-album{padding:20px}.collection-mission-album>header{display:flex;margin-bottom:17px;align-items:center;justify-content:space-between;gap:18px}.collection-mission-album>header h3{color:var(--cyan);font-size:1rem;font-weight:850}.collection-mission-album>header>span{color:var(--muted);font-family:ui-monospace,monospace;font-size:.62rem}.collection-mission-album .mission-tile{border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding:17px 0 0;background:transparent}.mission-tile-compact>p{margin-top:13px}@media (max-width:1100px){.collection-mission-albums{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.mission-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.collection-mission-albums{grid-template-columns:1fr}}@media (max-width:620px){.collection-mission-controls,.mission-category-toolbar,.mission-page-intro{align-items:stretch;flex-direction:column}.mission-category-grid{grid-template-columns:1fr}.mission-hide-switch{align-self:stretch}.collection-mission-controls .button-primary,.collection-mission-sort{width:100%}}.activity-list{display:grid;margin:0;padding:0;list-style:none}.activity-list li{display:grid;gap:10px;grid-template-columns:auto 1fr auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.07);padding:13px 0;font-size:.75rem}.activity-list li:last-child{border:0}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.activity-list time{color:var(--muted)}.booster-list{display:grid;gap:22px}.booster-panel{display:grid;overflow:hidden;min-height:440px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(13,17,27,.7);grid-template-columns:.95fr 1.05fr}.booster-object{position:relative;display:flex;overflow:hidden;margin:28px;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:radial-gradient(circle at 46% 32%,rgba(190,177,255,.38),transparent 17%),radial-gradient(circle at 64% 62%,rgba(83,55,180,.28),transparent 30%),linear-gradient(155deg,#44347c,#211746 38%,#080b16 82%);box-shadow:inset 18px 0 42px rgba(255,255,255,.05),inset -24px -10px 54px rgba(0,0,0,.35),0 24px 60px rgba(0,0,0,.4);transform-style:preserve-3d;animation:booster-slow-turn 10s ease-in-out infinite}.booster-cyan .booster-object{background:radial-gradient(circle at 50% 42%,rgba(73,217,223,.34),transparent 22%),linear-gradient(145deg,#113540,#080c14 70%)}.booster-gold .booster-object{background:radial-gradient(circle at 50% 42%,rgba(231,189,103,.37),transparent 22%),linear-gradient(145deg,#493619,#0b0c12 70%)}.booster-object:after,.booster-object:before{position:absolute;width:280px;height:100px;border:1px solid rgba(255,255,255,.18);border-radius:50%;content:"";transform:rotate(-20deg)}.booster-object:after{width:360px;height:170px;border-color:rgba(73,217,223,.18)}.booster-lines{position:absolute;z-index:1;inset:0;pointer-events:none;opacity:.42;background:linear-gradient(108deg,transparent 22%,rgba(255,255,255,.04) 31%,rgba(255,255,255,.36) 43%,rgba(255,255,255,.06) 52%,transparent 66%);background-position:160% 0;background-size:240% 100%;mix-blend-mode:screen;animation:booster-plastic-glint 7s ease-in-out infinite}.booster-seal{position:relative;z-index:2;display:grid;width:88px;height:98px;place-items:center;color:var(--gold);filter:drop-shadow(0 0 20px rgba(231,189,103,.24))}.booster-seal .pc-mark{width:100%;height:100%}.booster-object strong{position:relative;z-index:2;margin-top:30px;font-family:Iowan Old Style,serif;font-size:1.45rem;font-weight:500}.booster-object small{position:relative;z-index:2;margin-top:5px;color:var(--muted);font-size:.58rem;letter-spacing:.16em}.booster-copy{display:flex;padding:52px;flex-direction:column;justify-content:center;align-items:flex-start}.booster-copy h2{margin:14px 0;font-size:clamp(2.4rem,5vw,4rem);line-height:.95}.booster-copy>p{max-width:480px;color:var(--muted-strong)}.booster-meta{display:flex;width:100%;margin:28px 0 24px;justify-content:space-between;border-block:1px solid rgba(255,255,255,.08);padding:13px 0;color:var(--muted);font-size:.75rem}.booster-meta b{color:var(--gold)}.booster-opening-layout{display:grid;align-items:stretch;gap:18px;grid-template-columns:minmax(0,1fr) 370px}.opening-workbench{position:relative;overflow:hidden;min-height:720px;padding:28px;background:radial-gradient(circle at 50% 50%,rgba(131,103,255,.08),transparent 42%),linear-gradient(145deg,rgba(18,23,36,.9),rgba(7,9,15,.96))}.opening-workbench:before{position:absolute;inset:0;content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0);background-size:34px 34px;mask-image:linear-gradient(180deg,black,transparent 78%)}.opening-workbench>*{position:relative;z-index:1}.opening-workbench-head{text-align:center}.opening-workbench-head h2{margin:8px 0 6px;font-size:clamp(2.1rem,4vw,3.9rem);line-height:.96}.opening-workbench-head p{max-width:590px;margin:0 auto;color:var(--muted-strong);font-size:.82rem}.physical-booster-stage{display:flex;min-height:570px;align-items:center;flex-direction:column;justify-content:center;gap:18px;perspective:1100px}.physical-booster{--pack-accent:#8367ff;--pack-light:#b9aaff;--pack-mid:#5f48c8;--pack-deep:#17102f;position:relative;display:block;width:min(304px,72vw);aspect-ratio:.62;border:0;border-radius:12px 12px 20px 20px;padding:0;color:white;background:transparent;cursor:pointer;perspective:1000px}.physical-booster-body{position:absolute;display:flex;inset:0;border-radius:inherit;padding:54px 24px 34px;align-items:center;flex-direction:column;justify-content:center;transform-style:preserve-3d;will-change:transform;animation:booster-slow-turn 10s ease-in-out infinite}.physical-booster:disabled{cursor:default}.physical-booster.booster-violet{--pack-accent:#8367ff;--pack-light:#c5baff;--pack-mid:#654ed1;--pack-deep:#15102e}.booster-choice.booster-cyan,.physical-booster.booster-cyan{--pack-accent:#49d9df}.physical-booster.booster-cyan{--pack-light:#aef9fb;--pack-mid:#1d919e;--pack-deep:#082830}.booster-choice.booster-gold,.physical-booster.booster-gold{--pack-accent:#e7bd67}.physical-booster.booster-gold{--pack-light:#fff0b6;--pack-mid:#ad7927;--pack-deep:#302008}.physical-booster-foil{position:absolute;z-index:0;overflow:hidden;inset:0;border:1px solid color-mix(in srgb,var(--pack-light) 55%,white 8%);border-radius:inherit;background:radial-gradient(circle at 46% 28%,color-mix(in srgb,var(--pack-light) 78%,white 12%),transparent 15%),radial-gradient(ellipse at 70% 60%,color-mix(in srgb,var(--pack-mid) 65%,transparent),transparent 36%),linear-gradient(102deg,rgba(255,255,255,.18),transparent 18% 45%,rgba(255,255,255,.07) 56%,transparent 68%),repeating-linear-gradient(115deg,transparent 0 11px,rgba(255,255,255,.035) 12px 13px),linear-gradient(158deg,var(--pack-light) -24%,var(--pack-mid) 22%,var(--pack-deep) 76%,#05070d 108%);box-shadow:inset 18px 0 36px rgba(255,255,255,.07),inset -28px -14px 54px rgba(0,0,0,.38),inset 0 0 0 2px rgba(255,255,255,.035);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:drop-shadow(0 26px 24px rgba(0,0,0,.5)) drop-shadow(0 0 24px color-mix(in srgb,var(--pack-accent) 24%,transparent));transition:clip-path .22s ease .35s}.physical-booster-foil:after,.physical-booster-foil:before{position:absolute;width:270px;height:90px;top:34%;left:50%;border:1px solid color-mix(in srgb,var(--pack-accent) 38%,transparent);border-radius:50%;content:"";transform:translateX(-50%) rotate(-20deg)}.physical-booster-foil:after{width:370px;height:170px;border-color:rgba(255,255,255,.11)}.physical-booster-gloss{position:absolute;z-index:1;inset:2px;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:.58;background:linear-gradient(105deg,transparent 19%,rgba(255,255,255,.03) 30%,rgba(255,255,255,.46) 42%,rgba(255,255,255,.08) 49%,transparent 61%);background-position:170% 0;background-size:250% 100%;mix-blend-mode:screen;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateZ(9px);transition:clip-path .22s ease .35s;animation:booster-plastic-glint 7s ease-in-out infinite}.physical-booster-gloss:before{position:absolute;inset:0;content:"";opacity:.38;background:repeating-linear-gradient(88deg,transparent 0 31px,rgba(255,255,255,.055) 32px,transparent 34px),linear-gradient(90deg,rgba(255,255,255,.16),transparent 8% 90%,rgba(0,0,0,.18))}.physical-booster-gloss:after{position:absolute;height:22px;right:0;bottom:0;left:0;content:"";border-top:1px solid rgba(255,255,255,.14);background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 2px,rgba(0,0,0,.1) 2px 5px)}.physical-booster-crimp{position:absolute;z-index:4;height:28px;top:0;right:0;left:0;border-bottom:1px solid rgba(255,255,255,.2);border-radius:11px 11px 0 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 2px,rgba(0,0,0,.2) 2px 5px),color-mix(in srgb,var(--pack-accent) 45%,#11131c)}.physical-booster-tear{position:absolute;z-index:5;height:46px;top:-1px;right:-1px;left:-1px;border:1px solid rgba(255,255,255,.14);border-radius:12px 12px 4px 4px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--pack-accent) 58%,#222531) 0 4px,color-mix(in srgb,var(--pack-accent) 28%,#090b12) 4px 8px);transform-origin:12% 55%}.physical-booster.is-tearing .physical-booster-tear{animation:tear-pack-top .68s cubic-bezier(.2,.75,.2,1) forwards}.physical-booster.is-tearing .physical-booster-foil,.physical-booster.is-tearing .physical-booster-gloss{clip-path:polygon(0 8%,6% 9.4%,12% 7.4%,20% 9.5%,28% 7.2%,36% 9.7%,44% 7.1%,52% 9.3%,61% 7%,70% 9.6%,79% 7.2%,88% 9.2%,94% 7.4%,100% 8.7%,100% 100%,0 100%)}.physical-booster.is-tearing .physical-booster-crimp,.physical-booster.is-tearing .physical-booster-notch{animation:hide-pack-seal .3s ease .26s forwards}.physical-booster-seal{position:relative;z-index:2;display:grid;width:98px;height:108px;place-items:center;color:color-mix(in srgb,var(--pack-accent) 68%,white);filter:drop-shadow(0 0 20px color-mix(in srgb,var(--pack-accent) 38%,transparent));transform:translateZ(34px)}.physical-booster-seal .pc-mark{width:100%;height:100%}.physical-booster strong{position:relative;z-index:2;max-width:220px;margin:24px 0 8px;font-family:Iowan Old Style,serif;font-size:1.7rem;font-weight:500;line-height:.9;text-align:center;text-shadow:0 5px 15px rgba(0,0,0,.5);transform:translateZ(25px)}.physical-booster small{position:relative;z-index:2;color:rgba(226,232,240,.76);font-size:.54rem;letter-spacing:.15em;text-shadow:0 3px 10px rgba(0,0,0,.5);transform:translateZ(20px)}.physical-booster-notch{position:absolute;z-index:6;width:13px;height:13px;top:42px;background:#080a11;transform:rotate(45deg)}.physical-booster-notch.left{left:-8px}.physical-booster-notch.right{right:-8px}.physical-booster-loader{position:absolute;z-index:7;right:18px;bottom:18px;color:white}.booster-reserve{display:flex;min-height:720px;flex-direction:column;border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:20px;background:rgba(9,12,20,.84)}.booster-reserve-head{padding:5px 4px 17px}.booster-reserve-head h2{margin-top:7px;font-family:Iowan Old Style,serif;font-size:1.8rem;font-weight:500}.booster-reserve-list{display:grid;gap:10px}.booster-choice{--pack-accent:#8367ff;display:grid;width:100%;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:10px;color:inherit;background:rgba(255,255,255,.025);cursor:pointer;grid-template-columns:58px minmax(0,1fr) auto;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}.booster-choice.is-selected,.booster-choice:hover{border-color:color-mix(in srgb,var(--pack-accent) 58%,transparent);background:color-mix(in srgb,var(--pack-accent) 9%,rgba(255,255,255,.02));transform:translateX(-3px)}.booster-choice-art{position:relative;display:grid;overflow:hidden;width:52px;aspect-ratio:.64;place-items:center;border:1px solid color-mix(in srgb,var(--pack-accent) 45%,white 8%);border-radius:5px 5px 8px 8px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--pack-accent) 55%,transparent),transparent 28%),linear-gradient(150deg,color-mix(in srgb,var(--pack-accent) 35%,#202332),#080a11 72%);box-shadow:0 8px 20px rgba(0,0,0,.35)}.booster-choice-art:before{position:absolute;height:8px;top:0;right:0;left:0;content:"";background:repeating-linear-gradient(90deg,rgba(255,255,255,.24) 0 1px,transparent 1px 3px)}.booster-choice-art i{display:grid;width:32px;height:38px;place-items:center;color:color-mix(in srgb,var(--pack-accent) 66%,white);font-style:normal;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--pack-accent) 28%,transparent))}.booster-choice-art i .pc-mark{width:100%;height:100%}.booster-choice-art small{position:absolute;right:4px;bottom:3px;color:rgba(255,255,255,.55);font-size:.45rem}.booster-choice-copy{display:flex;min-width:0;flex-direction:column}.booster-choice-copy strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.booster-choice-copy>small{display:-webkit-box;overflow:hidden;margin-top:3px;color:var(--muted);font-size:.59rem;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.booster-choice-copy em{display:flex;margin-top:7px;align-items:center;gap:4px;color:var(--cyan);font-family:ui-monospace,monospace;font-size:.55rem;font-style:normal}.booster-choice-quantity{min-width:50px;text-align:center}.booster-choice-quantity b{display:block;color:color-mix(in srgb,var(--pack-accent) 72%,white);font-family:Iowan Old Style,serif;font-size:1.65rem;font-weight:500;line-height:1}.booster-choice-quantity small{color:var(--muted);font-size:.52rem}.booster-odds-link{margin:auto 4px 3px;padding-top:18px;color:var(--muted);font-size:.68rem;text-align:center}.booster-odds-link:hover{color:white}.opening-reveal-zone{position:relative;display:grid;min-height:560px;align-items:center;justify-content:center;gap:42px;grid-template-columns:minmax(250px,330px) 210px;isolation:isolate}.rarity-aura{position:absolute;width:55%;aspect-ratio:1;top:50%;left:52%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--rarity-color) 55%,transparent),color-mix(in srgb,var(--rarity-color) 12%,transparent) 42%,transparent 70%);filter:blur(8px);transform:translate(-50%,-50%);animation:aura-pulse 2.4s ease-in-out infinite}.card-stack{position:relative;z-index:2;width:185px;height:285px;border:0;padding:0;color:white;background:transparent;cursor:pointer;perspective:900px}.card-stack:disabled{cursor:wait}.opening-reveal-zone>.card-stack{grid-column:2;grid-row:1}.card-back{--stack-x:0;--stack-y:0;--stack-r:0deg;position:absolute;display:grid;inset:0;place-items:center;border:2px solid color-mix(in srgb,var(--rarity-color) 52%,#334155);border-radius:18px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--rarity-color) 25%,transparent),transparent 28%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 5px,transparent 5px 10px),#090c15;box-shadow:0 20px 45px rgba(0,0,0,.46),inset 0 0 0 7px #111827,inset 0 0 0 8px color-mix(in srgb,var(--rarity-color) 32%,#334155);transform:translate(var(--stack-x),var(--stack-y)) rotate(var(--stack-r));transition:transform .22s ease}.card-stack:hover .card-back{transform:translate(var(--stack-x),calc(var(--stack-y) - 5px)) rotate(var(--stack-r))}.card-back i{display:grid;width:72px;aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--rarity-color) 48%,transparent);border-radius:50%;color:color-mix(in srgb,var(--rarity-color) 72%,white);font-style:normal;box-shadow:0 0 28px color-mix(in srgb,var(--rarity-color) 16%,transparent)}.card-back i .pc-mark{width:50px;height:58px}.card-stack>b{position:absolute;z-index:12;right:-13px;top:-15px;display:grid;width:38px;height:38px;place-items:center;border:2px solid color-mix(in srgb,var(--rarity-color) 72%,white);border-radius:50%;background:#080b12;box-shadow:0 8px 22px rgba(0,0,0,.5)}.card-stack>small{position:absolute;z-index:12;right:0;bottom:-34px;left:0;color:color-mix(in srgb,var(--rarity-color) 62%,white);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.opening-card-face{position:relative;display:flex;overflow:hidden;overflow:clip;width:100%;aspect-ratio:.69;border:3px solid color-mix(in srgb,var(--rarity-color) 88%,transparent);border-radius:20px;padding:6px;background:linear-gradient(150deg,color-mix(in srgb,var(--rarity-color) 20%,#171d2b),#080b12 62%);box-shadow:0 24px 60px rgba(0,0,0,.48),0 0 48px color-mix(in srgb,var(--rarity-color) 38%,transparent),inset 0 0 22px color-mix(in srgb,var(--rarity-color) 14%,transparent);transition:transform .26s cubic-bezier(.2,.8,.2,1),border-color .26s ease,box-shadow .26s ease,filter .26s ease;isolation:isolate;animation:card-reveal .55s cubic-bezier(.2,.9,.2,1) backwards}.opening-final-card,.opening-reveal-zone>.opening-card-face{z-index:2;grid-column:1;grid-row:1}.opening-final-card{display:grid;width:100%;border:0;padding:0;gap:12px;color:white;background:transparent;cursor:pointer}.opening-final-card:disabled{cursor:wait}.opening-final-card>span{color:color-mix(in srgb,var(--rarity-color) 72%,white);font-size:.66rem}.opening-final-card>span,.opening-new-tag{font-weight:900;letter-spacing:.08em;text-transform:uppercase}.opening-new-tag{position:absolute;z-index:8;top:12px;left:50%;border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:4px 10px;color:white;background:#e62f45;box-shadow:0 5px 18px rgba(230,47,69,.48);font-family:ui-monospace,monospace;font-size:.58rem;line-height:1;transform:translateX(-50%)}.opening-card-face:before,.reveal-card:before{position:absolute;z-index:5;width:48%;height:170%;top:-35%;left:-70%;content:"";pointer-events:none;opacity:.24;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--rarity-color) 72%,white 16%),transparent);mix-blend-mode:color-dodge;transform:rotate(18deg);animation:opening-rarity-shine 3.2s ease-in-out infinite}.opening-card-face:hover{z-index:8;transform:translateY(-8px) rotate(.3deg) scale(1.015);border-color:color-mix(in srgb,var(--rarity-color) 95%,white 5%);box-shadow:0 32px 72px rgba(0,0,0,.52),0 0 54px color-mix(in srgb,var(--rarity-color) 42%,transparent);filter:saturate(1.1)}.opening-card-face:hover:before{opacity:.52;animation-duration:1.9s}.opening-card-face:hover .card-art{animation:card-art-breathe 3.4s ease-in-out infinite alternate}.opening-card-face-inner{position:relative;display:flex;overflow:hidden;overflow:clip;min-height:0;flex:1;flex-direction:column;gap:8px;border-radius:14px;padding:9px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity-color) 30%,rgba(255,255,255,.08));clip-path:inset(0 round 14px);transform:translateZ(0)}.opening-card-face .card-art{min-height:62%}.opening-card-face .rarity-badge{position:absolute;z-index:3;top:15px;left:15px;border-radius:6px;color:color-mix(in srgb,var(--rarity-color) 75%,white)!important;background:rgba(5,7,12,.86)!important}.opening-card-face.is-full-art .card-art{position:absolute;z-index:0;inset:0;min-height:100%;border:0;border-radius:inherit}.opening-card-face.is-full-art .opening-card-face-inner:after{position:absolute;inset:0;z-index:1;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(2,4,9,.14),transparent 30%,rgba(2,4,9,.08) 72%,rgba(2,4,9,.28))}.opening-card-face.is-compact{min-width:128px}.opening-card-face.is-compact .opening-card-face-inner{padding:6px;border-radius:11px;clip-path:inset(0 round 11px)}.opening-card-face.is-compact .rarity-badge{top:10px;left:10px;padding:3px 5px;font-size:.45rem}.opening-card-face.is-compact .opening-new-tag{top:8px;padding:3px 7px;font-size:.46rem}.opening-card-face .reveal-platforms{position:absolute;z-index:3;right:12px;bottom:12px;left:12px;overflow:hidden;flex-wrap:nowrap}.opening-card-face .reveal-platforms span{overflow:hidden;max-width:46%;flex:0 1 auto;font-weight:800;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.opening-card-face.is-compact .reveal-platforms{right:8px;bottom:8px;left:8px;gap:3px}.opening-card-face.is-compact .reveal-platforms span{max-width:45%;padding:2px 4px;font-size:.42rem}.opening-card-face.is-premium-reveal,.reveal-card.is-premium-reveal{animation:premium-card-reveal 1.7s cubic-bezier(.16,.78,.18,1) both}.premium-reveal-burst{position:relative;z-index:0;display:block;width:172%;max-width:570px;aspect-ratio:1;place-self:center;border-radius:50%;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 8deg,transparent 0 7deg,color-mix(in srgb,var(--rarity-color) 72%,white) 8deg 9deg,transparent 10deg 18deg),radial-gradient(circle,white 0 4%,color-mix(in srgb,var(--rarity-color) 86%,white) 7%,color-mix(in srgb,var(--rarity-color) 42%,transparent) 24%,transparent 58%);filter:blur(1px) drop-shadow(0 0 22px color-mix(in srgb,var(--rarity-color) 90%,transparent));mix-blend-mode:screen;animation:premium-light-explosion 1.7s cubic-bezier(.12,.72,.2,1) both;grid-column:1;grid-row:1}.premium-reveal-burst:after,.premium-reveal-burst:before{position:absolute;inset:22%;border:2px solid color-mix(in srgb,var(--rarity-color) 78%,white);border-radius:50%;content:"";opacity:0;box-shadow:0 0 30px color-mix(in srgb,var(--rarity-color) 88%,transparent),inset 0 0 30px color-mix(in srgb,var(--rarity-color) 52%,transparent);animation:premium-light-ring 1.7s ease-out both}.premium-reveal-burst:after{inset:32%;border-width:5px;animation-delay:90ms}.opening-complete{display:flex;min-height:560px;align-items:center;flex-direction:column;justify-content:center;gap:26px}.opening-results-grid{display:grid;width:100%;align-items:end;gap:10px;grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.opening-complete-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.opening-share-backdrop{position:fixed;z-index:160;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,4,8,.82);backdrop-filter:blur(12px)}.opening-share-dialog{position:relative;width:min(100%,610px);border-color:rgba(131,103,255,.3);padding:28px;background:radial-gradient(circle at 100% 0,rgba(131,103,255,.17),transparent 36%),linear-gradient(145deg,rgba(20,25,39,.99),rgba(7,10,17,.99));box-shadow:0 34px 90px rgba(0,0,0,.64),0 0 44px rgba(131,103,255,.12)}.opening-share-close{position:absolute;top:16px;right:16px;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:var(--muted);background:rgba(0,0,0,.18);cursor:pointer}.opening-share-close:hover:not(:disabled){color:white;background:rgba(255,255,255,.06)}.opening-share-close:disabled{cursor:wait;opacity:.45}.opening-share-head{display:flex;padding-right:42px;align-items:center;gap:14px}.opening-share-head h2{margin-top:5px;font-family:Iowan Old Style,serif;font-size:2.15rem;font-weight:500;line-height:1}.opening-share-icon{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border:1px solid rgba(231,189,103,.28);border-radius:14px;color:var(--gold);background:rgba(231,189,103,.08)}.opening-share-intro{max-width:520px;margin:18px 0 20px;color:var(--muted-strong);font-size:.78rem;line-height:1.55}.opening-share-options{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.opening-share-options>button{display:grid;min-height:112px;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.09);border-radius:15px;padding:16px;color:white;background:rgba(255,255,255,.025);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}.opening-share-options>button:hover:not(:disabled){border-color:rgba(73,217,223,.34);background:rgba(73,217,223,.055);transform:translateY(-2px)}.opening-share-options>button:disabled{cursor:not-allowed;opacity:.48}.opening-share-option-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(73,217,223,.24);border-radius:12px;color:var(--cyan);background:rgba(73,217,223,.07)}.opening-share-option-icon.is-discord{border-color:rgba(131,103,255,.35);color:#b6a8ff;background:rgba(131,103,255,.1)}.opening-share-options small,.opening-share-options strong{display:block}.opening-share-options strong{font-size:.78rem}.opening-share-options small{margin-top:5px;color:var(--muted);font-size:.62rem;line-height:1.4}.opening-share-note{margin:11px 2px 0;color:var(--muted);font-size:.64rem}.opening-share-status{display:flex;margin-top:14px;align-items:center;gap:8px;border:1px solid rgba(73,217,223,.22);border-radius:11px;padding:10px 12px;color:#a9f2f5;background:rgba(73,217,223,.06);font-size:.7rem}.opening-share-status.error{border-color:rgba(248,113,113,.28);color:#fecaca;background:rgba(248,113,113,.07)}@keyframes tear-pack-top{0%{opacity:1;transform:none}45%{transform:translate(18px,-18px) rotate(8deg)}to{opacity:0;transform:translate(100px,-115px) rotate(24deg)}}@keyframes hide-pack-seal{to{opacity:0}}@keyframes booster-slow-turn{0%,to{transform:perspective(1000px) rotateX(1.5deg) rotateY(-7deg) translateY(0)}25%{transform:perspective(1000px) rotateX(-.5deg) rotateY(-2deg) translateY(-3px)}50%{transform:perspective(1000px) rotateX(1deg) rotateY(7deg) translateY(-1px)}75%{transform:perspective(1000px) rotateX(2deg) rotateY(1deg) translateY(-4px)}}@keyframes booster-plastic-glint{0%,18%{background-position:170% 0;opacity:.28}48%{opacity:.68}72%,to{background-position:-85% 0;opacity:.32}}@keyframes aura-pulse{0%,to{opacity:.62;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@keyframes opening-rarity-shine{0%,16%{left:-70%;opacity:.1}54%{opacity:.34}78%,to{left:125%;opacity:.08}}@keyframes premium-card-reveal{0%{opacity:0;filter:brightness(2.6) saturate(1.55) blur(7px);transform:perspective(900px) translateY(42px) rotateY(22deg) scale(.72);box-shadow:0 0 0 color-mix(in srgb,var(--rarity-color) 0%,transparent)}38%{opacity:1;filter:brightness(2.15) saturate(1.45) blur(0);transform:perspective(900px) translateY(-8px) rotateY(-3deg) scale(1.1);box-shadow:0 32px 100px rgba(0,0,0,.4),0 0 150px color-mix(in srgb,var(--rarity-color) 94%,transparent),0 0 42px white}68%{filter:brightness(1.25) saturate(1.2);transform:perspective(900px) translateY(2px) scale(.98)}to{opacity:1;filter:none;transform:none}}@keyframes premium-light-explosion{0%{opacity:0;transform:rotate(-18deg) scale(.12)}22%{opacity:.95}52%{opacity:.68;transform:rotate(5deg) scale(.82)}to{opacity:0;transform:rotate(14deg) scale(1.38)}}@keyframes premium-light-ring{0%,16%{opacity:0;transform:scale(.16)}34%{opacity:1}to{opacity:0;transform:scale(2.5)}}.opening-stage,.reveal-stage{display:grid;min-height:calc(100vh - 152px);align-items:center;gap:70px;grid-template-columns:.9fr 1.1fr;padding:60px 0}.opening-pack{position:relative;display:flex;overflow:hidden;width:min(360px,80vw);aspect-ratio:.72;margin:auto;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(231,189,103,.45);border-radius:26px;background:radial-gradient(circle at 46% 30%,rgba(197,186,255,.44),transparent 16%),radial-gradient(circle at 68% 64%,rgba(101,78,209,.28),transparent 34%),repeating-linear-gradient(115deg,transparent 0 12px,rgba(255,255,255,.025) 13px 14px),linear-gradient(158deg,#6551ad -8%,#2a1d59 38%,#080b16 84%);box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 80px rgba(131,103,255,.2),inset 18px 0 38px rgba(255,255,255,.06),inset -28px -12px 58px rgba(0,0,0,.36);transform-style:preserve-3d;animation:booster-slow-turn 10s ease-in-out infinite}.opening-pack:after,.opening-pack:before{position:absolute;width:360px;height:120px;border:1px solid rgba(73,217,223,.22);border-radius:50%;content:"";transform:rotate(-17deg)}.opening-pack:after{width:460px;height:210px;border-color:rgba(231,189,103,.18)}.opening-pack strong{position:relative;z-index:2;margin:28px 0 8px;font-family:Iowan Old Style,serif;font-size:2.05rem;font-weight:500;line-height:.88;text-align:center}.opening-pack small{position:relative;z-index:2;color:var(--muted);font-size:.6rem;letter-spacing:.17em}.opening-halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(73,217,223,.18),transparent 65%);filter:blur(4px)}.opening-copy h1,.reveal-controls h1{max-width:620px;margin:15px 0 18px;font-size:clamp(3rem,7vw,5.6rem);line-height:.93}.opening-copy>p,.reveal-controls>p{max-width:580px;margin-bottom:26px;color:var(--muted-strong)}.opening-copy{display:flex;align-items:flex-start;flex-direction:column}.opening-copy .button-primary{margin-bottom:18px}.booster-recharge{display:flex;width:min(100%,480px);margin:0 0 22px;align-items:center;gap:10px;border:1px solid rgba(73,217,223,.22);border-radius:14px;padding:12px 14px;color:#b9f8fb;background:rgba(73,217,223,.07);font-size:.76rem}.booster-recharge strong{color:white;font-size:1rem}.booster-recharge small{margin-left:auto;color:var(--muted-strong);font-family:ui-monospace,monospace}.reveal-card-shell{position:relative;display:grid;place-items:center;isolation:isolate}.reveal-card-shell>.premium-reveal-burst{position:absolute;width:min(560px,132vw)}.reveal-card{position:relative;z-index:2;display:flex;overflow:hidden;overflow:clip;width:min(380px,86vw);aspect-ratio:.69;margin:auto;border:3px solid color-mix(in srgb,var(--rarity-color) 88%,transparent);border-radius:28px;padding:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--rarity-color) 22%,#171d2b),#080b12 60%);box-shadow:0 35px 110px rgba(0,0,0,.48),0 0 78px color-mix(in srgb,var(--rarity-color) 38%,transparent),inset 0 0 24px color-mix(in srgb,var(--rarity-color) 14%,transparent);transition:transform .26s cubic-bezier(.2,.8,.2,1),border-color .26s ease,box-shadow .26s ease,filter .26s ease;isolation:isolate;animation:card-reveal .55s cubic-bezier(.2,.9,.2,1) backwards}.reveal-card:hover{transform:translateY(-8px) scale(1.015);border-color:color-mix(in srgb,var(--rarity-color) 95%,white 5%);box-shadow:0 42px 120px rgba(0,0,0,.52),0 0 82px color-mix(in srgb,var(--rarity-color) 38%,transparent);filter:saturate(1.1)}.reveal-card:hover:before{opacity:.52;animation-duration:1.9s}.reveal-card:hover .card-art{animation:card-art-breathe 3.4s ease-in-out infinite alternate}.reveal-card-inner{display:flex;overflow:hidden;overflow:clip;min-height:0;flex:1;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:14px;background:rgba(3,5,9,.38);clip-path:inset(0 round 20px);transform:translateZ(0)}.reveal-card .rarity-badge{border-radius:7px}.reveal-platforms{display:flex;flex-wrap:wrap;gap:5px}.reveal-platforms span{border:1px solid color-mix(in srgb,var(--rarity-color) 38%,rgba(255,255,255,.1));border-radius:5px;padding:3px 6px;color:#dbe4ef;background:rgba(3,5,9,.62);font-family:ui-monospace,monospace;font-size:.52rem;text-transform:uppercase}.game-screenshot-section{display:grid;margin-top:64px;gap:22px}.game-screenshot-section h2{margin-top:7px;font-size:clamp(2rem,4vw,3.4rem)}.game-screenshot-grid{display:grid;align-items:start;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.game-screenshot{display:block;overflow:hidden;padding:0;border-color:rgba(255,255,255,.1);background:#05070c;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.game-screenshot:hover{border-color:rgba(73,217,223,.38);box-shadow:0 22px 52px rgba(0,0,0,.38),0 0 26px rgba(73,217,223,.09);transform:translateY(-4px)}.game-screenshot img{display:block;width:100%;height:auto;object-fit:contain}.reveal-card--full-art .reveal-card-inner{position:relative;overflow:hidden;justify-content:flex-end;background:#030509}.reveal-card--full-art .reveal-card-inner:after{position:absolute;inset:0;z-index:1;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(2,4,9,.16),rgba(2,4,9,.03) 32%,rgba(2,4,9,.08) 72%,rgba(2,4,9,.28))}.reveal-card--full-art .card-art{position:absolute;z-index:0;inset:0;min-height:100%!important;border:0;border-radius:inherit}.reveal-card--full-art .reveal-card-inner>:not(.card-art){position:relative;z-index:2}.reveal-controls{display:flex;align-items:flex-start;flex-direction:column}.reveal-dots{display:flex;gap:7px;margin-top:28px}.reveal-dots span{width:28px;height:3px;border-radius:999px;background:rgba(255,255,255,.1)}.reveal-dots span.active{background:var(--cyan);box-shadow:0 0 10px rgba(73,217,223,.5)}@keyframes card-reveal{0%{opacity:0;transform:translateY(25px) rotateY(15deg) scale(.94)}to{opacity:1;transform:none}}@media (max-width:900px){.profile-xp-card{grid-template-columns:auto minmax(0,1fr)}.profile-xp-rule{width:fit-content;grid-column:2}.profile-head-rank{width:100%}.profile-stat-overview{grid-template-columns:1fr}.profile-card-gallery,.profile-rarity-stats,.showcase-picker-grid,.showcase-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.booster-count,.dashboard-section,.dashboard-section.narrow,.museum-level,.wallet-balance{grid-column:span 12}.booster-panel{grid-template-columns:1fr}.booster-object{min-height:370px}.opening-stage,.reveal-stage{grid-template-columns:1fr}.opening-copy,.reveal-controls{align-items:center;text-align:center}.booster-opening-layout{grid-template-columns:1fr}.booster-reserve{min-height:0}}@media (max-width:700px){.game-screenshot-grid{grid-template-columns:1fr}}@media (max-width:620px){.app-page{padding-top:40px}.app-page-head,.profile-page-title{align-items:flex-start;flex-direction:column}.profile-xp-card{align-items:stretch;grid-template-columns:1fr}.profile-xp-emblem{width:48px;height:48px}.profile-xp-foot,.profile-xp-heading{align-items:flex-start;flex-direction:column;gap:5px}.profile-xp-rule{grid-column:auto}.profile-head-rank .profile-xp-card{grid-template-columns:1fr}.profile-head-rank .profile-xp-rule{grid-column:auto}.profile-rarity-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-actions,.showcase-head,.showcase-modal-foot,.showcase-modal-toolbar,.showcase-picker-head{align-items:stretch;flex-direction:column}.showcase-actions>button,.showcase-head .button-primary,.showcase-modal-controls,.showcase-modal-toolbar .catalog-search,.showcase-picker-head .catalog-search,.showcase-sort-control{width:100%}.showcase-modal-controls{align-items:stretch;flex-direction:column}.showcase-sort-control select{min-width:0}.profile-card-gallery,.showcase-picker-grid,.showcase-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-modal-backdrop{padding:8px}.showcase-modal{max-height:calc(100vh - 16px)}.showcase-modal-head{padding:20px 60px 16px 18px}.showcase-modal-head h2{font-size:1.85rem}.showcase-modal-body,.showcase-modal-foot,.showcase-modal-toolbar{padding-inline:18px}.preview-banner{align-items:flex-start;flex-direction:column}.booster-object{min-height:310px;margin:14px}.booster-copy{padding:30px 22px}.opening-workbench{min-height:660px;padding:22px 12px}.opening-reveal-zone{min-height:520px;gap:26px;grid-template-columns:minmax(170px,1fr) 118px}.card-stack{width:108px;height:168px}.card-back i{width:48px}.card-back i .pc-mark{width:34px;height:40px}.opening-results-grid{display:flex;overflow-x:auto;padding:8px 2px 18px;scroll-snap-type:x mandatory}.opening-card-face.is-compact{width:150px;flex:0 0 150px;scroll-snap-align:center}.opening-share-backdrop{padding:8px}.opening-share-dialog{padding:22px 18px}.opening-share-head h2{font-size:1.8rem}.opening-share-options{grid-template-columns:1fr}.opening-share-options>button{min-height:92px}.booster-choice{grid-template-columns:50px minmax(0,1fr) auto}.booster-choice-art{width:46px}.collection-mission-tabs{width:100%}.collection-mission-tabs button{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.booster-choice,.card-back,.physical-booster{transition:none}.booster-lines,.booster-object,.opening-card-face,.opening-card-face:before,.opening-pack,.physical-booster-body,.physical-booster-gloss,.physical-booster.is-tearing .physical-booster-tear,.premium-reveal-burst,.premium-reveal-burst:after,.premium-reveal-burst:before,.rarity-aura,.reveal-card,.reveal-card:before{animation:none}.booster-object,.opening-pack,.physical-booster-body{transform:none}.premium-reveal-burst{display:none}.opening-card-face:hover,.reveal-card:hover{transform:none}.opening-card-face:hover .card-art,.reveal-card:hover .card-art{animation:none;transform:none}.physical-booster.is-tearing .physical-booster-crimp,.physical-booster.is-tearing .physical-booster-notch,.physical-booster.is-tearing .physical-booster-tear{opacity:0}}