@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#0f1923;--panel:#192935;--muted:#8b9daa;--brand:#1475e1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f2f6fa;font:14px Inter,system-ui,sans-serif}button,a,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit}aside{position:fixed;width:230px;height:100vh;background:#14212c;padding:34px 22px;display:flex;flex-direction:column;border-right:1px solid #263541}.brand{font-size:26px;font-weight:900;letter-spacing:-1.5px;color:white;text-decoration:none}.brand span{display:block;color:var(--brand);font-size:10px;letter-spacing:5px;margin:7px 0 48px}.label{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:700}nav{margin-top:18px}nav button{width:100%;display:flex;align-items:center;gap:14px;background:transparent;padding:15px 14px;border-radius:8px;margin-bottom:7px;color:#a7b6c3;text-align:left}nav button.active{background:#243a43;color:var(--brand)}nav b{margin-left:auto;font-size:11px}.aside-bottom{margin-top:auto;background:#1b2d38;padding:18px;border-radius:12px}.aside-bottom strong{font-size:12px}.aside-bottom p{font-size:11px;line-height:1.7;color:var(--muted)}.premium-icon{color:var(--brand);font-size:25px;margin-bottom:14px}.aside-bottom small{display:block;font-size:9px;color:var(--muted);margin-top:22px}.small-green{background:var(--brand);color:#ffffff;padding:10px;border-radius:6px;font-size:11px;font-weight:800;width:100%}.shell{margin-left:230px}header{height:80px;padding:0 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263541;color:var(--muted);font-size:12px}header>div{display:flex;gap:20px;align-items:center}.demo{font-size:9px;letter-spacing:2px}.avatar{background:#2b414e;width:34px;height:34px;border-radius:50%;font-weight:800}main{max-width:1400px;margin:auto;padding:38px 44px}h1{font-size:32px;letter-spacing:-1px;margin:10px 0 12px}h2{font-size:21px;letter-spacing:-.6px}p{color:var(--muted);line-height:1.7}.hero{background:radial-gradient(ellipse at 82% 50%,#224c72 0,transparent 55%),#1a2c36;border:1px solid #315c80;border-radius:16px;min-height:284px;padding:34px 38px;display:flex;align-items:center;overflow:hidden;position:relative}.hero-text{width:60%;z-index:2}.hero h1{font-size:40px;max-width:430px}.hero p{max-width:370px;margin-bottom:24px}.tag{display:inline-block;font-size:10px;background:#223e59;color:var(--brand);padding:7px 10px;border-radius:5px;letter-spacing:1px;font-weight:800}.green{background:var(--brand);color:#ffffff;padding:14px 22px;border-radius:7px;font-weight:800;box-shadow:0 5px 20px #1475e115}.green:disabled{opacity:.4;cursor:default}.hero-art{position:absolute;right:7%;transform:rotate(13deg);width:150px;height:210px;border:2px solid #1475e1;border-radius:12px;background:linear-gradient(145deg,#265781,#122d46);box-shadow:16px 15px 0 #101e27,17px 16px 0 #32658e,0 0 70px #1475e122;text-align:center;padding:24px 12px}.hero-art:before{content:'✦';display:block;font-size:74px;color:var(--brand)}.hero-art strong{font-size:20px;font-weight:900}.hero-art small{display:block;font-size:8px;letter-spacing:2px;margin-top:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 36px}.stat{background:var(--panel);border-radius:10px;padding:18px 22px;display:flex;align-items:center;gap:17px}.stat i{font-style:normal;color:var(--brand);background:#213b55;padding:12px;border-radius:9px;font-size:20px}.stat strong{font-size:23px;display:block}.stat small{color:var(--muted);font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:30px 0 20px}.section-head h2{margin:0}.section-head span{color:var(--muted);font-size:12px}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pack{background:var(--panel);border:1px solid #2a3b48;border-radius:12px;padding:24px;text-align:center}.pack-visual{height:175px;display:grid;place-items:center;background:radial-gradient(ellipse,#1475e144,transparent 70%)}.foil{height:143px;width:104px;background:linear-gradient(135deg,#204a70,#122b43);border:1px solid #448bca;box-shadow:6px 9px 15px #0005;transform:rotate(-8deg);display:flex;flex-direction:column;justify-content:center;position:relative}.foil:before,.foil:after{content:'';position:absolute;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#376e9d 0 2px,#224b6d 2px 4px)}.foil:before{top:0}.foil:after{bottom:0}.foil b{font-size:33px;color:#87bbff}.foil small{font-size:8px;letter-spacing:2px}.pack:nth-child(2) .foil{background:linear-gradient(135deg,#4a3974,#211d35);border-color:#9c7ee4}.pack:nth-child(2) .foil b{color:#c8b1ff}.pack:nth-child(3) .foil{background:linear-gradient(135deg,#61501d,#2a2519);border-color:#cfb65a}.pack:nth-child(3) .foil b{color:#ffe194}.pack h3{font-size:16px;margin:16px 0 5px}.pack p{font-size:12px;margin:0 0 18px}.pack button{width:100%}.secondary{background:#2d414f;padding:13px;border-radius:7px;font-weight:700}.pill{font-size:10px;padding:5px 8px;background:#253a43;border-radius:4px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--accent);border-radius:12px;overflow:hidden;background:#192b36;transition:transform .2s}.card:hover{transform:translateY(-5px)}.art{height:170px;background:radial-gradient(circle at 50% 45%,var(--glow),transparent 70%),linear-gradient(145deg,#263747,#101922);display:flex;align-items:center;justify-content:center;font-size:65px;position:relative}.art .rarity{position:absolute;top:12px;left:12px;color:var(--accent);background:#101922d9;padding:5px 8px;border-radius:4px;font-size:9px;letter-spacing:1px;font-weight:800}.art .number{position:absolute;bottom:10px;right:12px;font-size:10px;color:#c9d5df}.card-info{padding:16px}.card-info small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.card-info h3{font-size:14px;margin:7px 0}.card-info .quantity{font-size:10px;color:var(--accent)}.filters{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}input,select{padding:13px;background:#192b36;border:1px solid #344754;border-radius:7px;color:white}input{flex:1;min-width:160px}.empty{padding:70px 20px;text-align:center;background:var(--panel);border-radius:12px}.providers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.provider{padding:30px;background:var(--panel);border-radius:12px}.provider h3{font-size:22px}.progress{height:5px;background:#344550;border-radius:5px;margin-top:20px}.progress div{height:100%;background:var(--brand);border-radius:5px}footer{padding:30px 44px;color:#657d8d;font-size:10px;line-height:1.8}dialog{background:#14232e;color:white;border:1px solid #3a4c5a;border-radius:18px;max-width:900px;width:90%;padding:36px;text-align:center}dialog::backdrop{background:#050d14d9;backdrop-filter:blur(8px)}dialog .cards{grid-template-columns:repeat(3,1fr);margin:30px 0}.close{position:absolute;right:17px;top:12px;background:transparent;font-size:26px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1475e1;color:#ffffff;padding:14px 24px;border-radius:9px;display:none;z-index:10}.premium-box{padding:40px;background:var(--panel);max-width:650px;border:1px solid #356fa8;border-radius:16px}.premium-box li{margin:18px 0;color:#b7c6d0}@media(max-width:1000px){aside{width:185px;padding:28px 15px}.shell{margin-left:185px}main{padding:25px}.cards{grid-template-columns:repeat(3,1fr)}.hero-art{right:5%;width:125px;height:180px}.hero h1{font-size:32px}.packs{gap:12px}.pack{padding:16px}}@media(max-width:700px){aside{position:static;width:auto;height:auto;padding:18px}.brand span{margin:4px 0 15px}nav{display:flex;margin:0;gap:4px}nav button{justify-content:center;padding:11px 7px;font-size:11px;gap:5px}.aside-bottom,aside>.label{display:none}.shell{margin:0}header{height:55px;padding:0 20px}header>span{font-size:10px}main{padding:22px 18px}.hero{padding:25px;min-height:280px}.hero-text{width:75%}.hero h1{font-size:29px}.hero-art{right:-35px;opacity:.5}.stats{gap:8px}.stat{padding:14px 10px;gap:7px}.stat i{display:none}.stat strong{font-size:20px}.stat small{font-size:9px}.packs{grid-template-columns:1fr}.pack{display:grid;grid-template-columns:110px 1fr;text-align:left;align-items:center;gap:0 15px}.pack-visual{grid-row:1/5;height:160px}.pack h3{margin-top:0}.pack .pill{display:none}.cards{grid-template-columns:repeat(2,1fr);gap:12px}.art{height:145px}.providers{grid-template-columns:1fr}dialog{padding:25px 15px}dialog .cards{gap:7px}.card-info{padding:12px}.card-info h3{font-size:12px}dialog .art{height:110px;font-size:40px}footer{padding:20px}}
/* Official game thumbnails preserve their complete artwork. */
.art{height:auto;aspect-ratio:3/4;background:#12202a}.art img{width:100%;height:100%;object-fit:contain;display:block}.art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07101933,transparent 35%,transparent 75%,#071019aa);pointer-events:none}.art .rarity,.art .number{z-index:1}.image-fallback{display:none;font-size:12px;color:var(--muted)}.image-missing .image-fallback{display:block}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:28px 0}.pagination button:disabled{opacity:.35;cursor:default}.card-info{min-height:99px}dialog .art{height:auto;aspect-ratio:3/4}@media(min-width:1200px){.cards{grid-template-columns:repeat(5,1fr)}}
.provider-preview{display:flex;gap:8px;margin:18px 0}.provider-preview img{width:calc((100% - 16px)/3);aspect-ratio:3/4;object-fit:contain;border-radius:6px;background:#101922}.provider h3{font-size:20px}.art .rarity{box-shadow:0 1px 8px #0009}
.rarity-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.rarity-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:22px 18px;background:var(--panel);border:1px solid #304450;border-radius:12px;transition:border-color .2s,transform .2s}.rarity-tile:hover,.rarity-tile.selected{border-color:var(--accent);background:#20313e}.rarity-tile:hover{transform:translateY(-2px)}.rarity-title{color:var(--accent);font-weight:700;font-size:12px}.rarity-tile strong{font-size:32px;line-height:1.2;margin-top:8px}.rarity-tile>span:not(.rarity-title){font-size:11px;color:#b8c8d2}.rarity-tile small{font-size:10px;color:var(--muted);margin-top:6px}button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media(max-width:700px){nav{overflow-x:auto}nav button{flex:0 0 auto;width:auto;padding:12px 10px}nav span{white-space:nowrap}.rarity-summary{grid-template-columns:repeat(2,1fr);gap:10px}.rarity-tile{padding:18px 15px}.section-head{gap:12px;align-items:flex-start}.section-head span{font-size:11px}}

.recharge-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--panel);padding:22px;border-radius:12px;border:1px solid #304450}.recharge-panel strong{font-size:13px}.recharge-panel p{font-size:11px;margin-bottom:0;max-width:660px}.recharge-panel>span{color:var(--brand);font-weight:700;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.drop-stats{margin-top:32px;padding:24px;background:#14232d;border-radius:12px;border:1px solid #304450}.drop-stats .rarity-summary{margin:20px 0}.drop-stats p{font-size:12px}.drop-stats .rarity-tile:hover{transform:none;background:var(--panel);border-color:#304450}dialog .cards{grid-template-columns:repeat(5,1fr)}@media(max-width:700px){.recharge-panel{flex-direction:column;align-items:flex-start;gap:15px}.drop-stats{padding:16px}dialog .cards{grid-template-columns:repeat(2,1fr);max-height:60vh;overflow:auto}dialog .cards .card:last-child{grid-column:1/-1;width:50%;justify-self:center}}

#reveal{max-width:1100px;width:95%;overflow:hidden}#revealed.cards{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:30px 15px 38px;margin:0 -10px;scroll-snap-type:x proximity}.reveal-slot{flex:1 0 0;min-width:140px;height:350px;position:relative;perspective:1200px;scroll-snap-align:center;--reveal-color:#718796}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.card-back,.card-front{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;border-radius:12px}.card-back{display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 40%,#304e57,#142430 75%);border:2px solid #56727d;overflow:hidden;padding:15px;box-shadow:0 12px 20px #0004}.card-back:hover{border-color:var(--brand)}.back-pattern{position:absolute;inset:9px;border:1px solid #70899855;border-radius:7px;background:repeating-linear-gradient(45deg,transparent,transparent 12px,#7190960c 12px,#7190960c 14px)}.back-emblem{font-size:56px;color:#b4cbd3;text-shadow:0 0 25px #adcfda55;margin-bottom:16px;z-index:1}.card-back strong{font-size:22px;letter-spacing:2px;line-height:1.15;z-index:1}.card-back small{font-size:8px;letter-spacing:1px;color:#acc0ca;margin-top:25px;z-index:1}.back-number{position:absolute;bottom:20px;font-size:10px;color:#8aa4b1}.card-front{transform:rotateY(180deg);pointer-events:none}.card-front .card{height:100%;display:flex;flex-direction:column;border-width:2px;box-shadow:0 0 25px color-mix(in srgb,var(--reveal-color) 40%,transparent)}.card-front .art{flex:1;min-height:0;aspect-ratio:auto}.card-front .art img{object-fit:contain}.card-front .card-info{flex-shrink:0;min-height:95px;text-align:left}.is-revealed .flip-inner{transform:rotateY(180deg)}.is-revealed .card-front .card{animation:rarity-burst 1.2s .3s ease-out both}.reveal-spark{opacity:0;pointer-events:none;position:absolute;top:35%;left:40%;color:var(--reveal-color);font-size:50px;text-shadow:0 0 20px var(--reveal-color)}.is-revealed .reveal-spark{animation:spark-burst .95s .2s ease-out}.reveal-hint{font-size:12px;line-height:1.8}#reveal-progress{font-size:12px;min-height:22px;margin:0 0 20px;color:#c0cfda}@keyframes rarity-burst{0%{box-shadow:0 0 0 transparent}35%{box-shadow:0 0 45px var(--reveal-color),0 0 85px color-mix(in srgb,var(--reveal-color) 45%,transparent)}100%{box-shadow:0 0 20px color-mix(in srgb,var(--reveal-color) 40%,transparent)}}@keyframes spark-burst{0%{opacity:0;transform:scale(.2) rotate(0)}35%{opacity:1}100%{opacity:0;transform:scale(2.5) rotate(80deg) translateY(-30px)}}@media(max-width:700px){#revealed.cards{max-height:none;padding-bottom:30px;gap:12px}.reveal-slot{flex:0 0 155px;height:325px}#revealed.cards>.reveal-slot:last-child{width:auto;grid-column:auto}.card-front .card-info h3{font-size:12px}#reveal{padding:30px 15px 25px}}@media(prefers-reduced-motion:reduce){.flip-inner{transition:none}.is-revealed .card-front .card,.is-revealed .reveal-spark{animation:none}}

.card-back{border-color:var(--reveal-color);box-shadow:0 0 15px color-mix(in srgb,var(--reveal-color) 55%,transparent),0 0 32px color-mix(in srgb,var(--reveal-color) 25%,transparent),0 12px 20px #0004;animation:hidden-glow 2.5s ease-in-out infinite}.card-back:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--reveal-color) 18%,transparent),transparent 75%);pointer-events:none}.card-back:hover{border-color:var(--reveal-color);filter:brightness(1.15)}.back-emblem{color:var(--reveal-color);text-shadow:0 0 20px color-mix(in srgb,var(--reveal-color) 70%,transparent)}.back-pattern{border-color:color-mix(in srgb,var(--reveal-color) 45%,transparent)}.is-revealed .card-back{animation:none}@keyframes hidden-glow{0%,100%{box-shadow:0 0 12px color-mix(in srgb,var(--reveal-color) 50%,transparent),0 0 25px color-mix(in srgb,var(--reveal-color) 20%,transparent)}50%{box-shadow:0 0 22px color-mix(in srgb,var(--reveal-color) 75%,transparent),0 0 40px color-mix(in srgb,var(--reveal-color) 35%,transparent)}}@media(prefers-reduced-motion:reduce){.card-back{animation:none}}

.reveal-slot{animation:deal-card .5s var(--deal-delay,0ms) cubic-bezier(.2,.8,.2,1) both}.reveal-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.reveal-recharge{color:var(--brand);font-size:13px;font-variant-numeric:tabular-nums;margin:15px 0 22px}#reveal-next-message{font-size:12px;margin:0;color:#b6c8d5}@keyframes deal-card{from{opacity:0;transform:translateY(55px) scale(.85) rotate(-8deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@media(max-width:700px){.reveal-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.reveal-slot{animation:none}}

.header-recharge{color:var(--brand);font-size:10px;font-variant-numeric:tabular-nums}@media(max-width:1000px){header>span{display:none}}@media(max-width:700px){header>div{gap:10px;width:100%;justify-content:space-between}.header-recharge{font-size:9px}}

#revealed.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin:0;padding:30px 12px 38px;gap:16px;overflow:hidden;scrollbar-width:none}#revealed.cards::-webkit-scrollbar{display:none}#revealed .reveal-slot{min-width:0;width:auto}#revealed .card-info{overflow-wrap:anywhere}.recharge-pill{display:block;white-space:normal;line-height:1.6;font-variant-numeric:tabular-nums}@media(max-width:700px){#revealed.cards{display:flex;overflow-x:auto;gap:12px}#revealed .reveal-slot{flex:0 0 155px;min-width:155px}.pack .recharge-pill{display:block;font-size:9px}}

.brand span,.premium-icon,.header-recharge,.reveal-recharge,#booster-countdown{color:#68adff}.tag{color:#87bbff}.green:hover:not(:disabled),.small-green:hover{background:#2586f1}

.provider-heading{display:flex;gap:14px;align-items:center;margin:22px 0}.provider-heading h3{margin:0;font-size:18px}.provider-logo{width:84px;height:40px;object-fit:contain;flex-shrink:0}.provider-statistics{margin-top:16px;border-top:1px solid #344754;padding-top:16px}.provider-statistics summary{cursor:pointer;color:#68adff;font-size:12px;font-weight:700}.provider-statistics summary:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.provider-stats-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:11px;text-align:left}.provider-stats-table th,.provider-stats-table td{padding:10px 4px;border-bottom:1px solid #2b414e}.provider-stats-table td,.provider-stats-table thead th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.provider-stats-table thead{color:var(--muted)}.provider-statistics>small{color:var(--muted);font-size:9px;line-height:1.7;display:block}

/* Rarity frames: increasing thickness and distinct corner ornaments. */
.card{position:relative;isolation:isolate;border:2px solid var(--accent);padding:3px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 30%,#152330),#14212c);border-radius:14px}.card .art{border-radius:8px 8px 0 0;overflow:hidden}.card .card-info{position:relative;background:#192b36;border-top:1px solid color-mix(in srgb,var(--accent) 35%,transparent);padding-right:34px}.card .art .rarity{border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);color:var(--accent);background:#101922ed;letter-spacing:1px}.rarity-common{border-color:#7894a3}.rarity-rare{border-width:3px;box-shadow:0 0 0 1px #69b6fc35,0 5px 20px #69b6fc18}.rarity-epic{border-width:4px;box-shadow:0 0 0 1px #bd8bff55,0 0 20px #bd8bff30}.rarity-legendary{border-width:4px;background:linear-gradient(140deg,#ffe0a6,#ff922e 25%,#723813 50%,#ffbd69 75%,#fff0cb);box-shadow:0 0 0 1px #ffbf7955,0 0 25px #ff922e40}.rarity-rare:before,.rarity-epic:before,.rarity-legendary:before{content:'';position:absolute;inset:5px;border-radius:8px;pointer-events:none;z-index:3;background:linear-gradient(var(--accent),var(--accent)) top left/18px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) top left/2px 18px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right/18px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right/2px 18px no-repeat}.rarity-epic:before{background:linear-gradient(var(--accent),var(--accent)) top left/24px 3px no-repeat,linear-gradient(var(--accent),var(--accent)) top left/3px 24px no-repeat,linear-gradient(var(--accent),var(--accent)) top right/24px 3px no-repeat,linear-gradient(var(--accent),var(--accent)) top right/3px 24px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom left/24px 3px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom left/3px 24px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right/24px 3px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right/3px 24px no-repeat}.rarity-legendary:before{border:1px solid #ffce8b;box-shadow:inset 0 0 8px #ff922e40;background:linear-gradient(#ffda9c,#ffda9c) top left/30px 3px no-repeat,linear-gradient(#ffda9c,#ffda9c) top right/30px 3px no-repeat,linear-gradient(#ffda9c,#ffda9c) bottom left/30px 3px no-repeat,linear-gradient(#ffda9c,#ffda9c) bottom right/30px 3px no-repeat}.rarity-rare:after,.rarity-epic:after,.rarity-legendary:after{position:absolute;right:13px;bottom:15px;pointer-events:none;color:var(--accent);font-size:18px;z-index:4}.rarity-rare:after{content:'◆'}.rarity-epic:after{content:'✦';text-shadow:0 0 10px #bd8bff80}.rarity-legendary:after{content:'♛';font-size:23px;color:#ffd398;text-shadow:0 0 12px #ff922eaa}#revealed .card-front .card{border-width:3px}#revealed .card-front .rarity-epic,#revealed .card-front .rarity-legendary{border-width:4px}.card:hover{box-shadow:0 0 24px color-mix(in srgb,var(--accent) 30%,transparent)}

.god-pack-stat{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#3a263f,#302532);border:1px solid #ff922e80;border-radius:12px;padding:24px;margin:20px 0}.god-pack-stat h3{font-size:22px;color:#ffc781;margin:16px 0 8px}.god-pack-stat p{max-width:640px;margin:0}.god-pack-stat .tag{color:#ffca8a;background:#4a3027}.god-symbol{font-size:64px;color:#ffbd71;text-shadow:0 0 30px #ff922e77}.pack-probabilities{width:100%;border-collapse:collapse;font-size:12px;text-align:left;margin:20px 0}.pack-probabilities th,.pack-probabilities td{padding:14px 10px;border-bottom:1px solid #344754}.pack-probabilities th{color:var(--muted);font-size:11px}.pack-probabilities td:last-child,.pack-probabilities th:last-child{text-align:right;font-variant-numeric:tabular-nums}.pack-probabilities td:last-child{font-weight:800;color:#dbeafb;white-space:nowrap}#reveal.god-pack{border:2px solid #ffb660;background:radial-gradient(ellipse at top,#47304f,#14232e 65%);box-shadow:0 0 60px #ff922e40}#reveal.god-pack #reveal-pack-label{color:#ffd293;font-weight:800}@media(max-width:700px){.god-pack-stat{padding:18px}.god-symbol{font-size:35px}.pack-probabilities{font-size:10px}.pack-probabilities th,.pack-probabilities td{padding:12px 5px}}

.back-logo{position:relative;z-index:1;display:block;width:90%;max-width:145px;height:auto;margin:0 auto 22px;filter:drop-shadow(0 4px 8px #0006)}.card-back .back-brand-name{font-size:9px;letter-spacing:1.5px;line-height:1.5;color:#dce7f0}.card-back small{margin-top:22px}.pack-logo{width:80px;height:80px;object-fit:contain;align-self:center;margin:0 auto 10px;filter:drop-shadow(0 4px 8px #0006)}.hero-art:before{display:none}.hero-pack-logo{width:106px;height:106px;object-fit:contain;display:block;margin:0 auto 10px;filter:drop-shadow(0 5px 10px #0005)}.hero-art{padding:18px 10px}.hero-art strong{font-size:22px;letter-spacing:3px}.hero-art small{margin-top:12px}@media(max-width:1000px){.hero-pack-logo{width:88px;height:88px}.hero-art strong{font-size:18px}.hero-art small{font-size:7px}}

.back-logo{transform:scale(1.4);margin-bottom:15px}.pack-logo{transform:scale(1.4);margin-bottom:10px}.hero-pack-logo{transform:scale(1.35)}

.demo-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 24px;padding:16px 20px;border:1px dashed #365873;border-radius:10px;background:#142735}.demo-controls small{color:var(--muted);font-size:11px}.demo-controls .secondary{font-size:12px;padding:10px 14px}.demo-controls .demo{color:#68adff}

/* Collectible foil booster packaging. */
.packs{gap:24px}.packs .pack{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 22px 22px;overflow:hidden;background:linear-gradient(160deg,#203440,#14232e);border:1px solid #334e60;transition:border-color .25s,box-shadow .25s}.packs .pack:first-child{border-color:#1475e188;background:radial-gradient(ellipse at 50% 28%,#1475e11c,transparent 70%),linear-gradient(160deg,#203440,#14232e)}.packs .pack:hover{border-color:#5f8dae;box-shadow:0 14px 40px #0003}.packs .pack .pill{position:relative;z-index:2;font-size:9px;letter-spacing:1px;padding:7px 10px;color:#adc4d3;background:#223d4c;border:1px solid #3b5464}.packs .pack:first-child .pill{color:#a8d5ff;background:#1475e11c;border-color:#1475e155}.packs .pack-visual{position:relative;width:100%;height:275px;display:flex;align-items:center;justify-content:center;margin:3px 0 0;background:radial-gradient(ellipse at center,#1475e122,transparent 65%)}.packs .pack-visual:before{content:'';position:absolute;bottom:9px;width:135px;height:17px;background:#0008;filter:blur(10px);border-radius:50%}.packs .pack-visual:after{content:'';position:absolute;inset:22px;border:1px solid #7eb6db0b;border-radius:50%;pointer-events:none}.packs .foil{--foil-color:#1475e1;position:relative;z-index:1;width:154px;height:228px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 10px 22px;background:linear-gradient(100deg,#79b3f044 0,#315a8744 7%,transparent 15%,transparent 85%,#62a1e444 94%,#0b1d37 100%),radial-gradient(ellipse at 50% 44%,#164579,#0b1d31 75%);border:1px solid #5e9fd6;border-radius:3px;box-shadow:inset 3px 0 6px #bfddff2e,inset -3px 0 8px #0008,7px 12px 18px #0007;transform:rotate(-7deg);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .4s;overflow:hidden}.packs .foil:before,.packs .foil:after{position:absolute;left:0;right:0;content:'';height:13px;background:repeating-linear-gradient(90deg,#1e4668 0 2px,#89b9d555 2px 3px,#244e70 3px 5px);border-top:1px solid #bfe0ff44;border-bottom:1px solid #040c1688;z-index:4}.packs .foil:before{top:0}.packs .foil:after{bottom:0}.packs .foil-series{font-size:7px;letter-spacing:2px;font-weight:800;color:#b2d6f5;z-index:2;white-space:nowrap}.packs .foil .pack-logo{width:123px;height:110px;margin:4px auto 2px;transform:scale(1.45);object-fit:contain;z-index:2;filter:drop-shadow(0 5px 7px #0008)}.packs .foil-title{font-size:10px;font-weight:900;letter-spacing:1px;line-height:1.3;color:#ecf6ff;z-index:2;text-align:center}.packs .foil-subtitle{font-size:6px;letter-spacing:1px;line-height:1.6;color:#b6cde3;margin-top:5px;z-index:2;text-align:center}.foil-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:12px;padding:8px 3px 0;border-top:1px solid #9ac7f02e;color:#8bbfee;font-size:7px;z-index:2}.foil-barcode{display:block;width:25px;height:9px;background:repeating-linear-gradient(90deg,#b7d4e4 0 1px,transparent 1px 3px,#b7d4e4 3px 5px,transparent 5px 6px);opacity:.6}.foil-reflection{position:absolute;inset:-80% -50%;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#d6edff00 44%,#d6edff26 49%,#ffffff4d 50%,#d6edff15 53%,transparent 58%);transform:translateX(-70%);transition:transform .8s}.pack:hover .foil-reflection{transform:translateX(65%)}.packs .pack:hover .foil{transform:translateY(-7px) rotate(-3deg);box-shadow:inset 3px 0 6px #bfddff2e,inset -3px 0 8px #0008,10px 20px 30px #0008}.packs .pack:nth-child(2) .foil{--foil-color:#bd8bff;background:linear-gradient(100deg,#a38ae544,transparent 20%,transparent 80%,#7150a855),radial-gradient(ellipse at center,#483567,#171c31);border-color:#9f7bd1}.packs .pack:nth-child(2) .foil:before,.packs .pack:nth-child(2) .foil:after{background:repeating-linear-gradient(90deg,#453460 0 2px,#c6afe366 2px 3px,#372a51 3px 5px)}.packs .pack:nth-child(3) .foil{--foil-color:#ffb967;background:linear-gradient(100deg,#b0966444,transparent 20%,transparent 80%,#aa8a4455),radial-gradient(ellipse at center,#514129,#1c2630);border-color:#c4a46a}.packs .pack:nth-child(3) .foil:before,.packs .pack:nth-child(3) .foil:after{background:repeating-linear-gradient(90deg,#5b4b31 0 2px,#e5cd9966 2px 3px,#4c3d26 3px 5px)}.packs .pack:nth-child(2) .foil-series{color:#d7c4f8}.packs .pack:nth-child(3) .foil-series{color:#ead6aa}.packs .pack h3{font-size:18px;margin:8px 0}.packs .pack p{font-size:12px;margin:0 0 22px}.packs .pack>button{margin-top:auto;min-height:44px}.packs .pack:nth-child(2) .pack-visual{background:radial-gradient(ellipse,#bd8bff19,transparent 65%)}.packs .pack:nth-child(3) .pack-visual{background:radial-gradient(ellipse,#ffb96716,transparent 65%)}@media(max-width:1000px) and (min-width:701px){.packs{gap:12px}.packs .pack{padding:20px 12px}.packs .foil{width:140px;height:218px}.packs .pack .pill{font-size:8px;letter-spacing:.5px}}@media(max-width:700px){.packs .pack{display:flex;text-align:center;padding:24px}.packs .pack .pill{display:block}.packs .pack-visual{height:265px;grid-row:auto}.packs .pack>button{width:100%}}@media(prefers-reduced-motion:reduce){.packs .foil,.foil-reflection{transition:none}.pack:hover .foil-reflection{transform:translateX(-70%)}}

.packs .pack-visual.provider-visual{background:radial-gradient(ellipse,#1475e124,transparent 70%)}.studio-showcase{position:relative;z-index:1;width:100%;max-width:250px;transform:rotate(-3deg);padding:20px 16px;background:linear-gradient(145deg,#294557,#182c3b);border:1px solid #4b708a;border-radius:16px;box-shadow:6px 12px 24px #0005,inset 0 1px 0 #c7e4f41a;transition:transform .4s}.pack:hover .studio-showcase{transform:translateY(-5px) rotate(0)}.studio-showcase-title,.studio-showcase-caption{display:block;text-align:center;font-size:8px;letter-spacing:2px;font-weight:800;color:#9bc9ec}.studio-showcase-caption{font-size:7px;letter-spacing:1px;margin-top:18px;color:#a7bece}.studio-logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:18px}.studio-badge{grid-column:span 2;display:flex;justify-content:center;align-items:center;height:54px;min-width:0;background:#2e4451;border:1px solid #53758b50;border-radius:8px;padding:8px;box-shadow:0 4px 10px #0003}.studio-badge:nth-child(n+4){grid-column:span 3}.studio-badge img{display:block;width:100%;height:100%;object-fit:contain}.packs .pack-visual.provider-visual:after{display:none}@media(prefers-reduced-motion:reduce){.studio-showcase{transition:none}}

/* Black holographic secret previews */
.rarity-secret{--accent:#c5b4ff;--glow:#a595ff44;position:relative;padding:3px!important;border:0!important;background:linear-gradient(135deg,#80eaff,#b59cff 22%,#fa9ed4 42%,#fff2b0 57%,#8cefd6 76%,#a2b4ff)!important;background-size:250% 250%!important;box-shadow:0 0 22px #ac9bff25,inset 0 0 1px #fff!important;isolation:isolate;transition:transform .3s,box-shadow .3s,background-position .7s!important}.rarity-secret:hover{background-position:100% 100%!important;box-shadow:0 0 32px #b59cff50,0 15px 30px #0009!important}.rarity-secret .art{background:#05070c;position:relative;border-radius:10px 10px 0 0;overflow:hidden}.rarity-secret .art>img{filter:saturate(.65) brightness(.75) contrast(1.15);opacity:.9;z-index:0}.rarity-secret .art:after{background:linear-gradient(180deg,#05070c50,transparent 30%,#05070c22 65%,#05070cf5)}.rarity-secret .secret-holo{position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 17px,#fff2 18px,transparent 19px 38px),linear-gradient(125deg,#6beaff10 5%,#d791ff20 24%,#ff98c715 39%,transparent 49%,#a5ffd325 60%,#90c7ff1a 80%);mix-blend-mode:screen;pointer-events:none;z-index:1}.rarity-secret .secret-holo:after{content:'';position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 40%,#9aeaff18 44%,#e5c4ff70 49%,#ffffffe0 50%,#ffa9d540 52%,transparent 57%);transform:translateX(-60%);transition:transform 1s;opacity:.5}.rarity-secret:hover .secret-holo:after{transform:translateX(60%)}.rarity-secret .rarity{color:#e6deff;background:#05070ddd;border:1px solid #d1b6ff66;border-radius:6px;z-index:3;font-size:9px;letter-spacing:1.3px}.rarity-secret .number{color:#e6deff!important;z-index:3}.rarity-secret .secret-edition{position:absolute;bottom:16px;left:0;right:0;z-index:3;text-align:center;letter-spacing:3px;font-size:8px;font-weight:800;color:#e0d9f7}.rarity-secret .card-info{background:linear-gradient(130deg,#10111c,#05070c)!important;border-top:1px solid #c5b4ff44;min-height:110px}.rarity-secret .card-info small{font-size:8px;color:#a9a2bf;letter-spacing:.6px}.rarity-secret .card-info h3{color:#f0ecff}.rarity-secret .quantity{color:#baa6ea;font-size:10px}.secret-provider .art>img{width:76%;height:42%;object-fit:contain;filter:drop-shadow(0 0 15px #bfa0ff55);opacity:1;position:relative;z-index:2}.secret-provider .art{background:radial-gradient(ellipse at center,#242035,#06070c 65%)}.secret-provider .art:before{content:'◆';position:absolute;font-size:190px;color:#bfa0ff08;transform:rotate(15deg)}.secret-special .art>img{filter:none;opacity:1}.rarity-summary:has(.rarity-tile:nth-child(5)){grid-template-columns:repeat(5,1fr)}.rarity-tile[data-rarity="Secrète"]{background:linear-gradient(140deg,#21202f,#080b11);border-color:#c5b4ff88}.rarity-tile[data-rarity="Secrète"] .rarity-title{color:#dacdff}@media(max-width:900px){.rarity-summary:has(.rarity-tile:nth-child(5)){grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.rarity-secret,.rarity-secret .secret-holo:after{transition:none!important}.rarity-secret:hover .secret-holo:after{transform:none}}

/* A continuous light trace around the secret foil frame. */
@property --secret-flow-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.rarity-secret{padding:4px!important;box-shadow:0 0 12px #c5b4ff55,0 0 30px #8feaff22,inset 0 0 2px #fff!important}
.rarity-secret:before{content:'';position:absolute;inset:0;padding:4px;border-radius:inherit;pointer-events:none;z-index:5;background:conic-gradient(from var(--secret-flow-angle),#ffffff00 0deg,#ffffff00 25deg,#8aefff 65deg,#fff 85deg,#e3afff 105deg,#ffffff00 140deg,#ffffff00 205deg,#faa8d7 245deg,#fff 265deg,#a0ffe1 285deg,#ffffff00 320deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:secret-light-flow 6s linear infinite}
.rarity-secret:nth-child(3n+2):before{animation-delay:-2s}.rarity-secret:nth-child(3n):before{animation-delay:-4s}.rarity-secret:hover{box-shadow:0 0 16px #c5b4ff88,0 0 40px #8feaff40,0 15px 30px #0009!important}.rarity-secret:hover:before{animation-duration:4s}
@keyframes secret-light-flow{to{--secret-flow-angle:360deg}}
@media(prefers-reduced-motion:reduce){.rarity-secret:before{animation:none;--secret-flow-angle:45deg}}
.secret-drop-stat{background:linear-gradient(135deg,#1d192c,#080c12);border-color:#c5b4ff88}.secret-drop-stat h3{color:#ddcaff}.reveal-secret .card-back{background:radial-gradient(ellipse,#24182d,#04070c 70%);border:3px solid #c5b4ff;box-shadow:0 0 28px #bb98ff88,0 0 45px #7eeaff44}.reveal-secret .card-back:after{content:'';position:absolute;inset:0;padding:3px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--secret-flow-angle),transparent,#80eaff,#fff,#eea4ff,transparent,#aaffdc,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:secret-light-flow 6s linear infinite}.reveal-secret .card-front .rarity-secret{height:100%;display:flex;flex-direction:column}.reveal-secret .card-front .rarity-secret .art{flex:1}.reveal-secret .card-front .rarity-secret .card-info{min-height:95px;flex-shrink:0}@media(prefers-reduced-motion:reduce){.reveal-secret .card-back:after{animation:none}}

/* Secret odds panel shares the black holographic card finish. */
.secret-drop-stat{position:relative;isolation:isolate;overflow:hidden;border:3px solid transparent;background:linear-gradient(125deg,#101019,#05070c 65%) padding-box,linear-gradient(135deg,#80eaff,#b59cff 22%,#fa9ed4 42%,#fff2b0 57%,#8cefd6 76%,#a2b4ff) border-box;box-shadow:0 0 14px #c5b4ff40,0 0 28px #8feaff18}
.secret-drop-stat:before{content:'';position:absolute;inset:-3px;border-radius:inherit;padding:3px;pointer-events:none;z-index:3;background:conic-gradient(from var(--secret-flow-angle),transparent 25deg,#8aefff 65deg,#fff 85deg,#e3afff 105deg,transparent 140deg,transparent 205deg,#faa8d7 245deg,#fff 265deg,#a0ffe1 285deg,transparent 320deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:secret-light-flow 6s linear infinite}
.secret-drop-stat:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(115deg,transparent 0 32px,#ffffff08 33px,transparent 34px 66px),linear-gradient(115deg,transparent 20%,#80eaff0d 34%,#cf9bff1c 40%,#ffffff18 45%,#fa9ed40f 49%,transparent 60%,#8cefd610 80%);background-size:100% 100%,220% 100%;animation:secret-panel-sheen 12s ease-in-out infinite alternate}
.secret-drop-stat>div,.secret-drop-stat>.god-symbol{position:relative;z-index:1}.secret-drop-stat h3{color:#f0eaff;text-shadow:0 0 18px #b69cff33}.secret-drop-stat p{color:#bac3d5}.secret-drop-stat .tag{color:#e6deff;background:#05070ddd;border:1px solid #d1b6ff66;box-shadow:0 0 12px #bca0ff15}.secret-drop-stat .god-symbol{color:#d8c6ff;text-shadow:0 0 16px #c5b4ff88,0 0 30px #8feaff44}
@keyframes secret-panel-sheen{from{background-position:0 0,0% 50%}to{background-position:0 0,100% 50%}}
@media(prefers-reduced-motion:reduce){.secret-drop-stat:before,.secret-drop-stat:after{animation:none}}
.card-showcase .section-head{flex-wrap:wrap}.card-showcase #showcase-countdown{font-size:12px;color:#a7c8e8;font-variant-numeric:tabular-nums}.showcase-note{font-size:12px;color:var(--muted);margin:-4px 0 22px}.showcase-stage{display:grid;isolation:isolate}.showcase-stage>.showcase-grid{grid-area:1/1;grid-template-columns:repeat(5,minmax(0,1fr));opacity:1;transition:opacity .4s ease;min-width:0}.showcase-stage>.showcase-incoming,.showcase-stage>.showcase-outgoing{opacity:0}.showcase-outgoing{pointer-events:none}.showcase-grid .card-info h3{min-height:2.6em}.showcase-grid .card-info{min-height:110px}@media(max-width:700px){.showcase-stage>.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-showcase #showcase-countdown{width:100%}}@media(prefers-reduced-motion:reduce){.showcase-stage>.showcase-grid{transition:none}}
/* Deal and withdraw each preview from left to right. */
.showcase-stage>.showcase-grid,.showcase-stage>.showcase-incoming,.showcase-stage>.showcase-outgoing{opacity:1;transition:none}.showcase-item{min-width:0}.showcase-item>.card{height:100%;box-sizing:border-box}.showcase-incoming .showcase-item{opacity:0;transform:translateY(18px) scale(.98)}.showcase-outgoing .showcase-item{animation:showcase-card-exit .32s ease-in both;animation-delay:calc(var(--showcase-step)*.13s)}.showcase-entering .showcase-item{animation:showcase-card-enter .42s cubic-bezier(.2,.7,.25,1) both;animation-delay:calc(.84s + var(--showcase-step)*.13s)}
@keyframes showcase-card-exit{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-14px) scale(.98)}}@keyframes showcase-card-enter{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.showcase-outgoing .showcase-item{animation:none;opacity:0}.showcase-entering .showcase-item{animation:none;opacity:1;transform:none}}
.packs .pack-visual.wheel-visual{background:radial-gradient(ellipse,#1475e130,transparent 70%)}.packs .pack-visual.wheel-visual:after{display:none}.daily-wheel-frame{position:relative;width:220px;height:220px;margin:15px auto;filter:drop-shadow(0 12px 18px #0007)}.daily-wheel-disc{position:relative;width:100%;height:100%;border-radius:50%;border:6px solid #83baff;box-sizing:border-box;background:conic-gradient(from -36deg,#133965 0deg 72deg,#315481 72deg 144deg,#163555 144deg 216deg,#365b7c 216deg 288deg,#1c456f 288deg 360deg);box-shadow:0 0 20px #1475e150,inset 0 0 0 2px #c5e3ff66;transition:transform 3.6s cubic-bezier(.12,.65,.12,1)}.wheel-pointer{position:absolute;top:-17px;left:50%;transform:translateX(-50%);z-index:4;color:#f3d49c;font-size:30px;text-shadow:0 2px 8px #0008}.wheel-segment{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;padding-top:23px;transform:rotate(calc(var(--segment)*72deg));box-sizing:border-box}.wheel-segment img{width:61px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 4px #0007)}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#0a1e30;border:3px solid #9dcfff;color:#fff;font-size:12px;font-weight:900;box-shadow:0 0 16px #0008}.wheel-reset{font-size:10px;color:var(--muted);margin:-12px 0 18px}.daily-wheel-pack>button{font-size:12px}.wheel-reward{width:min(220px,100%);margin:20px auto}.wheel-reward:empty{display:none}#daily-wheel-dialog{max-width:540px;text-align:center}#wheel-status{font-size:14px;color:#bcd7ec;line-height:1.5}#daily-wheel-dialog .daily-wheel-frame{width:260px;height:260px;margin:28px auto}#daily-wheel-dialog .wheel-segment{padding-top:29px}#daily-wheel-dialog .wheel-segment img{width:72px;height:38px}@media(prefers-reduced-motion:reduce){.daily-wheel-disc{transition:none}}
/* Compact, manually launched wheel; prize replaces the wheel after the spin. */
#daily-wheel-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:24px 22px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}#daily-wheel-dialog::-webkit-scrollbar{display:none}#daily-wheel-dialog h2{font-size:23px;margin:12px 0}#daily-wheel-dialog .daily-wheel-frame{width:220px;height:220px;margin:20px auto}#daily-wheel-dialog .wheel-segment{padding-top:23px}#daily-wheel-dialog .wheel-segment img{width:61px;height:34px}.wheel-launch{display:block;padding:0;border:0;background:transparent;margin:auto;cursor:pointer;color:inherit;border-radius:50%}.wheel-launch:hover .daily-wheel-disc{box-shadow:0 0 30px #1475e188,inset 0 0 0 2px #c5e3ff88}.wheel-launch:focus-visible{outline:3px solid #b6d8ff;outline-offset:4px}.wheel-won #wheel-animation{display:none}.wheel-won .wheel-reward{width:min(200px,100%);animation:wheel-prize-unlock .65s cubic-bezier(.16,.8,.25,1) both;filter:drop-shadow(0 0 20px #69b6fc44)}.wheel-won .wheel-reward .art{aspect-ratio:3/4}.wheel-won .wheel-reward .card-info{min-height:80px}.wheel-won #wheel-status{animation:wheel-prize-label .45s ease both}.wheel-won [data-wheel-collection]{animation:wheel-prize-label .45s ease .25s both}
@keyframes wheel-prize-unlock{0%{opacity:0;transform:translateY(22px) scale(.8) rotate(-5deg);filter:brightness(1.8)}60%{opacity:1;transform:translateY(-4px) scale(1.025) rotate(1deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:brightness(1)}}@keyframes wheel-prize-label{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.wheel-won .wheel-reward,.wheel-won #wheel-status,.wheel-won [data-wheel-collection]{animation:none}}
.site-info-link{display:flex;align-items:center;gap:10px;width:100%;padding:14px 12px;margin:0 0 18px;border:1px solid #45607966;border-radius:10px;background:linear-gradient(135deg,#1b3548,#142635);color:#d9eaff;font-size:13px;font-weight:700;cursor:pointer}.site-info-link span:last-child{margin-left:auto;color:#72b7ff}.site-info-link:hover{border-color:#1475e1;background:#213c50}.site-info-content{max-width:820px}.site-info-content .info-intro{font-size:17px;line-height:1.8;color:#c5d7e6;margin:24px 0 30px}.site-info-content section{padding:26px 28px;margin:18px 0;border:1px solid #39546966;border-radius:14px;background:linear-gradient(130deg,#1b303f,#142633)}.site-info-content h2{font-size:22px;margin:16px 0 12px}.site-info-content section p{font-size:15px;line-height:1.85;color:#b8cbd8;margin:0}.site-info-content .info-footnote{font-size:12px;line-height:1.7;color:var(--muted);margin-top:28px}@media(max-width:700px){.site-info-content section{padding:22px 18px}.site-info-content h2{font-size:20px}}
.account-trigger{background:#223c50;border:1px solid #4c6a8266;color:#e0efff;border-radius:8px;padding:10px 14px;font-size:12px;cursor:pointer;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-trigger:hover{border-color:#1475e1}.discord-button{display:block;background:#5865f2;border:1px solid #8090ff;color:white;border-radius:10px;padding:14px 20px;font-size:14px;font-weight:800;cursor:pointer;margin:24px auto;box-shadow:0 6px 20px #5865f22b}.discord-button:hover{background:#4752c4}.discord-button:disabled{opacity:.65;cursor:wait}#account-dialog{box-sizing:border-box;max-width:480px;width:calc(100vw - 32px);padding:32px 26px}#account-dialog h2{font-size:25px;margin:15px 0 22px}#account-content p{line-height:1.75;color:#b7cbdc;font-size:14px}#account-content small{display:block;font-size:12px;color:#95b0c2;line-height:1.7}#account-message{font-size:13px;color:#ffd3a6}#toast.show{opacity:1;transform:translateY(0)}

/* Catalogue and upcoming studios header */
header.site-header{height:auto;min-height:86px;gap:24px;padding-top:18px;padding-bottom:18px}
header.site-header .catalogue-header{display:flex;align-items:center;gap:26px;flex:1;min-width:0;flex-wrap:wrap}
.catalogue-caption{font-size:12px;color:#a7b6c3;white-space:nowrap}
header.site-header .upcoming-providers{display:flex;align-items:center;gap:12px;flex:1;min-width:280px;max-width:none}
.upcoming-label{font-size:14px;font-weight:800;color:#fff;letter-spacing:.2px;white-space:nowrap}
.upcoming-logo-window{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
header.site-header .upcoming-logo-track{display:flex;width:max-content;gap:0;animation:upcoming-studios 32s linear infinite}
header.site-header .upcoming-logo-group{display:flex;align-items:center;gap:12px;padding-right:12px;flex-shrink:0}
.upcoming-logo{display:flex;align-items:center;justify-content:center;width:128px;height:46px;border:1px solid #2a3c4c;border-radius:9px;background:#192935;flex-shrink:0}
.upcoming-logo img{width:116px;height:42px;object-fit:contain;padding:5px}
.upcoming-providers:hover .upcoming-logo-track{animation-play-state:paused}
header.site-header .account-trigger{flex-shrink:0;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes upcoming-studios{to{transform:translateX(-50%)}}
@media(max-width:1400px){header.site-header .catalogue-header{gap:10px}header.site-header .upcoming-providers{flex-basis:100%}}
@media(max-width:600px){header.site-header{flex-wrap:wrap;gap:12px;padding:16px 18px}header.site-header .catalogue-header{flex-basis:100%}.catalogue-caption{font-size:11px}.upcoming-label{font-size:13px}header.site-header .upcoming-providers{min-width:0;max-width:100%;flex-basis:100%}.upcoming-logo{height:42px}header.site-header .account-trigger{max-width:100%}}
@media(prefers-reduced-motion:reduce){header.site-header .upcoming-logo-track{animation:none}.upcoming-logo-window{overflow-x:auto;mask-image:none;scrollbar-width:thin}.upcoming-logo-group[aria-hidden="true"]{display:none}}

/* Unified homepage discovery and collection progress */
.home-discovery{background:radial-gradient(ellipse at top right,#224c72,transparent 65%),#1a2c36;border:1px solid #315c80;border-radius:16px;padding:26px 30px;overflow:hidden}
.discovery-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:20px}
.discovery-copy{flex:1;min-width:0}.discovery-copy h1{font-size:27px;max-width:none;line-height:1.2;margin:12px 0}.discovery-copy p{margin:10px 0 18px;font-size:13px}.discovery-copy .green{font-size:13px}
.discovery-pack{flex-shrink:0;width:100px;padding:16px 9px;border:2px solid #1475e1;border-radius:10px;background:linear-gradient(145deg,#265781,#122d46);box-shadow:9px 10px 0 #101e27;transform:rotate(10deg);text-align:center;margin:0 12px}
.discovery-pack img{display:block;width:66px;height:62px;object-fit:contain;margin:0 auto 5px}.discovery-pack strong{display:block;font-size:20px;letter-spacing:2px}.discovery-pack small{display:block;font-size:7px;letter-spacing:1px;margin-top:8px;white-space:nowrap}
.home-discovery .card-showcase{margin:0;padding:0;background:transparent;border:0}.home-discovery .section-head{margin:0 0 18px;gap:14px;flex-wrap:wrap}.home-discovery .section-head h2{font-size:21px}.home-discovery .section-head span{color:#80baff}.home-discovery .showcase-note{margin:18px 0 0;font-size:12px}
.home-discovery .showcase-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.home-discovery .card-info h3{font-size:13px}.home-discovery .card-info{min-height:82px}.home-discovery .card .quantity{display:none}
#rewards-section{scroll-margin-top:24px}.collection-total{padding:24px;margin:20px 0;background:var(--panel);border-radius:12px}.collection-total>span{color:#a7b6c3;font-size:13px}.collection-total strong{display:block;font-size:32px;margin:10px 0 16px}.collection-total small{font-size:12px;color:#a7b6c3;font-weight:400}.collection-total-progress{height:7px;background:#263c4e;overflow:hidden;border-radius:5px;margin-bottom:14px}.collection-total-progress span{display:block;height:100%;background:#1475e1}
@media(max-width:700px){.home-discovery{padding:20px 18px}.discovery-intro{gap:16px}.discovery-copy h1{font-size:23px}.discovery-pack{width:80px;margin:0 4px;padding:12px 5px}.discovery-pack img{width:52px;height:50px}.discovery-pack small{font-size:6px}.home-discovery .showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:420px){.discovery-pack{display:none}.home-discovery .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-copy .green{width:100%;padding:13px 10px;font-size:12px}.collection-total strong{font-size:28px}}
/* Fill booster artwork frames while preserving secret provider logo sizing. */
.card-front .card:not(.secret-provider) .art>img{object-fit:cover}

/* SSM watermark approved in the homepage preview */
.home-discovery{position:relative;isolation:isolate}
.home-discovery::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-25px -35px -25px 32%;background:url("assets/branding/ssm-slot-machine.png") no-repeat center right;background-size:contain;opacity:.16;filter:blur(5px);transform:rotate(-8deg) scale(1.13)}
@media(max-width:700px){.home-discovery::before{inset:0 -55px 0 12%;opacity:.13;filter:blur(4px)}}

/* Available booster stock, shown for signed-in collectors. */
.pack .booster-stock{font-size:15px;font-weight:800;color:#d7eaff;margin:8px 0 16px;font-variant-numeric:tabular-nums}
/* Mobile booster faces override the album's last-card sizing and Safari backface rendering. */
@media(max-width:700px){
  #revealed .card-front>.card{width:100%;max-width:none;grid-column:auto;justify-self:stretch}
  #revealed .flip-inner{-webkit-transform-style:preserve-3d}
  #revealed .card-back,#revealed .card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden}
  #revealed .is-revealed .card-back{visibility:hidden;pointer-events:none;transition:visibility 0s .375s}
  #reveal{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overflow-x:hidden}
}

/* Weekly catalogue news below the header caption. */
.catalogue-summary{flex:0 1 320px;min-width:0;max-width:100%}.catalogue-summary .catalogue-caption{display:block;white-space:normal}.catalogue-weekly{font-size:11px;line-height:1.55;color:#8bacc8;margin:6px 0 0}
@media(max-width:600px){.catalogue-summary{flex-basis:100%}}

/* Collector account and full-frame avatar portraits. */

.collector-panel{width:290px;max-width:100%;padding:20px;background:radial-gradient(ellipse at top right,#224c724d,transparent 70%),linear-gradient(145deg,#1a303f,#14232f);border:1px solid #41617a;border-radius:18px;box-shadow:0 12px 28px #0002,inset 0 1px 0 #bddfff12}
.collector-panel-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#89b8dc;margin-bottom:16px}.connection-dot{width:7px;height:7px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 10px #6ee7b740}
.collector-panel>strong{font-size:16px}.collector-panel p{font-size:12px;line-height:1.6;margin:10px 0 18px}.collector-panel .discord-button{font-size:12px;padding:12px 14px;width:100%;margin:0;border-radius:10px}
.collector-profile{display:flex;align-items:center;gap:14px;width:100%;padding:0;background:transparent;text-align:left;min-width:0;border-radius:12px}
.collector-profile>span:not(.profile-arrow){flex:1;min-width:0}.collector-profile strong{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collector-profile small{display:block;color:#9db9cd;font-size:10px;margin-top:6px}.profile-arrow{font-size:26px;color:#9fcaff}
.collector-avatar,.profile-avatar{object-fit:cover;object-position:center;background:#101e29;border:1px solid #7594ac;border-radius:14px;flex-shrink:0}
.collector-avatar{width:64px;height:64px}.profile-customize{display:flex;justify-content:space-between;align-items:center;background:#213f55;border:1px solid #4d799955;color:#b9dcff;font-size:11px;font-weight:700;padding:11px 13px;margin-top:18px;border-radius:9px;width:100%;text-align:left}.profile-customize:hover{background:#294d68}
#account-dialog{max-width:520px;max-height:calc(100dvh - 28px);overflow-y:auto;background:radial-gradient(ellipse at top right,#214c7355,transparent 55%),#142430;border:1px solid #4c7190;border-radius:22px;box-shadow:0 24px 70px #0008;padding:30px}
#account-dialog h2{font-size:25px;margin:12px 0 24px}.profile-preview{display:flex;align-items:center;gap:16px;padding:16px;background:#0e1f2e80;border:1px solid #41607966;border-radius:16px}.profile-preview>div{min-width:0}.profile-avatar{width:80px;height:80px}.profile-eyebrow{display:block;font-size:9px;letter-spacing:1.5px;color:#83b7e3;margin-bottom:7px}.profile-preview strong{display:block;font-size:18px;overflow-wrap:anywhere}.profile-preview small{margin-top:6px;font-size:10px!important;color:#94b8d2!important}
.avatar-section-title{font-size:15px;margin:24px 0 6px}#account-content .avatar-intro{font-size:12px;margin:0;color:#9fb9cd}.avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;background:#1a3040;border:2px solid #35546a;border-radius:14px;padding:6px 6px 10px;color:#bad0de;min-width:0;transition:border-color .2s,background .2s}
.avatar-option img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:9px;background:#0f1c26}.avatar-option span{font-size:11px;font-weight:700;line-height:1.4}.avatar-option.selected{border-color:#69b6fc;background:#234866;color:white;box-shadow:0 0 0 3px #1475e11f}.avatar-option:hover{border-color:#69b6fc}.avatar-option:disabled{opacity:.65;cursor:wait}.avatar-check{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#1475e1;border:1px solid #a3d4ff;color:white;font-style:normal;font-size:12px;box-shadow:0 2px 7px #0006}
#account-content .avatar-save-hint{font-size:11px;color:#97b6cd;margin:16px 0 20px}#account-content>[data-signout]{width:100%;border:1px solid #456277;background:#203747;border-radius:10px;font-size:12px}#account-message{color:#b6d8ff}
@media(max-width:700px){.collector-panel{width:100%;padding:18px}.collector-profile strong{font-size:15px}.avatar-options{gap:8px}.avatar-option{padding:5px 5px 9px;border-radius:12px}.avatar-option img{border-radius:7px}.avatar-option span{font-size:10px}#account-dialog{padding:26px 18px}.profile-preview{padding:12px;gap:12px}.profile-avatar{width:68px;height:68px}.profile-preview strong{font-size:16px}.avatar-check{top:8px;right:8px;width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.avatar-option{transition:none}}

/* Compact account anchored above Stakeslots Info in the sidebar. */
.sidebar-footer{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}
.sidebar-footer .aside-bottom{margin-top:0}
.sidebar-footer .collector-panel{width:100%;padding:13px;border-radius:13px;box-shadow:inset 0 1px 0 #bddfff12}
.sidebar-footer .collector-panel-label{font-size:8px;letter-spacing:.6px;margin-bottom:12px}
.sidebar-footer .collector-avatar{width:40px;height:40px;border-radius:10px}
.sidebar-footer .collector-profile{gap:8px}.sidebar-footer .collector-profile strong{font-size:12px}.sidebar-footer .collector-profile small{font-size:9px;line-height:1.4;margin-top:4px}.sidebar-footer .profile-arrow{font-size:20px}
.sidebar-footer .profile-customize{font-size:10px;padding:9px 8px;margin-top:12px;border-radius:7px}
.sidebar-footer .collector-panel>strong{font-size:12px;line-height:1.5;display:block}.sidebar-footer .collector-panel p{display:none}.sidebar-footer .collector-panel .discord-button{font-size:10px;padding:10px 7px;margin-top:12px;line-height:1.5}
@media(min-width:701px){aside{height:100dvh;overflow-y:auto}aside>.brand,aside>nav,aside>.label{flex-shrink:0}}
@media(max-width:700px){.sidebar-footer{margin-top:16px;padding-top:0}.sidebar-footer .collector-panel{padding:12px 14px}.sidebar-footer .collector-panel-label{margin-bottom:8px}.sidebar-footer .collector-profile strong{font-size:13px}.sidebar-footer .profile-customize{margin-top:10px}}

/* Each mobile booster begins at the first card, without preserving a scroll anchor. */
@media(max-width:700px){#revealed.cards{overflow-anchor:none}}

/* MAJ16: separated pages, one-card boosters, quests and personal showcase. */
.home-wheel{max-width:410px;margin-bottom:28px}.home-wheel .pack{height:100%}
.home-links{display:grid;gap:16px;margin-top:24px}
.home-link-tile{width:100%;display:flex;align-items:center;gap:24px;text-align:left;padding:25px 28px;background:linear-gradient(120deg,#1d3648,#172934);border:1px solid #365a74;border-radius:15px;transition:border-color .2s,background .2s}
.home-link-tile:hover{background:linear-gradient(120deg,#25455b,#1c3445);border-color:#6c9bc1}.home-link-copy{flex:1;min-width:0}.home-link-copy strong{display:block;font-size:18px;color:#eff7ff}.home-link-copy small{display:block;font-size:12px;color:#9db7cb;margin-top:8px;line-height:1.5}.home-link-arrow{font-size:25px;color:#80baff}.home-link-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:170px;flex:0 0 170px}.home-link-logos img{width:50px;height:30px;object-fit:contain}.home-link-symbol{width:70px;height:70px;border:1px solid #785fbb;background:#342449;border-radius:15px;display:grid;place-items:center;font-size:32px;color:#ccb2ff}.quest-link-tile{background:linear-gradient(120deg,#28253d,#172934);border-color:#655680}
.booster-page-pack{max-width:410px;margin:26px 0 36px}.booster-page-pack .pack{padding:28px}.booster-page-pack .pack-visual{height:230px}
.profile-sections{display:grid;gap:12px;margin:24px 0}.profile-sections button{position:relative;display:grid;grid-template-columns:40px 1fr 20px;column-gap:12px;padding:18px;text-align:left;background:#1b3447;border:1px solid #466780;border-radius:12px}.profile-sections button>span{grid-row:1/3;align-self:center;font-size:26px;color:#8dc1ff}.profile-sections strong{font-size:15px}.profile-sections small{grid-column:2;font-size:11px!important;margin-top:5px}.profile-sections b{grid-column:3;grid-row:1/3;align-self:center;color:#8dc1ff}.profile-back{display:block;background:transparent;color:#9dcaff;padding:0 0 15px;font-size:12px}
#reveal{max-width:650px;max-height:calc(100dvh - 24px);overflow-y:auto;overflow-x:hidden;padding:28px 24px}
#reveal h2{font-size:24px;margin:14px 0}#reveal .reveal-hint{font-size:11px}
#revealed.cards.single-pack{display:flex;align-items:center;justify-content:center;overflow:visible;margin:0;padding:22px 14px 18px;max-height:none;scroll-snap-type:none}
#revealed.single-pack .reveal-slot{width:250px;max-width:100%;min-width:0;flex:0 0 250px;height:435px;animation:deal-card .4s ease both}
.visible-pack-card{display:block;width:100%;height:100%;background:transparent;padding:0;text-align:left;border-radius:14px}
.visible-pack-card>.card{height:100%;display:flex;flex-direction:column}.visible-pack-card .art{flex:1;min-height:0;aspect-ratio:auto}.visible-pack-card .card:not(.secret-provider) .art>img{object-fit:cover}.visible-pack-card .card-info{flex-shrink:0;min-height:95px}.single-pack .card:hover{transform:none}
#revealed .is-revealed .card-front{pointer-events:auto}#revealed .card-front .visible-pack-card{border-radius:12px}#revealed .is-revealed .card-back{visibility:hidden;pointer-events:none;transition:visibility 0s .375s}#revealed .card-back,#revealed .card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden}#revealed .flip-inner{-webkit-transform-style:preserve-3d}
.pack-navigation{display:flex;align-items:center;justify-content:center;gap:24px;margin:4px 0 16px}.pack-navigation button{width:48px;height:40px;padding:0;font-size:20px}.pack-navigation button:disabled{opacity:.35;cursor:default}.pack-navigation span{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:#b7d4eb}#reveal-progress{margin:0 0 12px;font-size:11px}#reveal-next-message{font-size:11px}.reveal-actions button:disabled{opacity:.4}
.feature-login{padding:42px 24px;border:1px solid #39576e;background:#172b3b;border-radius:16px;text-align:center}.feature-login>span{font-size:34px;color:#80baff}.feature-login h2{font-size:21px}.feature-login p{font-size:13px}.feature-login .discord-button{margin:22px auto 0;max-width:300px}
.quest-daily-panel{margin-top:26px;background:radial-gradient(ellipse at top right,#31558250,transparent 65%),#162837;border:1px solid #3d6284;border-radius:18px;padding:26px}.quest-daily-panel>.section-head{margin:0 0 24px;gap:20px}.quest-daily-panel .section-head h2{margin:12px 0 0;font-size:22px}.quest-reset{text-align:right;flex-shrink:0}.quest-reset span{display:block;font-size:10px;color:#96b6d1}.quest-reset strong{display:block;font-size:20px;color:#8fc1ff;margin-top:8px;font-variant-numeric:tabular-nums}
.daily-quest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.quest-tile{position:relative;background:#112331aa;border:1px solid #3b566d;border-radius:14px;padding:22px}.quest-step{display:grid;place-items:center;width:36px;height:36px;background:#254766;border:1px solid #4977a0;border-radius:10px;font-size:12px;font-weight:800;color:#b1d6ff}.quest-status{position:absolute;right:20px;top:28px;color:#9bb8d0;font-size:10px}.quest-tile h3{font-size:17px;margin:19px 0 8px}.quest-tile p{font-size:11px;line-height:1.6;min-height:35px;margin-bottom:20px}.quest-tile.complete{border-color:#459b85}.quest-tile.complete .quest-step{background:#214e44;color:#9af1cf;border-color:#539c83}.quest-tile.complete .quest-status{color:#99e8ca}
.quest-progress-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#91acc3;margin-bottom:9px}.quest-progress-label strong{color:#d3e9ff;font-size:12px;white-space:nowrap}.quest-progress{height:7px;background:#263d50;border-radius:5px;overflow:hidden}.quest-progress>span{display:block;height:100%;background:linear-gradient(90deg,#1475e1,#71b9ff);border-radius:5px;transition:width .4s}.complete .quest-progress>span{background:linear-gradient(90deg,#3cb99b,#90e4c8)}
.daily-quest-reward{display:flex;align-items:center;gap:18px;margin-top:22px;padding:20px;background:#1d2f47;border:1px solid #4b6284;border-radius:12px}.reward-symbol{font-size:30px;color:#bb9bff}.daily-quest-reward>div{flex:1}.daily-quest-reward strong{font-size:14px}.daily-quest-reward p{font-size:10px;margin:7px 0 0}.daily-quest-reward small{display:block;font-size:10px;margin-top:8px;color:#c7b5e6}.daily-quest-reward button{font-size:11px;white-space:nowrap}.daily-quest-reward button:disabled{opacity:.5;cursor:default}.daily-quest-reward.unlocked{border-color:#a17bc9;background:linear-gradient(110deg,#302642,#1d2f47)}
.provider-quest-heading{margin:38px 0 16px}.provider-quest-heading h2{margin:12px 0 0}.provider-quest-note{font-size:12px;line-height:1.7;max-width:800px;margin-bottom:22px}.provider-quest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.provider-quest-tile{padding:23px 20px;background:#192d3b;border:1px solid #3b5365;border-radius:14px}.provider-quest-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.provider-quest-top img{width:90px;height:40px;object-fit:contain}.provider-quest-top>span{font-size:9px;color:#9fbacf;text-align:right}.provider-quest-tile h3{margin:18px 0 22px;font-size:16px}.provider-quest-prize{display:flex;align-items:center;gap:10px;padding:15px 0;margin:4px 0 6px;color:#c5aff1}.provider-quest-prize span{font-size:22px}.provider-quest-prize small{font-size:10px}.provider-quest-tile>button{width:100%;font-size:11px}.provider-quest-tile>button:disabled{opacity:.55;cursor:default}.provider-quest-tile.claimed{border-color:#64718d}
#quest-reward-dialog{max-width:480px;width:calc(100vw - 28px);max-height:calc(100dvh - 28px);overflow-y:auto;text-align:center;padding:28px;background:radial-gradient(ellipse at top,#382749,#14232e 65%);border:1px solid #9777c0;border-radius:18px}#quest-reward-card{width:210px;max-width:100%;margin:24px auto}#quest-reward-message{font-size:12px;color:#c8b9df}
.showcase-owner{display:flex;align-items:center;gap:14px;padding:20px;background:#1a2e3e;border:1px solid #456078;border-radius:14px;margin:26px 0 30px}.showcase-owner>div{flex:1;min-width:0}.showcase-owner strong{display:block;font-size:16px;overflow-wrap:anywhere}.showcase-owner small{display:block;margin-top:7px;font-size:11px;color:#9bb6cc}.showcase-owner .collector-avatar{width:54px;height:54px}.showcase-owner button{font-size:11px}
.personal-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1000px}.showcase-position{padding:18px;background:linear-gradient(145deg,#1d3447,#122430);border:1px solid #425e76;border-radius:17px;min-width:0}.showcase-position-label{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:#8cb7dd;margin-bottom:16px}.showcase-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:3/4;min-height:240px;border:2px dashed #4b718e;border-radius:13px;background:#142633;color:#abd1ef;padding:18px}.showcase-empty>span{font-size:48px;font-weight:200;margin-bottom:22px}.showcase-empty strong{font-size:14px}.showcase-empty small{font-size:11px;color:#8eaac0;margin-top:10px;text-align:center}.showcase-empty:hover{border-color:#8cbdf5;background:#193249}.showcase-card .card{width:100%}.showcase-slot-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.showcase-slot-actions button{font-size:11px}.showcase-remove{background:transparent;color:#a2b7c9;padding:10px}.personal-showcase+.showcase-note{font-size:12px;margin-top:24px;color:#8faabe}
#showcase-picker{max-width:850px;width:calc(100vw - 28px);max-height:calc(100dvh - 28px);overflow-y:auto;padding:28px}#showcase-search{width:100%;margin:12px 0 22px}#showcase-picker-message{font-size:12px;color:#edc5a3}.showcase-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.showcase-pick{padding:0;text-align:left;background:transparent;border-radius:14px;min-width:0}.showcase-pick .card{height:100%}.showcase-pick:disabled{opacity:.45;cursor:default}.showcase-pick>small{display:block;text-align:center;font-size:10px;padding:5px}.showcase-pick .card:hover{transform:none}
@media(max-width:1050px){.provider-quest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-showcase{gap:14px}.showcase-position{padding:12px}}
@media(max-width:700px){.home-wheel{max-width:none}.home-link-tile{padding:20px 18px;gap:15px}.home-link-logos{flex-basis:90px;max-width:90px;grid-template-columns:repeat(2,1fr);gap:4px}.home-link-logos img{width:40px;height:25px}.home-link-copy strong{font-size:15px}.home-link-copy small{font-size:11px}.home-link-symbol{width:48px;height:48px;font-size:24px;flex-shrink:0}.booster-page-pack{max-width:none}
#reveal{padding:22px 16px}#reveal h2{font-size:21px}#revealed.single-pack .reveal-slot{width:215px;flex-basis:215px;height:370px}#revealed.cards.single-pack{padding:18px 10px 12px}.pack-navigation{margin:2px 0 13px;gap:20px}.reveal-recharge{font-size:11px;margin:12px 0 16px}
.quest-daily-panel{padding:18px}.quest-daily-panel>.section-head{align-items:flex-start;flex-wrap:wrap}.quest-daily-panel .section-head h2{font-size:19px}.quest-reset{text-align:left}.quest-reset strong{font-size:18px}.daily-quest-grid{grid-template-columns:1fr;gap:12px}.quest-tile{padding:20px}.quest-tile p{min-height:0}.daily-quest-reward{flex-wrap:wrap;padding:16px;gap:12px}.daily-quest-reward>div{min-width:0}.daily-quest-reward>button{width:100%}.provider-quest-grid{grid-template-columns:1fr}.provider-quest-tile{padding:20px}.showcase-owner{padding:15px;flex-wrap:wrap}.showcase-owner>button{width:100%}.personal-showcase{grid-template-columns:1fr;max-width:330px;margin:auto}.showcase-position{padding:18px}.showcase-empty{min-height:260px}.showcase-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#showcase-picker{padding:26px 16px}.showcase-picker-grid .card-info{padding:12px 22px 12px 10px}.showcase-picker-grid .card-info h3{font-size:11px}}
@media(prefers-reduced-motion:reduce){#revealed.single-pack .reveal-slot{animation:none}.home-link-tile,.quest-progress>span{transition:none}}

/* MAJ17 : boosters et roue côte à côte ; reflet limité au paquet. */
.booster-activities.packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:28px auto 36px;width:100%;max-width:1100px}
.booster-activity{min-width:0;display:flex;flex-direction:column}.booster-activity>h2{font-size:20px;margin:0 0 18px;text-align:center}.booster-activities .pack{flex:1;min-width:0;overflow:hidden}.booster-activities .foil{overflow:hidden;isolation:isolate}
@media(max-width:700px){.booster-activities.packs{grid-template-columns:1fr;gap:28px}.booster-activity>h2{font-size:19px}.booster-activities .pack{height:auto}}

/* La roue occupe un espace réservé, distinct du texte et des probabilités. */
.booster-activities .daily-wheel-pack .wheel-visual{height:260px;min-height:260px;margin:8px 0 4px;flex-shrink:0}.booster-activities .daily-wheel-frame{margin:0 auto}.booster-activities .daily-wheel-pack h3{font-size:18px;margin:12px 0 10px}.booster-activities .daily-wheel-pack .wheel-description{font-size:13px;line-height:1.6;margin:0 0 16px;color:#b4c9db}
.wheel-odds{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 12px}.wheel-odds>span{padding:8px 10px;border:1px solid #44617d;border-radius:8px;background:#20384c;color:#c5daec;font-size:11px;line-height:1.5}.wheel-odds strong{display:block;font-size:17px;font-weight:800;color:#fff}.booster-activities .daily-wheel-pack .wheel-duplicates{font-size:11px;margin:0 0 18px;color:#90aabd}

/* MAJ20 — compact community ticker and understated player profiles. */
.recent-drops{display:flex;align-items:center;gap:16px;min-width:0;padding:10px 0;margin:0 0 24px;border-top:1px solid #293c4b;border-bottom:1px solid #293c4b;background:transparent}
.drops-label{display:flex;align-items:center;gap:8px;flex-shrink:0;color:#9bb0c2;font-size:11px}.live-dot{width:5px;height:5px;border-radius:50%;background:#77cdb0;flex-shrink:0}.drops-toggle{background:transparent;color:#9bb0c2;font-size:10px;padding:7px 4px;flex-shrink:0}.recent-drops-window{flex:1;min-width:0;overflow:hidden;outline-offset:2px}.recent-drops-track{display:flex;width:max-content;animation:recent-drops-scroll var(--drops-duration,60s) linear infinite}.recent-drops-group{display:flex;align-items:center;flex-shrink:0;gap:32px;padding-right:32px}.drop-ticker-item{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;min-height:24px}.drop-ticker-player{color:#98aec1}.drop-ticker-separator{color:#627b8e}.drop-ticker-item strong{font-weight:600;color:#e3edf5}.drop-ticker-item small{font-size:9px;color:var(--drop-color)}.recent-drops-window:hover .recent-drops-track,.recent-drops-window:focus-within .recent-drops-track,.recent-drops-window.paused .recent-drops-track{animation-play-state:paused}@keyframes recent-drops-scroll{to{transform:translateX(-50%)}}
.community-empty{padding:24px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center}.community-empty>span{color:#96bdf0;font-size:20px}.community-empty p{font-size:12px;margin:0}.community-empty button{font-size:11px}.recent-drops .community-empty{padding:0;flex:1;justify-content:flex-start;gap:8px}.recent-drops .community-empty>span{display:none}.recent-drops .community-empty p{font-size:11px}
.ranking-intro{display:flex;justify-content:space-between;gap:12px;margin:24px 0 20px;font-size:11px;color:#a1b4c4}.ranking-intro small{color:#728d9f;font-size:10px}.ranking-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:860px;margin:0 auto 24px}.podium-player{display:flex;flex-direction:column;align-items:center;position:relative;min-width:0;padding:24px 12px 18px;border:1px solid #304353;border-radius:12px;background:#172632;--podium-color:#a5b6c8}.podium-place-1{--podium-color:#dbba78;border-color:#726044;background:linear-gradient(150deg,#302b22,#172632 70%)}.podium-place-3{--podium-color:#c69576}.podium-rank{position:absolute;left:14px;top:12px;font-size:11px;color:var(--podium-color);font-variant-numeric:tabular-nums}.podium-avatar{width:60px;height:60px;object-fit:cover;border:1px solid var(--podium-color,#7897b3);border-radius:50%;flex-shrink:0}.podium-player>strong{font-size:14px;font-weight:600;line-height:1.4;margin:13px 0 10px;max-width:100%;overflow-wrap:anywhere}.podium-count{font-size:23px;font-weight:600;line-height:1.3}.podium-count small{display:block;font-size:10px;font-weight:400;color:#8aa1b3;margin-top:3px}.podium-link{font-size:10px;color:var(--podium-color);margin-top:17px}.podium-player:hover:not(.podium-vacant){border-color:var(--podium-color)}.podium-vacant{opacity:.5;justify-content:center;min-height:208px}.podium-vacant>small{font-size:10px;color:#8aa1b3}
.ranking-list{max-width:860px;margin:auto}.ranking-row{display:flex;align-items:center;gap:14px;padding:12px 8px;border-bottom:1px solid #263b4a}.ranking-number{width:26px;font-size:11px;color:#718ca0;font-variant-numeric:tabular-nums}.ranking-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.vacant-avatar{display:grid;place-items:center;background:#203441;color:#6b8598}.ranking-row>strong{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px;font-weight:500}.ranking-row-total{font-size:12px;color:#c3d2dd;white-space:nowrap;font-variant-numeric:tabular-nums}.ranking-row-total small{font-size:10px;color:#7f98ac}.ranking-vacant{opacity:.45}
.creator-heading{max-width:860px;margin:28px auto 10px;font-size:10px;color:#8f9da8;letter-spacing:.5px}.creator-profile{width:100%;max-width:860px;display:flex;align-items:center;gap:12px;margin:auto;padding:12px 14px;text-align:left;background:transparent;border:1px solid #344655;border-radius:9px}.creator-profile:hover{border-color:#69879f}.creator-profile-copy{flex:1;min-width:0}.creator-profile-copy strong{font-size:12px;display:block;overflow-wrap:anywhere}.creator-profile-copy small{font-size:10px;color:#8099ad;display:block;margin-top:4px}.creator-profile-link{font-size:10px;color:#a7bdd0}
#ranking-detail{max-width:760px;max-height:calc(100dvh - 32px);overflow-y:auto}#ranking-detail .ranking-detail-owner{display:flex;flex-direction:column;align-items:center;gap:8px;margin:18px 0}#ranking-detail .ranking-detail-owner>span{font-size:9px;letter-spacing:1px;color:#8eacc3}#ranking-detail h2{margin:2px 0;font-size:23px}#ranking-detail .ranking-detail-owner p{margin:0;font-size:12px}.ranking-detail-tabs{display:flex;justify-content:center;gap:6px;margin:20px 0}.ranking-detail-tabs button{background:transparent;border:1px solid #344b5e;border-radius:7px;padding:10px 14px;color:#a5bed1;font-size:12px}.ranking-detail-tabs button[aria-pressed=true]{background:#23405a;border-color:#537c9b;color:white}.ranking-rarities{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ranking-rarities>div{padding:15px 5px;border:1px solid #31475a;border-radius:8px}.ranking-rarities span{display:block;color:var(--tier-color);font-size:10px}.ranking-rarities strong{display:block;margin-top:9px;font-size:22px}.ranking-detail-note,.public-showcase-caption{font-size:11px;color:#8fa7ba}.public-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.public-showcase-grid .art{height:180px}.public-showcase-grid .card{min-width:0;grid-column:auto!important;width:100%;max-width:none}.public-showcase-grid .card-info h3{font-size:12px}.public-showcase-empty{padding:24px 12px;display:grid;place-items:center;border:1px dashed #3b5264;border-radius:10px;color:#8fa7ba;font-size:12px}.public-showcase-grid>p{grid-column:1/-1;margin:0}button:focus-visible{outline:2px solid #a0cbef;outline-offset:4px}
@media(max-width:700px){.recent-drops{gap:10px}.drops-label{font-size:10px}.drop-ticker-item{font-size:10px}.drop-ticker-item small{font-size:8px}.ranking-podium{gap:8px}.podium-player{padding:22px 7px 14px}.podium-player>strong{font-size:11px}.podium-avatar{width:44px;height:44px}.podium-count{font-size:20px}.podium-count small,.podium-link{font-size:9px}.podium-rank{left:9px;top:8px}.ranking-row{gap:10px}.ranking-row-total small{display:none}.creator-profile-link{font-size:9px}.ranking-rarities{grid-template-columns:repeat(3,minmax(0,1fr))}.public-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-showcase-grid .art{height:150px}.public-showcase-grid>.card:last-child:nth-child(3){grid-column:1/-1!important;max-width:210px;justify-self:center}.ranking-intro{flex-wrap:wrap}.creator-profile-copy small{font-size:9px}}
@media(max-width:360px){.drops-label strong{max-width:45px}.podium-count small{font-size:8px}.creator-profile-link{max-width:60px}}
@media(prefers-reduced-motion:reduce){.recent-drops-track{animation:none}.recent-drops-window{overflow-x:auto}.recent-drops-group[aria-hidden=true]{display:none}.recent-drops-group>.drop-ticker-item[aria-hidden=true]{display:none}}

/* MAJ21 — restored podium, creator above the competition, framed showcases. */
.ranking-podium{align-items:end;gap:20px;padding-top:18px;margin-bottom:28px}.podium-player{padding-bottom:0;overflow:hidden;min-height:252px}.podium-place-1{padding-top:30px;min-height:296px}.podium-place-1 .podium-avatar{width:76px;height:76px}.podium-place-2{min-height:262px}.podium-place-3{min-height:246px}.podium-rank{font-size:13px;font-weight:700}.podium-plinth{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:calc(100% + 24px);margin-top:20px;min-height:74px;background:linear-gradient(140deg,color-mix(in srgb,var(--podium-color) 20%,#172632),#142430);border-top:1px solid color-mix(in srgb,var(--podium-color) 50%,#172632);color:var(--podium-color)}.podium-place-1 .podium-plinth{min-height:106px}.podium-place-3 .podium-plinth{min-height:58px}.podium-plinth b{font-size:28px}.podium-plinth small{font-size:10px}.podium-vacant{padding-bottom:20px}
.creator-hall{max-width:860px;margin:0 auto 26px;position:relative;padding:15px 20px 18px;border:1px solid #b29bc25c;border-radius:14px;background:radial-gradient(ellipse at 50% 0,#cda5ff24,transparent 75%),linear-gradient(130deg,#242637,#182935);box-shadow:0 10px 32px #0002}.creator-hall-label{display:block;text-align:center;color:#e4d5fb;font-size:9px;letter-spacing:2.5px;margin-bottom:12px}.creator-hall .creator-profile{padding:7px 12px;border:0;background:transparent;gap:18px;max-width:650px}.creator-crown{font-size:30px;color:#e8d4aa}.creator-avatar{width:62px;height:62px;border:2px solid #dfcaff;border-radius:50%;object-fit:cover;box-shadow:0 0 24px #c394ff2b}.creator-hall .creator-profile-copy strong{font-size:20px;color:#fff1ff;letter-spacing:.4px}.creator-hall .creator-profile-copy small{color:#aaa6c5;font-size:11px}.creator-hall .creator-profile-link{color:#ddc4f2;font-size:11px}.creator-hall .creator-profile:hover .creator-profile-link{text-decoration:underline}
/* Explicit geometry prevents intrinsic image sizing from shrinking the illustration area. */
.public-showcase-grid{align-items:stretch;max-width:690px;margin:22px auto;gap:14px}.public-showcase-grid>.card,.personal-showcase .showcase-card>.card{display:flex;flex-direction:column;align-items:stretch;height:100%;min-width:0;width:100%;margin:0;max-width:none}.public-showcase-grid .card .art,.personal-showcase .card .art{position:relative;display:block;flex:none;width:100%;height:auto;aspect-ratio:3/4;min-width:0;overflow:hidden}.public-showcase-grid .card .art>img,.personal-showcase .card .art>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;display:block}.public-showcase-grid .secret-provider .art>img,.personal-showcase .secret-provider .art>img{inset:24% 12%;width:76%;height:52%;object-fit:contain}.public-showcase-grid .card-info,.personal-showcase .card-info{position:relative;flex:1;min-height:98px;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;padding:14px 10px}.public-showcase-grid .card-info h3{min-height:2.6em;display:flex;align-items:center;justify-content:center;margin:6px 0}.public-showcase-grid .card-info small{line-height:1.5}
/* A compact ticker keeps a real miniature of each card's artwork and rarity frame. */
.recent-drops{padding:6px 0;gap:14px}.drop-ticker-item{gap:8px;min-height:56px}.drop-miniature{position:relative;display:block;width:38px;height:56px;flex:0 0 38px;overflow:hidden;pointer-events:none}.drop-miniature>.card{position:absolute;left:0;top:0;width:200px!important;height:292px!important;max-width:none!important;transform:scale(.19);transform-origin:top left;margin:0!important;display:flex;flex-direction:column;border-radius:14px}.drop-miniature .card .art{display:block;position:relative;width:100%;height:218px;aspect-ratio:auto;flex:none}.drop-miniature .card .art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.drop-miniature .secret-provider .art>img{inset:24% 12%;width:76%;height:52%;object-fit:contain}.drop-miniature .card-info{padding:9px!important;min-height:68px;flex:1;text-align:center}.drop-miniature .card-info h3{font-size:14px;margin:5px 0}.drop-miniature .quantity{display:none}.drop-miniature .ultimate-edition{display:none}.drop-ticker-item>strong{max-width:170px;overflow:hidden;text-overflow:ellipsis}
/* Ultimate / White Amethyst — original GH4Z illustration and pearlescent frame. */
.rarity-ultimate{position:relative;isolation:isolate;padding:4px!important;border:1px solid #fff9!important;background:linear-gradient(135deg,#fff,#d4adff 23%,#fff 46%,#ab72d9 72%,#fff)!important;box-shadow:0 0 0 1px #e9d4ff99,0 0 25px #ca9bff45,inset 0 0 8px white;border-radius:15px}.rarity-ultimate:after{content:'';position:absolute;inset:2px;z-index:3;border:1px solid #ffffffa8;border-radius:12px;pointer-events:none}.rarity-ultimate .art{background:#f3eaff;position:relative;border-radius:10px 10px 0 0;overflow:hidden}.rarity-ultimate .art>img{object-fit:cover;object-position:center 58%;filter:none}.rarity-ultimate .art:after{background:linear-gradient(180deg,#c698ef20,transparent 35%,#bea0df15)}.rarity-ultimate .art .rarity{z-index:2;color:#fff;background:#553371e8;border:1px solid #f8ecff88;letter-spacing:1.5px;font-size:9px;padding:6px 9px;box-shadow:0 0 14px #eed6ff40}.rarity-ultimate .art .number{z-index:2;color:white;background:#593973b3;padding:3px 6px;border-radius:4px;font-size:9px}.ultimate-seal{position:absolute;z-index:2;bottom:12px;left:12px;border:1px solid #fff9;color:#fff;background:#6b43855c;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:18px;backdrop-filter:blur(3px)}.rarity-ultimate .card-info{background:linear-gradient(140deg,#fffcff,#eadbf8);color:#402353;border-radius:0 0 10px 10px;text-align:center}.rarity-ultimate .card-info>small{color:#795094!important;font-size:9px;letter-spacing:2.1px;font-weight:800}.rarity-ultimate .card-info h3{color:#43205c!important;font-size:16px;margin:7px 0}.ultimate-edition{display:block;color:#9a7ab0;font-size:7px;letter-spacing:1.2px;margin:2px 0 7px}.rarity-ultimate .quantity{color:#684683!important;font-size:9px}.ultimate-drop-stat{background:linear-gradient(130deg,#30243c,#152532);border-color:#caa0ed}.ultimate-drop-stat h3{color:#efdfff}.reveal-ultimate .card-back{background:radial-gradient(ellipse,#f5e6ff,#7e4b9c);border:3px solid #f0d8ff;box-shadow:0 0 35px #cc8fff60}.reveal-ultimate .back-brand-name,.reveal-ultimate .card-back small{color:white}.rarity-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-rarities{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.ranking-podium{gap:8px}.podium-player{padding:22px 7px 0;min-height:234px}.podium-place-1{padding-top:26px;min-height:266px}.podium-place-1 .podium-avatar{width:58px;height:58px}.podium-plinth{width:calc(100% + 14px);min-height:64px}.podium-place-1 .podium-plinth{min-height:94px}.podium-place-3 .podium-plinth{min-height:52px}.podium-plinth small{font-size:8px}.creator-hall{padding:13px 10px}.creator-hall .creator-profile{gap:10px;padding:6px 2px;flex-wrap:wrap;justify-content:center}.creator-crown{font-size:23px}.creator-avatar{width:52px;height:52px}.creator-hall .creator-profile-copy strong{font-size:17px}.creator-hall .creator-profile-copy small{font-size:9px}.creator-hall .creator-profile-link{width:100%;text-align:center;margin-top:4px}.creator-hall-label{font-size:8px;letter-spacing:1.8px}.public-showcase-grid{gap:10px}.public-showcase-grid .card .art{height:auto;aspect-ratio:3/4}.public-showcase-grid .card-info{min-height:94px}.rarity-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-drops{gap:8px}.drop-ticker-item{min-height:50px}.drop-miniature{width:33px;height:49px;flex-basis:33px}.drop-miniature>.card{transform:scale(.165)}.drop-ticker-item>strong{max-width:125px}.drop-ticker-item>small{max-width:64px}.drop-ticker-player{max-width:110px;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){.rarity-ultimate{animation:none}}
.ultimate-quest-panel{margin-top:36px;padding:26px;border:1px solid #b58acc66;border-radius:14px;background:radial-gradient(ellipse at right top,#b283d02b,transparent 60%),#1b2736}.ultimate-quest-panel>.tag{background:#503662;color:#ecd8ff;font-size:9px}.ultimate-quest-panel h2{font-size:24px;margin:14px 0 6px;color:#f3e6ff}.ultimate-quest-panel>p{font-size:14px;color:#cbb0dd;margin:0 0 20px}.ultimate-quest-reward{display:flex;align-items:center;gap:18px;padding:18px 0;margin-bottom:12px;border-top:1px solid #70528455;border-bottom:1px solid #70528455}.ultimate-quest-reward>span{font-size:38px;color:#d7b6f0}.ultimate-quest-reward strong{font-size:14px;color:#f1e3fd}.ultimate-quest-reward p{font-size:12px;color:#c6b1d6;margin:6px 0}.ultimate-quest-reward small{font-size:10px;color:#9986ac}.ultimate-quest-panel>.green,.ultimate-quest-panel>.secondary{margin-top:16px}@media(max-width:700px){.ultimate-quest-panel{padding:20px}.ultimate-quest-reward{gap:12px}}

/* MAJ22 — quiet typography, a single podium and a compact cards-only feed. */
.ranking-page{max-width:900px;margin:0 auto}.ranking-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 0 26px;border-bottom:1px solid #2a3a46;margin-bottom:22px}.ranking-page-header h1{font-size:32px;font-weight:650;letter-spacing:-.8px;margin:0 0 8px}.ranking-page-header p{font-size:12px;color:#92a4b2;margin:0}.ranking-page-header>small{font-size:10px;color:#879cac;white-space:nowrap;font-variant-numeric:tabular-nums;padding-bottom:3px}.ranking-page-note{text-align:right;font-size:10px;color:#6f8799;margin:16px 0 0}
.ranking-page .creator-hall{padding:0;margin:0 0 30px;max-width:none;border:1px solid #2d414f;border-radius:8px;background:#162530;box-shadow:none}.ranking-page .creator-profile{padding:16px 18px;max-width:none;gap:14px;flex-wrap:nowrap;justify-content:flex-start;background:transparent;border:0;border-radius:8px}.ranking-page .creator-avatar{width:46px;height:46px;border:1px solid #4a5e6b;box-shadow:none}.ranking-page .creator-profile-copy strong{font-size:14px;letter-spacing:0;color:#f0f4f7;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.creator-badge{font-size:9px;font-weight:500;padding:3px 6px;border:1px solid #465264;border-radius:4px;color:#b6b3c9;line-height:1.3}.ranking-page .creator-profile-copy small{font-size:10px;color:#839bab;margin-top:5px}.ranking-page .creator-profile-link{width:auto;margin:0;font-size:10px;color:#9bb4c7;white-space:nowrap}.ranking-page .creator-profile-link>span{margin-left:9px}.ranking-page .creator-profile:hover{background:#1b2c38}.ranking-page .creator-profile:hover .creator-profile-link{text-decoration:none;color:#e1ecf4}
.ranking-leaders{padding:8px 18px 0;border-bottom:1px solid #2b3d4a;margin-bottom:30px}.ranking-page .ranking-podium{max-width:720px;margin:0 auto;gap:24px;padding:0;align-items:end}.ranking-page .podium-player{padding:0 12px;min-height:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible;--podium-color:#8498a8}.ranking-page .podium-place-1{--podium-color:#b9a779;padding:0 12px;min-height:0;background:transparent}.ranking-page .podium-place-3{--podium-color:#a28a7b;min-height:0}.ranking-page .podium-place-2{min-height:0}.ranking-page .podium-avatar{width:58px;height:58px;border:1px solid #566d7d;box-shadow:none}.ranking-page .podium-place-1 .podium-avatar{width:70px;height:70px;border-color:#b9a779}.ranking-page .podium-player>strong{font-size:13px;font-weight:600;line-height:1.4;margin:13px 0 5px;color:#e3ebf1;overflow-wrap:anywhere}.ranking-page .podium-count{font-size:22px;font-weight:600;color:#f0f5f8;margin:0;font-variant-numeric:tabular-nums}.ranking-page .podium-count small{display:inline;font-size:10px;font-weight:400;margin-left:3px;color:#7f99ad}.ranking-page .podium-plinth{width:calc(100% + 24px);margin-top:20px;gap:10px;min-height:80px;border:0;border-top:2px solid var(--podium-color);border-radius:5px 5px 0 0;background:#1a2c39;color:#b2c1cd}.ranking-page .podium-place-1 .podium-plinth{min-height:116px;background:#203240;color:#d5c69f}.ranking-page .podium-place-3 .podium-plinth{min-height:64px}.ranking-page .podium-plinth b{font-size:26px;font-weight:500;line-height:1}.ranking-page .podium-plinth small{font-size:9px;color:#7c99ad}.ranking-page .podium-player:hover:not(.podium-vacant){box-shadow:none}.ranking-page .podium-player:hover:not(.podium-vacant) .podium-plinth{background:#263b4b}.ranking-page .podium-vacant{opacity:.42;justify-content:flex-start;padding:0 12px}.podium-vacant-avatar{width:58px;height:58px;display:grid;place-items:center;border:1px dashed #546c7f;border-radius:50%;color:#8ca1b2;font-size:20px}.podium-place-1 .podium-vacant-avatar{width:70px;height:70px}
.ranking-table{padding:0 4px}.ranking-table-head{display:flex;justify-content:space-between;font-size:10px;color:#839bab;padding:0 12px 12px}.ranking-page .ranking-list{max-width:none;margin:0}.ranking-page .ranking-row{padding:14px 12px;gap:16px;border-bottom:1px solid #243744}.ranking-page .ranking-row:last-child{border-bottom:0}.ranking-page .ranking-number{width:20px;color:#8199ab;font-size:12px}.ranking-page .ranking-avatar{width:32px;height:32px}.ranking-page .ranking-row>strong{font-size:12px;font-weight:500;color:#c7d7e2}.ranking-page .ranking-row-total{font-size:13px;color:#dbe6ee;min-width:48px;text-align:right}.ranking-page .ranking-row-total b{font-weight:500}.ranking-page .vacant-avatar{background:transparent;border:1px dashed #354c5d}.ranking-page .ranking-vacant{opacity:.4}
.recent-drops{gap:16px;padding:8px 0;margin-bottom:24px;border-color:#283b49}.drops-label{font-size:10px;color:#8da4b6}.drop-ticker-item{display:block;min-height:0;flex:0 0 auto;line-height:0}.recent-drops-group{gap:16px;padding-right:16px}.drop-miniature{width:48px;height:71px;flex:none;overflow:hidden}.drop-miniature>.card{transform:scale(.24)}.drop-miniature .card-info h3{font-size:14px}.drop-miniature .ultimate-edition{display:block;font-size:7px}.drops-toggle{font-size:9px;color:#819eb3;padding:8px 3px}
@media(max-width:700px){.ranking-page-header{align-items:flex-start;gap:12px;flex-direction:column;padding-bottom:20px;margin-bottom:18px}.ranking-page-header h1{font-size:28px}.ranking-page-header>small{font-size:10px}.ranking-page .creator-profile{padding:13px 12px;gap:10px}.ranking-page .creator-avatar{width:40px;height:40px}.ranking-page .creator-profile-copy strong{font-size:12px;gap:6px}.ranking-page .creator-profile-copy small{font-size:9px}.ranking-page .creator-profile-link{font-size:9px}.ranking-page .creator-profile-link>span{margin-left:3px}.ranking-page .creator-hall{margin-bottom:26px}.ranking-leaders{padding:0 0;margin-bottom:26px}.ranking-page .ranking-podium{gap:10px}.ranking-page .podium-player,.ranking-page .podium-place-1,.ranking-page .podium-vacant{padding:0 5px}.ranking-page .podium-avatar,.podium-vacant-avatar{width:44px;height:44px}.ranking-page .podium-place-1 .podium-avatar,.podium-place-1 .podium-vacant-avatar{width:54px;height:54px}.ranking-page .podium-player>strong{font-size:10px;margin-top:10px}.ranking-page .podium-count{font-size:18px}.ranking-page .podium-count small{font-size:9px;margin-left:2px}.ranking-page .podium-plinth{width:calc(100% + 10px);margin-top:16px;min-height:72px}.ranking-page .podium-place-1 .podium-plinth{min-height:104px}.ranking-page .podium-place-3 .podium-plinth{min-height:58px}.ranking-page .podium-plinth b{font-size:23px}.ranking-page .podium-plinth small{font-size:8px}.ranking-page .ranking-row{padding:12px 8px;gap:12px}.ranking-table-head{padding-left:8px;padding-right:8px}.ranking-page .ranking-row-total{min-width:35px}.recent-drops{gap:9px;padding:7px 0}.recent-drops-group{gap:12px;padding-right:12px}.drop-miniature{width:42px;height:62px}.drop-miniature>.card{transform:scale(.21)}.drops-label strong{max-width:48px;line-height:1.5;white-space:normal}.drops-toggle{font-size:9px}}
@media(max-width:360px){.ranking-page .creator-profile-link{max-width:45px;white-space:normal;line-height:1.5}.ranking-page .creator-profile-copy small{font-size:8px}.ranking-page .podium-count small{display:block;margin:2px 0 0}}
.drop-miniature>.card{line-height:1.4}

/* MAJ23 — a white heading above larger cards. */
.recent-drops{display:block;border:0;padding:0;margin:0 0 30px;min-width:0;background:transparent;overflow:visible}.recent-drops .drops-title{color:#f2f6fa;font-size:27px;font-weight:700;letter-spacing:-.6px;line-height:1.2;margin:0 0 17px;text-align:left}.recent-drops-window{width:100%;min-width:0;padding:5px 0 7px;overflow:hidden}.recent-drops-group{gap:20px;padding-right:20px}.drop-miniature{width:88px;height:129px;flex:none}.drop-miniature>.card{transform:scale(.44)}
@media(max-width:700px){.recent-drops{margin-bottom:26px}.recent-drops .drops-title{font-size:23px;margin-bottom:14px}.recent-drops-group{gap:16px;padding-right:16px}.drop-miniature{width:72px;height:106px}.drop-miniature>.card{transform:scale(.36)}}
@media(prefers-reduced-motion:reduce){.recent-drops-window{overflow-x:auto}.recent-drops-track{animation:none}}

/* MAJ24 — soft fade as cards enter and leave the feed. */
.recent-drops-window{--drops-fade:32px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--drops-fade),#000 calc(100% - var(--drops-fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--drops-fade),#000 calc(100% - var(--drops-fade)),transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
@media(max-width:700px){.recent-drops-window{--drops-fade:22px}}
@media(prefers-reduced-motion:reduce){.recent-drops-window{-webkit-mask-image:none;mask-image:none}}

/* MAJ25 — larger drops and a more visible edge fade. */
.drop-miniature{width:104px;height:153px}.drop-miniature>.card{transform:scale(.52)}
.recent-drops-window{--drops-fade:min(120px,22%);-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.25) calc(var(--drops-fade)*.35),#000 var(--drops-fade),#000 calc(100% - var(--drops-fade)),rgba(0,0,0,.25) calc(100% - var(--drops-fade)*.35),transparent 100%);mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.25) calc(var(--drops-fade)*.35),#000 var(--drops-fade),#000 calc(100% - var(--drops-fade)),rgba(0,0,0,.25) calc(100% - var(--drops-fade)*.35),transparent 100%)}
@media(max-width:700px){.drop-miniature{width:84px;height:124px}.drop-miniature>.card{transform:scale(.42)}.recent-drops-window{--drops-fade:min(80px,22%)}}
@media(prefers-reduced-motion:reduce){.recent-drops-window{-webkit-mask-image:none;mask-image:none}}

/* MAJ28 — small-screen layout safeguards. */
@media(max-width:700px){
 aside nav{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;gap:5px;padding:3px 2px 7px;scrollbar-width:thin;overscroll-behavior-x:contain}
 aside nav button{width:auto;flex:0 0 auto;min-height:42px;white-space:nowrap;padding:11px 12px;margin-bottom:0}
 main,.shell,.catalogue-header,.home-link-copy{min-width:0}
 .filters>input,.filters>select{max-width:100%;min-width:0;font-size:16px}
 .filters>input{flex-basis:100%}
 .daily-wheel-frame{width:min(220px,100%);height:auto;aspect-ratio:1}
 dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overflow-x:hidden}
 #toast{max-width:calc(100vw - 24px);width:max-content;white-space:normal;overflow-wrap:anywhere;text-align:center}
 .home-link-tile{min-width:0}.home-link-copy strong,.home-link-copy small{overflow-wrap:anywhere}
 .ranking-detail-tabs button{min-height:42px}.pagination{gap:10px;flex-wrap:wrap}.pagination button{min-height:42px}
}

/* Keep the nested booster card at full width; old dialog album rules must not halve it. */
#revealed.single-pack .visible-pack-card>.card{width:100%!important;max-width:none!important;grid-column:auto!important;justify-self:stretch;min-width:0;height:100%;box-sizing:border-box}
#revealed.single-pack .visible-pack-card .art{display:block;position:relative;width:100%;flex:1;min-height:0;aspect-ratio:auto;overflow:hidden}
#revealed.single-pack .visible-pack-card .art>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
#revealed.single-pack .visible-pack-card .secret-provider .art>img{inset:24% 12%;width:76%;height:52%;object-fit:contain}
#revealed.single-pack .visible-pack-card .card-info{width:100%;min-width:0;overflow-wrap:normal;padding:14px 12px}
#revealed.single-pack .visible-pack-card .card-info h3{overflow-wrap:anywhere}
@media(max-width:700px){
 .public-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
 .public-showcase-grid>.card{height:auto;min-width:0}
 .public-showcase-grid>.card:last-child:nth-child(3){grid-column:1/-1!important;width:calc((100% - 10px)/2)!important;max-width:none;justify-self:center}
 .public-showcase-grid .card-info{height:110px;min-height:110px;flex:0 0 110px;padding:10px 8px}
 .home-discovery .showcase-stage>.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}