@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap'); :root{color-scheme:dark;--ink:#f1eff8;--muted:#aaa4bf;--lime:#d9fb8b;--panel:#211f32}*{box-sizing:border-box}body{margin:0;background:#10101b;color:var(--ink);font-family:'DM Sans',sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:transparent;border:1px solid #ffffff24;border-radius:12px;padding:12px 18px;transition:background .2s,transform .2s}button:hover{background:#ffffff12;transform:translateY(-2px)}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;gap:20px}.brand{text-decoration:none;font-weight:800;letter-spacing:2px}.brand span{font-size:11px;color:var(--muted)}nav{display:flex;gap:6px}nav button{border:0;font-size:13px}main{max-width:1300px;margin:auto;padding:0 5%}.aurora{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% 30%,#42377366,transparent 50%),radial-gradient(ellipse at 10% 90%,#22535233,transparent 50%)}.view{padding:65px 0;min-height:680px}.view[hidden]{display:none!important}#studio{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--lime);font-weight:700}h1{font-family:Manrope,sans-serif;font-size:clamp(42px,5.5vw,76px);line-height:1.09;letter-spacing:-4px;margin:25px 0}h1 em{font-style:normal;color:#b8a2ef}p{color:var(--muted);line-height:1.7;font-size:15px}h2{font:700 clamp(23px,3vw,35px) Manrope,sans-serif;letter-spacing:-1px}.modes{display:flex;gap:10px;margin:30px 0 12px}.modes button{text-align:left;min-width:140px}.modes small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.modes .active{border-color:#d9fb8b;background:#d9fb8b0b}.primary{background:var(--lime);color:#1e2910;border:0;font-weight:800;padding:16px 28px}.primary:hover{background:#e8ffb5}.caption{font-size:12px}.stage{height:540px;position:relative;display:grid;place-items:center;perspective:1200px}.orbit{position:absolute;width:430px;height:430px;border:1px solid #c9acff24;border-radius:50%;box-shadow:0 0 90px #ab8eff0d,inset 0 0 80px #b79aff0a}.orbit:after{content:'';position:absolute;inset:35px;border:1px dashed #ffffff12;border-radius:50%}#pack{width:245px;height:360px;position:relative;transform:rotateY(-18deg) rotateZ(8deg);transform-style:preserve-3d;filter:drop-shadow(22px 24px 12px #0007);animation:float 6s ease-in-out infinite;cursor:crosshair;touch-action:none;border-radius:5px;background:repeating-linear-gradient(90deg,#b8bacb 0 2px,#f4f3fb 3px 5px);padding:15px 0;transition:opacity .5s,scale .5s}.foil{height:100%;overflow:hidden;position:relative;padding:24px 18px;text-align:center;color:#313146;background:linear-gradient(125deg,#efeae2,#ced7e7 30%,#faf2e8 50%,#cdddcf 70%,#ece4ef);border-top:1px solid #8886;border-bottom:1px solid #8886}.foil:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffffb0 40%,transparent 53%,#ad85df44 60%,transparent 70%);mix-blend-mode:overlay;background-size:240% 100%;animation:shine 5s infinite}.foil strong{display:block;font:800 96px/1 Manrope;letter-spacing:-8px;color:#81537a;text-shadow:1px 2px white}.pack-kicker{font-size:10px;letter-spacing:3px;font-weight:800}.orb{font-size:70px;line-height:1;color:#9b719b}.pack-title{display:block;font-size:17px;letter-spacing:5px;line-height:1.2;font-weight:800;margin-top:10px}.pack-bottom{display:block;font-size:7px;letter-spacing:2px;margin-top:20px}.pack-top{position:absolute;top:0;left:0;width:100%;height:25px;z-index:4;background:repeating-linear-gradient(90deg,#b8bacb 0 2px,#f4f3fb 3px 5px);transition:transform .6s,opacity .6s}.cut{position:absolute;top:30px;left:0;width:var(--cut,0%);height:2px;background:#d9fb8b;box-shadow:0 0 12px #d9fb8b;z-index:5}#pack.opened .pack-top{transform:translate(80px,-110px) rotate(30deg);opacity:0}#pack.opened{scale:1.08}#pack:not(.ready){opacity:.65}.stage-shadow{position:absolute;bottom:40px;width:220px;height:25px;border-radius:50%;background:#0008;filter:blur(15px)}#gesture{position:absolute;bottom:-8px;font-size:12px;text-align:center}.details{border-top:1px solid #ffffff15;padding:25px 0}summary{cursor:pointer;font-size:13px;color:var(--muted)}details p{max-width:850px;font-size:13px}footer{padding:30px 5%;border-top:1px solid #ffffff15;font-size:11px;letter-spacing:2px}footer span{float:right;color:var(--muted);letter-spacing:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}#progress{font:700 24px Manrope;color:var(--lime)}.album-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin:25px 0}#binder{position:relative;perspective:1800px;padding:28px;background:linear-gradient(90deg,#312a48,#1d182d 49.5%,#524762 50%,#241d35 50.5%,#312a48);border:2px solid #655575;border-radius:14px;box-shadow:0 30px 60px #0006,inset 0 0 0 8px #171320;transform:rotateX(3deg)}#slots{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;transform-origin:left center;transform-style:preserve-3d}#slots.flip{animation:page .55s ease-in-out}.slot{padding:7px;background:linear-gradient(125deg,#ffffff0c,#ffffff02);border:1px solid #ffffff18;border-radius:8px;min-width:0;position:relative;aspect-ratio:.70}.slot img{width:100%;height:auto;display:block;border-radius:6px}.slot.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#81758e;font-size:11px;text-align:center}.slot.empty strong{font-size:26px;color:#b1a3be44}.slot small{position:absolute;bottom:5px;right:5px;background:#151220e8;padding:3px 6px;border-radius:4px;color:var(--lime);font-size:10px}.history-row{background:#ffffff05;padding:20px;margin:15px 0;border-radius:16px;display:flex;gap:20px;align-items:center;justify-content:space-between}.history-row span{font-size:13px;color:var(--muted)}dialog{color:var(--ink);background:#191724;border:1px solid #77628d66;border-radius:24px;padding:38px;max-width:min(94vw,490px);box-shadow:0 40px 120px #0009}dialog::backdrop{background:#080711cb;backdrop-filter:blur(12px)}dialog form{display:grid;gap:16px}label{font-size:13px;color:var(--muted)}input{display:block;width:100%;margin-top:8px;background:#0f0d17;border:1px solid #ffffff25;border-radius:9px;padding:13px;color:white;font:inherit}.close{position:absolute;top:10px;right:10px;border:0;font-size:24px;padding:3px 10px}#auth-error{color:#ffadb5;font-size:12px;margin:0}#reveal{text-align:center;width:480px;max-height:95dvh;overflow:auto}#card-wrap{perspective:1000px;margin:20px auto 10px;width:min(260px,55vw);aspect-ratio:.718}.card{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;box-shadow:0 12px 36px #0008;animation:cardIn .55s ease both;transition:transform .15s}.card img{width:100%;height:100%;object-fit:contain}.card.holo:after,.card.reverse:after,.card.textured:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 5%,#fd99cd60 25%,#80e8fd66 40%,transparent 50%,#f4ec8755 65%,transparent 90%);mix-blend-mode:color-dodge;background-size:250% 250%;animation:shine 4s infinite}.card.textured:before{content:'';position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 25% 60%,#fff2 0 1px,transparent 2px 5px);mix-blend-mode:overlay;z-index:1}#reveal h2{font-size:24px;margin:14px 0 5px}#card-rarity{margin:0 0 15px;font-size:13px}.energy{height:100%;display:grid;place-content:center;background:radial-gradient(circle,#fff8,transparent 45%),linear-gradient(135deg,#4b80a7,#7560a5);font-size:28px;gap:30px;border:12px solid #aaa;border-radius:12px}.energy b{font-size:80px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#e3f3c9;color:#243019;padding:15px 24px;border-radius:12px;z-index:1000;max-width:90%;display:none}#toast.show{display:block}@keyframes float{50%{transform:translateY(-16px) rotateY(15deg) rotateZ(4deg)}}@keyframes shine{50%{background-position:100% 100%}}@keyframes page{0%{transform:rotateY(0)}50%{transform:rotateY(-75deg);opacity:.3}100%{transform:rotateY(0)}}@keyframes cardIn{from{transform:rotateY(-70deg) translateY(20px);opacity:0}to{transform:none;opacity:1}}@media(max-width:760px){header{flex-wrap:wrap;padding:20px 5%;gap:12px}nav{order:3;width:100%;justify-content:center}.brand{font-size:14px}#account{font-size:11px;padding:10px}#studio{grid-template-columns:1fr;padding-top:35px;gap:0}.intro{text-align:center}h1{letter-spacing:-2px}.modes{justify-content:center}.stage{height:440px}.orbit{width:300px;height:300px}#pack{width:210px;height:310px}.foil{padding-top:18px}.foil strong{font-size:80px}.orb{font-size:54px}.pack-title{font-size:14px}.stage-shadow{bottom:25px}.view{padding:35px 0;min-height:500px}#slots{grid-template-columns:repeat(3,1fr);gap:9px}#binder{padding:14px;background:#2c233e}.slot{padding:4px}footer span{float:none;display:block;margin-top:10px}.section-head{align-items:start;flex-direction:column}.album-controls{gap:12px;font-size:12px}.album-controls button{font-size:12px;padding:10px}.history-row{align-items:start;flex-direction:column}dialog{padding:30px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}} /* Unavailable actions use a static cursor, including nested artwork. */ button:disabled,button:disabled *,[aria-disabled="true"],[aria-disabled="true"] *,#pack.unavailable,#pack.unavailable *{cursor:not-allowed!important} /* Physical foil wrapper: sealed edges, side thickness, embossed print and crinkles. */ /* Rare-card reveal: one soft burst, no strobing. */ #referral-panel{margin:25px 0;padding:24px;border:1px solid #d9fb8b35;border-radius:18px;background:linear-gradient(125deg,#d9fb8b0c,#9770ed13)}#referral-panel[hidden]{display:none}#referral-panel h2{font-size:24px}#referral-panel p{font-size:13px;color:#cec8da;line-height:1.6}#referral-link{max-width:620px}#referral-copy{margin-top:12px} #players-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:18px 0 40px}.player-row{text-align:left;padding:18px;border:1px solid #ffffff25;border-radius:14px;background:#ffffff07;color:#fff;font-weight:750}.player-row:hover{border-color:#d9fb8b;background:#d9fb8b0d}#player-albums{width:min(950px,94vw);max-height:90dvh;overflow:auto;padding:30px;box-sizing:border-box}#player-albums select{padding:12px;background:#242033;color:white;border:1px solid #ffffff30;border-radius:9px}#player-albums-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;background:linear-gradient(90deg,#33263f,#493553 49%,#24182e 50%,#40304a);border-radius:16px}#player-albums-grid .slot{min-width:0;aspect-ratio:63/88}#player-albums-grid .empty strong{font-size:12px;overflow-wrap:anywhere}#player-albums-grid img{width:100%;height:100%;object-fit:contain}#player-albums-grid .empty span{font-size:10px}@media(max-width:600px){#players-list{grid-template-columns:1fr}.player-row{min-height:54px}#player-albums{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:20px 10px 10px;border-radius:16px}#player-albums h2{font-size:20px;margin:0 32px 4px 0}#player-albums>p{font-size:11px;margin:5px 0}#player-albums label{font-size:11px}#player-albums select{padding:8px;margin-left:4px}#player-albums-progress{line-height:1.35}#player-albums-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px}#player-albums .album-controls{margin:9px 0 0;gap:7px;font-size:11px}#player-albums .album-controls button{padding:9px;font-size:11px}} #players-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:18px 0 40px}.player-row{text-align:left;padding:18px;border:1px solid #ffffff25;border-radius:14px;background:#ffffff07;color:#fff;font-weight:750}.player-row:hover{border-color:#d9fb8b;background:#d9fb8b0d}#player-albums{width:min(950px,94vw);max-height:90dvh;overflow:auto;padding:30px;box-sizing:border-box}#player-albums select{padding:12px;background:#242033;color:white;border:1px solid #ffffff30;border-radius:9px}#player-albums-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;background:linear-gradient(90deg,#332d42,#42374f 85%,#211b2c);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff16,3px 3px 0 #191422,5px 5px 0 #6a586733}#player-albums-grid .slot{min-width:0;aspect-ratio:63/88}#player-albums-grid .empty strong{font-size:12px;overflow-wrap:anywhere}#player-albums-grid img{width:100%;height:100%;object-fit:contain}#player-albums-grid .empty span{font-size:10px}@media(max-width:600px){#players-list{grid-template-columns:1fr}.player-row{min-height:54px}#player-albums{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:18px 12px 12px;border-radius:16px;background:linear-gradient(90deg,#21162d,#493553 12%,#302139);border:2px solid #655575;box-shadow:0 28px 50px #0007,inset 0 0 0 4px #1e152a}#player-albums h2{font-size:20px;margin:0 32px 4px 0}#player-albums>p{font-size:11px;margin:5px 0}#player-albums label{font-size:11px}#player-albums select{padding:8px;margin-left:4px}#player-albums-progress{line-height:1.35}#player-albums-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 10px 18px;background:linear-gradient(100deg,#332d42,#42374f 85%,#211b2c);border-radius:5px}#player-albums .album-controls{margin:12px 0 0;gap:7px;font-size:11px}#player-albums .album-controls button{padding:9px;font-size:11px}} #admin-users{display:grid;gap:10px;margin:18px 0 40px}#admin-user-search{max-width:600px}.admin-user-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;text-align:left;padding:18px;border:1px solid #ffffff25;border-radius:14px;background:#ffffff07;color:#fff}.admin-user-row:hover{border-color:#d9fb8b}.admin-user-row span{display:grid;gap:7px;font-size:12px}.admin-user-row progress{width:100%;height:8px;accent-color:#d9fb8b}#user-albums{width:min(950px,94vw);max-height:90dvh;overflow:auto;padding:30px;box-sizing:border-box}#user-albums select{padding:12px;background:#242033;color:white;border:1px solid #ffffff30;border-radius:9px}#user-albums-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;background:linear-gradient(90deg,#33263f,#493553 49%,#24182e 50%,#40304a);border-radius:16px}#user-albums-grid .slot{min-width:0;aspect-ratio:63/88}#user-albums-grid .empty strong{font-size:12px;overflow-wrap:anywhere}#user-albums-grid img{width:100%;height:100%;object-fit:contain}#user-albums-grid .empty span{font-size:10px}@media(max-width:600px){.admin-user-row{grid-template-columns:1fr;gap:10px}#user-albums{padding:28px 12px 12px}#user-albums-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px}#user-albums .album-controls{gap:7px;font-size:11px}#user-albums .album-controls button{padding:9px;font-size:11px}} #studio .reference-pack.onepiece-pack#pack{height:auto;aspect-ratio:590/970} #grant-set{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:13px 14px;border:1px solid #ffffff30;border-radius:10px;background:#242033;color:#fff;font:inherit;color-scheme:dark}#grant-set:focus-visible{outline:2px solid #d9fb8b;outline-offset:3px} #reveal .card.glorious{animation:gloriousArrival 1.35s cubic-bezier(.18,.7,.25,1) both;transform-style:preserve-3d} #reveal .card.glorious.leaving{animation:none} .rare-flare{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#fff9, #ffe8a644 25%,transparent 65%);opacity:0;animation:rareBurst 1.5s ease-out both} .rare-flare:before{content:'';position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 38%,#ffefa655 45%,#fff 50%,#bffaff66 54%,transparent 62%);animation:rareSweep 1.4s ease-out both} .rare-flare:after{content:'';position:absolute;inset:6%;background:radial-gradient(circle at 15% 20%,#fff 0 1px,transparent 3px),radial-gradient(circle at 85% 35%,#ffe392 0 2px,transparent 4px),radial-gradient(circle at 30% 80%,#fff 0 1px,transparent 3px),radial-gradient(circle at 80% 85%,#a6f5ff 0 2px,transparent 4px);animation:rareSparks 1.6s ease-out both} @keyframes gloriousArrival{0%{transform:perspective(1000px) rotateY(-14deg) rotateX(6deg) scale(.9);filter:drop-shadow(0 0 0 #fbdc88)}38%{transform:perspective(1000px) rotateY(7deg) rotateX(-3deg) scale(.97);filter:drop-shadow(0 0 20px #fbdc88aa)}70%{transform:perspective(1000px) rotateY(-3deg) scale(.99)}100%{transform:none;filter:drop-shadow(0 0 6px #fbdc8840)}} @keyframes rareBurst{0%{opacity:0}25%{opacity:.85}100%{opacity:0}} @keyframes rareSweep{from{transform:translateX(-80%)}to{transform:translateX(80%)}} @keyframes rareSparks{0%{transform:scale(.6);opacity:0}35%{opacity:1}100%{transform:scale(1.1);opacity:0}} @media(prefers-reduced-motion:reduce){#reveal .card.glorious{animation:none}.rare-flare{display:none}} .set-picker{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:20px 0 0;font-size:12px}.set-picker select{font:inherit;color:#fff;background:#242033;border:1px solid #ffffff30;border-radius:10px;padding:11px;max-width:100%}.set-picker span{color:var(--muted);font-size:11px}.onepiece-pack .pack-artwork{width:169.492%!important;height:103.093%!important;left:-34.576%!important;top:-1.031%!important}.onepiece-pack .foil{background:#dfad20}.onepiece-stage .emerging-card{background:#162a4a url('op-card-back.webp') center/100% 100% no-repeat;border:0}.onepiece-stage .emerging-card:after{content:'';display:grid;place-items:center;font-weight:800;font-size:22px;color:#c6b88c;letter-spacing:1px}.onepiece-stage .opening-halo{background:radial-gradient(circle,#edd37988,#dcac1622 40%,transparent 70%)}@media(max-width:760px){.set-picker{padding-top:12px;gap:6px}.set-picker label{font-size:10px}.set-picker select{flex:1;padding:9px;font-size:11px}.set-picker span{width:100%;text-align:center;font-size:10px}.onepiece-stage .emerging-card:after{font-size:15px}} nav [hidden]{display:none!important}#grant-form{max-width:600px;padding:25px;background:#ffffff08;border:1px solid #ffffff1a;border-radius:18px;display:grid;gap:18px}#grant-form p{margin:0;font-size:13px}#grant-preview{color:#d9fb8b}#grant-result{overflow-wrap:anywhere}#grant-history{max-width:800px}@media(max-width:480px){nav button{font-size:11px!important;padding:9px 5px!important}#grant-form{padding:18px}} /* Keep the card and its controls inside the actual mobile visual viewport. */ .account-actions{display:flex;gap:8px;align-items:center}.account-actions [hidden]{display:none!important}#create-account{background:#d9fb8b;color:#222b14;border:0;font-weight:700}.mobile-open-controls{display:none} @media(max-width:760px){#studio .stage{overflow:clip}body{overflow-x:clip}} nav button.active{color:var(--lime);background:#d9fb8b0e;box-shadow:inset 0 -2px var(--lime)}#mode-label{margin-top:35px}#pack.unavailable{opacity:.5;cursor:default;animation:none}#pack.ready{cursor:pointer}@media(max-width:480px){nav{gap:0}nav button{padding:10px 9px;font-size:12px}} #reveal #card-wrap{width:min(340px,68vw,calc((100dvh - 270px)*.718));aspect-ratio:63/88}#reveal .card{height:100%;width:100%;background:transparent;border:0;padding:0;border-radius:12px}#reveal .card img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}#reveal .card.holo:after,#reveal .card.reverse:after,#reveal .card.textured:after{opacity:.19;mix-blend-mode:soft-light}#reveal .card.textured:before{opacity:.16}.slot img{object-fit:contain;max-height:100%}#reveal .energy-card:before,#reveal .energy-card:after{display:none} .stage{isolation:isolate;height:590px;perspective:1400px;overflow:visible} #pack{width:250px;height:380px;padding:26px 0 22px;border-radius:4px 7px 7px 4px;background:#c8c9d4;filter:none;box-shadow:22px 30px 34px #0007,inset 0 0 8px #fff;transform:rotateY(-16deg) rotateZ(5deg);animation:packBreathe 7s ease-in-out infinite;transition:transform .35s,opacity .3s;z-index:3} #pack:not(.ready){opacity:1}#pack.ready{animation:none;transform:rotateY(-5deg) rotateZ(0);cursor:crosshair}#pack.cutting{transform:rotateY(0) rotateZ(-1deg) scale(1.04)} .pack-back{position:absolute;inset:2px;background:linear-gradient(90deg,#787989,#ededf4 20%,#9599aa 75%,#e8e6ef);border-radius:8px;transform:translateZ(-15px);box-shadow:0 0 0 1px #fff4} .pack-gusset{position:absolute;right:-1px;top:8px;bottom:8px;width:16px;transform-origin:right;transform:rotateY(-90deg);background:linear-gradient(90deg,#e0dfea,#626579,#d6d8e6);border-radius:40%} .foil{border-radius:12% 10% 11% 8% / 3% 3% 3% 3%;padding:27px 20px 14px;background:radial-gradient(ellipse at 70% 35%,#fff9,transparent 38%),linear-gradient(112deg,#9da6b6 0%,#e4e0db 6%,#fbf4ee 12%,#d4d6e6 18%,#f5e7ed 36%,#efecdf 52%,#dadfe8 68%,#eef7e9 85%,#989eae 98%);box-shadow:inset 5px 0 9px #0003,inset -6px 0 8px #0004,inset 0 2px 3px #fff;transform:translateZ(3px);overflow:hidden} .foil-creases{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.7;background:linear-gradient(163deg,transparent 6%,#fff8 6.5%,#41435230 7%,transparent 8%),linear-gradient(23deg,transparent 14%,#fff9 14.4%,#5b566530 15%,transparent 16%),linear-gradient(172deg,transparent 85%,#8a859140 85.5%,#fff9 86%,transparent 87%),linear-gradient(75deg,transparent 89%,#fff9 90%,#5555 91%,transparent 94%),repeating-linear-gradient(91deg,transparent 0 29px,#fff2 30px,transparent 31px 47px)} .foil:after{z-index:4;background:linear-gradient(110deg,transparent 20%,#ffffffb0 39%,transparent 45%,#dfb9ff66 49%,#97ebf455 54%,transparent 60%);background-size:270% 100%;mix-blend-mode:soft-light} .foil strong{position:relative;font-size:103px;color:#956278;text-shadow:0 1px 0 #fffc,0 -1px 0 #5b3b6388,1px 2px 1px #fff8,3px 4px 0 #836e8530;filter:drop-shadow(0 5px 5px #79667a22)} .orb{position:relative;width:91px;height:91px;margin:5px auto 12px;display:grid;place-items:center;border:2px solid #956e9855;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff9,#c6adc966 60%,#88719c44);box-shadow:inset 0 2px 4px #fff,0 2px 3px #81778b66;font-size:60px;text-shadow:1px 2px #fff9} .pack-title{font-size:15px;letter-spacing:4px;text-shadow:0 1px #fff}.pack-bottom{margin-top:15px;position:relative;z-index:5} .pack-top,.pack-bottom-seal{position:absolute;left:0;right:0;height:27px;background:repeating-linear-gradient(90deg,#b6b9c8 0px,#f2f1f6 1px,#aaaebd 2px,#e1e0ea 3px);box-shadow:inset 0 6px 7px #fff6,inset 0 -2px 2px #5555;clip-path:polygon(0 6%,2% 0,4% 6%,6% 0,8% 6%,10% 0,12% 6%,14% 0,16% 6%,18% 0,20% 6%,22% 0,24% 6%,26% 0,28% 6%,30% 0,32% 6%,34% 0,36% 6%,38% 0,40% 6%,42% 0,44% 6%,46% 0,48% 6%,50% 0,52% 6%,54% 0,56% 6%,58% 0,60% 6%,62% 0,64% 6%,66% 0,68% 6%,70% 0,72% 6%,74% 0,76% 6%,78% 0,80% 6%,82% 0,84% 6%,86% 0,88% 6%,90% 0,92% 6%,94% 0,96% 6%,98% 0,100% 6%,100% 100%,0 100%);z-index:6;transform:translateZ(5px)} .pack-top span{display:block;text-align:center;color:#424153;font-size:8px;letter-spacing:2px;padding-top:9px;font-weight:800}.pack-bottom-seal{bottom:0;transform:rotate(180deg) translateZ(5px);height:22px}.cut{top:26px;z-index:8} #pack.opened{scale:1;animation:wrapperDrop 2.2s cubic-bezier(.22,.6,.25,1) forwards} #pack.opened .pack-top{animation:tearSeal 1s ease-out forwards;transition:none} .opening-halo{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#eddaff77,#ba86fb22 40%,transparent 70%);opacity:0;pointer-events:none;z-index:0} .stage.extracting .opening-halo{animation:haloBloom 2s ease-out both} #emerging-cards{position:absolute;width:205px;height:286px;top:50%;left:50%;transform:translate(-50%,-42%);pointer-events:none;z-index:2;perspective:1300px} .emerging-card{position:absolute;inset:0;border:0;border-radius:9px;background:#064575 url('card-back.jpg') center/100% 100% no-repeat;box-shadow:0 8px 18px #0006,1px 1px 0 #c2c9da;opacity:0;transform:translateY(35px) scale(.9);backface-visibility:hidden} .emerging-card:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff20;background:linear-gradient(120deg,#fff1,transparent 50%);pointer-events:none} .stage.extracting .emerging-card{animation:cardsExtract 2.35s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*65ms)} .stage.extracting #gesture{color:#dcc5ff}.stage.extracting #emerging-cards{z-index:4} #card-wrap{position:relative;isolation:isolate}#card-wrap:before,#card-wrap:after{content:'';position:absolute;inset:0;border:1px solid #b6b0c955;border-radius:12px;background:#3c3559;z-index:-1;transform:translate(7px,5px) rotate(3deg)}#card-wrap:before{transform:translate(13px,10px) rotate(5deg);opacity:.6} .card.leaving{animation:cardAway .32s ease-in forwards}.card{animation:cardArrive .65s cubic-bezier(.16,.8,.22,1) both}#reveal[open]{animation:revealEntrance .5s ease both} /* A stationary book cover and spine, two independent nine-pocket leaves. */ #binder{max-width:1000px;margin:auto;padding:20px 24px 24px;border-radius:13px 18px 18px 13px;background:linear-gradient(90deg,#261b33,#503b61 48%,#1d1429 50%,#503b61 52%,#261b33);box-shadow:0 28px 50px #0007,inset 0 0 0 5px #1e152a,0 5px 0 #4c3b5a,0 9px 0 #19131f;transform:none;perspective:2200px} #slots{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px;transform:none!important;animation:none!important;transform-style:preserve-3d} .album-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;padding:15px 12px 30px;background:linear-gradient(100deg,#332d42,#42374f 85%,#211b2c);border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff16,3px 3px 0 #191422,5px 5px 0 #6a586733;min-width:0;align-content:start} .album-page.right-page{background:linear-gradient(90deg,#211b2c,#42374f 15%,#332d42)} .album-page:after{content:attr(data-page);position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:2px;color:#a99bb6}.slot{width:100%;margin:0;padding:5px;border-radius:5px;aspect-ratio:.70;background:linear-gradient(125deg,#fff1,#ffffff03);box-shadow:inset 0 1px 1px #fff2,0 3px 4px #0002;overflow:hidden}.slot:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#fff0 30%,#ffffff0b 45%,#ffffff02 52%,#fff0 70%);pointer-events:none}.slot.empty{opacity:1;cursor:default;color:#a699b6}.slot.empty strong{color:#a99cbb77}.slot small{z-index:2}.slot:hover{transform:none;background-color:#fff1}.slot img{border-radius:4px}.binder-spine{position:absolute;width:18px;left:calc(50% - 9px);top:20px;bottom:24px;z-index:8;pointer-events:none;background:linear-gradient(90deg,#0f0b1599,#68547066,#0f0b1599);border-radius:3px}.binder-spine:before{content:'';position:absolute;inset:10% -5px;background:repeating-linear-gradient(0deg,transparent 0 25%,#19171e 25.3%,#aaa2b3 25.6%,#ddd8e3 26%,#494051 26.5%,transparent 27% 36%);filter:drop-shadow(0 3px 2px #0008)} .turn-leaf{position:absolute;top:0;bottom:0;width:calc((100% - 22px)/2);z-index:5;transform-style:preserve-3d;pointer-events:none}.turn-leaf.forward{right:0;transform-origin:left center}.turn-leaf.backward{left:0;transform-origin:right center}.leaf-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex}.leaf-face>.album-page{width:100%;height:100%;box-shadow:0 12px 25px #0007}.leaf-back{transform:rotateY(180deg)}.leaf-face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 35%,#fff1);opacity:0;animation:leafShade 0.3s ease-in-out}.turn-leaf.forward{animation:turnForward 0.3s cubic-bezier(.32,.08,.28,1) forwards}.turn-leaf.backward{animation:turnBackward 0.3s cubic-bezier(.32,.08,.28,1) forwards}.album-controls button:disabled{cursor:default} @keyframes packBreathe{0%,100%{transform:rotateY(-16deg) rotateZ(5deg) translateY(0)}50%{transform:rotateY(10deg) rotateZ(2deg) translateY(-12px)}} @keyframes tearSeal{0%{transform:translateZ(5px)}30%{transform:translate3d(15px,-20px,20px) rotate(-8deg)}100%{transform:translate3d(160px,-155px,65px) rotate(70deg);opacity:0}} @keyframes wrapperDrop{0%,22%{transform:rotateY(0) rotateZ(0);opacity:1}65%{transform:translateY(90px) rotateX(16deg) rotateZ(-10deg);opacity:1}100%{transform:translateY(145px) rotateX(24deg) rotateZ(-16deg) scale(.86);opacity:0}} @keyframes cardsExtract{0%,12%{opacity:0;transform:translateY(35px) scale(.9)}24%{opacity:1}55%{opacity:1;transform:translateY(-125px) rotate(calc((var(--i) - 2)*3deg))}80%{opacity:1;transform:translate(calc((var(--i) - 2)*26px),-80px) rotate(calc((var(--i) - 2)*9deg)) scale(1.05)}100%{opacity:0;transform:translate(0,-65px) rotate(0) scale(1.16)}} @keyframes haloBloom{0%{opacity:0;transform:scale(.5)}45%{opacity:1;transform:scale(1.5)}100%{opacity:0;transform:scale(1.8)}} @keyframes cardAway{to{opacity:0;transform:translateX(-90px) rotateZ(-16deg) rotateY(-25deg)}}@keyframes cardArrive{from{opacity:0;transform:translateX(25px) rotateY(65deg) scale(.94)}to{opacity:1;transform:none}}@keyframes revealEntrance{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}@keyframes turnForward{to{transform:rotateY(-180deg)}}@keyframes turnBackward{to{transform:rotateY(180deg)}}@keyframes leafShade{50%{opacity:1}} @media(max-width:760px){.stage{height:490px}#pack{width:220px;height:345px}.foil{padding:23px 15px 12px}.foil strong{font-size:87px}.orb{width:75px;height:75px;font-size:49px}.pack-title{font-size:13px}.pack-bottom{font-size:6px}#emerging-cards{width:175px;height:245px}.opening-halo{width:270px;height:270px}#binder{padding:13px 13px 18px 22px;max-width:450px;perspective:1300px}#slots{grid-template-columns:1fr;gap:0}.album-page{padding:12px 10px 27px;gap:8px}.album-page.right-page{display:none}.binder-spine{left:7px;width:11px;top:14px;bottom:18px}.binder-spine:before{inset:10% -2px}.turn-leaf{width:100%}.turn-leaf .right-page{display:grid}.turn-leaf.forward,.turn-leaf.backward{left:0;right:auto;transform-origin:left center}.turn-leaf.backward{animation:mobileBackward 0.3s cubic-bezier(.32,.08,.28,1) forwards}.turn-leaf.backward .leaf-front{transform:rotateY(180deg)}.turn-leaf.backward .leaf-back{transform:none}.slot.empty strong{font-size:22px}.album-controls{margin:20px 0}.stage-shadow{bottom:35px}#gesture{bottom:0;max-width:100%}} @keyframes mobileBackward{from{transform:rotateY(-180deg)}to{transform:rotateY(0)}} .reference-pack#pack{height:445px;width:250px;padding:0;background:#eae6e2}.reference-pack .foil{padding:0;border:0;border-radius:2px;height:100%;background:#fff}.reference-pack .foil>.pack-kicker,.reference-pack .foil>strong,.reference-pack .foil>.orb,.reference-pack .foil>.pack-title,.reference-pack .foil>.pack-bottom{display:none}.pack-artwork{position:absolute!important;max-width:none!important;width:239%!important;height:111.5%!important;left:-10.5%;top:-5.8%;user-select:none;pointer-events:none;object-fit:fill}.reference-pack .foil:before{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;box-shadow:inset 5px 0 9px #0004,inset -6px 0 10px #0004,inset 0 2px 4px #fff9;border-radius:3px;background:linear-gradient(100deg,#0001,transparent 9%,#fff2 16%,transparent 21%,transparent 82%,#fff4 88%,#0002 98%)}.reference-pack .foil-creases{z-index:6;opacity:.38}.reference-pack .foil:after{z-index:7}.reference-pack .pack-top{height:15px}.reference-pack .pack-top span{display:none}.reference-pack .pack-bottom-seal{height:12px}.reference-pack .cut{top:16px}.reference-pack .pack-gusset{z-index:-1}.reference-pack .pack-top{background:repeating-linear-gradient(90deg,#a5a5a4 0,#dedacf 1px,#aaa89d 2px,#d5d1c8 3px)} @media(max-width:760px){.reference-pack#pack{width:205px;height:365px}.stage{height:510px}#binder{touch-action:pan-y;background:linear-gradient(90deg,#21162d,#493553 12%,#302139)}.turn-leaf .slot{pointer-events:none}} @media(prefers-reduced-motion:reduce){.turn-leaf,.emerging-card,.opening-halo{animation:none!important}.stage.extracting #pack{opacity:0}#reveal[open]{animation:none}*{scroll-behavior:auto!important}} @media(max-width:760px){header{padding:12px 4%;gap:10px}.brand{font-size:12px;letter-spacing:1px}.brand span{font-size:9px}.account-actions{margin-left:auto;gap:5px}.account-actions button,#account{font-size:10px;padding:9px 8px;border-radius:9px}nav{justify-content:space-between;gap:3px}nav button{flex:1;padding:10px 7px;font-size:12px}main{padding:0 4%}#studio{padding:12px 0 25px;gap:0;min-height:0;grid-template-columns:minmax(0,1fr)}#studio .intro{padding:0}#studio .intro>h1,#studio .intro>p:not(#mode-label):not(#quota),#studio .intro>.eyebrow{display:none}#studio .intro #mode-label{display:block;margin:5px 0;font-size:10px;letter-spacing:2px}#studio #quota{font-size:11px;line-height:1.5;margin:5px auto 0;max-width:320px}#studio .stage{height:clamp(280px,51svh,430px);margin:0;width:100%}#studio .reference-pack#pack{width:min(205px,42vw,28svh);height:auto;aspect-ratio:250/445}#studio .orbit{width:min(310px,80vw);height:min(310px,80vw)}#studio .stage-shadow{bottom:25px;width:160px}#studio #gesture{bottom:2px;font-size:11px;margin:0;line-height:1.3}#studio #emerging-cards{width:min(172px,36vw,24svh);height:auto;aspect-ratio:63/88}#studio .mobile-open-controls{display:flex;flex-direction:column;align-items:center;gap:9px;margin:17px 0 0}.mobile-open-controls .primary{width:100%;max-width:340px;padding:17px;font-size:16px;border-radius:15px;box-shadow:0 5px 24px #d9fb8b16}.mobile-open-controls span{font-size:10px;color:var(--muted)}#studio .reference-pack#pack.unavailable{opacity:.7}.details{margin-top:10px;padding:18px 0}#auth{width:min(94vw,420px);padding:34px 22px}#auth h2{font-size:24px}#reveal{padding:25px 20px 20px}#reveal #card-wrap{width:min(72vw,calc((100dvh - 245px)*.718));margin-top:15px}#reveal .primary{padding:14px 22px}footer{font-size:9px;padding:20px 4%}} @media(max-width:760px),(max-height:500px) and (max-width:1000px){ #reveal[open]{display:grid;grid-template-rows:18px minmax(0,1fr) auto auto 46px auto;gap:7px;width:calc(100vw - 24px);max-width:440px;height:calc(100svh - 24px);height:calc(var(--reveal-vh,100dvh) - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:780px;padding:20px 16px 14px;margin:auto;overflow:hidden;border-radius:18px;box-sizing:border-box;animation:none} #reveal #card-wrap{width:100%;height:100%;min-height:0;min-width:0;max-width:100%;margin:0;aspect-ratio:auto;display:grid;place-items:center;overflow:clip;isolation:isolate} #reveal #card-wrap:before,#reveal #card-wrap:after{display:none} #reveal #card-wrap .card{height:100%;width:100%;min-height:0;max-width:100%;background:transparent;box-shadow:none;border-radius:0;overflow:hidden} #reveal #card-wrap .card img{width:100%;height:100%;object-fit:contain;display:block} #reveal #card-wrap .card:before,#reveal #card-wrap .card:after{display:none} #reveal h2{font-size:clamp(17px,5vw,23px);line-height:1.15;margin:0;overflow-wrap:anywhere} #reveal #card-rarity{font-size:11px;line-height:1.3;margin:0;overflow-wrap:anywhere} #reveal #reveal-count{font-size:9px;letter-spacing:2px;padding:0 20px;line-height:18px} #reveal #reveal-next{width:100%;height:46px;min-height:46px;padding:10px 14px;margin:0;align-self:end;font-size:14px} #reveal #saved-note{font-size:10px;line-height:1.25;margin:0;overflow-wrap:anywhere} #reveal .close{top:5px;right:5px;z-index:10;width:32px;height:32px;padding:0} } @media(max-height:500px) and (max-width:1000px){#reveal[open]{max-width:700px;grid-template-columns:minmax(0,1fr) minmax(150px,.8fr);grid-template-rows:20px 1fr auto 46px auto;gap:6px 16px}#reveal #card-wrap{grid-column:1;grid-row:1/6}#reveal #reveal-count,#reveal h2,#reveal #card-rarity,#reveal #reveal-next,#reveal #saved-note{grid-column:2}#reveal h2{align-self:end;font-size:20px}} #players-random-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:18px 0 34px}#players-random-count{color:var(--lime);font-size:12px;letter-spacing:1px}#players>label{display:block;max-width:520px;margin-top:25px}#players-count{font-size:12px}@media(max-width:600px){#players-random-list{grid-template-columns:1fr;margin-bottom:28px}} /* Suspense de la última carta de One Piece. */ .onepiece-stage .emerging-card.final-emerging{background-image:var(--final-back);background-size:cover;background-position:center}.op-final-back{background:#15121c}.op-final-back img{object-fit:cover!important}.card.op-flip-away{animation:opFlipAway .38s cubic-bezier(.5,.05,.75,.35) both}.card.op-flip-in{animation:opFlipIn .72s cubic-bezier(.15,.8,.2,1) both}@keyframes opFlipAway{to{transform:rotateY(90deg) scale(.94);filter:brightness(.65)}}@keyframes opFlipIn{from{transform:rotateY(-90deg) scale(.94);filter:brightness(.6)}55%{filter:brightness(1.35)}to{transform:rotateY(0) scale(1);filter:none}} .grading-dialog{width:min(480px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;text-align:center;padding:30px 24px;color:#f4f1f9} .grading-dialog h2{font-size:26px;margin:14px 0}.grading-dialog p{font-size:12px;line-height:1.6}.grading-dialog select{display:block;margin:9px auto 14px;max-width:100%;padding:12px;border:1px solid #ffffff30;background:#272032;color:white;border-radius:10px;font:inherit} .grading-dialog .close{z-index:20}.grading-dialog [hidden]{display:none!important}.grading-dialog .eyebrow{font-size:9px;letter-spacing:2px}.grading-disclaimer{display:block;color:#b0a6ba;font-size:10px;margin-top:16px} #grade-duration{color:#d9fb8b}#grade-detail-error{color:#ffd7aa}#grade-preview{width:min(210px,52vw);aspect-ratio:63/88;margin:16px auto;perspective:1100px}#grade-preview .card{width:100%;height:100%} .grading-wide{width:min(900px,calc(100vw - 24px))}#graded-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px} #graded-groups .album-slab{box-sizing:border-box;width:100%;padding:7% 6% 5%;border-radius:12px;pointer-events:none;animation:none} #graded-groups .album-slab .slab-label{display:block;min-height:0;padding:5px 2px;border-width:4px;text-align:center} #graded-groups .album-slab .slab-info,#graded-groups .album-slab .slab-score,#graded-groups .album-slab .slab-seal span,#graded-groups .album-slab .slab-footer{display:none} #graded-groups .album-slab .slab-seal{display:block;border:0;padding:0} #graded-groups .album-slab .slab-seal strong{font:800 clamp(12px,2.6vw,20px)/1.3 Arial,sans-serif;color:#17283e} #graded-groups .album-slab .slab-well{margin-top:9%;padding:2px;border-radius:6px} #graded-groups .album-slab .slab-well img{width:100%;display:block;border-radius:4px} .graded-group{display:flex;flex-direction:column;align-items:center;padding:12px 9px;gap:7px;background:linear-gradient(145deg,#55455c40,#1a1724);border:1px solid #be9d633f;border-radius:12px;min-width:0}.graded-group img{width:85%;aspect-ratio:63/88;object-fit:contain;border-radius:7px}.graded-group strong{font-size:12px}.graded-group span,.graded-group small{font-size:11px;color:#dfc39b}.graded-group:hover{border-color:#edd7a8} #graded-copies-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;padding:14px 5px}.graded-copy{min-width:0;perspective:1000px}.graded-copy p{color:#d9fb8b} .grading-slab{--plastic:rgba(211,228,234,.26);position:relative;width:100%;max-width:355px;margin:auto;padding:6% 6% 4%;border:2px solid #e5eff286;border-radius:20px;background:linear-gradient(120deg,#d5dfe323,#8999a740 20%,#edfaff1a 48%,#adbdc63a 82%,#fff3);box-shadow:inset 0 0 0 3px #f0f4f138,inset 0 0 0 8px #10101860,inset 0 0 14px #fff7,0 18px 35px #0006,3px 4px 0 #a7b4b75c;transition:transform .18s;isolation:isolate} .grading-slab:before{content:'';position:absolute;inset:9px;border:1px solid #e9ffff40;border-radius:13px;pointer-events:none;background:linear-gradient(110deg,transparent 15%,#fff2 17%,transparent 21%,transparent 80%,#fff2 82%,transparent 86%);z-index:3} .slab-label{display:grid;grid-template-columns:minmax(0,1fr) 28%;gap:5px;position:relative;padding:9px 7px 6px;background:#f6f4ed;color:#131722;border:6px solid #d73234;box-shadow:0 1px 0 #fff9,0 0 0 2px #bcc8ce60;border-radius:3px;text-align:left;min-height:82px} .slab-info{display:flex;flex-direction:column;gap:3px;min-width:0}.slab-info>span{font:600 9px/1.25 Arial,sans-serif;text-transform:uppercase}.slab-info>strong{font:700 12px/1.1 Arial,sans-serif;text-transform:uppercase;overflow-wrap:anywhere}.slab-info small{font:9px/1.2 Arial,sans-serif} .slab-score{text-align:right;display:flex;flex-direction:column;justify-content:space-between}.slab-score small{font:10px/1 Arial,sans-serif;overflow-wrap:anywhere}.slab-score b{font:700 30px/1 Arial,sans-serif} .slab-seal{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #2222;padding-top:5px}.slab-seal strong{font:800 9px/1 Arial,sans-serif;color:#255581;white-space:nowrap}.slab-seal span{font:7px/1.1 monospace;overflow-wrap:anywhere} .slab-well{position:relative;margin-top:8%;padding:4px;border:2px solid #bcc9d270;border-radius:10px;background:#111019ab;box-shadow:inset 0 0 0 2px #fff2,0 -6px 0 #b8c4c01a,0 6px 0 #0002} .slab-well:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 12%,#fff2 28%,transparent 40%,#dfefff13 67%,transparent 78%);border-radius:inherit} .slab-well img{width:100%;aspect-ratio:63/88;object-fit:contain;display:block;border-radius:8px}.slab-footer{display:block;color:#dae1e1aa;letter-spacing:1px;font-size:6px;margin-top:6%} .gem-ten{box-shadow:inset 0 0 0 3px #f0f4f138,inset 0 0 0 8px #10101860,inset 0 0 14px #fff7,0 18px 35px #0006,0 0 28px #e7c87735} .grade-return-stage{position:relative;perspective:1200px;min-height:510px;margin:15px auto;width:min(315px,100%)} #grade-slab-result{position:relative;opacity:0;transform:translateY(25px) scale(.82);transition:transform 1.25s cubic-bezier(.2,.75,.25,1),opacity .7s .25s;pointer-events:none} #grade-unseal{position:absolute;inset:0;width:100%;height:100%;padding:35px 22px;border:1px solid #ffffff4d;border-radius:7px;background:linear-gradient(112deg,#18151e,#3e3444 18%,#201b29 47%,#483643 78%,#15121b);box-shadow:inset 5px 0 9px #fff2,inset -5px 0 10px #0008,0 20px 30px #0007;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:25px;overflow:hidden;transform:rotateY(-7deg);transition:transform 1.1s,opacity .65s .35s} #grade-unseal:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 15%,#fff2 30%,transparent 45%);background-size:220% 100%;animation:shine 6s infinite} #grade-unseal:after{content:'';position:absolute;bottom:0;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,#c5bec655 0 2px,#30243466 2px 4px)} #grade-unseal:disabled{opacity:1;cursor:not-allowed}#grade-unseal:hover{background-color:#3f3445}.grade-envelope-tear{position:absolute;top:0;left:0;right:0;padding:16px 3px;background:#d83436;font-size:9px;letter-spacing:2px;border-bottom:2px dashed #ffffff6b;transition:transform .7s} .grade-envelope-brand{font:900 italic 58px/1 Arial,sans-serif;color:#f4f5f7;text-shadow:2px 3px #9f2835}.grade-envelope-brand>span{display:block;font:700 10px/2 Arial,sans-serif;letter-spacing:3px;color:#e6c8d0;text-shadow:none} .grade-envelope-icon{font-size:55px;color:#eecfa2;text-shadow:0 0 40px #f8d8a7}.grade-envelope-bottom{font-size:8px;letter-spacing:2px;position:absolute;bottom:30px;color:#bcb2c4}#grade-unseal>strong{font-size:12px;letter-spacing:2px;line-height:1.7} #grade-return.unsealed #grade-unseal{transform:translateY(110px) rotateZ(13deg) scale(.85);opacity:0;pointer-events:none}#grade-return.unsealed .grade-envelope-tear{transform:translate(100px,-80px) rotate(25deg)} #grade-return.unsealed #grade-slab-result{opacity:1;transform:none;pointer-events:auto}#grade-return.unsealed .gem-ten{animation:gradeGold 1.4s ease-out} @keyframes gradeGold{40%{filter:drop-shadow(0 0 30px #ffe698)}100%{filter:none}} @media(max-width:600px){.grading-dialog{padding:28px 14px 16px}.grading-dialog h2{font-size:21px}.grade-return-stage{width:min(270px,80vw);min-height:450px}#graded-groups{gap:7px}.graded-group{padding:8px 4px}.graded-group strong{font-size:10px}.graded-group span,.graded-group small{font-size:9px}#graded-copies-list{gap:12px;grid-template-columns:1fr}.grading-slab{max-width:295px}.grading-dialog .album-controls{gap:8px}.grading-dialog .album-controls button{padding:10px;font-size:11px}#grade-preview{width:170px}} @media(prefers-reduced-motion:reduce){.grading-slab,#grade-unseal,#grade-slab-result{transition:none!important}#grade-unseal:before,.gem-ten{animation:none!important}} .booster-view{--gold:#f4c42d;--red:#cd302d}.booster-heading{text-align:center;max-width:720px;margin:auto}.booster-heading h2{font-size:clamp(34px,5vw,62px);margin:14px 0}.booster-stage{height:390px;display:grid;place-items:center;position:relative;perspective:1300px;margin:12px auto 0;overflow:visible}.booster-box-art{width:min(440px,82vw);max-height:360px;object-fit:contain;position:relative;z-index:3;filter:drop-shadow(0 35px 32px #0009);transform:rotateX(2deg);transition:transform 1s cubic-bezier(.2,.8,.2,1),filter 1s}.box-glow{position:absolute;width:min(520px,90vw);height:230px;background:radial-gradient(ellipse,#ffd93642,transparent 70%);filter:blur(20px);z-index:1}.booster-status{text-align:center;min-height:28px;font-weight:700;color:#f7dc73}.booster-challenges{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.booster-challenges article{position:relative;padding:30px;border:1px solid #ffffff1c;border-radius:24px;background:linear-gradient(145deg,#242135dd,#171522ee);box-shadow:0 18px 50px #0004;overflow:hidden}.booster-challenges article:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#f4c42d0c,transparent 70%);pointer-events:none}.booster-challenges h3{font:750 25px Manrope,sans-serif;margin:8px 0}.challenge-number{font:800 11px Manrope,sans-serif;letter-spacing:3px;color:var(--gold)}#timer-display{font:800 clamp(42px,7vw,72px)/1 Manrope,sans-serif;letter-spacing:-3px;color:#fff;margin:30px 0 22px;font-variant-numeric:tabular-nums;text-shadow:0 0 35px #f4c42d33}#timer-display:after{content:' s';font-size:16px;letter-spacing:0;color:#aaa4bf}#timer-result{min-height:24px}.quiz-form{display:grid;gap:18px;margin-top:24px}.quiz-question{border:0;padding:0;margin:0}.quiz-question legend{font-weight:700;line-height:1.4;margin-bottom:9px}.quiz-option{display:flex;align-items:center;gap:9px;padding:9px 11px;margin:5px 0;border:1px solid #ffffff16;border-radius:10px;color:#d7d2e2;cursor:pointer}.quiz-option:has(input:checked){border-color:#f4c42d88;background:#f4c42d12;color:#fff}.quiz-option input{width:auto;margin:0}.booster-stage.won .booster-box-art{transform:translateY(55px) rotateX(18deg) scale(.88);filter:drop-shadow(0 45px 45px #000b) brightness(1.12)}#booster-packs{position:absolute;inset:0;z-index:4;pointer-events:none}.box-pack{position:absolute;left:50%;top:53%;width:72px;aspect-ratio:250/445;background:url('pack-op17-english.png') center/cover;border-radius:4px;filter:drop-shadow(0 8px 7px #0008);opacity:0;transform:translate(-50%,-20%) scale(.3);animation:boxPackFly 1.7s cubic-bezier(.16,.8,.25,1) forwards;animation-delay:calc(var(--i)*35ms)}@keyframes boxPackFly{25%{opacity:1}100%{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-55% + var(--y))) rotate(var(--r)) scale(.78)}}.booster-stage.won .box-glow{animation:boxVictory 1.6s ease both}@keyframes boxVictory{50%{background:radial-gradient(ellipse,#fff7a9aa,#f4c42d45 45%,transparent 72%);transform:scale(1.28)}to{transform:scale(1)}}@media(max-width:760px){header nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}header nav::-webkit-scrollbar{display:none}header nav button{flex:0 0 auto}.booster-view{padding-top:35px}.booster-heading h2{font-size:36px}.booster-stage{height:300px}.booster-box-art{max-height:275px}.booster-challenges{grid-template-columns:1fr}.booster-challenges article{padding:23px}.box-pack{width:48px}@keyframes boxPackFly{25%{opacity:1}100%{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(.72)}}}@media(prefers-reduced-motion:reduce){.box-pack{animation-duration:.01ms}} .booster-stage{perspective:1200px;height:430px;isolation:isolate} .booster-model{width:280px;height:330px;position:relative;z-index:3;perspective:1100px;--yaw:-18deg;filter:drop-shadow(0 32px 22px #0006)} .box3d{position:absolute;width:280px;height:120px;top:200px;transform-style:preserve-3d;transform:rotateX(-19deg) rotateY(var(--yaw));transition:transform .65s ease} .box3d>*{position:absolute;box-sizing:border-box;backface-visibility:visible} .box3d-front{inset:0;transform:translateZ(90px);background:linear-gradient(115deg,#fce075,#e5ae09 45%,#c79408);border:1px solid #ffe680;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#29200b;box-shadow:inset 0 3px #ffe89b,inset 0 -4px #b77c13} .box3d-front small{font:700 8px Arial;letter-spacing:1px}.box3d-front strong{font:900 32px Georgia,serif;letter-spacing:-1px;margin:7px 0 2px}.box3d-front span{font:900 10px Arial;color:#8d201c}.box3d-front b{font:800 9px Arial;letter-spacing:2px;margin-top:9px} .box3d-side{width:180px;height:120px;top:0;background:linear-gradient(110deg,#e5ba24,#b18108);border:1px solid #e4b639;color:#342303;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;box-shadow:inset 0 3px #ffe89b} .box3d-side b{font:900 20px Georgia}.box3d-side span{font:800 8px Arial;letter-spacing:1px}.box3d-left{left:50px;transform:translateX(-140px) rotateY(-90deg)}.box3d-right{left:50px;transform:translateX(140px) rotateY(90deg)} .box3d-floor{width:280px;height:180px;left:0;top:30px;transform:translateY(0px) rotateX(90deg);background:linear-gradient(#7f590d,#bb891a);box-shadow:inset 0 0 35px #382900} .box3d-header{width:280px;height:260px;left:0;bottom:0;transform:translateZ(-90px);background:linear-gradient(125deg,#fff098,#eac337 45%,#c9930a);border:2px solid #f5d864;border-radius:25px 25px 0 0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:12px;color:#221908} .box3d-art{position:absolute;inset:0 0 54px;background-image:url('pack-op17-english.png');background-size:170% auto;background-position:50% 24%;opacity:.95} .box3d-header>span,.box3d-header>strong,.box3d-header>small{position:relative;background:#eaca41;padding:3px 6px;text-align:center;z-index:1}.box3d-header>span{font:900 15px Georgia}.box3d-header>strong{font:900 10px Arial;color:#7b1717}.box3d-header>small{font:700 8px Arial;letter-spacing:1px} .box3d-stock{inset:0;transform-style:preserve-3d;pointer-events:none} /* Dos pilas tumbadas: todo el volumen queda dentro de x=0..280, y=0..120, z=-90..90. */ .box3d-pack{position:absolute;box-sizing:border-box;width:116px;height:150px;left:calc(18px + var(--column)*128px);top:calc(-51px + var(--row)*9px);background:#dcb51e url('pack-op17-english.png') center/170% 103%;border:1px solid #ffe795;transform:rotateX(90deg);transform-origin:center;transform-style:preserve-3d;border-radius:3px;box-shadow:0 2px 3px #5d420855;backface-visibility:hidden} .box3d-pack:after{content:'';position:absolute;left:-1px;right:-1px;bottom:-1px;height:6px;transform-origin:bottom;transform:rotateX(-90deg);background:repeating-linear-gradient(90deg,#bd890e 0 2px,#ffe38a 2px 4px);border-radius:0 0 2px 2px} .box3d-front:after,.box3d-side:after{content:'';position:absolute;top:0;left:0;right:0;height:4px;transform-origin:top;transform:rotateX(-90deg);background:#fff0ac} .booster-stage.won .box3d{transform:rotateX(-26deg) rotateY(0deg) translateY(20px)} @media(max-width:760px){.booster-stage{height:350px}.booster-model{transform:scale(.8);transform-origin:center center}} @media(prefers-reduced-motion:reduce){.box3d{transition:none}} #booster-collection{font:700 15px Arial;color:#fff;background:#292438;border:1px solid #ffffff40;border-radius:12px;padding:14px 20px;max-width:100%;margin:12px auto} main:has(#booster:not([hidden]))>.set-picker{display:none} .pokemon-box .box3d-front,.pokemon-box .box3d-side,.pokemon-box .box3d-header{background-color:#f7eee7;background-image:linear-gradient(115deg,#ffffffab,#f3e6f088),url('pack-151-reference.png');background-size:auto,155px auto;color:#3b3266;border-color:#fff5ee;box-shadow:inset 0 3px #fff,inset 0 -3px #c9b6cb} .pokemon-box .box3d-art{background-image:url('pack-151-reference.png');background-size:100% auto;background-position:center 40%} .pokemon-box .box3d-header>span,.pokemon-box .box3d-header>strong,.pokemon-box .box3d-header>small{background:#fff5eced;color:#624254} .pokemon-box .box3d-front strong{color:#345898;text-shadow:1px 1px #ffda60}.pokemon-box .box3d-front span{color:#944053} .pokemon-box .box3d-pack{background-image:url('pack-151-reference.png');background-size:100% 100%;border-color:#ece0d5;background-color:#f5ecdf} .pokemon-box .box3d-pack:after{background:repeating-linear-gradient(90deg,#a29eaa 0 2px,#eee6e1 2px 4px)} .pokemon-box .box3d-floor{background:linear-gradient(#a79bad,#e9dbe7)}.pokemon-box .box-pack{background-image:url('pack-151-reference.png');background-size:100% 100%} .pokemon-box .box-glow{background:radial-gradient(ellipse,#e6a4ea55,transparent 70%)} /* Cada capa corresponde a la misma posición del sobre guardado: la 12 queda encima. */ .stage.extracting .op-real-stack .emerging-card{animation:opStackExtract 4.1s cubic-bezier(.2,.7,.2,1) both;animation-delay:0s;background-size:100% 100%;background-position:center;transform-origin:50% 90%} .op-real-stack .stack-position{position:absolute;bottom:7px;right:7px;display:grid;place-items:center;min-width:17px;height:17px;border-radius:50%;background:#0b1025e8;border:1px solid #ffffff55;color:#fff;font:700 9px Arial} @keyframes opStackExtract{ 0%,10%{opacity:0;transform:translateY(35px) scale(.9)} 24%{opacity:1;transform:translateY(-65px) scale(.95)} 43%{opacity:1;transform:translateY(-85px) rotate(calc(var(--fan)*1deg))} 58%,87%{opacity:1;transform:translate(calc(var(--fan)*12px),-65px) rotate(calc(var(--fan)*4deg)) scale(.95)} 100%{opacity:0;transform:translateY(-65px) scale(1.04)} } @media(max-width:760px){.stage.extracting .op-real-stack .emerging-card{transform-origin:50% 90%}} @media(prefers-reduced-motion:reduce){.stage.extracting .op-real-stack .emerging-card{animation:none!important}} #studio>.pack-quota{grid-column:1/-1;position:relative;z-index:2;display:block!important;width:min(100%,680px);box-sizing:border-box;margin:20px auto 24px;padding:20px 24px;text-align:center;font-size:clamp(19px,3.5vw,28px)!important;font-weight:750;line-height:1.45;color:#e2ff87!important;background:linear-gradient(135deg,#252b32,#232035);border:1px solid #9fc95488;border-radius:20px;box-shadow:0 12px 34px #0003;text-wrap:balance} @media(max-width:600px){#studio>.pack-quota{margin:12px auto 18px;padding:16px;font-size:21px!important;order:3}.mobile-open-controls{order:4}} #pack.lorcana-pack{--pack-base:#312153;background:#27123e;border-color:#88773b;box-shadow:0 24px 50px #0007,0 0 45px #a2c62c22} #pack.lorcana-pack .foil{overflow:hidden;background:#27133f} #pack.lorcana-pack .pack-artwork{position:absolute!important;max-width:none!important;width:200%!important;height:115%!important;left:-50%!important;top:-7%!important;object-fit:fill!important} #pack.lorcana-pack .pack-top{background:linear-gradient(90deg,#382150,#716334,#342348)} .lorcana-stage .opening-halo{background:radial-gradient(ellipse,#c5ff5655,transparent 65%)} .lorcana-stage .emerging-card{background-image:url(lorcana-back-original.png)!important;background-size:100% 100%!important} .lorcana-box .box3d-front,.lorcana-box .box3d-side{background:linear-gradient(135deg,#293846,#271333 60%,#657b2e);border-color:#a9c547;color:#e9d28d} .lorcana-box .box3d-front span{color:#d9ff76}.lorcana-box .box3d-front strong{color:#f1d990} .lorcana-box .box3d-header{background:linear-gradient(135deg,#98b333,#403263 60%,#22213c);border-color:#a3bc45;color:#eee3b1} .lorcana-box .box3d-header .box3d-art{background-image:url(lorcana-pack-1.jpg);background-position:50% 42%;background-size:200% auto;opacity:.85} .lorcana-box .box3d-header>span,.lorcana-box .box3d-header>strong,.lorcana-box .box3d-header>small{position:relative;text-shadow:0 2px 6px #000} .lorcana-box .box3d-floor{background:#191120}.lorcana-box .box3d-pack,.lorcana-box .box-pack{background-size:200% 115%;background-position:center;border-color:#665283} .lorcana-box .box3d-pack{width:78px;left:calc(15px + var(--column)*86px)}.lorcana-box .box3d-pack:after{background:repeating-linear-gradient(90deg,#392449 0 2px,#a29a66 2px 4px)} body:has(#set-select option[value="lorcana"]:checked) #binder{background:linear-gradient(120deg,#261735,#435038);border-color:#849b55} /* Three English wrapper artworks, clipped from the supplied product sheet. */ #pack.wilds-pack .foil{background-image:url(wilds-packs.webp);background-size:314.7% 181.8%;background-position:var(--wilds-x,50%) 50%;background-repeat:no-repeat} #pack.wilds-pack .pack-artwork{visibility:hidden} #pack.wilds-pack .pack-top{background:linear-gradient(90deg,#aa6418,#edc263,#a76a24)} #pack.wilds-pack{--pack-base:#d59b38;border-color:#dfb45d;background:#b58124} .wilds-box .box3d-header{background:linear-gradient(130deg,#b28140,#364f2d);border-color:#e2bf6b} .wilds-box .box3d-header .box3d-art{background-image:url(wilds-header.jpg);background-size:230% 100%;background-position:0% 50%;opacity:.95} .wilds-box .box3d-front,.wilds-box .box3d-side{background:linear-gradient(140deg,#b76c23,#dfac49 60%,#7a5122);border-color:#e8c779;color:#fff4d4} .wilds-box .box3d-front span,.wilds-box .box3d-front strong{color:#fff5cf;text-shadow:0 2px 3px #463419} .wilds-box .box3d-pack,.wilds-box .box-pack{background-size:314.7% 181.8%;background-position:var(--wilds-x,50%) 50%;border-color:#d1a64a} .wilds-box .box3d-pack:after{background:repeating-linear-gradient(90deg,#b17a20 0 2px,#e7c66e 2px 4px)} body:has(#set-select option[value="wilds"]:checked) #binder{background:linear-gradient(120deg,#4e3926,#586643);border-color:#b39052} #studio #pack.liga26-pack.reference-pack{width:min(300px,42vw);height:auto;aspect-ratio:398/458;background:#e4bd0d;transform-origin:center center;animation:liga26Float 6s ease-in-out infinite;box-shadow:18px 26px 30px #0008,inset 1px 0 3px #fff6} @keyframes liga26Float{0%,100%{transform:rotateY(-14deg) rotateZ(2deg) translateY(0)}50%{transform:rotateY(-7deg) rotateZ(-1deg) translateY(-8px)}} #pack.liga26-pack .pack-back{background:linear-gradient(90deg,#8a5707,#ffe454 18%,#d49308 80%,#fff2a2)} #pack.liga26-pack .pack-gusset{background:linear-gradient(90deg,#f3be16,#b77508,#ffdf3c)} #pack.liga26-pack .foil{background:#e4bd0d} #pack.liga26-pack .pack-artwork{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:fill!important} #pack.liga26-pack .pack-top,#pack.liga26-pack .pack-bottom-seal{background:repeating-linear-gradient(90deg,#dca808 0 2px,#ffe65b 2px 4px)} .liga26-stage .opening-halo{background:radial-gradient(circle,#fcd83a70,#773bbc25 46%,transparent 72%)} .liga26-stage .emerging-card{background-color:#f5f5f2;background-image:url('liga26-back.svg?v=2');background-size:100% 100%;border:0} .liga26-stage .op-real-stack .emerging-card{height:72%;top:13%;border-radius:0} body:has(#set-select option[value="liga26"]:checked) #binder .slot, #player-albums:has(#player-albums-set option[value="liga26"]:checked) .slot, #user-albums:has(#user-albums-set option[value="liga26"]:checked) .slot{aspect-ratio:4/3} #reveal:has(.liga26-card){width:min(720px,95vw);max-width:min(95vw,720px)} #reveal:has(.liga26-card) #card-wrap{width:min(500px,78vw,calc((100dvh - 250px)*1.25));aspect-ratio:4/3} #reveal:has(.liga26-card) #card-wrap:before,#reveal:has(.liga26-card) #card-wrap:after{content:none} #reveal #card-wrap .liga26-card{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0} #reveal #card-wrap .liga26-card:before,#reveal #card-wrap .liga26-card:after{display:none} #reveal .liga26-card img{width:100%;height:100%;object-fit:contain} #reveal #card-wrap .liga26-card-back{position:relative;background:#f5f5f2 url('liga26-back.svg?v=2') center/100% 100% no-repeat;border:0} #reveal .liga26-back-data{position:absolute;left:8%;top:43%;width:52%;height:26%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;text-align:center;line-height:1.15;overflow:hidden} #reveal .liga26-back-data strong{font:900 clamp(16px,3vw,28px) Arial,sans-serif} #reveal .liga26-back-data span{font:900 clamp(13px,2.4vw,23px) Arial,sans-serif;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #reveal .liga26-back-data small{font:600 clamp(9px,1.5vw,14px) Arial,sans-serif;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #liga26-flip{margin-right:8px;background:#f3f3ef;color:#28242e;border:1px solid #aaa} #liga26-flip[hidden]{display:none} #reveal .liga26-card.textured:before{opacity:.08} .liga26-box .box3d-front,.liga26-box .box3d-side,.liga26-box .box3d-header{background-image:linear-gradient(110deg,#ffe042d9,#dea300e2),url('booster-box-liga26.png');background-size:cover;color:#2b1857;border-color:#fff47b} .liga26-box .box3d-header{background-image:url('booster-box-liga26.png');background-size:cover;background-position:center 18%} .liga26-box .box3d-header>span,.liga26-box .box3d-header>strong,.liga26-box .box3d-header>small{background:#f6d928eb;color:#251452} .liga26-box .box3d-art{background-image:url('pack-liga26.png');background-size:85% auto;background-repeat:no-repeat;background-position:center 18%;opacity:.88} .liga26-box .box3d-front strong{font-family:Arial,sans-serif;font-style:italic;color:#301682;text-shadow:2px 2px #fffa8a;font-size:30px} .liga26-box .box3d-front span{color:#4a247e} .liga26-box .box3d-pack{background-image:url('pack-liga26.png');background-size:100% 100%;border-color:#fbe360} .liga26-box .box3d-floor{background:#d4a112} .liga26-box .box-pack{background-image:url('pack-liga26.png');background-size:100% 100%;aspect-ratio:398/458} .liga26-box .box-glow{background:radial-gradient(ellipse,#eec63573,transparent 70%)} body:has(#set-select option[value="liga26"]:checked) #binder .slot:not(.empty), #player-albums:has(#player-albums-set option[value="liga26"]:checked) .slot:not(.empty), #user-albums:has(#user-albums-set option[value="liga26"]:checked) .slot:not(.empty){padding:0;border:0;border-radius:0;background:transparent;box-shadow:none} body:has(#set-select option[value="liga26"]:checked) #binder .slot:not(.empty):after, #player-albums:has(#player-albums-set option[value="liga26"]:checked) .slot:not(.empty):after, #user-albums:has(#user-albums-set option[value="liga26"]:checked) .slot:not(.empty):after{content:none} body:has(#set-select option[value="liga26"]:checked) #binder .slot:not(.empty) img, #player-albums:has(#player-albums-set option[value="liga26"]:checked) .slot:not(.empty) img, #user-albums:has(#user-albums-set option[value="liga26"]:checked) .slot:not(.empty) img{border-radius:0;width:100%;height:100%;object-fit:contain} @media(max-width:760px){#studio #pack.liga26-pack.reference-pack{width:min(252px,60vw,calc(37svh * 398 / 458));height:auto;aspect-ratio:398/458;margin-inline:auto}#reveal:has(.liga26-card) #card-wrap{width:min(88vw,calc((100dvh - 270px)*1.35));border:0;outline:0;box-shadow:none}#reveal:has(.liga26-card) #card-wrap .liga26-card{border:0;outline:0;box-shadow:none}#reveal:has(.liga26-card) #card-wrap:before,#reveal:has(.liga26-card) #card-wrap:after{display:none}} /* Keep the printed sticker readable. The generic foil texture darkens some scans. */ .card.liga26-card.holo::after,.card.liga26-card.reverse::after,.card.liga26-card.textured::after,.card.liga26-card.textured::before{display:none!important} /* The third-edition photo scans are visibly softer and flatter than the rest. */ img[src*="liga26-art/LIGA26-E3-"]{filter:brightness(1.09) contrast(1.20) saturate(1.07)} #reveal .liga26-card img[src*="liga26-art/LIGA26-E3-"], #grade-preview img[src*="liga26-art/LIGA26-E3-"], .quick-fan img[src*="liga26-art/LIGA26-E3-"], .market-detail img[src*="liga26-art/LIGA26-E3-"]{filter:url(#panini-clarity-sharpen) brightness(1.09) contrast(1.20) saturate(1.07)} #album.liga-team-album .album-controls{flex-wrap:wrap;gap:12px} #liga-team-select{max-width:min(240px,80vw);padding:10px 13px;border:1px solid #e6bd43;border-radius:10px;background:#2d214e;color:#fff;font:700 13px 'DM Sans',sans-serif} #liga-team-select[hidden]{display:none} #album.liga-team-album #binder{max-width:1100px;background:linear-gradient(135deg,#342467,#2b1c53);border-color:#e0b635} #album.liga-team-album .binder-spine{display:none} #album.liga-team-album #slots{display:block} #album.liga-team-album .liga-team-page{display:block;min-height:300px;padding:20px 20px 37px;background:linear-gradient(145deg,#3a2873,#241943 80%);border:1px solid #e4ba3f88;border-radius:12px} #album.liga-team-album .liga-team-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid #e2bb4d} #album.liga-team-album .liga-team-heading h3{margin:0;color:#ffe274;font:800 clamp(21px,3vw,32px) Manrope,sans-serif} #album.liga-team-album .liga-team-heading span{color:#ead9a5;font-size:12px;white-space:nowrap} #album.liga-team-album .liga-team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} #album.liga-team-album .liga-team-grid .slot{aspect-ratio:4/3;min-width:0;padding:0;border:1px solid #dfb84c55;background:#1e1739;border-radius:4px} #album.liga-team-album .liga-team-grid .slot:not(.empty) img{width:100%;height:100%;object-fit:contain;border-radius:0} #album.liga-team-album .liga-team-grid .slot.empty{padding:5px} #album.liga-team-album .liga-team-grid .slot.empty strong{font-size:clamp(12px,1.8vw,19px)} #album.liga-team-album .liga-team-grid .slot.empty span{font-size:clamp(9px,1.2vw,12px);overflow-wrap:anywhere} #album.liga-team-album .liga-page-out{animation:ligaPageOut .15s ease-in both} #album.liga-team-album .liga-page-in{animation:ligaPageIn .15s ease-out both} @keyframes ligaPageOut{to{opacity:.15;transform:rotateY(-7deg) translateX(-12px)}} @keyframes ligaPageIn{from{opacity:.15;transform:rotateY(7deg) translateX(12px)}to{opacity:1;transform:none}} @media(max-width:760px){#album.liga-team-album .album-controls{gap:8px}#album.liga-team-album .album-controls button{padding:9px;font-size:12px}#album.liga-team-album #binder{padding:10px}#album.liga-team-album .liga-team-page{padding:13px 10px 32px}#album.liga-team-album .liga-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}} @media(max-width:420px){#album.liga-team-album .liga-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(prefers-reduced-motion:reduce){#album.liga-team-album .liga-page-out,#album.liga-team-album .liga-page-in{animation:none}} /* More room for landscape Panini stickers on desktop. */ @media(min-width:761px){ body:has(#album.liga-team-album:not([hidden])) main{max-width:1500px;padding-left:3%;padding-right:3%} #album.liga-team-album #binder{width:100%;max-width:1380px;margin-left:auto;margin-right:auto;box-sizing:border-box} #album.liga-team-album .liga-team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} #player-albums:has(#player-albums-set option[value="liga26"]:checked), #user-albums:has(#user-albums-set option[value="liga26"]:checked){width:min(1240px,96vw);max-width:min(1240px,96vw);max-height:94dvh;padding:28px} #player-albums:has(#player-albums-set option[value="liga26"]:checked) #player-albums-grid, #user-albums:has(#user-albums-set option[value="liga26"]:checked) #user-albums-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px} } .card[data-op-effect]{--op-glow:#75d9ff;isolation:isolate;box-shadow:0 0 28px -7px var(--op-glow)} .card[data-op-effect=secret]{--op-glow:#b388ff}.card[data-op-effect=alternate]{--op-glow:#ffe698}.card[data-op-effect=leader]{--op-glow:#ff8e80}.card[data-op-effect=premium]{--op-glow:#84ffef}.card[data-op-effect=manga]{--op-glow:#fff3ce}.card[data-op-effect=super]{--op-glow:#ecbcff} .op-reveal-light{position:absolute;inset:-9%;border-radius:25px;pointer-events:none;z-index:3;background:linear-gradient(115deg,transparent 30%,#fff8 47%,#fff 49%,transparent 63%);mix-blend-mode:screen;opacity:0;animation:op-light-sweep 1.1s ease-out both} .card[data-op-effect=sr] .op-reveal-light{animation-duration:.7s;background:linear-gradient(115deg,transparent 40%,#fff6 49%,transparent 58%)} .card[data-op-effect=leader] .op-reveal-light,.card[data-op-effect=premium] .op-reveal-light{animation-duration:1.6s;background:conic-gradient(from 45deg,transparent,#ffeb8a88,transparent,#80eaff88,transparent)} .card[data-op-effect=manga] .op-reveal-light,.card[data-op-effect=super] .op-reveal-light{inset:-22%;background:repeating-conic-gradient(from 5deg,transparent 0 18deg,#fff9 20deg,transparent 24deg 45deg);animation:op-chase-rays 2.4s ease-out both;mask-image:radial-gradient(ellipse,transparent 35%,#000 52%,transparent 72%)} .card[data-op-effect=super] .op-reveal-light{animation-duration:3.2s;filter:drop-shadow(0 0 14px #bf82ff)} @keyframes op-light-sweep{0%{opacity:0;transform:translateX(-25%) rotate(-8deg)}25%{opacity:.85}100%{opacity:0;transform:translateX(25%) rotate(8deg)}} @keyframes op-chase-rays{0%{opacity:0;transform:scale(.6) rotate(-25deg)}20%{opacity:1}100%{opacity:0;transform:scale(1.12) rotate(40deg)}} .op-god-intro,.op-god-summary{color:#fff4cf;border:1px solid #ead89366;background:radial-gradient(ellipse at top,#554126,#161321 68%);text-align:center;border-radius:24px;max-width:min(94vw,820px);padding:28px;box-shadow:0 0 100px #f8cd6a22} .op-god-intro::backdrop,.op-god-summary::backdrop{background:#080711df;backdrop-filter:blur(8px)} .op-god-intro h2,.op-god-summary h2{font-size:clamp(28px,7vw,54px);margin:8px 0;letter-spacing:.08em}.op-god-star{display:block;font-size:100px;color:#ffe89f;text-shadow:0 0 50px #ffcf58;animation:op-god-orbit 2.6s ease-in-out both}.op-god-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.op-god-grid img{width:100%;border-radius:7px;box-shadow:0 5px 18px #0008}.op-god-summary p{font-size:14px} @keyframes op-god-orbit{0%{transform:perspective(500px) rotateY(-120deg) scale(.5);opacity:0}40%{opacity:1}100%{transform:perspective(500px) rotateY(0) scale(1)}} @media(max-width:600px){.op-god-summary{padding:18px;max-height:92dvh;overflow:auto}.op-god-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}} @media(prefers-reduced-motion:reduce){.op-reveal-light{display:none}.op-god-star{animation:none}} /* Full-screen God Pack reveal. It uses the dialog top layer so lights and confetti remain visible above the site and above any other page effects. */ dialog.op-god-intro.god-fullscreen[open]{position:fixed;inset:0;box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;color:#fff8e9;background:radial-gradient(ellipse 50% 48% at 50% 49%,#8b579e6b 0,#312239c9 62%,#0a0719e9 100%),repeating-conic-gradient(from 10deg at 50% 48%,#ffda6f18 0deg 10deg,transparent 18deg 30deg);box-shadow:inset 0 0 110px #d89aff52,0 0 0 8px #edc97155;display:grid;place-items:center;isolation:isolate} dialog.op-god-intro.god-fullscreen::backdrop{background:#05020dba;backdrop-filter:blur(3px)} .god-effects{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 50%,#fff6ad48 0,transparent 28%),radial-gradient(circle at 16% 17%,#bf83f644,transparent 27%),radial-gradient(circle at 83% 76%,#eac96c33,transparent 28%);animation:god-ambient 2.4s ease-in-out infinite alternate} .god-effects:before,.god-effects:after{content:'';position:absolute;inset:-30%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 12deg,#fae39a36 17deg,transparent 24deg 43deg,#c697ff3a 48deg,transparent 55deg 80deg,#f7d8792d 86deg,transparent 92deg 120deg);mix-blend-mode:screen;animation:god-aura-turn 13s linear infinite} .god-effects:after{animation-direction:reverse;animation-duration:18s;filter:blur(22px);opacity:.8} .god-confetti{position:absolute;left:var(--x);top:-12vh;width:var(--size);height:calc(var(--size)*1.75);border-radius:2px;background:var(--color);box-shadow:0 0 9px var(--color);z-index:3;animation:god-confetti-fall var(--duration) linear var(--delay) infinite;will-change:transform} .god-ray{position:absolute;left:calc(50% - 2px);top:calc(50% - 36vh);width:4px;height:36vh;transform-origin:50% 100%;transform:rotate(var(--angle));background:linear-gradient(transparent,#fff4ba77 65%,#fff6d7dd);filter:blur(2px) drop-shadow(0 0 10px #fff3aa);mix-blend-mode:screen;opacity:0;z-index:2;animation:god-ray-pulse 1.8s ease-out var(--delay) 2} .god-ring{position:absolute;left:50%;top:50%;width:160px;height:160px;border:3px solid #ffeab3c9;box-shadow:0 0 24px #fce78ddd,inset 0 0 23px #b777ff9a;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.4);z-index:2;animation:god-ring-expand 2.3s ease-out var(--delay) 1 both} .god-announcement{position:relative;z-index:5;max-width:min(94vw,780px);text-align:center;padding:22px 30px 28px;border:1px solid #ffe8a95c;border-radius:26px;background:linear-gradient(135deg,#2b193fce,#161126e0 48%,#38243aca);box-shadow:0 0 110px #f4ca7f70,0 0 35px #d8a0ff88,inset 0 0 65px #f7e1ac1b;backdrop-filter:blur(12px);animation:god-announcement-in .8s cubic-bezier(.16,.8,.22,1) both} .god-announcement-star{display:block;font-size:clamp(56px,12vw,110px);line-height:1;color:#fff4bd;text-shadow:0 0 18px #fff4b9,0 0 50px #ffe482,0 0 110px #bf83ff;animation:god-star-dance 2.3s ease-in-out infinite alternate} .god-announcement-eyebrow{display:block;margin-top:8px;color:#eed5a4;font-size:clamp(10px,1.4vw,13px);font-weight:800;letter-spacing:.4em} .op-god-intro.god-fullscreen .god-announcement h2{font-family:Manrope,sans-serif;font-size:clamp(44px,10vw,108px);line-height:.96;letter-spacing:.075em;margin:14px 0 12px;color:#fff7d3;text-shadow:0 2px 0 #9e772d,0 0 22px #ffc85d,0 0 58px #bd8eff;animation:god-title-flash 2s ease-in-out infinite alternate} .op-god-intro.god-fullscreen .god-announcement p{font-size:clamp(14px,2vw,20px);line-height:1.35;letter-spacing:.05em;color:#f8edda;margin:8px 0 23px} .god-announcement-button{padding:12px 24px;border:1px solid #fff6ccad;border-radius:999px;background:#f3cf7c;color:#25162b;font-weight:800;box-shadow:0 0 24px #fbd97799} .god-announcement-button:hover{background:#fff2bc;transform:translateY(-2px)} @keyframes god-ambient{to{filter:hue-rotate(20deg) brightness(1.45)}} @keyframes god-aura-turn{to{transform:rotate(360deg)}} @keyframes god-confetti-fall{from{transform:translate3d(0,0,0) rotate(0deg) rotateY(0deg)}to{transform:translate3d(var(--drift),125vh,0) rotate(var(--spin)) rotateY(780deg)}} @keyframes god-ray-pulse{0%{opacity:0;transform:rotate(var(--angle)) scaleY(.25)}35%{opacity:.9}100%{opacity:0;transform:rotate(var(--angle)) scaleY(1.2)}} @keyframes god-ring-expand{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}22%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%) scale(7)}} @keyframes god-announcement-in{from{opacity:0;transform:perspective(900px) rotateX(-22deg) scale(.62)}to{opacity:1;transform:perspective(900px) rotateX(0) scale(1)}} @keyframes god-star-dance{to{transform:rotate(20deg) scale(1.15)}} @keyframes god-title-flash{to{text-shadow:0 2px 0 #9e772d,0 0 38px #ffe796,0 0 85px #f4b2ff}} @media(max-width:600px){.god-announcement{padding:22px 15px;max-width:92vw}.god-announcement-eyebrow{letter-spacing:.25em}} @media(prefers-reduced-motion:reduce){.god-effects,.god-effects:before,.god-effects:after,.god-confetti,.god-ray,.god-ring,.god-announcement,.god-announcement-star,.op-god-intro.god-fullscreen .god-announcement h2{animation:none!important}.god-confetti,.god-ray,.god-ring{display:none}.god-announcement{transform:none}} #daily-wheel{width:min(920px,95vw);max-height:92vh;padding:30px;background:radial-gradient(ellipse at top,#28203c,#101522 70%);color:#f0edf7;border:1px solid #b98b4655;border-radius:20px;overflow:auto}#daily-wheel::backdrop,.wheel-god-dialog::backdrop{background:#02050be0;backdrop-filter:blur(7px)}#daily-wheel h2,.wheel-god-dialog h2{color:#fff;margin:8px 0;font-size:30px}.wheel-eyebrow{font-size:11px;color:#e8bf79;letter-spacing:2px}.wheel-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:24px 0}.wheel-frame{position:relative;width:320px;height:320px;margin:12px auto 25px}.wheel-disc{width:100%;height:100%;border-radius:50%;border:7px solid #d9b777;box-shadow:0 0 0 7px #171f32,0 12px 45px #0008;transition:transform 4.5s cubic-bezier(.12,.74,.1,1);position:relative;box-sizing:border-box}.wheel-number{position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);width:20px;height:20px;text-align:center;font:bold 11px/20px sans-serif;color:white;text-shadow:0 1px 3px black}.wheel-pointer{position:absolute;top:-12px;left:calc(50% - 13px);border-left:13px solid transparent;border-right:13px solid transparent;border-top:30px solid #ffe1a1;z-index:3;filter:drop-shadow(0 2px 3px #000)}.wheel-hub{position:absolute;inset:calc(50% - 32px);border:2px solid #e6bb77;border-radius:50%;background:#141b2c;display:grid;place-items:center;font-size:33px;color:#e6bb77}.wheel-prizes{list-style:none;padding:0;margin:10px 0}.wheel-prizes li{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:12px}.wheel-prizes li b{border-radius:50%;min-width:22px;height:22px;text-align:center;line-height:22px;color:white}.wheel-prizes li span{flex:1}.wheel-prizes li strong{color:#e8bf79;font-size:11px}#daily-wheel small,#daily-wheel p{color:#b8b9c8;line-height:1.6}#wheel-spin{width:100%;min-height:48px}#wheel-status{min-height:48px}.wheel-countdown{font-size:11px}.wheel-wallet{border-top:1px solid #ffffff20;padding:15px 0}.wheel-ticket{display:flex;align-items:center;gap:12px;padding:12px 0;flex-wrap:wrap}.wheel-ticket strong{flex:1}.wheel-ticket button{padding:10px;background:#ad8038;color:#fff;border-radius:8px}.wheel-ticket select{max-width:240px;background:#182235;color:white;padding:10px;border:1px solid #495066}.wheel-god-dialog{width:min(1060px,95vw);max-height:92vh;overflow:auto;padding:28px;background:#141a2b;color:#fff;border:1px solid #e9c37e;border-radius:16px}.wheel-god-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.wheel-god-card{position:relative;padding:0!important;border:0!important;background:transparent!important;min-width:0}.wheel-god-card>img{display:block;width:100%;aspect-ratio:0.716;object-fit:contain;border-radius:8px}.wheel-god-card>.card{width:100%!important;max-width:100%!important;aspect-ratio:.716;height:auto!important;margin:0!important}.wheel-god-card>.card img{width:100%}.wheel-god-card>span{position:absolute;bottom:6px;right:6px;color:#fff;background:#111c;padding:3px 7px;border-radius:4px}@media(max-width:720px){.wheel-layout{grid-template-columns:1fr}.wheel-frame{transform:scale(.9);margin-top:-5px;margin-bottom:0}#daily-wheel{padding:20px 14px}.wheel-god-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:360px){.wheel-frame{transform:scale(.8);transform-origin:top left;margin-left:0;width:320px;height:320px;margin-bottom:-45px}.wheel-layout{min-width:0}}@media(prefers-reduced-motion:reduce){.wheel-disc{transition:none}} #daily-wheel{max-width:min(920px,95vw);box-sizing:border-box}.wheel-god-dialog{max-width:min(1060px,95vw);box-sizing:border-box}.wheel-layout>div{min-width:0} #wheel-rewards-nav{color:#dfcaff}.wheel-ticket-pending{background:#b393ea10;border:1px solid #b393ea38;border-radius:12px;padding:14px;margin:10px 0}.wheel-ticket-opened{opacity:.8}.wheel-wallet:focus{outline:2px solid #b393ea;outline-offset:6px}.wheel-ticket-pending button{background:#c4a7ef;color:#231a32;font-weight:700} #daily-scratch{width:min(1180px,calc(100vw - 24px));max-width:min(1180px,calc(100vw - 24px));max-height:min(92vh,840px);border:1px solid #ad8dce;border-radius:28px;padding:0;color:#f7f2ff;background:radial-gradient(circle at 50% 0,#423061 0,#1b142e 48%,#0e0b1a 100%);box-shadow:0 35px 110px #000c,0 0 55px #9b67d355;overflow:auto} #daily-scratch::backdrop{background:#080713dd;backdrop-filter:blur(12px)} .scratch-shell{text-align:center;padding:clamp(22px,4vw,38px)} .scratch-kicker{font-size:11px;font-weight:900;letter-spacing:.25em;color:#e6c470} #daily-scratch h2{font-size:clamp(27px,3.2vw,44px);line-height:1.1;margin:9px 0 5px} .scratch-intro{color:#c7bad9;margin:0 auto 22px;max-width:630px;font-size:14px} .scratch-stage{display:flex;justify-content:center;align-items:center;gap:clamp(12px,3vw,34px);perspective:1100px;margin:0 auto 16px} .scratch-card{--tilt-x:0deg;--tilt-y:0deg;position:relative;isolation:isolate;width:clamp(170px,23vw,230px);aspect-ratio: .73;flex:none;border:2px solid #d5b772;border-radius:20px;padding:0;overflow:hidden;color:#f7e8b2;cursor:pointer;background:radial-gradient(circle at 50% 38%,#936cbd 0,#4b2d70 35%,#1e1737 75%);box-shadow:inset 0 0 0 5px #271c3d,inset 0 0 0 7px #be985e,0 18px 26px #0008,0 0 25px #7d52bd55;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(0);transition:transform .22s ease,filter .3s ease,box-shadow .3s ease;touch-action:none} .scratch-card:not(:disabled):not(.selected):hover{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-8px) translateZ(25px);box-shadow:inset 0 0 0 5px #271c3d,inset 0 0 0 7px #ebc26e,0 28px 35px #0009,0 0 42px #d59dff88} .scratch-card:focus-visible{outline:3px solid #ffdb7f;outline-offset:5px} .scratch-card::before{content:'';position:absolute;inset:13px;border:1px solid #d0ad7599;border-radius:11px;pointer-events:none;z-index:3} .scratch-card::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 19px,#fff1 20px 21px);pointer-events:none;opacity:.5} .scratch-card-number{position:absolute;top:23px;left:26px;font:800 14px Georgia,serif;letter-spacing:.12em;z-index:4} .scratch-card-emblem{display:block;font-size:clamp(75px,10vw,130px);line-height:1;padding-top:19%;text-shadow:0 0 17px #efcc81,0 0 50px #dbb8ff} .scratch-card-caption{display:block;position:absolute;bottom:27px;width:100%;font-size:10px;font-weight:900;letter-spacing:.18em} .scratch-card.selected{transform:translateY(-9px) rotateY(0deg) scale(1.025);box-shadow:inset 0 0 0 5px #271c3d,inset 0 0 0 7px #f2d182,0 27px 35px #000b,0 0 42px #efcc81a0} .scratch-card.unselected{filter:saturate(.55) brightness(.6);cursor:default} .scratch-card.selected .scratch-card-emblem,.scratch-card.selected .scratch-card-caption{opacity:0} .scratch-hidden-reward{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;background:radial-gradient(circle at 50% 40%,#745098,#27183e 76%);opacity:0} .scratch-card.selected .scratch-hidden-reward{opacity:1} .scratch-reward-icon{display:grid;place-items:center;width:102px;height:102px;border:3px solid #e7c87b;border-radius:22px;color:#fae1a4;font-size:74px;line-height:1;background:linear-gradient(140deg,#9d67b8,#282044);box-shadow:0 0 25px #f0be8170,inset 0 0 15px #fee7a466;transform:rotate(-6deg)} .scratch-hidden-reward strong{font-size:clamp(17px,2vw,22px);line-height:1.15;text-shadow:0 2px 6px #000} .scratch-surface{position:absolute;inset:0;width:100%;height:100%;z-index:5;cursor:crosshair;touch-action:none;border-radius:18px;transition:opacity .55s ease,transform .55s ease} .scratch-surface.cleared{opacity:0;transform:scale(1.11) rotate(5deg);pointer-events:none} .scratch-grain{position:absolute;z-index:8;width:var(--grain-size);height:var(--grain-size);border-radius:50%;background:#e7d6ad;box-shadow:0 0 5px #fff9;pointer-events:none;animation:scratch-sand .8s cubic-bezier(.17,.48,.4,1) forwards} @keyframes scratch-sand{to{transform:translate(var(--drift),var(--drop)) rotate(400deg);opacity:0}} .scratch-message{min-height:28px;margin:12px 0 6px;font-size:15px;font-weight:700;color:#f2dc9f} .scratch-continue{margin-top:5px;min-width:210px} .scratch-again{margin:5px 10px 0 0;min-width:190px;border-color:#d7b970;color:#f3d995;background:#d7b97018} .scratch-card.won{animation:scratch-win 1.1s ease-in-out 2} @keyframes scratch-win{50%{transform:translateY(-18px) scale(1.065) rotateY(8deg);box-shadow:0 0 65px #f4d288,0 28px 35px #000b}} #daily-scratch.scratch-winner .scratch-shell{background:radial-gradient(circle at 50% 68%,#f6cd7250,transparent 55%)} @media(max-width:720px){.scratch-shell{padding:22px 12px}.scratch-intro{font-size:12px;margin-bottom:16px}.scratch-stage{gap:7px}.scratch-card{width:calc((100vw - 64px)/3);border-radius:12px}.scratch-card::before{inset:7px;border-radius:6px}.scratch-card-number{top:13px;left:13px;font-size:10px}.scratch-card-caption{bottom:13px;font-size:7px;letter-spacing:.06em}.scratch-reward-icon{width:55px;height:55px;font-size:40px;border-radius:12px}.scratch-hidden-reward{padding:7px}.scratch-hidden-reward strong{font-size:11px}.scratch-card-emblem{font-size:62px;padding-top:35%}} @media(prefers-reduced-motion:reduce){.scratch-card,.scratch-surface{transition:none}.scratch-grain{display:none}.scratch-card.won{animation:none}} #achievement-gallery{width:min(1060px,94vw);max-width:1060px;padding:32px;color:#f2effa;background:linear-gradient(145deg,#252135,#111420);border:1px solid #77688e;border-radius:22px}#achievement-gallery::backdrop{background:#080913d9;backdrop-filter:blur(8px)}.achievement-filters{display:flex;gap:18px;margin:20px 0}.achievement-filters label{flex:1}.achievement-filters select{width:100%;margin-top:6px}#achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.achievement-card{display:flex;gap:14px;align-items:center;padding:15px;border:1px solid #51435f;border-radius:16px;background:#ffffff05}.achievement-card img{width:88px;height:88px;flex-shrink:0}.achievement-card h3{font-size:15px;margin:0 0 7px;color:#f5eaff}.achievement-card p{font-size:12px;line-height:1.5;margin:0 0 9px;color:#c8c1d4}.achievement-card small{font-size:11px;color:#aea5bf}.achievement-card progress{display:block;width:100%;height:6px;margin:8px 0;accent-color:#b7e9ca}.achievement-card.earned{border-color:#a38a52;background:linear-gradient(120deg,#ad864e18,#ffffff04)}.achievement-card.earned small{color:#bbeacb}.achievement-card.locked img,.achievement-preview .locked{filter:grayscale(.8);opacity:.45}.achievement-profile{padding:16px;margin:18px 0;border:1px solid #70607d;border-radius:15px;background:#ffffff05}.achievement-profile h3{margin:0 0 12px}.achievement-preview{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.achievement-preview img{width:64px;height:64px}#achievement-summary{color:#cbb7e9}@media(max-width:650px){#achievement-gallery{padding:22px 14px}#achievement-grid{grid-template-columns:1fr}.achievement-card img{width:72px;height:72px}.achievement-filters{gap:10px}.achievement-preview{gap:5px}.achievement-preview img{width:48px;height:48px}} .wheel-prize-reveal{text-align:center;width:620px;max-width:94vw;background:radial-gradient(ellipse at center,#57416a,#191724 72%);overflow:hidden}.wheel-prize-reveal::backdrop{background:#080711db;backdrop-filter:blur(8px)}.wheel-prize-reveal h2{font-size:26px}.wheel-prize-scene{display:flex;justify-content:center;align-items:center;height:290px;perspective:900px;margin:12px 0}.wheel-reward-pack{width:125px;height:210px;margin:0 -12px;background:center/contain no-repeat;filter:drop-shadow(0 14px 16px #0009);transform:rotate(var(--angle));animation:rewardPackIn .8s cubic-bezier(.16,.85,.3,1.2) both;animation-delay:calc(var(--i)*150ms)}.wheel-reward-box{width:220px;height:170px;border:3px solid #f0cf77;border-radius:12px;background:linear-gradient(140deg,#967642,#302336 60%);box-shadow:18px 14px 0 #171323,0 0 65px #e7b44766;transform:rotateY(-15deg) rotateX(8deg);display:flex;flex-direction:column;justify-content:center;gap:10px;animation:rewardBoxIn 1s cubic-bezier(.16,.85,.3,1.15) both}.wheel-reward-box span{font-size:10px;letter-spacing:3px;color:#f3d582}.wheel-reward-box strong{font-size:28px;line-height:1.1;color:white}.wheel-reward-box b{color:#f4dc93;font-size:24px}.wheel-prize-reveal p{font-size:14px;line-height:1.7}@keyframes rewardPackIn{from{opacity:0;transform:translateY(130px) rotateY(90deg) scale(.4)}to{opacity:1;transform:rotate(var(--angle))}}@keyframes rewardBoxIn{from{opacity:0;transform:translateY(120px) rotateY(-130deg) scale(.3)}to{opacity:1;transform:rotateY(-15deg) rotateX(8deg)}}@media(prefers-reduced-motion:reduce){.wheel-reward-pack,.wheel-reward-box{animation:none}}@media(max-width:480px){.wheel-reward-pack{width:100px;height:175px;margin:0 -16px}.wheel-prize-scene{height:235px}} .wheel-reward-choice{position:relative;display:flex;align-items:center;justify-content:center;white-space:pre-line;text-align:center;line-height:1.4;font-size:16px;font-weight:900;letter-spacing:.1em;color:#fff4ce;border:2px solid #f7d678;border-radius:12px;background:linear-gradient(115deg,#a477d8 0%,#34264f 43%,#7659ac 62%,#1c1735 100%);box-shadow:inset 0 0 0 5px #ffffff21,inset 0 0 24px #fad89170,0 0 32px #c59bfd80}.wheel-reward-choice::before{content:'';position:absolute;inset:7px;border:1px solid #f7d6789c;border-radius:7px;pointer-events:none} #daily-wheel{background:radial-gradient(ellipse at 20% 15%,#693bbb35,transparent 50%),radial-gradient(ellipse at 80% 30%,#00bcd425,transparent 50%),#0b1020;border:1px solid #a68be069;box-shadow:0 0 90px #8951d52a,0 40px 100px #000b}#daily-wheel .wheel-layout>div:first-child{perspective:950px;position:relative;padding-top:24px}.wheel-frame{transform-style:preserve-3d;transform:rotateX(14deg);isolation:isolate;transition:filter .6s;filter:drop-shadow(0 24px 18px #0009)}.wheel-frame:before{content:'';position:absolute;inset:-25px;border-radius:50%;background:conic-gradient(from 30deg,#d4a857,#fff5bd,#674526,#edc683,#fff2ca,#674526,#d4a857);box-shadow:0 12px 0 #4c3427,0 19px 0 #221c29,0 22px 25px #000b,0 0 40px #b978f042;transform:translateZ(-10px);z-index:-2}.wheel-frame:after{content:'';position:absolute;inset:-38px;border:1px solid #aa8cea65;border-radius:50%;box-shadow:inset 0 0 25px #9760e955,0 0 25px #50d9ff25;pointer-events:none;z-index:-3}.wheel-disc{border:7px solid #ffe2a1;box-shadow:inset 0 0 24px #0009,0 0 0 3px #42313b;transition:transform 5.7s cubic-bezier(.1,.66,.08,1)}.wheel-disc:after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(120deg,#ffffff40,transparent 38%,#0004 75%,#ffe9b433);pointer-events:none}.wheel-number{font-weight:900;text-shadow:0 2px 3px #000,0 0 8px #fff8}.wheel-hub{background:radial-gradient(circle at 35% 25%,#fff9d0,#d19e50 30%,#674127 58%,#201c2f 60%);box-shadow:0 5px 0 #1e1728,0 8px 14px #0008,inset 0 0 0 5px #edc789;color:#fff4ca;text-shadow:0 0 12px #ffcf76;transform:translateZ(22px);z-index:4}.wheel-pointer{top:-20px;border-top-color:#fff4cf;filter:drop-shadow(0 0 6px #ffbb47) drop-shadow(0 5px 2px #000);transform:translateZ(28px);z-index:8}.wheel-bulbs{position:absolute;inset:-17px;pointer-events:none;transform:translateZ(5px);z-index:5}.wheel-bulbs i{position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#fff5c9;box-shadow:0 0 5px #fff,0 0 12px #ffc55c;transform:rotate(calc(var(--bulb)*10deg)) translateY(-177px);animation:wheelLights 2.4s ease-in-out infinite;animation-delay:calc(var(--bulb)*-.067s)}.wheel-spinning .wheel-bulbs i{animation-duration:.65s}.wheel-spinning .wheel-frame{animation:wheelDepth 5.7s ease-in-out both}.wheel-spinning .wheel-pointer{animation:pointerTick .12s ease-in-out infinite}.wheel-winner .wheel-frame{filter:drop-shadow(0 0 30px #f7c66a99)}.wheel-winner .wheel-bulbs i{background:white;box-shadow:0 0 12px white,0 0 28px #f8cf62;animation:none}#wheel-spin{margin-top:32px;border:1px solid #ffe6a2;background:linear-gradient(115deg,#a97332,#f1ce83,#a97332);color:#21162c;font-weight:900;letter-spacing:.7px;box-shadow:0 6px 0 #563a26,0 9px 24px #e8af4225;transition:filter .2s,transform .2s}#wheel-spin:not(:disabled):hover{filter:brightness(1.17);transform:translateY(-2px)}#wheel-spin:disabled{filter:saturate(.3)}.wheel-prizes{padding:12px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff04}.wheel-prizes li{padding:3px;border-radius:7px;transition:background .3s,box-shadow .3s}.wheel-prizes li.wheel-selected{background:#e2b96325;box-shadow:inset 0 0 0 1px #f4cb78;color:#ffdfa1}.wheel-sparks{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:20;border-radius:20px}.wheel-sparks i{position:absolute;left:50%;top:35%;width:6px;height:12px;background:var(--spark-color);border-radius:2px;animation:wheelConfetti 1.7s cubic-bezier(.1,.65,.4,1) both;animation-delay:var(--delay)}@keyframes wheelLights{0%,100%{opacity:1}50%{opacity:.25}}@keyframes wheelDepth{0%{transform:rotateX(14deg) rotateY(0)}18%{transform:rotateX(30deg) rotateY(-13deg) scale(.95)}48%{transform:rotateX(20deg) rotateY(10deg) scale(1.03)}80%,100%{transform:rotateX(14deg) rotateY(0)}}@keyframes pointerTick{50%{transform:translateZ(28px) rotate(-7deg)}}@keyframes wheelConfetti{0%{opacity:0;transform:translate(0,0) scale(.2)}12%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--dr)) scale(.8)}}@media(max-width:720px){#daily-wheel .wheel-layout>div:first-child{padding-top:28px}.wheel-frame{zoom:.82;margin:12px auto 28px;transform:rotateX(14deg)}#wheel-spin{margin-top:18px}.wheel-layout{gap:15px}}@media(max-width:360px){.wheel-frame{zoom:.72;transform-origin:center;margin:12px auto 28px}}@media(prefers-reduced-motion:reduce){.wheel-frame,.wheel-spinning .wheel-frame{animation:none;transform:none}.wheel-bulbs i,.wheel-spinning .wheel-pointer,.wheel-sparks i{animation:none}.wheel-sparks{display:none}.wheel-disc{transition:none}} body:has(#player-profile:not([hidden])) main{max-width:1500px}body:has(#player-profile:not([hidden])) .set-picker{display:none}#player-profile[hidden],#player-profile section[hidden]{display:none!important}.profile-hero{padding:36px;margin:24px 0;border:1px solid #b28bdf40;border-radius:22px;background:radial-gradient(ellipse at right,#72529b55,transparent 65%),linear-gradient(120deg,#22203a,#101524)}.profile-hero h1{font-size:clamp(30px,5vw,58px);margin:12px 0;overflow-wrap:anywhere}.profile-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}.profile-tabs .active{background:#ad89df33;border-color:#be9beb;color:#edd7ff}#player-profile #player-albums{display:block;position:static;width:100%;max-width:none;max-height:none;padding:24px;overflow:visible;box-sizing:border-box;border:1px solid #ffffff20;border-radius:18px;background:#20192c;box-shadow:none}#player-profile #player-albums-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}#player-profile #player-albums:has(option[value="liga26"]:checked){width:100%;max-width:none}.profile-achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.profile-grade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:25px 0}.profile-grade-grid .graded-group{min-width:0}.profile-grade-grid .graded-group>div{max-width:100%}#player-profile select{background:#231c33;color:white;padding:12px;border:1px solid #716080;border-radius:8px}#player-profile #player-albums-title{font-size:26px}@media(max-width:1000px){.profile-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.profile-hero{padding:22px}.profile-achievement-grid{grid-template-columns:1fr}.profile-grade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#player-profile #player-albums{padding:12px}#player-profile #player-albums-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#player-profile #player-albums:has(option[value="liga26"]:checked) #player-albums-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} body[data-collection-world]{background-color:#0b111c;transition:background-color .65s;color:#f2eff5;--world-accent:#c497ff;--world-gold:#edcf86;--world-cover:#25173e;--world-page:#392954} body[data-collection-world]:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 12%,color-mix(in srgb,var(--world-accent) 19%,transparent),transparent 48%),radial-gradient(ellipse at 90% 70%,color-mix(in srgb,var(--world-gold) 12%,transparent),transparent 55%),linear-gradient(150deg,#090e19,var(--world-cover));transition:background .65s} body[data-collection-world] .aurora{background:radial-gradient(ellipse,var(--world-accent),transparent 68%);opacity:.09;pointer-events:none}body[data-collection-world] header{background:color-mix(in srgb,var(--world-cover) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--world-gold) 35%,transparent);backdrop-filter:blur(16px)}body[data-collection-world] .brand span,body[data-collection-world] .eyebrow{color:var(--world-accent)}body[data-collection-world] nav button.active{color:var(--world-accent);box-shadow:inset 0 -2px var(--world-gold)}body[data-collection-world] .profile-hero{background:radial-gradient(ellipse at right,color-mix(in srgb,var(--world-accent) 25%,transparent),transparent 70%),var(--world-cover);border-color:color-mix(in srgb,var(--world-gold) 40%,transparent)}body[data-collection-world] .profile-tabs .active{background:color-mix(in srgb,var(--world-accent) 16%,transparent);border-color:var(--world-gold);color:var(--world-accent)} .world-book-title{text-align:center;color:var(--world-gold);font-size:12px;font-weight:800;letter-spacing:2.5px;padding:20px 12px 15px;text-transform:uppercase} body[data-collection-world] #binder.world-book,body[data-collection-world] #player-profile #player-albums-grid.world-book,body[data-collection-world] #user-albums-grid.world-book{position:relative;isolation:isolate;border:2px solid var(--world-gold);border-left:12px solid var(--world-cover);border-radius:10px 22px 22px 10px;padding:26px 28px 36px;background:linear-gradient(90deg,var(--world-page) 0%,var(--world-page) 46%,#090c1880 49.5%,#ffffff20 50%,var(--world-page) 54%);box-shadow:0 3px 0 #ccbda1,0 6px 0 #726955,0 9px 0 #e2d4b6,0 12px 0 var(--world-cover),0 17px 0 #090d17,0 30px 50px #0008,inset 0 0 0 6px var(--world-cover);transform:perspective(2200px) rotateX(3deg);transform-origin:center top} .world-book:before{content:'';position:absolute;inset:9px;border:1px solid color-mix(in srgb,var(--world-gold) 40%,transparent);border-radius:4px 13px 13px 4px;pointer-events:none;z-index:0} body[data-collection-world] #binder .album-page,body[data-collection-world] #album.liga-team-album .liga-team-page{background:linear-gradient(110deg,#ffffff09,transparent 50%,#0002),var(--world-page);border-color:color-mix(in srgb,var(--world-gold) 40%,transparent)}body[data-collection-world] #album.liga-team-album .liga-team-heading{border-color:var(--world-gold)}body[data-collection-world] #album.liga-team-album .liga-team-heading h3{color:var(--world-accent)}body[data-collection-world] #album.liga-team-album .liga-team-grid .slot{background:color-mix(in srgb,var(--world-cover) 80%,#000);border-color:color-mix(in srgb,var(--world-gold) 30%,transparent)}body[data-collection-world] .world-book .slot{box-shadow:inset 0 0 0 1px #ffffff16,0 3px 7px #0004}.world-book .slot.empty{color:#ded6c6} body[data-collection-world="lorcana"]:before{background:radial-gradient(circle at 18% 20%,#daa9ff2a,transparent 26%),radial-gradient(circle at 80% 65%,#5be1e52a,transparent 30%),repeating-conic-gradient(from 25deg at 80% 20%,#baa0df05 0deg 3deg,transparent 3deg 22deg),linear-gradient(145deg,#0f1125,#302048 65%,#101f30)}body[data-collection-world="wilds"]:before{background:linear-gradient(#071d27bc,#071b18e8),url('wilds-header.jpg') center/cover fixed}body[data-collection-world="op17"]:before{background:radial-gradient(ellipse at 50% 100%,#2c93ae33,transparent 65%),repeating-radial-gradient(ellipse at 40% 130%,transparent 0 70px,#6ccde409 72px 74px,transparent 76px 130px),linear-gradient(#091728,#193642)}body[data-collection-world="pokemon"]:before{background:radial-gradient(circle at 80% 20%,#e6d56c16,transparent 25%),radial-gradient(ellipse at 10% 80%,#57c9b322,transparent 60%),linear-gradient(140deg,#102231,#153731)}body[data-collection-world="liga26"]:before{background:radial-gradient(ellipse at 10% 0%,#ffffff1f,transparent 40%),radial-gradient(ellipse at 90% 0%,#ffffff1f,transparent 40%),repeating-linear-gradient(115deg,transparent 0 120px,color-mix(in srgb,var(--world-accent) 5%,transparent) 120px 240px),linear-gradient(180deg,#0a101e,var(--world-cover))}body[data-collection-world="liga26"] .world-book-title{font-size:18px;color:var(--world-accent);letter-spacing:1px}body[data-collection-world="lorcana"] .world-book,body[data-collection-world="wilds"] .world-book{outline:1px solid #edcf8655;outline-offset:5px} @media(max-width:760px){body[data-collection-world] #binder.world-book,body[data-collection-world] #player-profile #player-albums-grid.world-book,body[data-collection-world] #user-albums-grid.world-book{padding:15px 12px 25px;border-left-width:7px;transform:none;border-radius:7px 14px 14px 7px;background:linear-gradient(90deg,#0003,transparent 14%),var(--world-page)}.world-book-title{font-size:10px;letter-spacing:1.5px}.world-book:before{inset:5px}body[data-collection-world="liga26"] .world-book-title{font-size:14px}} @media(prefers-reduced-motion:reduce){body[data-collection-world],body[data-collection-world]:before{transition:none}body[data-collection-world] .world-book{transform:none!important}} @media(min-width:761px){ body:has(#player-profile:not([hidden]))>header{padding-top:10px;padding-bottom:10px;min-height:60px;box-sizing:border-box} body:has(#player-profile:not([hidden])) main>.details,body:has(#player-profile:not([hidden]))>footer{display:none} #player-profile:not([hidden]){display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto minmax(0,1fr);gap:8px 18px;height:calc(100dvh - var(--profile-top,90px));min-height:0;padding:10px 0 12px;box-sizing:border-box} #profile-back{grid-column:1;grid-row:1;align-self:center;padding:8px 14px} #player-profile .profile-hero{grid-column:2;grid-row:1;display:flex;align-items:center;gap:14px;padding:8px 18px;margin:0;border-radius:12px} #player-profile .profile-hero h1{font-size:25px;line-height:1.2;margin:0}#player-profile .profile-hero .eyebrow{font-size:9px;letter-spacing:1px}#player-profile .profile-hero p{display:none} #player-profile .profile-tabs{grid-row:2;grid-column:1/-1;margin:0;gap:8px}#player-profile .profile-tabs button{padding:8px 15px;font-size:12px} #player-profile>section{grid-row:3;grid-column:1/-1;min-height:0;overflow:auto} #player-profile #player-albums:not([hidden]){display:flex;flex-direction:column;gap:6px;padding:12px 18px;min-height:0;overflow:visible} #player-profile #player-albums-title{font-size:18px;margin:0}#player-profile #player-albums>p:not(#player-albums-progress){display:none} #player-profile #player-albums>label{font-size:12px}#player-profile #player-albums select{padding:6px 10px;margin-left:8px;font-size:12px} #player-profile #player-albums-progress{font-size:12px;margin:0;line-height:1.4}#player-profile .world-book-title{padding:3px;font-size:11px;letter-spacing:1px} body[data-collection-world] #player-profile #player-albums-grid.world-book,#player-profile #player-albums-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;padding:12px 16px;flex:1;min-height:0;transform:none;box-sizing:border-box;margin:0} #player-profile #player-albums-grid .slot{aspect-ratio:auto;min-height:0;height:100%;padding:3px;overflow:hidden;display:flex;align-items:center;justify-content:center} #player-profile #player-albums-grid .slot.empty{flex-direction:column}#player-profile #player-albums-grid .slot img{width:100%;height:100%;min-height:0;object-fit:contain} #player-profile #player-albums-grid .slot.empty strong{font-size:12px}#player-profile #player-albums-grid .slot.empty span{font-size:10px} #player-profile #player-albums .album-controls{flex:none;margin:12px 0 0;gap:20px;min-height:34px}#player-profile #player-albums .album-controls button{padding:8px 16px;font-size:12px}#player-profile #player-albums-page{font-size:12px} } @media(min-width:761px) and (max-height:700px){#player-profile .profile-hero .eyebrow{display:none}#player-profile #player-albums-title{display:none}#player-profile .world-book-title{padding:0;font-size:10px}#player-profile:not([hidden]){gap:5px 12px}#player-profile #player-albums:not([hidden]){gap:4px;padding:8px 14px}} /* Original Atelier shell; collection colours remain within the albums. */ body[data-collection-world]{background:#10101b;color:#f1eff8;font-family:'DM Sans',sans-serif} body[data-collection-world]:before{display:none} body[data-collection-world] .aurora{background:radial-gradient(ellipse at 75% 30%,#42377366,transparent 50%),radial-gradient(ellipse at 10% 90%,#22535233,transparent 50%);opacity:1} body[data-collection-world] header{background:transparent;border-bottom:1px solid #ffffff12;backdrop-filter:none} body[data-collection-world] .brand span{color:var(--muted)} body[data-collection-world] .eyebrow{color:var(--lime)} body[data-collection-world] nav button.active{color:var(--lime);background:#d9fb8b0e;box-shadow:inset 0 -2px var(--lime)} body[data-collection-world] .profile-hero{background:radial-gradient(ellipse at right,#72529b55,transparent 65%),linear-gradient(120deg,#22203a,#101524);border-color:#b28bdf40} body[data-collection-world] .profile-tabs .active{background:#ad89df33;border-color:#be9beb;color:#edd7ff} body[data-collection-world] h1,body[data-collection-world] h2{font-family:Manrope,sans-serif} body[data-collection-world] button,body[data-collection-world] select,body[data-collection-world] input{font-family:'DM Sans',sans-serif} #pack.reference-pack.celebration-pack{background:transparent;border:0;box-shadow:0 25px 40px #0005;transform-style:preserve-3d} #pack.celebration-pack .foil{background:transparent;overflow:visible} #pack.celebration-pack .pack-artwork{width:100%!important;height:100%!important;left:0!important;top:0!important;object-fit:contain!important;filter:drop-shadow(5px 4px 2px #0006)} #pack.celebration-pack .foil:before,#pack.celebration-pack .foil-creases,#pack.celebration-pack .pack-top,#pack.celebration-pack .pack-bottom-seal,#pack.celebration-pack .pack-gusset{opacity:0} #booster-stage.celebration-box .booster-model{height:330px;display:grid;place-items:center;perspective:1100px} #booster-stage.celebration-box .box3d{width:min(430px,82vw);height:310px;background-image:var(--celebration-box);background-size:contain;background-position:center;background-repeat:no-repeat;transform:rotateY(calc(var(--yaw,-16deg) * .3)) rotateX(3deg);filter:drop-shadow(0 25px 25px #0009)} #booster-stage.celebration-box .box3d>*{visibility:hidden} #booster-stage.celebration-box .box-pack{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;border:0;box-shadow:none} #booster-stage.celebration-box.won .box3d{animation:celebrationBoxAward 1.1s ease both} .wheel-reward-box.celebration-reward-box{width:280px;height:220px;background-size:contain;background-repeat:no-repeat;background-position:center;border:0;box-shadow:none;border-radius:0} @keyframes celebrationBoxAward{45%{transform:translateY(-15px) rotateY(12deg) scale(1.06)}100%{transform:translateY(10px) rotateY(-7deg)}} @media(max-width:600px){#booster-stage.celebration-box .box3d{height:245px}} @media(prefers-reduced-motion:reduce){#booster-stage.celebration-box.won .box3d{animation:none}} .opening-options{display:flex;align-items:center;justify-content:flex-start;gap:18px;padding:12px 0;color:var(--text,#f4f0ff)} .quick-switch{display:flex;align-items:center;gap:11px;cursor:pointer;font-size:13px;font-weight:700;position:relative}.quick-switch small{display:block;color:var(--muted,#b4acc6);font-size:11px;font-weight:400;margin-top:3px}.quick-switch input{position:absolute;opacity:0;width:48px;height:28px;margin:0}.quick-switch-track{width:48px;height:28px;border-radius:20px;background:#393248;border:1px solid #655776;position:relative;flex-shrink:0;transition:background .2s}.quick-switch-track:after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#eee8fa;box-shadow:0 2px 5px #0005;transition:transform .2s}.quick-switch input:checked+.quick-switch-track{background:#b293ef;border-color:#cfb8ff}.quick-switch input:checked+.quick-switch-track:after{transform:translateX(20px);background:#261d39}.quick-switch input:focus-visible+.quick-switch-track{outline:2px solid #e0cfff;outline-offset:4px}.pack-info-toggle{font-size:12px;padding:9px 13px} #pack-information{background:#211b30;border:1px solid #51405f;border-radius:18px;padding:22px;margin:4px 0 20px}#pack-information h3{margin:0 0 15px}.pack-facts{display:flex;gap:12px;flex-wrap:wrap}.pack-facts>div{flex:1;min-width:140px;padding:14px;border-radius:12px;background:#ffffff06}.pack-facts strong,.pack-facts span{display:block}.pack-facts span{color:var(--muted,#b4acc6);font-size:11px;margin-top:5px}.pack-hit-highlight{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#b293ef16;border-radius:12px}.pack-hit-highlight strong{font-size:28px;color:#d9c5ff;white-space:nowrap}.pack-hit-highlight span{font-size:12px;max-width:550px}.pack-info-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;align-items:start}.pack-info-columns table{border-collapse:collapse;width:100%;font-size:12px;table-layout:fixed}.pack-info-columns caption{text-align:left;font-weight:700;padding:14px 0;color:#dbc5ff}.pack-info-columns th,.pack-info-columns td{text-align:left;padding:9px 5px;border-bottom:1px solid #ffffff12;overflow-wrap:anywhere}.pack-info-columns th{font-size:10px;color:var(--muted,#b4acc6)} #reveal>.quick-results{display:none}#reveal.quick-open[open]{display:block!important;width:min(1320px,96vw)!important;max-width:96vw!important;height:auto!important;max-height:94dvh!important;padding:24px!important;overflow:auto!important;background:radial-gradient(ellipse at 50% 40%,#34264c,#191522 70%);border:1px solid #68527e;border-radius:22px}#reveal.quick-open> :not(.quick-results):not(.close){display:none!important}#reveal.quick-open>.quick-results{display:block;text-align:center}#reveal.quick-open>.close{z-index:200;top:10px;right:10px}#reveal.quick-open .quick-title{margin:9px 25px;font-size:clamp(18px,3vw,26px)}.quick-help{font-size:12px;color:var(--muted,#b4acc6);margin:8px}.quick-fan-scroll{overflow:hidden;padding:0 2px}.quick-fan{position:relative;height:clamp(300px,48vh,470px);min-width:0;isolation:isolate;padding-top:90px;perspective:1200px}.quick-fan-card{position:absolute;left:50%;top:95px;width:var(--fan-card-width,170px);height:auto;aspect-ratio: .716;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:10px;transform-origin:50% 50%;transform:translateX(calc(-50% + var(--fan-x,0px))) translateY(var(--fan-y,0px)) rotate(var(--fan-angle,0deg));z-index:calc(1 + var(--fan-index));transition:transform .24s ease,filter .24s;filter:drop-shadow(0 9px 10px #0008);touch-action:pan-x}.quick-fan-card>.card{width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto;min-height:0!important;transform:none!important;animation:none!important;border-radius:9px;overflow:hidden;margin:0}.quick-fan-card .card img{display:block;width:100%;height:100%;object-fit:contain}.quick-fan-card.is-selected,.quick-fan-card:focus-visible{z-index:100;transform:translateX(calc(-50% + var(--fan-x,0px))) translateY(-18px) rotate(0deg) scale(1.55);filter:drop-shadow(0 14px 18px #000b) drop-shadow(0 0 9px #bd9cfb88);outline:2px solid #d7bdff;outline-offset:4px}.quick-card-description{min-height:45px;position:relative;z-index:101;pointer-events:none}.quick-card-description strong,.quick-card-description span{display:block}.quick-card-description strong{font-size:15px}.quick-card-description span{font-size:11px;color:var(--muted,#b4acc6);margin-top:4px}.quick-actions{display:flex;justify-content:center;gap:12px;margin-top:14px}.quick-actions button{font-size:13px}.quick-save{margin:6px 0} @media(max-width:600px){.opening-options{gap:8px}.quick-switch{font-size:11px}.quick-switch small{font-size:9px}.pack-info-toggle{font-size:10px;padding:9px}.pack-info-columns{grid-template-columns:1fr}.pack-facts>div{min-width:95px}.pack-hit-highlight{align-items:flex-start;flex-direction:column;gap:5px}#pack-information{padding:15px}#reveal.quick-open[open]{padding:17px 10px!important;max-height:96dvh!important}.quick-fan-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9e7dd0 #211b30}.quick-fan{width:max(580px,100%);height:345px}.quick-fan-card{top:90px}.quick-actions{gap:8px}.quick-actions button{padding:12px 10px}.quick-help{max-width:90%;margin:8px auto}.quick-card-description{margin-top:5px}} @media(max-height:650px) and (min-width:601px){.quick-fan{height:300px}.quick-fan-card{top:65px}#reveal.quick-open[open]{padding:16px!important}.quick-help{margin:4px}.quick-actions{margin-top:8px}} @media(prefers-reduced-motion:reduce){.quick-fan-card,.quick-switch-track,.quick-switch-track:after{transition:none}} .opening-options{flex-wrap:wrap}.ultra-fire-switch{color:#ffc078}.ultra-fire-switch input:checked+.quick-switch-track{background:linear-gradient(100deg,#ff9756,#d16aff);border-color:#ffce97} #reveal.ultra-fire-open[open]{height:min(850px,94dvh)!important;overflow:hidden!important;box-sizing:border-box;padding:16px!important;box-shadow:0 0 55px #b85bfc44,0 20px 90px #0009} #reveal.ultra-fire-open .quick-results{height:100%;display:flex;flex-direction:column;min-height:0} #reveal.ultra-fire-open .quick-title{font-size:clamp(15px,2vw,23px);margin:6px 25px} #reveal.ultra-fire-open .eyebrow{color:#ffc078;letter-spacing:2px;font-size:11px} #reveal.ultra-fire-open .quick-help{display:none} #reveal.ultra-fire-open .quick-fan-scroll{flex:1;min-height:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));overflow:visible;width:100%} #reveal.ultra-fire-open .quick-fan{width:100%;height:100%;min-height:0;padding:0;overflow:visible;isolation:auto} #reveal.ultra-fire-open .quick-fan-card{top:40px;animation:ultra-hit-in .45s ease both;animation-delay:calc(var(--fan-index)*18ms)} #reveal.ultra-fire-open .quick-fan-card.is-selected{animation:none;z-index:500;transform:translateX(calc(-50% + var(--fan-x,0px))) translateY(-10px) rotate(0deg) scale(1.45)} #reveal.ultra-fire-open .quick-card-description{min-height:32px;margin:5px 0 0} #reveal.ultra-fire-open .quick-card-description strong{font-size:13px} #reveal.ultra-fire-open .quick-save{font-size:11px;margin:5px 0} #reveal.ultra-fire-open .quick-actions{margin-top:5px} #reveal .quick-actions [hidden],#reveal .ultra-second-fan[hidden]{display:none!important} @keyframes ultra-hit-in{from{opacity:0;filter:brightness(2) drop-shadow(0 0 20px #ffac68)}to{opacity:1;filter:drop-shadow(0 9px 10px #0008)}} @media(max-width:600px){#reveal.ultra-fire-open[open]{padding:12px 8px!important}#reveal.ultra-fire-open .quick-fan-card{top:30px}.opening-options{gap:12px}.ultra-fire-switch small{color:#e5bdd1}} @media(prefers-reduced-motion:reduce){#reveal.ultra-fire-open .quick-fan-card{animation:none}} .quick-card-value{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);max-width:96%;white-space:nowrap;padding:3px 6px;border:1px solid #ddff8577;border-radius:6px;background:#171022ed;color:#dfff85;font-size:10px;line-height:1.2;font-weight:900;pointer-events:none;text-shadow:0 1px 2px #000}.quick-pack-value{margin:6px 0;color:#dfff85;font-size:16px;font-weight:900}.quick-pack-value[hidden]{display:none!important}#reveal.ultra-fire-open .quick-pack-value{font-size:13px;margin:4px 0}@media(max-width:600px){.quick-card-value{font-size:9px;padding:2px 4px}.quick-pack-value{font-size:14px}} /* Booster Box centered with both challenges underneath. */ #booster.booster-view{width:100%;max-width:1280px;margin:0 auto;padding:clamp(8px,1.2svh,18px) 0 20px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "status" "stage" "challenges";justify-items:center;align-content:start;row-gap:0} #booster .booster-heading{grid-area:heading;width:100%;max-width:900px;margin:0;text-align:center} #booster .booster-heading .eyebrow{font-size:11px;letter-spacing:2px} #booster .booster-heading h2{font-size:clamp(29px,3.3vw,46px);line-height:1.08;letter-spacing:-1.4px;margin:5px 0} #booster .booster-heading>p{font-size:clamp(11px,1vw,14px);line-height:1.35;margin:5px auto 8px;max-width:850px} #booster #booster-collection{display:block;width:min(360px,100%);margin:0 auto 4px;padding:9px 14px;min-height:40px;font-size:13px} #booster .booster-status{grid-area:status;min-height:18px;margin:3px auto 0;text-align:center;font-size:12px;line-height:1.35} #booster .booster-stage{grid-area:stage;height:clamp(395px,47svh,475px);width:100%;min-width:0;margin:0 auto;overflow:visible} #booster .booster-model{transform:translateY(-45px) scale(1.28);transform-origin:center center} #booster .booster-box-art{max-width:100%;max-height:100%} #booster .booster-challenges{grid-area:challenges;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,1040px);gap:16px;margin:0;align-items:stretch} #booster .booster-challenges article{padding:16px 18px;border-radius:18px;min-width:0;box-shadow:0 10px 26px #0003} #booster .booster-challenges h3{font-size:clamp(17px,1.5vw,21px);line-height:1.2;margin:4px 0} #booster .booster-challenges article>p{font-size:11px;line-height:1.35;margin:5px 0 9px} #booster .booster-challenges .primary{display:block;width:100%;padding:10px 12px;font-size:12px;min-height:40px;margin-top:8px} #booster #timer-display{font-size:clamp(30px,3.3vw,40px);letter-spacing:-1px;margin:6px 0} #booster #timer-display:after{font-size:12px} #booster #timer-result{font-size:11px;line-height:1.3;min-height:16px} #booster .quiz-form{gap:10px;margin-top:12px;max-height:min(36svh,310px);overflow:auto} #booster .quiz-option{font-size:11px;padding:6px 8px;margin:3px 0} @media(max-width:1100px){#booster .booster-stage{height:clamp(380px,45svh,430px)}#booster .booster-model{transform:translateY(-45px) scale(1.14)}#booster .booster-challenges{width:min(100%,910px);gap:12px}} @media(max-width:760px){#booster.booster-view{padding:8px 0 18px}#booster .booster-heading h2{font-size:clamp(25px,4.2vw,33px)}#booster .booster-heading>p{font-size:11px}#booster .booster-stage{height:clamp(270px,35svh,340px)}#booster .booster-model{transform:translateY(-15px) scale(.88)}#booster .booster-challenges{gap:9px}#booster .booster-challenges article{padding:12px}#booster .booster-challenges h3{font-size:16px}#booster .booster-challenges article>p{font-size:10px}#booster .booster-challenges .primary{font-size:11px;padding:9px 7px}#booster #timer-display{font-size:30px}} @media(max-width:560px){#booster .booster-heading h2{font-size:clamp(23px,6vw,29px)}#booster .booster-heading>p{max-width:340px}#booster .booster-stage{height:clamp(225px,28svh,265px)}#booster .booster-model{transform:translateY(-80px) scale(.65)}#booster .booster-challenges{grid-template-columns:1fr;width:min(100%,450px);gap:9px}#booster .booster-challenges article{padding:10px 13px}#booster .booster-challenges article>p{margin:4px 0}#booster #timer-display{font-size:27px}} @media(max-height:730px) and (min-width:761px){#booster .booster-stage{height:clamp(330px,47svh,380px)}#booster .booster-model{transform:translateY(-30px) scale(1.06)}#booster .booster-challenges article{padding:11px 14px}} body:has(#booster:not([hidden])) .opening-options,body:has(#booster:not([hidden])) #pack-information,body:has(#booster:not([hidden])) main>.details,body:has(#booster:not([hidden]))>footer{display:none!important} #booster #booster-collection[hidden],#booster .booster-claim[hidden]{display:none!important} #booster .booster-claim{display:block;margin:8px auto 0;min-width:220px;font-weight:800} /* Daily wheel as a regular game page, with its saved prizes immediately below. */ #daily-wheel.wheel-page{display:block;box-sizing:border-box;width:100%;max-width:1120px;max-height:none;min-height:0;margin:10px auto 18px;padding:17px 24px 14px;overflow:visible;color:#f0edf7;border-radius:22px;box-shadow:0 12px 44px #0006,0 0 54px #8951d51c} #daily-wheel.wheel-page[hidden]{display:none!important} #daily-wheel.wheel-page .wheel-eyebrow{text-align:center;font-size:10px} #daily-wheel.wheel-page h2{font-size:clamp(23px,2.6vw,34px);line-height:1.1;margin:4px 0 2px;text-align:center} #daily-wheel.wheel-page>p{text-align:center;font-size:12px;line-height:1.35;margin:4px 0 3px} #daily-wheel.wheel-page .wheel-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:32px;margin:7px 0 3px} #daily-wheel.wheel-page .wheel-layout>div:first-child{padding-top:12px;text-align:center} #daily-wheel.wheel-page .wheel-frame{zoom:.78;margin:0 auto 5px} #daily-wheel.wheel-page #wheel-spin{margin:8px auto 0;max-width:320px;min-height:43px} #daily-wheel.wheel-page #wheel-status{font-size:12px;line-height:1.35;min-height:19px;margin:8px 0 2px} #daily-wheel.wheel-page .wheel-countdown{font-size:11px;line-height:1.3;margin:3px 0} #daily-wheel.wheel-page .wheel-layout h3{font-size:15px;margin:6px 0 3px} #daily-wheel.wheel-page .wheel-prizes{padding:7px 9px;margin:3px 0 5px} #daily-wheel.wheel-page .wheel-prizes li{padding:1px 3px;margin:2px 0;font-size:11px;line-height:17px} #daily-wheel.wheel-page .wheel-prizes li b{min-width:19px;line-height:19px;font-size:10px} #daily-wheel.wheel-page .wheel-layout small{font-size:10px;line-height:1.25} #daily-wheel.wheel-page .wheel-wallet{padding:9px 2px 2px;margin-top:3px;scroll-margin-top:15px} #daily-wheel.wheel-page .wheel-wallet h3{font-size:17px;line-height:1.2;margin:3px 0 7px} #daily-wheel.wheel-page .wheel-tickets{max-height:min(22vh,185px);overflow:auto;scrollbar-color:#a988d4 #241c37;scrollbar-width:thin} #daily-wheel.wheel-page .wheel-ticket{padding:7px 11px;margin:5px 0;font-size:12px;min-height:38px} #daily-wheel.wheel-page .wheel-ticket button{padding:7px 11px;font-size:11px} #daily-wheel.wheel-page .wheel-ticket select{font-size:11px;padding:7px} #daily-wheel.wheel-page .wheel-sparks{border-radius:22px} #wheel-nav.active{background:#ad8cea20;color:#e7d8ff;box-shadow:inset 0 -2px #d5b7ff} body:has(#daily-wheel:not([hidden])) .set-picker,body:has(#daily-wheel:not([hidden])) .opening-options,body:has(#daily-wheel:not([hidden])) #pack-information,body:has(#daily-wheel:not([hidden])) main>.details,body:has(#daily-wheel:not([hidden]))>footer{display:none!important} @media(max-width:760px){#daily-wheel.wheel-page{padding:13px 15px;margin:5px auto 15px}#daily-wheel.wheel-page .wheel-layout{grid-template-columns:1fr;gap:6px}#daily-wheel.wheel-page .wheel-layout>div:first-child{padding-top:3px}#daily-wheel.wheel-page .wheel-frame{zoom:.68;margin:-9px auto -15px}#daily-wheel.wheel-page #wheel-spin{min-height:38px;margin:4px auto 0}#daily-wheel.wheel-page .wheel-layout h3{margin:3px 0}#daily-wheel.wheel-page .wheel-prizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 7px;padding:5px}#daily-wheel.wheel-page .wheel-prizes li{margin:0;min-width:0;font-size:10px;gap:4px}#daily-wheel.wheel-page .wheel-prizes li span{min-width:0;overflow-wrap:anywhere}#daily-wheel.wheel-page .wheel-prizes li strong{font-size:9px}#daily-wheel.wheel-page .wheel-layout small{font-size:9px}#daily-wheel.wheel-page .wheel-tickets{max-height:18vh}} @media(max-width:420px){#daily-wheel.wheel-page .wheel-frame{zoom:.58;margin:-16px auto -28px}#daily-wheel.wheel-page .wheel-prizes li{font-size:9px;line-height:14px}#daily-wheel.wheel-page .wheel-prizes li b{min-width:16px;line-height:16px;font-size:9px}#daily-wheel.wheel-page .wheel-prizes li strong{font-size:8px}#daily-wheel.wheel-page .wheel-wallet{padding-top:5px}} @media(max-height:750px) and (min-width:761px){#daily-wheel.wheel-page .wheel-frame{zoom:.68;margin:-9px auto -18px}#daily-wheel.wheel-page .wheel-prizes li{margin:1px 0}#daily-wheel.wheel-page .wheel-ticket{padding:5px 9px;margin:3px 0}} #studio #pack.matchattax-pack.reference-pack{width:min(300px,42vw);height:auto;aspect-ratio:2/3;background:transparent;border:0;box-shadow:none;transform-style:preserve-3d;filter:drop-shadow(13px 22px 20px #0008)} #pack.matchattax-pack .foil{background:transparent;overflow:visible} #pack.matchattax-pack .pack-artwork{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:drop-shadow(3px 4px 2px #0008)} #pack.matchattax-pack .foil:before,#pack.matchattax-pack .foil-creases,#pack.matchattax-pack .pack-top,#pack.matchattax-pack .pack-bottom-seal,#pack.matchattax-pack .pack-gusset{opacity:0} #pack.matchattax-pack:after{content:'';position:absolute;inset:6% 12%;pointer-events:none;background:linear-gradient(108deg,transparent 31%,#fff8 45%,transparent 52%);mix-blend-mode:screen;opacity:.35;transform:translateX(-18%);animation:matchattaxGlint 5s ease-in-out infinite} .matchattax-box .booster-model{height:330px;display:grid;place-items:center;perspective:1100px} .matchattax-box .box3d{left:50%;top:0;width:min(420px,78vw);height:310px;background:url('box-matchattax26.png') center/contain no-repeat;transform:translateX(-50%) rotateY(calc(var(--yaw,-18deg)*.25)) rotateX(2deg);filter:drop-shadow(0 30px 24px #0009);transition:transform .65s ease} .matchattax-box .box3d>*{visibility:hidden} .matchattax-box .box-pack{background-image:url('pack-matchattax26-en.png');background-size:cover;background-repeat:no-repeat;background-position:center;background-color:transparent;border:0;box-shadow:none} .matchattax-box.won .box3d{transform:translateX(-50%) translateY(-12px) rotateY(4deg) scale(1.06)} .wheel-reward-pack[style*="pack-matchattax26-en"]{background-size:cover;background-repeat:no-repeat;background-position:center;background-color:transparent;border:0;box-shadow:none} .wheel-reward-box[style*="box-matchattax26"]{width:min(330px,70vw);height:260px;background-size:contain;background-repeat:no-repeat;background-position:center;border:0;box-shadow:none} .scratch-matchattax-art{display:block;width:min(82%,160px);height:min(58%,185px);object-fit:cover;object-position:center;filter:drop-shadow(0 8px 10px #0008);margin:auto} @keyframes matchattaxGlint{50%{transform:translateX(14%);opacity:.65}} @media(max-width:760px){#studio #pack.matchattax-pack.reference-pack{width:min(240px,58vw,calc(39svh * 2 / 3));height:auto}.matchattax-box .box3d{width:min(340px,82vw);height:260px}} @media(prefers-reduced-motion:reduce){#pack.matchattax-pack:after{animation:none}.matchattax-box .box3d{transition:none}} .matchattax25-box .box3d{background-image:url("box-matchattax25.png")}.matchattax25-box .box-pack{background-image:url("pack-matchattax25-en.png")}.wheel-reward-pack[style*="pack-matchattax25-en"]{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;border:0;box-shadow:none}.wheel-reward-box[style*="box-matchattax25"]{width:min(330px,70vw);height:260px;background-size:contain;background-repeat:no-repeat;background-position:center;border:0;box-shadow:none} /* Individual transparent foil wrappers share the established mask/shine renderer. */ .market-product-card img[src*="ufc_"],.market-product-card img[src*="wwe_"]{object-fit:contain;filter:drop-shadow(0 10px 10px #0007)} .combat-box-preview{display:none} .combat-box .combat-box-preview{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 13px #0008);transform:translateZ(45px);transition:transform .65s ease} .combat-box .box3d-face,.combat-box .op16-box-art,.combat-box .lor-expansion-preview,.combat-box .rift-box-preview{visibility:hidden} .combat-box .box3d{background:none!important;box-shadow:none!important;border:0!important;transform:rotateY(-8deg) rotateX(3deg)} .combat-box .box3d>div:not(.combat-box-preview){visibility:hidden} .combat-box .box3d{display:none} .combat-box .booster-model{transform:rotateY(var(--op16-yaw,0deg))} .combat-box.won .combat-box-preview{transform:translateY(-10px) translateZ(45px) scale(1.04)} .market-catalog-status{display:block;margin-top:4px;font-size:11px;font-weight:500;color:#e1c686} .trade-panel{margin-top:2rem;padding:1.2rem;border:1px solid #ffffff25;border-radius:20px;background:#171526}.trade-panel h2{font-size:1.5rem}.trade-panel>p{color:#c7c3d7;font-size:.9rem;line-height:1.6}.trade-offer{padding:1rem;margin:1rem 0;border:1px solid #ffffff24;border-radius:16px;background:#ffffff05}.trade-offer>button{margin:4px}.trade-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.trade-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:0}.trade-card img{display:block;width:100%;max-width:135px;aspect-ratio:245/342;object-fit:contain;border-radius:8px}.trade-card strong{font-size:.85rem;line-height:1.4;overflow-wrap:anywhere}.trade-card small{font-size:.75rem;overflow-wrap:anywhere}.trade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:1rem 0}.trade-grid>button{min-width:0;padding:10px}.trade-controls{display:flex;gap:10px;flex-wrap:wrap}.trade-controls>*{flex:1;min-width:130px}#trade-dialog{max-height:90dvh;overflow:auto}#trade-body>button{margin:8px 4px}#trade-error{color:#ffb0b8}#trade-dialog input,#trade-dialog select{max-width:100%;box-sizing:border-box}#trades-list{max-height:900px;overflow:auto} @media(max-width:600px){.trade-grid{gap:6px}.trade-grid>button{padding:5px}.trade-grid .trade-card strong{font-size:.75rem}.trade-pair{gap:10px}.trade-panel{padding:12px}.trade-panel .section-head{flex-wrap:wrap;gap:10px}} /* Large readable card in the inspection and exchange confirmation views. */ #trade-dialog{width:min(1000px,96vw);max-width:min(1000px,96vw);max-height:96dvh;padding:24px;box-sizing:border-box} #trade-dialog #trade-body>.trade-card img{width:auto;max-width:100%;height:clamp(220px,58dvh,650px);aspect-ratio:auto;object-fit:contain;filter:drop-shadow(0 10px 20px #0007)} #trade-dialog #trade-body>.trade-card{gap:12px} #trade-dialog #trade-body>.trade-card strong{font-size:14px} #trade-dialog #trade-body>.trade-pair .trade-card img{width:auto;max-width:100%;height:clamp(190px,48dvh,530px);aspect-ratio:auto;object-fit:contain} #trade-dialog #trade-title{margin:8px 0 12px;font-size:24px} #trade-dialog #trade-error:empty{display:none} @media(max-width:600px){#trade-dialog{padding:22px 14px}#trade-dialog #trade-body>.trade-card img{height:auto;width:auto;max-height:58dvh;max-width:100%}#trade-dialog #trade-body>.trade-pair .trade-card img{height:auto;width:100%;max-height:42dvh}#trade-dialog #trade-title{font-size:20px}} /* Fluid page shell and artwork sizing across desktop, tablet and phone. */ html{overflow-x:clip} body{min-width:0} header,main{box-sizing:border-box;width:min(100%,1600px);max-width:1600px;margin-inline:auto;padding-inline:clamp(14px,3vw,48px)} header{padding-block:clamp(12px,1.7svh,24px);gap:clamp(8px,1.2vw,20px)} header nav{min-width:0;flex:1;justify-content:center;gap:clamp(2px,.4vw,8px);overflow-x:auto;scrollbar-width:none} header nav::-webkit-scrollbar{display:none} header nav button{flex:0 0 auto;white-space:nowrap;padding:10px clamp(5px,.75vw,13px);font-size:clamp(10px,.85vw,13px)} header .account-actions{flex:0 0 auto} main>.view{min-height:0;padding-block:clamp(12px,2.5svh,32px)} #studio.view{padding-block:clamp(8px,1.5svh,22px)} #studio .stage{height:clamp(425px,60svh,600px)} #studio .reference-pack#pack{width:min(285px,30vw,35svh);height:auto;aspect-ratio:250/445} #studio .orbit{width:min(490px,90%);height:auto;aspect-ratio:1} #studio #gesture{max-width:100%;text-align:center;line-height:1.35} #booster .booster-challenges button{max-width:100%} #reveal[open],#daily-wheel[open],#daily-scratch[open]{max-height:calc(100dvh - 20px)} #players,#album,#admin,#simulator{min-width:0} @media(min-width:1200px){#studio .stage{height:clamp(520px,62svh,650px)}#studio .reference-pack#pack{width:min(330px,32vw,34svh)}} @media(max-width:1050px){header nav button{font-size:11px;padding-inline:7px}} @media(max-width:760px){ header,main{padding-inline:clamp(12px,3vw,24px)} header{padding-block:11px} header nav{justify-content:flex-start} header nav button{font-size:11px} #studio.view{padding-top:8px} #studio .stage{height:clamp(360px,59svh,520px)} #studio .reference-pack#pack{width:min(270px,48vw,34svh)} #studio .orbit{width:min(350px,82vw)} } @media(max-width:600px){ header,main{padding-inline:12px} #studio .stage{height:clamp(370px,50svh,410px)} #studio .reference-pack#pack{width:min(245px,55vw,30svh)} #studio #gesture{font-size:11px} } @media(max-height:730px) and (min-width:761px){ #studio .stage{height:clamp(400px,60svh,480px)} #studio .reference-pack#pack{width:min(280px,31vw,34svh)} main>.view{padding-block:10px} } @media(max-width:1000px){ header{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand account" "nav nav";align-items:center;row-gap:8px} header .brand{grid-area:brand} header .account-actions{grid-area:account;justify-self:end} header nav{grid-area:nav;width:100%;display:flex;flex-wrap:wrap;justify-content:center;overflow:visible} header nav button{flex:0 0 auto;white-space:nowrap;font-size:clamp(10px,1.2vw,12px);padding:8px 9px} } @media(max-width:400px){header .account-actions button{font-size:10px;padding:8px 9px}header nav{gap:2px}header nav button{font-size:10px;padding:7px 6px}} .market-view{--market-line:rgba(192,168,245,.2);width:100%;max-width:1520px;margin:0 auto;padding:12px 0 24px;color:#f2eefc;font-family:inherit} .market-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.market-heading .eyebrow{font-size:9px;letter-spacing:2px}.market-heading h1{font-size:clamp(24px,3vw,40px);line-height:1.1;margin:5px 0 8px}.market-heading h1 span{font-weight:400;color:#b8a2d8}.market-wallet{padding:10px 20px;border:1px solid #9471ce60;background:linear-gradient(120deg,#302441,#211b32);border-radius:16px;display:grid;text-align:right;min-width:180px}.market-wallet small{font-size:11px;color:#cbbbe1}.market-wallet strong{font-size:27px;color:#dcff80;font-variant-numeric:tabular-nums}.market-topline{display:flex;align-items:center;gap:8px;margin:0 0 12px}.market-topline p{flex:1;margin:0;color:#b6abc9;font-size:12px}.market-view button,.market-view select,.market-view input{font-family:inherit;font-size:12px}.market-topline button{padding:7px 11px}.market-store-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.market-store-head h2{font-size:17px;margin:0}.market-store-head small{font-size:10px;color:#aaa0bc}.market-daily{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.market-card{background:linear-gradient(150deg,#2c223f,#171522);border:1px solid var(--market-line);border-radius:14px;overflow:hidden;padding:10px;min-width:0;display:flex;flex-direction:column;gap:8px}.market-art{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;height:clamp(110px,19vh,190px);position:relative;filter:drop-shadow(0 5px 8px #0006)}.market-art img{width:100%;height:100%;max-height:100%;object-fit:contain;display:block;border-radius:5px}.market-art.is-graded{padding:20px 6px 5px;background:linear-gradient(145deg,#e1d8e42b,#79698b15);border:2px solid #d4c4db69;border-radius:7px;max-width:135px;margin:auto}.market-slab-label{position:absolute;left:4px;right:4px;top:3px;background:#f7eded;color:#882638;border-top:3px solid #ab2a45;font-size:8px;font-weight:800;text-align:center;line-height:13px}.market-card-info{display:grid;gap:4px;flex:1;align-content:start}.market-card h3{font-size:12px;line-height:1.3;min-height:31px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.market-card small{font-size:9px;line-height:1.3;color:#c0b5cd}.market-tag{color:#c5a2f1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-price{font-variant-numeric:tabular-nums;color:#dfff85;font-size:19px;line-height:1.3}.market-card button{width:100%;padding:7px 5px;margin-top:3px;background:#b78deb20;border:1px solid #b68ceb4f;border-radius:8px}.market-card button:hover:not(:disabled){background:#b78deb44}.market-view button:disabled{opacity:.45;cursor:default}.market-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 10px}.market-tabs button{padding:9px 15px;border:1px solid var(--market-line);border-radius:10px}.market-tabs .selected{background:#b18be632;color:#e1ffc1;border-bottom-color:#dfff85}.market-toolbar{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.market-toolbar input{flex:1;min-width:160px}.market-toolbar select{max-width:230px;min-width:0}.market-toolbar input,.market-toolbar select{padding:9px 10px;border:1px solid var(--market-line);background:#231c30;color:#eee8fa;border-radius:9px}.market-toolbar button{padding:9px 12px}#market-status{font-size:11px;color:#b8acc8;margin:9px 0;min-height:14px}.market-results{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.market-results .market-art{height:clamp(125px,19vh,210px)}.market-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:14px 0}.market-pagination span{font-size:12px}.market-history{display:block}.market-history-row{display:flex;gap:15px;padding:12px 8px;border-bottom:1px solid var(--market-line);font-size:13px}.market-history-row span{flex:1}.market-history-row small{color:#b2a6c0}.positive{color:#dfff85}.market-muted{color:#b9afc9;font-size:12px;line-height:1.55}.market-dialog{box-sizing:border-box;width:min(880px,94vw);max-width:94vw;max-height:94dvh;overflow:auto;border:1px solid #786294;border-radius:22px;padding:26px;background:linear-gradient(140deg,#292037,#171321);color:#f1eafa;box-shadow:0 30px 100px #0008;font-family:inherit}.market-dialog::backdrop{background:#0a071ac9;backdrop-filter:blur(9px)}.market-dialog h2{font-size:23px;margin:0 30px 18px 0}.market-dialog h3{font-size:21px;margin:0}.market-dialog p{line-height:1.55}.market-dialog .market-close{position:absolute;right:10px;top:7px;border:0;background:transparent;font-size:25px;padding:5px 12px}.market-detail{display:grid;grid-template-columns:minmax(180px, .9fr) 1fr;gap:28px;align-items:center}.market-detail .market-art{height:min(58dvh,500px);max-width:100%;filter:drop-shadow(0 15px 20px #0008)}.market-detail .is-graded{max-width:300px;padding:32px 9px 9px}.market-detail .market-slab-label{font-size:12px;line-height:22px}.market-detail-info{display:flex;flex-direction:column;gap:10px}.market-detail-info p{margin:0}.market-detail-info .market-price{font-size:31px}.market-dialog a{font-size:12px;color:#cda9ff}.market-dialog input:not([type=range]){box-sizing:border-box;width:100%;padding:12px;margin:8px 0;background:#30263d;border:1px solid #79668d;color:#fff;border-radius:8px}.market-dialog input[type=range]{width:100%;height:28px;accent-color:#c49af9;cursor:pointer}.market-slider-label{font-size:14px}.market-dialog .primary{background:#dfff85;color:#1e2020;font-weight:800;padding:13px;border:0;border-radius:10px}.market-error{color:#ff9eb1}.market-view [hidden]{display:none!important}body:has(#market:not([hidden])) .set-picker,body:has(#market:not([hidden])) .quick-opening-toolbar,body:has(#market:not([hidden])) .quick-opening-controls{display:none!important} @media(min-width:1400px) and (min-height:950px){.market-daily .market-art{height:220px}.market-card h3{font-size:14px}.market-card small{font-size:11px}} @media(max-width:1050px){.market-daily,.market-results{grid-template-columns:repeat(3,minmax(0,1fr))}.market-daily .market-card{display:grid;grid-template-columns:75px minmax(0,1fr);gap:10px}.market-daily .market-art{height:125px}.market-daily .is-graded{padding-top:17px}.market-daily .market-price{font-size:17px}.market-daily .market-card h3{min-height:0}.market-toolbar select{max-width:190px}} @media(max-width:600px){.market-heading .eyebrow{display:none}.market-heading h1{font-size:27px}.market-wallet{min-width:130px;padding:8px 12px}.market-wallet strong{font-size:22px}.market-wallet small{font-size:9px}.market-topline p{display:none}.market-topline{margin-top:10px}.market-store-head{align-items:flex-start}.market-store-head small{max-width:165px;text-align:right}.market-daily,.market-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.market-daily .market-card{display:flex}.market-daily .market-art{height:150px}.market-card{padding:8px}.market-tabs button{flex:1 1 42%;padding:9px 6px}.market-toolbar select{max-width:100%;flex:1 1 40%}.market-toolbar input{width:100%;flex-basis:100%}.market-dialog{padding:20px 16px}.market-detail{grid-template-columns:1fr;gap:16px}.market-detail .market-art{height:38dvh}.market-detail-info{gap:8px}.market-dialog h2{font-size:19px}.market-history-row{flex-wrap:wrap;gap:6px;font-size:11px}.market-history-row small{font-size:10px}.market-history-row span{flex-basis:100%}} @media(prefers-reduced-motion:reduce){.market-view *,.market-dialog *{animation:none!important;transition:none!important}} .market-products{padding:16px;border:1px solid #9b7ac35d;border-radius:18px;background:linear-gradient(135deg,#281c3d,#151424);box-shadow:0 14px 38px #0a071a55} .market-products-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.market-products-heading h2{font-size:clamp(19px,2vw,26px);margin:2px 0}.market-products-heading p{color:#c6bad4;font-size:12px;margin:0}.market-products-heading label{display:grid;gap:5px;font-size:11px;color:#c6bad4;min-width:min(320px,100%)}.market-products-heading select,.market-product-quantity{padding:10px 12px;background:#221a32;border:1px solid #aa85d27a;color:#f2ecfa;border-radius:10px} .market-product-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.market-product-card{display:grid;grid-template-columns:minmax(115px,40%) minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid #cba4fa3c;border-radius:15px;background:linear-gradient(130deg,#342746,#1c172c)}.market-product-visual{height:clamp(155px,27vh,250px);min-width:0;display:grid;place-items:center;position:relative;perspective:800px}.market-product-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 12px #000a)}.market-product-box-generic{border:1px solid #d3adf488;border-radius:9px;background:linear-gradient(145deg,#735a97,#2a1d45 52%,#171426);box-shadow:inset -12px -12px 0 #09051655,10px 10px 0 #0c0918ad,0 18px 18px #0009;transform:rotateY(-9deg) rotateX(3deg);height:clamp(140px,23vh,218px);margin:12px}.market-product-box-generic img{width:63%;height:78%;transform:rotate(-5deg)}.market-product-box-count{position:absolute;bottom:7px;right:10px;font-size:11px;letter-spacing:.13em;font-weight:900;color:#e6ff9f}.market-product-info{display:grid;gap:8px;align-content:center}.market-product-info h3{font-size:clamp(14px,1.5vw,20px);line-height:1.2;margin:0}.market-product-info p{margin:0}.market-product-info button,.market-open-packs{padding:10px 12px;background:#dfff85;color:#202225;border:0;border-radius:10px;font-weight:800}.market-product-info button{max-width:180px}.market-open-packs{display:block;margin:14px auto 0;background:#c7a0f239;color:#f0e6ff;border:1px solid #caadf971}.market-product-detail .market-product-visual{height:min(50dvh,420px)}.market-product-detail .market-product-quantity{width:100%;font-size:14px} @media(max-width:850px){.market-product-card{grid-template-columns:1fr;text-align:center}.market-product-info button{max-width:none}.market-product-visual{height:clamp(130px,23vh,200px)}} @media(max-width:600px){.market-products-heading{align-items:stretch;flex-direction:column}.market-product-cards{gap:8px}.market-product-card{padding:8px}.market-product-info h3{font-size:13px}.market-product-visual{height:120px}.market-product-box-generic{height:105px;margin:7px}.market-product-info .market-price{font-size:17px}.market-product-info button{font-size:11px}.market-product-detail .market-product-visual{height:30dvh}} body:has(#market:not([hidden])) .opening-options{display:none!important}.market-art[role=button]{cursor:zoom-in}.market-art:focus-visible{outline:2px solid #dfff85;outline-offset:3px} .market-refresh-clock{display:flex;align-items:center;gap:12px;padding:8px 14px;border:1px solid #c8a9f26e;background:linear-gradient(115deg,#3c2c54,#241c35);border-radius:13px;box-shadow:0 0 18px #a978f126}.market-refresh-clock span{font-size:10px;font-weight:800;letter-spacing:.11em;color:#dac2f7}.market-refresh-clock strong{font-size:22px;line-height:1;font-variant-numeric:tabular-nums;color:#dfff85}.market-player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.market-player-grid .market-card{display:grid;grid-template-columns:minmax(90px,38%) minmax(0,1fr);align-items:center}.market-player-grid .market-art{height:clamp(145px,22vh,220px)}@media(max-width:800px){.market-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-player-grid .market-card{display:flex}.market-refresh-clock{gap:6px;padding:8px}.market-refresh-clock span{font-size:8px}.market-refresh-clock strong{font-size:17px}}@media(max-width:500px){.market-player-grid{grid-template-columns:1fr}.market-player-grid .market-card{display:grid;grid-template-columns:35% minmax(0,1fr)}.market-player-grid .market-art{height:155px}.market-store-head{align-items:center}} /* Keep the complete transparent product artwork inside its shop tile at every width. */ .market-products,.market-product-card,.market-product-info{min-width:0;max-width:100%;box-sizing:border-box} .market-product-card{grid-template-columns:minmax(0,40%) minmax(0,1fr);overflow:hidden} .market-product-info{overflow-wrap:anywhere} .market-product-visual{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;padding:8px} .market-product-visual img{display:block;flex:none;width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;border-radius:0} .market-product-visual-pack img{max-height:96%;max-width:84%} .market-product-visual-box img{max-height:92%;max-width:94%} .market-product-visual-pack img[src="wilds-pack-1-cutout.png"]{clip-path:inset(6% 9% 5% 9% round 3px)} .market-product-box-generic{height:clamp(140px,23vh,218px);width:calc(100% - 20px);max-width:calc(100% - 20px);margin:0 auto;overflow:hidden} .market-product-box-generic img{max-height:72%;max-width:58%} .market-product-detail .market-product-visual{max-height:min(50dvh,420px);min-width:0} @media(max-width:850px){.market-product-card{grid-template-columns:1fr}.market-product-visual{height:clamp(130px,23vh,200px)}} @media(max-width:600px){.market-product-visual{height:120px;padding:5px}.market-product-box-generic{height:105px;width:calc(100% - 12px);max-width:calc(100% - 12px)}.market-product-detail .market-product-visual{height:30dvh}} .base1999-pack-scene{gap:0;isolation:isolate} .base1999-pack-scene img{width:38%;height:89%;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 12px 8px #000b);transform:perspective(600px) rotateY(-10deg) rotateZ(-7deg);margin-right:-9%;transition:transform .25s ease} .base1999-pack-scene img:nth-child(2){z-index:2;transform:perspective(600px) translateY(-5%) rotateY(2deg)} .base1999-pack-scene img:nth-child(3){transform:perspective(600px) rotateY(10deg) rotateZ(7deg);margin-right:0} .base1999-pack-scene:hover img:nth-child(1){transform:translateX(-8%) rotateY(-15deg) rotateZ(-10deg)} .base1999-pack-scene:hover img:nth-child(3){transform:translateX(8%) rotateY(15deg) rotateZ(10deg)} .base1999-display{width:min(90%,340px);height:86%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transform:perspective(720px) rotateY(-11deg) rotateX(5deg);filter:drop-shadow(12px 19px 13px #000b);transition:transform .3s ease} .base1999-box-scene:hover .base1999-display{transform:perspective(720px) rotateY(-2deg) rotateX(2deg) translateY(-3px)} .base1999-display-header{width:100%;padding:8px 4px;color:#fce67b;text-align:center;font-size:clamp(9px,1.2vw,15px);font-weight:1000;letter-spacing:.07em;text-shadow:0 2px 4px #000;background:linear-gradient(135deg,#133d97,#06194d 62%,#2558b8);border:2px solid #e5bd59;border-radius:10px 10px 0 0;box-sizing:border-box} .base1999-display-packs{display:flex;align-items:flex-end;justify-content:center;width:88%;height:67%;margin-top:-2px;overflow:hidden} .base1999-display-packs img{height:100%;width:37%;min-width:0;max-height:none;max-width:none;object-fit:contain;margin-right:-3%;filter:drop-shadow(2px 4px 3px #000a)} .base1999-display-front{width:100%;padding:10px 4px;color:#f7df7a;text-align:center;font-size:clamp(10px,1.35vw,17px);font-weight:1000;letter-spacing:.05em;background:linear-gradient(160deg,#2359a8,#0b286a 55%,#091741);border:2px solid #dfb662;box-shadow:inset 0 8px 18px #567be744;box-sizing:border-box} @media(max-width:600px){.base1999-display-header{font-size:8px;padding:4px}.base1999-display-front{font-size:9px;padding:5px}} .market-mystery-reveal{text-align:center;width:min(600px,95vw)}.market-mystery-reveal .grading-slab{width:min(280px,60vw);margin:16px auto;animation:mystery-slab-reveal .7s ease both}@keyframes mystery-slab-reveal{from{opacity:0;transform:rotateY(80deg) scale(.85)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.market-mystery-reveal .grading-slab{animation:none}} .market-quantity{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;color:#eee2ff;font-weight:700}.market-quantity input{width:110px!important;min-width:0;padding:9px 12px;border:1px solid #ae88d0;border-radius:9px;background:#302340;color:#fff;font:inherit}.market-stock{display:block;color:#dfff86;font-size:12px;margin:5px 0} .market-new-badge{position:absolute;z-index:4;top:0;left:0;padding:4px 9px;border-radius:7px;background:#dfff85;color:#21172e;font-size:11px;font-weight:900;letter-spacing:.07em;box-shadow:0 2px 7px #0006;pointer-events:none}.market-art.is-graded .market-new-badge{top:23px;left:3px} #grade-market-sell{background:#dfff85;color:#241631;border:1px solid #dfff85;margin-left:8px;font-weight:800} .market-inventory-actions{display:flex;gap:6px}.market-inventory-actions button{flex:1;min-width:0}.market-card .market-grade-action,.market-dialog .market-grade-action{background:#7750ad;color:#fff;border:1px solid #c29af3;font-weight:700;border-radius:8px;padding:8px}.market-card .market-grade-action:hover:not(:disabled),.market-dialog .market-grade-action:hover:not(:disabled){background:#9064c9} /* Shop by TCG; keep each collection's pack, box and case together. */ .market-product-cards.market-product-families{display:flex;flex-direction:column;gap:20px}.market-collection-group{min-width:0;border-top:1px solid #bfa0e83d;padding-top:12px}.market-collection-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.market-collection-group-head h3{margin:0;font-size:18px;color:#f2e8ff}.market-collection-open{flex:none;padding:7px 11px;font-size:11px}.market-collection-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.market-collection-products .market-product-card{grid-template-columns:minmax(0,1fr);align-content:start;grid-template-rows:auto 1fr;gap:8px}.market-collection-products .market-product-visual{height:180px}.market-collection-products .market-product-info{display:flex;flex-direction:column;align-items:stretch;gap:7px}.market-collection-products .market-product-info h4{font-size:16px;line-height:1.2;margin:0}.market-collection-products .market-product-info>button{max-width:none;width:100%;margin-top:auto}.market-collection-products .early-op-preview{max-width:100%}.market-collection-group .market-limited{margin-top:14px}.market-collection-products .market-price{font-size:21px}@media(max-width:750px){.market-collection-products{gap:7px}.market-collection-products .market-product-visual{height:140px}.market-collection-products .market-product-info h4{font-size:13px}.market-collection-products .market-price{font-size:17px}.market-collection-products .eyebrow{font-size:8px;letter-spacing:.07em}}@media(max-width:520px){.market-collection-products{grid-template-columns:minmax(0,1fr)}.market-collection-products .market-product-card{grid-template-columns:minmax(0,34%) minmax(0,1fr);grid-template-rows:auto;text-align:left;align-items:center}.market-collection-products .market-product-visual{height:145px}.market-collection-group-head h3{font-size:15px}.market-collection-products .early-op-preview{transform:scale(.65);transform-origin:center;overflow:visible}.market-collection-products .market-product-info>button{font-size:12px}.market-collection-open{padding:6px 8px;font-size:10px}} .duplicate-cleanup-notice{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 16px;border:1px solid #cbe77b80;border-radius:12px;background:linear-gradient(110deg,#31422a80,#292039);color:#f2f2df} .duplicate-cleanup-notice[hidden]{display:none!important} .duplicate-cleanup-notice>div{flex:1;min-width:0} .duplicate-cleanup-notice strong{font-size:14px;color:#dfff85} .duplicate-cleanup-notice p{font-size:12px;line-height:1.4;margin:4px 0 0;color:#d1c7dd} .duplicate-cleanup-notice button{font-size:12px;white-space:nowrap;padding:9px 13px;border-radius:9px} .duplicate-cleanup-later{border:1px solid #9473b765;background:#b78deb15;color:#e9dff6} .duplicate-cleanup-dialog{width:min(560px,calc(100vw - 24px));text-align:center} .duplicate-cleanup-dialog h2{font-size:23px;margin:0 15px 16px} .duplicate-cleanup-dialog .market-price{display:block;margin:16px 0 5px} .duplicate-cleanup-dialog small{display:block} .duplicate-cleanup-dialog>.primary{display:block;width:100%;margin-top:20px} @media(max-width:640px){.duplicate-cleanup-notice{flex-wrap:wrap;padding:12px}.duplicate-cleanup-notice>div{flex-basis:100%}.duplicate-cleanup-notice button{flex:1}.duplicate-cleanup-dialog h2{font-size:21px}} .market-bot-panel{display:flex;align-items:center;gap:13px;min-height:74px;margin:0 0 12px;padding:5px 14px 5px 5px;border:1px solid #bb96df66;border-radius:17px;background:radial-gradient(circle at 9% 50%,#31b5c92b,transparent 23%),linear-gradient(105deg,#29213d,#1b1930 70%,#292037);box-shadow:inset 0 1px #ffffff13} .market-bot-panel>img{flex:none;width:68px;height:68px;object-fit:contain;object-position:center bottom;border-radius:13px;background:linear-gradient(145deg,#3c3861,#163840)} .market-bot-panel>div{min-width:0;flex:1}.market-bot-panel strong{display:block;font-size:15px;line-height:1.2}.market-bot-panel strong span{margin-left:6px;color:#b8f0e9;font-size:10px;font-weight:600}.market-bot-panel p{margin:3px 0;color:#c6bbd8;font-size:11px;line-height:1.25}.market-bot-panel small{color:#eddaa6;font-size:10px}.market-bot-panel button{flex:none;border:1px solid #b590d377;border-radius:9px;background:#b48cdd22;padding:9px 12px} .market-bot-chance{display:block;color:#d8f6b1;font-size:12px;font-weight:700} .market-bot-dialog{display:grid;grid-template-columns:minmax(150px,.7fr) 1fr;align-items:center;gap:18px}.market-bot-dialog>img{width:100%;max-height:310px;object-fit:contain;background:radial-gradient(circle,#3f4566,#201d34 70%);border:1px solid #9a83c877;border-radius:16px}.market-bot-dialog h3{margin:6px 0 10px}.market-bot-dialog p{margin:8px 0} @media(max-width:650px){.market-bot-panel{gap:8px;padding-right:8px}.market-bot-panel>img{width:54px;height:54px}.market-bot-panel strong{font-size:12px}.market-bot-panel strong span{display:block;margin:1px 0 0;font-size:9px}.market-bot-panel p{font-size:10px}.market-bot-panel small{font-size:9px}.market-bot-panel button{font-size:10px;padding:6px}.market-bot-dialog{grid-template-columns:1fr}.market-bot-dialog>img{height:210px}} .wheel-cash-balance{display:inline-block;margin:0 0 9px;padding:8px 13px;border:1px solid #f3d3726b;border-radius:10px;background:#bb8b2c20;color:#ffdd83;font-size:13px;font-weight:750} .wheel-reward-cash{position:relative;width:min(250px,58vw);height:min(250px,58vw);border-radius:50%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:9px double #ffe393;background:radial-gradient(circle at 32% 25%,#ffefb0,#e7b756 36%,#a56b22 72%,#49300d);color:#2d1a11;box-shadow:0 0 0 8px #ffdf7440,0 0 32px #ffd56a,0 0 85px #ffc65c77,inset 0 0 0 5px #784a25,inset 0 0 28px #fff6;transform-style:preserve-3d;animation:wheelCashArrival 1.4s cubic-bezier(.2,.8,.2,1) both,wheelCashGlow 2.2s ease-in-out 1.4s infinite alternate} .wheel-reward-cash::before{content:'';position:absolute;inset:18px;border:2px dashed #774d31;border-radius:50%;pointer-events:none} .wheel-reward-cash>span,.wheel-reward-cash>small{font-size:9px;letter-spacing:1.5px;font-weight:900;text-align:center}.wheel-reward-cash>strong{font-size:clamp(54px,7vw,82px);line-height:1;text-shadow:1px 2px #fff8;font-weight:900} @keyframes wheelCashArrival{from{opacity:0;transform:perspective(850px) rotateY(-580deg) scale(.3)}to{opacity:1;transform:perspective(850px) rotateY(0) scale(1)}} @keyframes wheelCashGlow{to{box-shadow:0 0 0 10px #ffdf7455,0 0 55px #ffd56a,0 0 110px #ffc65c99,inset 0 0 0 5px #784a25,inset 0 0 32px #fff9}} @media(prefers-reduced-motion:reduce){.wheel-reward-cash{animation:none}} #card-wrap{position:relative;overflow:visible} .new-card-badge{position:absolute;top:-12px;left:50%;z-index:15;transform:translateX(-50%) rotate(-5deg);pointer-events:none;display:inline-flex;align-items:center;justify-content:center;min-width:62px;padding:6px 13px;border:1px solid #ffffffa8;border-radius:999px;background:linear-gradient(125deg,#d9fb8b,#b6f5d4);color:#172118;box-shadow:0 4px 16px #0009,0 0 24px #d9fb8b88;font:900 13px/1 Manrope,sans-serif;letter-spacing:2px;text-shadow:none} .quick-fan-card>.new-card-badge{top:-12px;left:50%;z-index:5;min-width:51px;padding:5px 9px;font-size:10px;letter-spacing:1.5px} .wheel-god-card>.new-card-badge{top:2px;left:50%;z-index:6;min-width:48px;padding:4px 8px;font-size:10px;letter-spacing:1px} @media(max-width:600px){#card-wrap>.new-card-badge{top:-10px}.quick-fan-card>.new-card-badge{top:-8px}} /* Lift the very dark printed silhouettes on the fifteen Extra Stickers. Preserve highlights, colour and the original image files. */ img[src*="liga26-art/10201275957576.webp"], img[src*="liga26-art/10201276481864.webp"], img[src*="liga26-art/10201275662664.webp"], img[src*="liga26-art/10201276186952.webp"], img[src*="liga26-art/10201275892040.webp"], img[src*="liga26-art/10201277333832.webp"], img[src*="liga26-art/10201277727048.webp"], img[src*="liga26-art/10201276809544.webp"], img[src*="liga26-art/10201277530440.webp"], img[src*="liga26-art/10201277137224.webp"], img[src*="liga26-art/10201278480712.webp"], img[src*="liga26-art/10201279103304.webp"], img[src*="liga26-art/10201277956424.webp"], img[src*="liga26-art/10201278808392.webp"], img[src*="liga26-art/10201278185800.webp"]{ filter:url(#panini-shadow-lift) contrast(1.04) saturate(1.03)!important; } /* Transparent wrapper art stays transparent through the opening animation. */ #studio #pack.reference-pack.foil-cutout{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;transform-style:preserve-3d;filter:drop-shadow(0 22px 15px #000a) drop-shadow(0 0 22px #bfa0ff35);animation:packFoilFloat 6s ease-in-out infinite} #pack.foil-cutout .foil{padding:0;overflow:visible;background:transparent;border:0;border-radius:0} #pack.wilds-pack.foil-cutout .foil{background-image:none!important} #pack.wilds-pack.foil-cutout .pack-artwork{visibility:visible!important} #pack.foil-cutout .pack-artwork,#pack.foil-cutout.lorcana-pack .pack-artwork,#pack.foil-cutout.liga26-pack .pack-artwork,#pack.foil-cutout.matchattax-pack .pack-artwork,#pack.foil-cutout.onepiece-pack .pack-artwork{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;filter:drop-shadow(3px 3px 3px #0007)} #pack.foil-cutout .foil:before,#pack.foil-cutout .foil-creases,#pack.foil-cutout .pack-top,#pack.foil-cutout .pack-bottom-seal,#pack.foil-cutout .pack-gusset{opacity:0!important} #pack.foil-cutout .foil:after{inset:0;background:linear-gradient(108deg,transparent 26%,#fff0 36%,#fff9 47%,#fff1 54%,transparent 68%);background-size:260% 100%;mix-blend-mode:screen;opacity:.28;mask-image:var(--pack-alpha);mask-size:cover;mask-position:center;mask-repeat:no-repeat;animation:packFoilShine 4.8s ease-in-out infinite} #pack.foil-cutout.ready:not(.opened):hover{animation-play-state:paused;transform:translateY(-9px) rotateY(-8deg) rotateX(5deg) rotateZ(2deg) scale(1.035);filter:drop-shadow(0 30px 20px #000b) drop-shadow(0 0 28px #d8b7ff66)} #pack.wilds-pack,#pack.lorcana-pack:not(.foil-cutout){filter:drop-shadow(0 24px 18px #000a) drop-shadow(0 0 20px #c7adff38)} #pack.wilds-pack .foil:after,#pack.lorcana-pack:not(.foil-cutout) .foil:after{opacity:.28} /* Pack stacks, shop rewards and wheel prizes use the same foil treatment. */ .pokemon-box .box3d-art,.pokemon-box .box3d-pack,.pokemon-box .box-pack{background-image:url('pack-151-cutout-lossless.webp')} .pokemon-box .box3d-pack,.pokemon-box .box-pack{background-size:cover;background-position:center;background-color:transparent} .liga26-box .box3d-art,.liga26-box .box3d-pack,.liga26-box .box-pack{background-image:url('pack-liga26-cutout.png')} .liga26-box .box3d-pack,.liga26-box .box-pack{background-size:cover;background-position:center;background-color:transparent} .booster-stage:not(.pokemon-box):not(.lorcana-box):not(.liga26-box):not(.matchattax-box):not(.celebration-box) .box3d-art,.booster-stage:not(.pokemon-box):not(.lorcana-box):not(.liga26-box):not(.matchattax-box):not(.celebration-box) .box3d-pack,.booster-stage:not(.pokemon-box):not(.lorcana-box):not(.liga26-box):not(.matchattax-box):not(.celebration-box) .box-pack{background-image:url('pack-op17-cutout.png');background-size:cover;background-position:center} .lorcana-box .box3d-pack.foil-pack-cutout,.lorcana-box .box-pack.foil-pack-cutout,.pokemon-box .box3d-pack.foil-pack-cutout,.pokemon-box .box-pack.foil-pack-cutout,.liga26-box .box3d-pack.foil-pack-cutout,.liga26-box .box-pack.foil-pack-cutout,.box3d-pack.foil-pack-cutout,.box-pack.foil-pack-cutout{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:transparent!important} .box-pack{filter:drop-shadow(0 10px 8px #0009) drop-shadow(0 0 7px #e0c4ff38);transform-style:preserve-3d} .box-pack:after,.wheel-reward-pack.foil-pack-reward:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 28%,#fffc 46%,transparent 62%);background-size:240% 100%;mix-blend-mode:screen;opacity:.28;mask-image:var(--pack-alpha);mask-size:cover;mask-position:center;animation:packFoilShine 5s ease-in-out infinite} .wheel-reward-pack.foil-pack-reward{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:transparent!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 16px 13px #000b) drop-shadow(0 0 15px #e8c4ff55)} .scratch-pack-art{display:block;width:min(82%,165px);height:min(58%,185px);object-fit:cover;object-position:center;filter:drop-shadow(0 9px 10px #0009) drop-shadow(0 0 9px #f6dba966);margin:auto} @keyframes packFoilFloat{0%,100%{transform:translateY(0) rotateY(-16deg) rotateX(2deg) rotateZ(5deg)}50%{transform:translateY(-13px) rotateY(4deg) rotateX(-2deg) rotateZ(-3deg)}} @keyframes packFoilShine{0%,15%{background-position:160% 50%}60%,100%{background-position:-70% 50%}} @media(max-width:760px){#studio #pack.reference-pack.foil-cutout{filter:drop-shadow(0 15px 11px #0009) drop-shadow(0 0 14px #bfa0ff35)}} @media(prefers-reduced-motion:reduce){#studio #pack.reference-pack.foil-cutout,#pack.foil-cutout .foil:after,.box-pack:after,.wheel-reward-pack.foil-pack-reward:after{animation:none}#pack.foil-cutout.ready:not(.opened):hover{transform:none}} #pack.prismatic-pack{transform-style:preserve-3d;filter:drop-shadow(0 24px 18px #0009) drop-shadow(0 0 25px #eab8ff55)} #pack.prismatic-pack.foil-cutout .pack-artwork{left:-50%!important;width:200%!important;object-fit:fill!important;clip-path:inset(0 25%);filter:saturate(1.12) contrast(1.04) drop-shadow(5px 7px 5px #0007)!important} #pack.prismatic-pack.foil-cutout .foil:after{mask-image:none;left:0;width:100%} #pack.prismatic-pack.ready:hover{transform:perspective(850px) rotateY(-13deg) rotateX(5deg) translateY(-8px)!important} .prismatic-stage{background:radial-gradient(circle at 48% 36%,#e7b8ff44,transparent 42%),radial-gradient(circle at 75% 80%,#83e6ed3b,transparent 38%)} .market-product-visual-pack img[src="pack-prismatic-foil.png"]{max-width:none;max-height:none;width:145%;height:145%;object-fit:cover;clip-path:inset(0 19%);transform:perspective(700px) rotateY(-13deg) rotateZ(-3deg);filter:drop-shadow(8px 16px 9px #0009)} .prismatic-foil3d{position:relative;width:min(49%,145px);height:92%;max-height:245px;background-image:url('pack-prismatic-foil.png');background-size:200% 100%;background-position:center;background-repeat:no-repeat;border-radius:3px;box-shadow:inset 2px 0 7px #fff9,inset -5px 0 10px #503c6c88,0 17px 17px #0009;transform:perspective(700px) rotateY(-12deg) rotateZ(-3deg);transition:transform .28s ease} #booster-stage.celebration-box[data-anniversary=""] .box3d-pack,#booster-stage.celebration-box[data-anniversary=""] .box-pack{background-size:200% 100%!important;background-position:center!important} .wheel-reward-pack.foil-pack-reward[style*="pack-prismatic-foil.png"]{background-size:200% 100%!important;background-position:center!important} .scratch-pack-art[src="pack-prismatic-foil.png"]{clip-path:inset(0 25%);transform:scaleX(1.8)} .prismatic-foil3d:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(106deg,transparent 31%,#fff9 48%,transparent 62%);mix-blend-mode:screen;opacity:.55} .market-product-visual:hover .prismatic-foil3d{transform:perspective(700px) rotateY(8deg) rotateZ(1deg) translateY(-3px)} .market-product-visual-pack:hover img[src="pack-prismatic-foil.png"]{transform:perspective(700px) rotateY(2deg) rotateZ(1deg) translateY(-4px)} .market-product-visual-box img[src="box-prismatic-etb.png"]{transform:perspective(850px) rotateY(-9deg) rotateX(3deg);filter:drop-shadow(8px 16px 11px #000a)} .market-product-visual-box:hover img[src="box-prismatic-etb.png"]{transform:perspective(850px) rotateY(4deg) rotateX(1deg) translateY(-4px)} .card.prismatic-pokeball,.card.prismatic-masterball{position:relative;overflow:hidden} .card.prismatic-pokeball:after,.card.prismatic-masterball:after{content:"";position:absolute;inset:3%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 62% 37%,transparent 0 15%,#e1ebff77 16% 18%,transparent 19% 100%),linear-gradient(115deg,transparent 35%,#f6eaff65 49%,transparent 63%);opacity:.62} .card.prismatic-masterball:after{background:radial-gradient(circle at 62% 37%,transparent 0 13%,#e6b5ffb0 14% 18%,transparent 19% 100%),linear-gradient(115deg,transparent 30%,#f0b9ff99 49%,transparent 68%);opacity:.85} .card.prismatic-masterball{box-shadow:0 0 24px #bc8bf7aa,0 0 48px #9a83f266} @media(prefers-reduced-motion:reduce){#pack.prismatic-pack.ready:hover,.market-product-visual-pack:hover img[src="pack-prismatic-foil.png"],.market-product-visual-box:hover img[src="box-prismatic-etb.png"]{transform:none!important}} .market-limited{margin-top:22px;padding-top:18px;border-top:1px solid #caa8fa55} .market-limited-head{text-align:center;margin-bottom:14px} .market-limited-head h3{font:800 clamp(18px,2vw,25px) Manrope,sans-serif;margin:6px 0;color:#fff0fb} .market-limited-head p{margin:0;font-size:12px;color:#cdbde0} .market-limited-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .market-limited-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:10px;border:1px solid #d1a5ff69;border-radius:16px;background:radial-gradient(circle at 50% 15%,#8d57af4b,transparent 60%),linear-gradient(155deg,#382647,#1b1629);box-shadow:0 12px 25px #0d07184d} .market-limited-card-visual{height:clamp(140px,19vh,210px);width:100%;display:grid;place-items:center;perspective:850px;overflow:hidden} .market-limited-card-visual img{display:block;max-width:98%;max-height:94%;object-fit:contain;transform:rotateY(-8deg) rotateX(3deg);filter:drop-shadow(9px 15px 9px #0009);transition:transform .3s ease,filter .3s ease} .market-limited-card:hover .market-limited-card-visual img{transform:rotateY(5deg) rotateX(1deg) translateY(-5px) scale(1.035);filter:drop-shadow(8px 20px 12px #000b)} .market-limited-card-info{display:flex;flex-direction:column;gap:7px;flex:1} .market-limited-card-info .eyebrow{font-size:9px;letter-spacing:.12em;color:#e9c07e} .market-limited-card-info h4{font:800 14px/1.2 Manrope,sans-serif;margin:0} .market-limited-card-info p{font-size:11px;line-height:1.4;margin:0;flex:1} .market-limited-card-info .market-price{font-size:19px} .market-limited-card-info button{margin-top:auto;padding:9px;font-size:11px} .market-limited-detail .market-limited-visual{height:min(55vh,440px);display:grid;place-items:center;perspective:900px} .market-limited-detail .market-limited-visual img{max-width:100%;max-height:100%;object-fit:contain;transform:rotateY(-6deg) rotateX(2deg);filter:drop-shadow(10px 20px 16px #0009)} .market-limited-promos{display:flex;gap:9px;align-items:flex-start;flex-wrap:wrap} .market-limited-promo{width:clamp(65px,6.5vw,95px);text-align:center} .market-limited-promo img{display:block;width:100%;aspect-ratio:.72;object-fit:contain;border-radius:4px;filter:drop-shadow(0 6px 7px #0008)} .market-limited-promo small{display:block;font-size:10px;color:#d9c7e9;margin-top:4px} .base1999-box-scene>img[src="box-base1999-transparent.png"]{max-width:98%;max-height:95%;width:auto;height:auto;object-fit:contain;transform:perspective(820px) rotateY(-6deg) rotateX(3deg);filter:drop-shadow(10px 20px 12px #000b);transition:transform .3s ease} .base1999-box-scene:hover>img[src="box-base1999-transparent.png"]{transform:perspective(820px) rotateY(4deg) rotateX(1deg) translateY(-4px)} @media(max-width:1050px){.market-limited-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.market-limited-grid{gap:8px}.market-limited-card{padding:7px}.market-limited-card-visual{height:120px}.market-limited-card-info h4{font-size:12px}.market-limited-card-info p{font-size:10px}.market-limited-card-info .market-price{font-size:15px}.market-limited-detail{grid-template-columns:1fr}.market-limited-detail .market-limited-visual{height:25vh}} @media(prefers-reduced-motion:reduce){.market-limited-card-visual img,.base1999-box-scene>img[src="box-base1999-transparent.png"]{transition:none!important}} .market-unboxing-open{width:min(760px,94vw);overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 25%,#62437b,#20172e 69%)} .market-unboxing-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:min(520px,72dvh)} .market-unboxing-scene .eyebrow{color:#e4ff9d;letter-spacing:.15em} .market-unboxing-scene h3{margin:0;font-size:clamp(18px,3vw,24px)} .market-unboxing-scene p{margin:0;max-width:580px} .market-unboxing-scene>.primary{min-width:min(280px,90%);margin-top:3px} .market-unboxing-scene>small{max-width:550px} .market-unboxing-box{display:grid;place-items:center;width:min(370px,75vw);height:clamp(190px,38dvh,310px);perspective:800px;filter:drop-shadow(0 25px 24px #0009)} .market-unboxing-box img{max-width:100%;max-height:100%;object-fit:contain;transform:rotateY(-9deg) rotateX(4deg);animation:marketBoxArrival .75s cubic-bezier(.2,.7,.15,1) both} .market-unboxing-box-opening img{animation:marketBoxOpen .65s ease-in both} .market-unboxing-fan{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(190px,42dvh,350px);padding:18px 12px;isolation:isolate;perspective:900px} .market-unboxing-fan-card{position:relative;flex:0 0 auto;display:block;width:clamp(105px,31%,215px);aspect-ratio:.715;margin:0 -7px;padding:0;border:0;border-radius:10px;background:none;cursor:zoom-in;transform-origin:50% 88%;transform:rotate(var(--fan-angle));filter:drop-shadow(0 15px 15px #000b);animation:marketFanArrival .65s cubic-bezier(.17,.85,.3,1.1) backwards;animation-delay:calc(var(--fan-index)*100ms);transition:transform .25s ease,filter .25s ease,opacity .25s ease;z-index:calc(var(--fan-index) + 1)} .market-unboxing-fan-card img{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px} .market-unboxing-fan-card:hover,.market-unboxing-fan-card:focus-visible,.market-unboxing-fan-card.is-focused{transform:rotate(0deg) translateY(-10px) scale(1.24);filter:drop-shadow(0 23px 19px #000d) drop-shadow(0 0 13px #dbb5ff88);z-index:10;cursor:zoom-out} .market-unboxing-fan.has-focus .market-unboxing-fan-card:not(.is-focused){opacity:.6} .market-unboxing-cosmos::after,.market-unboxing-metal::after{content:'';position:absolute;inset:2%;border-radius:10px;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(110deg,transparent 25%,#ffffff80 45%,#adceff8c 53%,transparent 70%);animation:marketCardShine 2s ease-in-out infinite} .market-unboxing-metal::after{background:linear-gradient(110deg,transparent 15%,#fff4b7aa 43%,#ffffffb8 52%,transparent 76%)} .market-unboxing-card-name{font-size:15px;color:#f6e6ff} .market-unboxing-packs{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:5px;max-width:610px;min-height:clamp(160px,32dvh,280px)} .market-unboxing-packs img{width:clamp(45px,6vw,68px);height:clamp(78px,10vw,110px);object-fit:contain;filter:drop-shadow(0 7px 7px #0009);animation:marketPackArrival .5s ease-out both;animation-delay:calc(var(--pack-index)*45ms)} @keyframes marketBoxArrival{from{opacity:0;transform:translateY(70px) rotateY(-35deg) scale(.7)}to{opacity:1;transform:rotateY(-9deg) rotateX(4deg)}} @keyframes marketBoxOpen{to{opacity:0;transform:translateY(-45px) rotateX(35deg) scale(1.2);filter:brightness(2)}} @keyframes marketFanArrival{from{opacity:0;transform:translateY(65px) rotateY(100deg) scale(.65)}to{opacity:1;transform:rotate(var(--fan-angle))}} @keyframes marketCardShine{50%{opacity:.35;transform:translateX(5%)}} @keyframes marketPackArrival{from{opacity:0;transform:translateY(30px) rotate(-9deg)}to{opacity:1;transform:translateY(0) rotate(0)}} @media(max-width:600px){.market-unboxing-open{padding:16px}.market-unboxing-scene{gap:7px;min-height:min(450px,75dvh)}.market-unboxing-fan{height:clamp(165px,35dvh,260px);padding:12px 3px}.market-unboxing-fan-card{margin:0 -7px}.market-unboxing-fan-card:hover,.market-unboxing-fan-card:focus-visible,.market-unboxing-fan-card.is-focused{transform:rotate(0deg) translateY(-6px) scale(1.16)}.market-unboxing-packs{gap:2px}.market-unboxing-packs img{width:clamp(38px,10vw,55px);height:clamp(65px,17vw,88px)}} @media(prefers-reduced-motion:reduce){.market-unboxing-box img,.market-unboxing-fan-card,.market-unboxing-packs img,.market-unboxing-cosmos::after,.market-unboxing-metal::after{animation:none}} .market-owned-boxes{padding:12px 2px 4px}.market-owned-boxes h2{font-size:clamp(20px,2.5vw,27px);margin:5px 0}.market-owned-boxes>p{font-size:12px;color:#cdbde0;margin:0 0 18px}.market-owned-boxes .market-limited-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));max-width:100%}.market-owned-boxes .market-limited-card{max-width:360px}.market-purchased-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.market-purchased-box>img{max-width:min(360px,75vw);max-height:clamp(180px,38dvh,340px);object-fit:contain;filter:drop-shadow(0 17px 20px #0009)}.market-purchased-box h3,.market-purchased-box p{margin:0}.market-purchased-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.market-purchased-actions button{min-width:150px} .market-product-visual-case{isolation:isolate;overflow:hidden} .market-product-visual-case .market-case-box{position:absolute;top:7%;left:21%;width:58%;height:78%;object-fit:contain;filter:drop-shadow(0 15px 12px #05010dba);transition:transform .28s ease} .market-product-visual-case .market-case-box-0{z-index:1;transform:translateX(-24%) rotate(-12deg) scale(.83)} .market-product-visual-case .market-case-box-1{z-index:2;transform:translateX(24%) rotate(12deg) scale(.83)} .market-product-visual-case .market-case-box-2{z-index:3;transform:translateY(-5%) scale(.94)} .market-product-card:hover .market-case-box-0{transform:translateX(-34%) rotate(-15deg) scale(.85)} .market-product-card:hover .market-case-box-1{transform:translateX(34%) rotate(15deg) scale(.85)} .market-product-card:hover .market-case-box-2{transform:translateY(-9%) scale(.97)} .market-case-badge{position:absolute;z-index:4;bottom:1px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 9px;border:1px solid #f8d9789c;border-radius:999px;background:#1b1334e8;color:#ffe59a;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 3px 13px #0009} @media(min-width:1200px){.market-product-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.market-product-card{grid-template-columns:minmax(88px,43%) minmax(0,1fr);gap:9px}.market-product-visual{height:clamp(145px,22vh,230px)}} @media(max-width:700px){.market-product-cards{grid-template-columns:1fr}.market-product-card{grid-template-columns:minmax(105px,36%) minmax(0,1fr)}.market-product-visual-case .market-case-box{left:26%;width:48%}} .market-hourly-offers{margin:0 0 14px;padding:12px;border:1px solid #e3bf7666;border-radius:16px;background:linear-gradient(115deg,#3c2a46,#241b35 60%,#3a2a36);box-shadow:inset 0 1px #ffe9bc20,0 7px 25px #0b061c55} .market-selected-offer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:10px 14px;border:1px solid #e3bf7666;border-radius:12px;background:linear-gradient(110deg,#40304c,#241b35);font-size:11px;color:#d6c5e3} .market-selected-offer[hidden]{display:none} .market-selected-offer strong{color:#dfff85;letter-spacing:.1em} .market-selected-offer b{color:#dfff85;font-variant-numeric:tabular-nums} .market-selected-offer-premium{border-color:#ef8fa276;background:linear-gradient(110deg,#3b2536,#241b35)} .market-selected-offer-premium strong,.market-selected-offer-premium b{color:#ffb9a6} .market-hourly-offers-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px} .market-hourly-offers-heading .eyebrow{color:#ffe297;font-weight:900;letter-spacing:.12em} .market-hourly-offers-heading>span:last-child{font-size:11px;color:#d6c5e3} .market-hourly-offers-heading strong{color:#dfff85;font-variant-numeric:tabular-nums} .market-hourly-offers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .market-hourly-offer{display:grid;gap:7px;min-width:0;padding:9px 12px;border:1px solid #f3cf8d55;border-radius:12px;background:#20182edb} .market-hourly-offer-head{display:flex;align-items:center;gap:9px;min-width:0;font-size:13px} .market-hourly-offer-head img{width:38px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 4px #0009)} .market-hourly-offer-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .market-hourly-kind{margin-left:auto;white-space:nowrap;font-size:10px;font-weight:900;color:#dfff85} .market-hourly-premium{border-color:#ef8fa276;background:#2b1a2a} .market-hourly-premium .market-hourly-kind{color:#ffb9a6} .market-hourly-offer-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:11px;border-top:1px solid #c2a9d02e;padding-top:6px} .market-hourly-offer-row button{font-size:11px;padding:6px 8px;border:1px solid #dcb9f876;border-radius:8px;background:#4b335f;color:#f5ecff} .market-price-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .market-price-row .market-price{font-size:18px} .market-hourly-offer-row .market-price-row{gap:5px} .market-hourly-offer-row .market-price{font-size:14px} .market-old-price{font-size:12px;color:#ad9cb8;font-weight:600} .market-offer-percent{display:inline-block;padding:3px 6px;border-radius:6px;background:#f6bd4c26;color:#ffdf8e;font-weight:900;font-size:10px;letter-spacing:.04em;white-space:nowrap} .market-offer-percent.market-price-up{background:#f2788a28;color:#ffb4b7} @media(max-width:1050px){.market-hourly-offer-head{flex-wrap:wrap}.market-hourly-kind{margin-left:47px}} @media(max-width:820px){.market-hourly-offers-grid{grid-template-columns:1fr}.market-hourly-offer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.market-hourly-offer-head{grid-column:1/-1}.market-hourly-offer-row{grid-template-columns:1fr;gap:4px}} @media(max-width:520px){.market-hourly-offers-heading{align-items:flex-start;flex-direction:column}.market-hourly-offer{grid-template-columns:1fr}.market-hourly-offer-row{grid-template-columns:42px minmax(0,1fr) auto;gap:5px}} @media(max-width:520px){.market-selected-offer{align-items:flex-start;flex-direction:column;gap:4px}} .player-avatar{display:inline-block;flex:none;width:58px;aspect-ratio:1;border:2px solid #c7a5ef;border-radius:50%;background:#29203d url('collector-avatars-25.png') no-repeat;background-size:500% 500%;box-shadow:0 4px 16px #08041199;vertical-align:middle} .player-avatar-large{width:92px;border-width:3px} #players-random-list,#players-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 18px} .player-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:14px;width:100%;min-height:112px;padding:12px 15px;text-align:left;border:1px solid #a983d16b;border-radius:15px;background:linear-gradient(120deg,#302340,#1c1a2e);color:#f6efff;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s} .player-row:hover,.player-row:focus-visible{transform:translateY(-2px);border-color:#ddc3ff;box-shadow:0 10px 24px #0b061c8a} .player-row-identity{display:flex;align-items:center;gap:12px;min-width:0} .player-row-identity strong{font-size:clamp(14px,1.2vw,18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .player-row-feature{display:flex;align-items:center;gap:10px;min-width:0;font-size:11px;color:#cbbbdc} .player-row-feature img{width:64px;height:88px;flex:none;object-fit:contain;filter:drop-shadow(0 5px 5px #0009)} .player-row-feature>span{display:grid;gap:3px;min-width:0} .player-row-feature small:first-child{color:#dfff85;font-size:9px;font-weight:900;letter-spacing:.08em} .player-row-feature strong{font-size:12px;color:#f5ecff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .player-row-feature small:last-child{font-size:10px;color:#d6c3eb} #player-profile .profile-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin:8px 0 14px;min-height:0} .profile-hero-identity{display:flex;align-items:center;gap:17px;min-width:0} #player-profile .profile-hero h1{font-size:clamp(23px,3vw,36px);margin:3px 0} #player-profile .profile-hero p{margin:3px 0;font-size:12px;color:#cbbbdc} #profile-change-icon{padding:5px 10px;border:1px solid #b08ada;border-radius:8px;background:#39264d;color:#f2e3ff;font-size:11px} #profile-change-icon[hidden]{display:none} .profile-top-card{display:flex;align-items:center;gap:14px;width:min(330px,100%);min-height:124px;padding:8px 12px;border:1px solid #baa1dd61;border-radius:14px;background:#171423b3;font-size:12px;color:#cbbbdc} .profile-top-card img{width:100px;height:142px;flex:none;object-fit:contain;filter:drop-shadow(0 8px 8px #000a)} .profile-top-card div{display:grid;gap:5px;min-width:0} .profile-top-card small{color:#dfff85;font-size:10px;font-weight:900;letter-spacing:.08em} .profile-top-card strong{font-size:15px;color:#f7edff} .profile-top-card b{font-size:18px;color:#dfff85} .profile-icon-dialog{width:min(650px,calc(100vw - 28px));max-height:85dvh;padding:18px;border:1px solid #bc98df;border-radius:18px;background:#21182f;color:#f6edff;box-shadow:0 22px 75px #080411dd;overflow:auto} .profile-icon-dialog::backdrop{background:#090411c9;backdrop-filter:blur(5px)} .profile-icon-dialog h2{margin:0 80px 16px 0} .profile-icon-close{position:absolute;right:17px;top:17px;padding:7px 10px;border:1px solid #a88bbb;border-radius:8px;background:#49375b;color:white} .profile-icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px} .profile-icon-grid button{display:grid;place-items:center;min-width:0;padding:5px;border:1px solid #9475b37d;border-radius:12px;background:#31223f;cursor:pointer} .profile-icon-grid button:hover,.profile-icon-grid button:focus-visible{border-color:#dfff85;background:#4c355c} .profile-icon-grid button.selected{border-color:#dfff85;box-shadow:inset 0 0 0 2px #dfff85} .profile-icon-grid button:disabled{opacity:.6} .profile-icon-grid .player-avatar{width:min(70px,100%);border-width:1px} .profile-icon-error{color:#ffb1c2} @media(min-width:761px){#player-profile .profile-hero{padding:8px 14px;margin:0}.profile-hero-identity{gap:12px}.profile-hero-identity .player-avatar-large{width:76px}.profile-top-card{width:min(300px,100%);min-height:0;padding:5px 9px}.profile-top-card img{width:86px;height:118px}.profile-top-card strong{font-size:13px}.profile-top-card b{font-size:16px}} @media(max-width:900px){#players-random-list,#players-list{grid-template-columns:1fr}} @media(max-width:650px){.player-row{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7px;padding:8px;min-height:88px}.player-row .player-avatar{width:44px}.player-row-identity{gap:7px}.player-row-feature img{width:48px;height:68px}.player-row-feature strong{font-size:11px}#player-profile .profile-hero{align-items:stretch;flex-direction:column;gap:10px;padding:12px}.player-avatar-large{width:70px}.profile-top-card{width:100%;min-height:100px;box-sizing:border-box}.profile-top-card img{width:70px;height:100px}.profile-icon-grid{gap:4px}.profile-icon-grid button{padding:2px}#player-profile #player-albums:has(option[value="liga26"]:checked) #player-albums-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(prefers-reduced-motion:reduce){.player-row{transition:none}} #players #players-random-list{grid-template-columns:repeat(3,minmax(0,1fr))} #players .player-ranking{grid-template-columns:minmax(0,1fr);gap:9px;border-color:#a983d1} #players .player-ranking[data-rank="1"]{border-color:#e4c866;background:linear-gradient(120deg,#3d3044,#251f36)} #players .player-ranking[data-rank="1"] .player-row-labels strong{color:#ffe18a} @media(max-width:1100px){#players #players-random-list{grid-template-columns:1fr}#players .player-ranking{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}} @media(max-width:500px){#players .player-ranking{grid-template-columns:minmax(0,1fr)}} #players-top-card{margin:0 0 18px}#players-top-card h3{margin:0 0 8px;color:#f0d777;font-size:12px;letter-spacing:.12em} #players-top-card .player-card-champion{width:100%;box-sizing:border-box;border:1px solid #e4c966;background:linear-gradient(115deg,#493258,#2e2442 60%,#211c32);box-shadow:inset 0 0 25px #efd6790c;padding:12px 18px;gap:20px} #players-top-card .player-row-account-value{display:none}#players-top-card .player-row-labels strong{color:#ffebaa;font-size:21px} #players-top-card .player-row-feature img{width:74px;height:103px;object-fit:contain}#players-top-card .player-row-feature small:last-child{color:#dfff85;font-size:14px;font-weight:800} @media(max-width:650px){#players-top-card .player-card-champion{flex-wrap:wrap;justify-content:center;padding:12px;gap:10px}#players-top-card .player-row-labels strong{font-size:18px}#players-top-card .player-row-feature{width:100%;justify-content:center}} #players-top-card{width:min(680px,100%);margin:0 auto 18px} #players-top-card .player-card-podium{display:grid;gap:10px;list-style:none;padding:0;margin:0} #players-top-card .player-card-podium>li{min-width:0} #players-top-card .player-card-champion[data-rank="2"]{border-color:#b9c5da;background:linear-gradient(115deg,#33394d,#25263d 60%,#211c32)} #players-top-card .player-card-champion[data-rank="2"] .player-row-labels strong{color:#e5ecff} #players-top-card .player-card-champion[data-rank="3"]{border-color:#d49a70;background:linear-gradient(115deg,#483342,#30243b 60%,#211c32)} #players-top-card .player-card-champion[data-rank="3"] .player-row-labels strong{color:#ffd3b3} @media(max-width:500px){#players-top-card .player-card-champion{grid-template-columns:minmax(0,1fr);gap:8px}#players-top-card .player-row-feature{justify-content:flex-start}#players-top-card .player-row-feature>span{overflow-wrap:anywhere}#players-top-card .player-row-feature strong{white-space:normal}#players-top-card .player-row-feature small:last-child{font-size:12px}} /* Keep every avatar square and its sprite crop centered at all sizes. */ .player-avatar{box-sizing:border-box;background-origin:padding-box;background-clip:padding-box;overflow:hidden} .profile-icon-grid button{display:flex;justify-content:center;align-items:center} .player-row-labels{min-width:0;width:100%}.player-row .player-row-medals{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0}.player-row .player-row-medals[hidden]{display:none}.player-row-medals .collection-medal-disc{width:40px;height:40px;font-size:8px;border-width:2px}.player-row-medals .collection-medal-disc:after{bottom:3px;font-size:6px}.player-row-medals .collection-medal small{font-size:8px}.player-row-medals .collection-medal-code{max-width:calc(100% - 9px)} /* Keep profile medals inside the identity header, out of the album grid rows. */ #player-profile .profile-hero-identity{flex:1;min-width:0}#player-profile .profile-hero-identity>div{flex:1;min-width:0}#player-profile .profile-top-card{flex-shrink:0}#player-profile .profile-hero .collection-medals{width:100%;max-width:480px;flex-wrap:nowrap;gap:6px;margin:4px 0;overflow-x:auto;overflow-y:hidden;padding:2px 1px;scrollbar-width:thin;scrollbar-color:#a887c7 transparent}#player-profile .profile-hero .collection-medal{flex:none}#player-profile .profile-hero .collection-medal-disc{width:36px;height:36px;font-size:8px;border-width:2px}#player-profile .profile-hero .collection-medal-disc:after{bottom:3px;font-size:6px}#player-profile .profile-hero .collection-medal small{font-size:8px}#player-profile .profile-hero .collection-medal-code{max-width:calc(100% - 8px)} #album.view{padding:12px 0 32px;min-height:0} #album .own-profile-pane[hidden]{display:none!important} body:has(#album:not([hidden])) main>.set-picker,body:has(#album:not([hidden])) .opening-options{display:none!important} #album .own-profile-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1100px;margin:0 auto 10px;padding:10px 14px;border:1px solid #ae8bce80;border-radius:14px;background:radial-gradient(ellipse at right,#73518b55,transparent 65%),linear-gradient(120deg,#242039,#171625)} .own-profile-identity{display:flex;align-items:center;gap:11px;min-width:0} .own-profile-identity .player-avatar-large{width:76px} .own-profile-identity h1{font-size:clamp(23px,2.7vw,32px);letter-spacing:-1px;line-height:1.12;margin:2px 0} .own-profile-identity p{font-size:11px;line-height:1.2;margin:2px 0 7px;color:#e4d5ee} .own-profile-actions{display:flex;gap:6px;flex-wrap:wrap} .own-profile-actions button{padding:6px 10px;border:1px solid #c9a4ef;border-radius:8px;background:#5b3e75;color:#fff4ff;font-size:11px;font-weight:800;box-shadow:0 3px 10px #0005} .own-profile-actions button:hover{background:#755096;border-color:#e3c6ff} .own-profile-top{display:flex;align-items:center;gap:10px;min-width:250px;max-width:320px;min-height:96px;padding:5px 9px;border:1px solid #bba0d77d;border-radius:11px;background:#181425e8;color:#e4d5ee;font-size:12px} .own-profile-top img{width:70px;height:96px;flex:none;object-fit:contain;filter:drop-shadow(0 5px 6px #0009)} .own-profile-top span{display:grid;gap:3px;min-width:0} .own-profile-top small:first-child{font-size:9px;color:#e3ff94;letter-spacing:.07em;font-weight:900} .own-profile-top strong{font-size:13px;color:#fff6ff} .own-profile-top b{font-size:16px;color:#dcff7d} #album .own-profile-navrow{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1100px;margin:0 auto 8px} #album .own-profile-tabs{display:flex;gap:7px;flex-wrap:wrap} #album .own-profile-tabs button{padding:9px 14px;border:1px solid #b393d5;border-radius:9px;background:#49325f;color:#fff3ff;font-size:12px;font-weight:850;box-shadow:0 3px 10px #0004} #album .own-profile-tabs button:hover{background:#674781} #album .own-profile-tabs button.active{border-color:#dfff85;background:#dcff86;color:#202517;box-shadow:0 0 15px #ceff7366} #album .own-profile-collection{display:flex;align-items:center;gap:8px;color:#eadbf1;font-size:11px;font-weight:750} #album .own-profile-collection select{min-width:min(260px,46vw);padding:8px 9px;border:1px solid #ae8bd4;border-radius:9px;background:#332546;color:#fff;font-size:12px;font-weight:700} #album .own-profile-pane{max-width:none;min-width:0} #album .own-profile-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;max-width:1100px;margin:0 auto 8px;padding:7px 11px;border:1px solid #9b77b259;border-radius:10px;background:#241b34b8} #album .own-profile-toolbar>strong{font-size:14px;color:#f9eaff} #album .own-profile-toolbar #progress{font:800 15px Manrope,sans-serif;color:#dfff85} #album .own-profile-toolbar .album-controls{margin:0;gap:7px;font-size:11px;font-weight:800;color:#e9dcf6} #album .own-profile-toolbar .album-controls button{padding:7px 10px;border-color:#bb99de;border-radius:8px;background:#483161;color:#fff4ff;font-size:11px;font-weight:800} #album .own-profile-toolbar .album-controls button:hover{background:#69478b} #album #binder{margin-top:6px} #album #own-profile-grades{max-width:1100px;margin:0 auto;padding:12px;border:1px solid #a98ac253;border-radius:14px;background:#20192ce8} .own-profile-grade-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap} .own-profile-grade-heading h2{margin:0;font-size:20px} .own-profile-grade-heading p{margin:0;font-size:12px;color:#dfff85} .own-grade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px} .own-grade-tile{display:grid;gap:5px;justify-items:center;min-width:0;padding:8px;border:1px solid #ad8aca7d;border-radius:11px;background:#322342;color:#f7edff} .own-grade-tile:hover{background:#45305d} .own-grade-tile>small{font-size:11px;font-weight:800;color:#ddff94} .own-grade-tile .grading-slab{max-width:100%} #own-profile-trades{width:min(880px,94vw);max-height:90dvh;overflow:auto;padding:22px 15px 15px} #own-profile-trades .trade-panel{margin:0} @media(max-width:900px){.own-grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#album .own-profile-toolbar{justify-content:center}#album .own-profile-toolbar .album-controls{width:100%;justify-content:center}} @media(max-width:650px){#album.view{padding-top:8px}#album .own-profile-hero{align-items:stretch;flex-direction:column;padding:9px;gap:7px}.own-profile-identity{gap:8px}.own-profile-identity .player-avatar-large{width:60px}.own-profile-identity h1{font-size:23px}.own-profile-top{min-width:0;max-width:none;min-height:0;width:100%;box-sizing:border-box}.own-profile-top img{width:55px;height:78px}#album .own-profile-navrow{align-items:stretch;flex-direction:column;gap:7px}#album .own-profile-tabs button{flex:1;padding:8px 9px;font-size:11px}#album .own-profile-collection{justify-content:space-between}#album .own-profile-collection select{flex:1;min-width:0}#album .own-profile-toolbar{gap:5px;padding:6px}#album .own-profile-toolbar>strong,#album .own-profile-toolbar #progress{font-size:12px}#album .own-profile-toolbar .album-controls{gap:5px}#album .own-profile-toolbar .album-controls button{padding:6px 8px}.own-grade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#album #own-profile-grades{padding:8px}} .pokemon-god-intro,.pokemon-god-summary{color:#f7f0ff;border:1px solid #d8bbff8c;background:radial-gradient(circle at 50% 25%,#5b447a,#211a34 53%,#0d1021);box-shadow:0 0 80px #b88aff5c,0 35px 90px #000c} .pokemon-god-intro::backdrop,.pokemon-god-summary::backdrop{background:#080617dd;backdrop-filter:blur(9px)} .pokemon-god-intro{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden} .pokemon-god-intro-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;text-align:center;padding:24px;box-sizing:border-box;animation:pokemon-god-arrive .65s ease-out both} .pokemon-god-intro-content:before{content:'';position:absolute;z-index:-1;width:min(58vw,500px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f9df9c8c,transparent 67%);filter:blur(12px);animation:pokemon-god-glow 2.4s ease-in-out infinite alternate} .pokemon-god-intro h2{font-size:clamp(42px,10vw,118px);line-height:1;margin:0;letter-spacing:-.055em;color:#fff2bd;text-shadow:0 0 20px #ffc96e,0 0 70px #bc7aff} .pokemon-god-intro p{max-width:580px;margin:0;font-size:clamp(18px,2.5vw,28px);font-weight:750} .pokemon-god-intro button,.pokemon-god-summary button{min-width:180px;margin-top:10px} .pokemon-god-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none} .pokemon-god-confetti{position:absolute;top:-10%;left:var(--x);width:8px;height:15px;border-radius:2px;background:var(--color);box-shadow:0 0 12px var(--color);animation:pokemon-god-fall var(--duration) linear var(--delay) infinite} .pokemon-god-summary{width:min(1120px,95vw);max-height:92dvh;padding:22px;border-radius:22px;text-align:center;overflow:auto} .pokemon-god-summary-heading h2{font-size:clamp(24px,3vw,39px);margin:0 0 4px;color:#fff0b2}.pokemon-god-summary-heading p{margin:0 0 14px;color:#e9ddf3} .pokemon-god-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start} .pokemon-god-gallery figure{min-width:0;margin:0;padding:8px;border:1px solid #dcbbef7d;border-radius:12px;background:#281d3ad9;box-shadow:0 6px 20px #0008} .pokemon-god-gallery figure.masterball{border-color:#fff3a8;box-shadow:0 0 25px #f4d76e88,0 6px 20px #0008} .pokemon-god-gallery img{display:block;width:100%;max-height:28dvh;object-fit:contain;filter:drop-shadow(0 5px 7px #0009)} .pokemon-god-gallery figcaption{margin-top:6px;color:#f5e6ff;font-size:11px;font-weight:750} .pokemon-god-summary:has(.pokemon-god-gallery figure:nth-child(3):last-child) .pokemon-god-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-width:650px;margin:auto} .pokemon-god-summary:has(.pokemon-god-gallery figure:nth-child(3):last-child) .pokemon-god-gallery img{max-height:53dvh} .pokemon-god-saved{margin:14px 0 2px;color:#d9ff8b} @keyframes pokemon-god-fall{to{transform:translate(var(--drift),120dvh) rotate(var(--turn));opacity:.2}} @keyframes pokemon-god-arrive{from{transform:scale(.65);opacity:0}to{transform:scale(1);opacity:1}} @keyframes pokemon-god-glow{to{transform:scale(1.35);opacity:.55}} @media(max-width:650px){.pokemon-god-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.pokemon-god-summary{padding:12px}.pokemon-god-gallery figure{padding:3px}.pokemon-god-gallery img{max-height:21dvh}.pokemon-god-gallery figcaption{font-size:9px}.pokemon-god-summary:has(.pokemon-god-gallery figure:nth-child(3):last-child) .pokemon-god-gallery img{max-height:38dvh}} @media(prefers-reduced-motion:reduce){.pokemon-god-intro-content,.pokemon-god-intro-content:before,.pokemon-god-confetti{animation:none}} .cramp-button{background:linear-gradient(135deg,#ae4a81,#763b9e);border:1px solid #ffaccbb0;color:#fff;font-weight:800;padding:10px 17px;border-radius:10px;box-shadow:0 4px 18px #a043752b;cursor:pointer}.cramp-button:hover{background:linear-gradient(135deg,#c75990,#9250b7)}.cramp-button:disabled{opacity:.55;cursor:wait}.graded-copy>.cramp-button{margin-top:12px} #cramp-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 20px);padding:20px 24px 16px;overflow:hidden;text-align:center;color:#f8f0ff;border:1px solid #b08ddd9c;border-radius:22px;background:radial-gradient(ellipse at 50% 45%,#443257,#211a30 65%);box-shadow:0 30px 100px #0009} #cramp-dialog::backdrop{background:#0b0815dc;backdrop-filter:blur(8px)}#cramp-dialog [hidden]{display:none!important}#cramp-dialog h2{font-size:clamp(18px,3vw,26px);margin:7px 30px;line-height:1.2}#cramp-dialog .eyebrow{font-size:9px;color:#dcc7ff}#cramp-dialog .close{z-index:10}#cramp-dialog .cramp-risk{font-size:12px;font-weight:800;color:#ffb5ca;margin:7px 0}.cramp-status{font-size:13px;font-weight:700;line-height:1.35;margin:10px 0;min-height:18px;color:#fff0fb} .cramp-stage{position:relative;isolation:isolate;margin:10px auto 0;width:min(300px,calc((100dvh - 230px)*.64),64vw);aspect-ratio:300/445;perspective:1000px;overflow:visible} #cramp-dialog .grading-slab{box-sizing:border-box;width:100%;height:100%;max-width:none;margin:0;padding:6% 6% 4%;display:flex;flex-direction:column;gap:0;animation:none;transition:none}.cramp-stage .slab-label{min-height:0;flex:0 0 17%;padding:4px;border-width:4px}.cramp-stage .slab-info>span{font-size:clamp(5px,1dvh,8px)}.cramp-stage .slab-info>strong{font-size:clamp(7px,1.3dvh,11px)}.cramp-stage .slab-info small,.cramp-stage .slab-score small{font-size:clamp(5px,1dvh,8px)}.cramp-stage .slab-score b{font-size:clamp(16px,3dvh,28px)}.cramp-stage .slab-seal{padding-top:2px}.cramp-stage .slab-seal strong{font-size:7px}.cramp-stage .slab-seal span{font-size:5px}.cramp-stage .slab-well{flex:1;min-height:0;margin-top:6%;padding:3px;display:flex}.cramp-stage .slab-well img{width:100%;height:100%;object-fit:contain;border-radius:5px}.cramp-stage .slab-footer{font-size:5px;margin-top:4%} .cramp-card{position:absolute;z-index:2;border-radius:7px;filter:drop-shadow(0 10px 15px #0006)}.cramp-card>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px}.cramp-card-half{position:absolute;inset:0}.cramp-saved .cramp-card{box-shadow:0 0 35px #d8ff6744}.cramp-lost .cramp-card{filter:drop-shadow(0 0 15px #ff42684d)} .cramp-stage .cramp-case-piece{position:absolute;inset:0;z-index:3;pointer-events:none}.cramp-case-piece .slab-well{background:transparent;box-shadow:none}.cramp-shard{position:absolute;z-index:5;pointer-events:none;background:linear-gradient(130deg,#efffffdd,#b4d3ee40 35%,#ffffffae 45%,#8dadd12b);border:1px solid #e0f3ffcc;clip-path:polygon(4% 0,100% 28%,55% 100%,0 67%);box-shadow:0 0 8px #b0dfffaa} .cramp-fractures{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;filter:drop-shadow(0 0 2px white)}.cramp-fractures path{fill:none;stroke:#f5fcff;stroke-width:1.2;stroke-linejoin:bevel} .cramp-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:10px}.cramp-actions button{font-size:13px;padding:10px 16px;min-height:38px} @media(max-height:560px){#cramp-dialog{padding:10px 15px}.cramp-stage{width:min(230px,calc((100dvh - 170px)*.64),55vw);margin-top:5px}#cramp-dialog h2{margin:3px 25px}.cramp-status{margin:5px 0;font-size:11px}#cramp-dialog .cramp-risk{margin:3px 0;font-size:10px}.cramp-actions{margin-top:5px}.cramp-actions button{padding:7px 12px;font-size:11px;min-height:30px}} @media(prefers-reduced-motion:reduce){.cramp-stage *{animation:none!important;transition:none!important}} .booster-model.op16-full-art .box3d{display:none!important}.booster-model .op16-box-art{display:none}.booster-model.op16-full-art{transform:none!important;perspective:1100px}.booster-model.op16-full-art .op16-box-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 22px #0008);transform:rotateY(var(--op16-yaw,0deg));transition:transform .2s} body[data-collection-world="op16"] #studio #pack{filter:drop-shadow(0 20px 22px #0009) drop-shadow(0 0 24px #d5536940)} body[data-collection-world="op16"] .booster-model{--box-color:#251726} @media(prefers-reduced-motion:reduce){.booster-model.op16-full-art .op16-box-art{transition:none}} /* Use the transparent wrapper silhouette, never a rectangular foil backing. */ #studio #pack.reference-pack.op16-pack,#pack.op16-pack .foil{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important} #pack.op16-pack.foil-cutout .pack-artwork{object-fit:contain!important} #pack.op16-pack.foil-cutout .foil:after{mask-size:contain!important} #pack.op16-pack .pack-back,#pack.op16-pack .pack-gusset{display:none!important;background:none!important;box-shadow:none!important} .own-profile-identity p.account-value,.profile-hero-identity p.account-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin:4px 0 6px;color:#eee0ff;font-size:12px;font-weight:700;line-height:1.25} .account-value strong{color:#ddff86;font-size:clamp(15px,1.4vw,19px);font-weight:900;font-variant-numeric:tabular-nums} .player-row-labels{display:grid;gap:5px;min-width:0}.player-row-identity .player-row-account-value{font-size:11px;line-height:1.3;color:#ddff86;font-weight:800;overflow-wrap:anywhere;font-variant-numeric:tabular-nums} .prismatic-display-model .box3d-header,.prismatic-display-model .box3d-front,.prismatic-display-model .box3d-side{background:linear-gradient(125deg,#fef5ff,#ddc8f4 30%,#b5ecec 55%,#fff0bf 85%);border-color:#f9eaff;color:#321d48} .prismatic-display-model .box3d-art{background-image:url('pack-prismatic-foil.png')!important;background-size:230% auto!important;background-position:50% 42%!important;opacity:1} .prismatic-display-model .box3d-pack{background-image:url('pack-prismatic-foil.png')!important;background-size:200% 100%!important;background-position:center!important;background-color:#eee0ff;border-color:#f8ebff} .prismatic-display-model .box3d-floor{background:linear-gradient(110deg,#ad8aca,#eedaf8)} .prismatic-display-model .box3d-header>span,.prismatic-display-model .box3d-header>strong,.prismatic-display-model .box3d-header>small{background:#f5eaffee;color:#44205b} .prismatic-display-model .box3d-front>strong{font:900 21px Manrope,sans-serif;text-align:center;line-height:1.05;letter-spacing:-.5px;max-width:90%;color:#502063;text-shadow:0 1px #fff} .prismatic-display-model .box3d-front>span{color:#603777}.prismatic-display-model .box3d-side>b{font-size:15px} .prismatic-box-preview{position:relative;width:190px;height:185px;flex:none;background:transparent;isolation:isolate} .prismatic-box-preview>.booster-model{position:absolute;left:50%;top:-10px;transform:translateX(-50%) scale(.55);transform-origin:50% 0;pointer-events:none} .market-product-visual:has(.prismatic-box-preview){display:flex;align-items:center;justify-content:center;overflow:visible} .wheel-prize-scene .prismatic-box-preview{width:280px;height:300px}.wheel-prize-scene .prismatic-box-preview>.booster-model{top:0;transform:translateX(-50%) scale(.9)} .prismatic-box-preview:hover .box3d{--yaw:3deg} @media(prefers-reduced-motion:reduce){.prismatic-box-preview .box3d{transition:none}} /* Authentic transparent English pack art; the existing opening animation stays intact. */ body[data-collection-world="surging"] #pack.foil-cutout .pack-artwork{object-fit:contain!important} body[data-collection-world="surging"] #pack.foil-cutout .foil:after{mask-size:contain} .surging-box-preview{width:min(280px,100%);height:250px;display:grid;place-items:center;perspective:1000px;position:relative} .surging-box-preview img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 17px 14px #0008);transform:rotateY(-7deg) rotateX(3deg);transition:transform .45s ease} .surging-box-preview:hover img{transform:rotateY(6deg) rotateX(1deg) translateY(-4px)} .surging-display-model>.box3d{visibility:hidden} .booster-model>.surging-box-preview{display:none} .booster-model.surging-display-model>.surging-box-preview{display:grid;position:absolute;inset:-25px -25px;width:calc(100% + 50px);height:calc(100% + 50px)} .surging-display-model .surging-box-preview img{transform:perspective(1000px) rotateY(calc(var(--op16-yaw,0deg)*.5)) rotateX(2deg)} .market-product-visual:has(.surging-box-preview){overflow:visible;display:grid;place-items:center} .market-product-visual .surging-box-preview{height:200px} .wheel-prize-scene .surging-box-preview{width:min(350px,75vw);height:340px} .market-product-visual-pack img[src^="pack-surging"]{transform:perspective(700px) rotateY(-12deg) rotateZ(-3deg);filter:drop-shadow(6px 13px 10px #0008);transition:transform .4s ease} .market-product-visual-pack:hover img[src^="pack-surging"]{transform:perspective(700px) rotateY(7deg) rotateZ(1deg) translateY(-4px)} @media(prefers-reduced-motion:reduce){.surging-box-preview img,.market-product-visual-pack img[src^="pack-surging"]{transition:none}} #own-profile-trades,#trade-dialog{width:min(1180px,calc(100vw - 32px));max-width:min(1180px,calc(100vw - 32px));max-height:92dvh;padding:24px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto} #own-profile-trades .trade-panel,#profile-trades .trade-panel{margin:0;padding:0;border:0;background:transparent;min-width:0} .trade-panel .section-head{align-items:center;margin-bottom:8px;gap:12px}.trade-panel h2{margin:0;font-size:24px}.trade-panel>p{margin:6px 0;font-size:12px;line-height:1.4} #trades-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:none;overflow:visible;margin-top:14px} .trade-offer{min-width:0;margin:0;padding:16px;background:linear-gradient(125deg,#33233d,#1e192d);border-color:#b28bc755} .trade-offer h3{font-size:16px;margin:0 0 12px;color:#fff0ff}.trade-offer>p{font-size:12px;color:#ddd0ee;margin:12px 0 8px} .trade-pair{gap:16px}.trade-pair>div{min-width:0;padding:10px;border:1px solid #cba8ea35;border-radius:12px;background:#ffffff04} .trade-pair>div>strong,.trade-pair h3{display:block;text-align:center;margin:0 0 8px;color:#dfff88;font-size:13px} .trade-card{gap:6px}.trade-card img{max-width:180px;max-height:250px;object-fit:contain}.trade-card strong{font-size:13px;color:#fff2ff;line-height:1.25}.trade-card .trade-card-detail{font-size:11px;color:#d6c5e4;line-height:1.35} .trade-offer>button{font-size:12px;padding:10px 14px;border-color:#b48bce;color:#fff1ff;background:#53366b}.trade-offer>button.primary{background:#ddff88;color:#263117;border-color:#ddff88;font-weight:900} #trade-dialog .trade-controls{display:grid;grid-template-columns:minmax(230px,1fr) minmax(230px,1.4fr);align-items:center;gap:12px;margin:12px 0} #trade-dialog .trade-controls>*{width:100%;min-width:0;margin:0;padding:11px 12px} #trade-dialog .trade-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:12px 0} #trade-dialog .trade-grid>button{display:flex;justify-content:center;padding:10px;border:1px solid #b58fd56b;border-radius:12px;background:#30233e;color:#fff1ff;transition:background .15s,border-color .15s} #trade-dialog .trade-grid>button:hover{background:#52376b;border-color:#ddff88} #trade-dialog .trade-grid .trade-card img{height:clamp(125px,22dvh,205px);width:100%;max-width:150px} #trade-dialog .trade-grid .trade-card strong{font-size:12px} #trade-dialog #trade-pages{margin:12px 0 0;gap:16px;font-size:13px} #trade-dialog #trade-body>.trade-pair .trade-card img{height:clamp(200px,44dvh,430px);max-height:none} #trade-dialog #trade-body>.trade-card img{height:clamp(220px,52dvh,520px);max-height:none} .trade-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:16px}.trade-actions button{padding:12px 20px;font-weight:800} @media(max-width:1099px){#trades-list{grid-template-columns:1fr}#trade-dialog .trade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:650px){#own-profile-trades,#trade-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:22px 12px 14px;max-height:94dvh}#trade-dialog .trade-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#trade-dialog .trade-grid>button{padding:6px}#trade-dialog .trade-controls{grid-template-columns:1fr;gap:7px}.trade-pair{gap:8px}.trade-pair>div{padding:7px}.trade-offer{padding:12px}.trade-card strong{font-size:12px}.trade-card img{max-height:210px}#trade-dialog .trade-grid .trade-card img{height:clamp(100px,20dvh,170px)}#trade-dialog .trade-grid .trade-card-detail{font-size:10px}.trade-actions button{flex:1;padding:11px 9px}} header nav .tcg-family-picker{flex:none;display:flex;align-items:center;margin-right:5px} #tcg-family{height:38px;max-width:150px;min-width:116px;padding:7px 27px 7px 11px;border:1px solid #b995df;border-radius:10px;background:#352442;color:#f8eeff;font:800 12px Manrope,sans-serif;cursor:pointer;box-shadow:0 3px 12px #140a2240} #tcg-family:hover,#tcg-family:focus-visible{border-color:#deff88;background:#49305e;outline:2px solid #deff882b;outline-offset:2px} #tcg-family:disabled{opacity:.65;cursor:wait} #tcg-family option{background:#2a1d38;color:#fff2ff} #set-select option[hidden]{display:none} @media(max-width:760px){header nav .tcg-family-picker{margin-right:0}#tcg-family{min-width:105px;max-width:125px;height:36px;font-size:11px;padding:6px 21px 6px 9px}} .magic-shop-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.magic-shop-nav input{flex:1;min-width:200px}.magic-store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.magic-store-tile{border:1px solid #705b89;border-radius:16px;background:#241c35;padding:18px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;overflow:hidden}.magic-store-tile h3{font-size:16px;margin:0}.magic-store-tile>button{width:100%;margin-top:auto}.magic-store-tile>small{color:#cfc1e2}.magic-store-pager{display:flex;justify-content:center;gap:16px;align-items:center;margin:16px}.magic-display-image{width:100%;height:210px;object-fit:contain;filter:drop-shadow(0 14px 12px #08051380)}.magic-box{position:relative;width:145px;height:190px;margin:12px 25px 22px;transform:perspective(800px) rotateY(-16deg) rotateX(4deg);transform-style:preserve-3d;filter:drop-shadow(12px 14px 9px #08051380)}.magic-box-front{height:100%;background:linear-gradient(135deg,#382940,#100e13);border:1px solid #aa93c2;border-radius:4px;display:flex;align-items:center;flex-direction:column;gap:6px;padding:9px;box-sizing:border-box;overflow:hidden}.magic-box-front img{width:95px;height:130px;object-fit:cover}.magic-box-front small{font-size:8px;letter-spacing:1px;color:#ddff86}.magic-box-front strong{font-size:9px;line-height:1.2;color:white}.magic-box-side{position:absolute;left:100%;top:0;width:28px;height:100%;transform-origin:left;transform:rotateY(90deg);background:linear-gradient(90deg,#31243e,#110d18);border:1px solid #a696b9;writing-mode:vertical-rl;text-align:center;color:#ddff86;font-weight:bold;letter-spacing:5px;font-size:12px}.magic-box-top{position:absolute;top:0;left:0;width:100%;height:28px;transform-origin:top;transform:rotateX(90deg);background:#76628a;text-align:center;font-size:9px;line-height:28px;color:#fff}.magic-box.is-foil .magic-box-front:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 10%,#81f1ff44 35%,#ffa3ef55 48%,#fcff9055 60%,transparent 85%);mix-blend-mode:screen}.magic-purchase-controls{display:flex;flex-direction:column;gap:14px}.magic-dialog>.magic-box{margin:30px auto}.magic-finish-switch{display:flex;align-items:center;justify-content:center;gap:15px;font-weight:800}.magic-finish-switch input{position:absolute;width:1px;height:1px;opacity:0}.magic-switch-track{width:54px;height:29px;border-radius:20px;background:#52415f;position:relative;cursor:pointer;border:1px solid #b292d6}.magic-switch-track:after{content:'';position:absolute;left:3px;top:3px;width:21px;height:21px;border-radius:50%;background:#f2eaff;transition:transform .18s}.magic-finish-switch input:checked+.magic-switch-track{background:#ad88e5}.magic-finish-switch input:checked+.magic-switch-track:after{transform:translateX(25px)}.magic-finish-switch input:focus-visible+.magic-switch-track{outline:3px solid #ddff86}.magic-finish-switch input:disabled+.magic-switch-track{opacity:.5;cursor:default}.magic-album-title{grid-column:1/-1;font-size:12px;font-weight:800;color:#ddff86;text-align:center;margin:0;padding:4px;line-height:1.2}.album-page.magic-leaf{grid-template-rows:auto repeat(3,minmax(0,1fr))}.magic-dialog{max-height:90dvh;overflow-y:auto}@media(min-width:1500px){.magic-store-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1000px){.magic-store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.magic-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.magic-store-tile{padding:12px}.magic-box{width:105px;height:150px;margin:10px 10px 18px}.magic-box-front img{width:70px;height:100px}.magic-box-front small{font-size:6px}.magic-store-tile h3{font-size:13px}.magic-display-image{height:160px}} .magic-album-title{overflow-wrap:anywhere;font-size:clamp(12px,1vw,14px)} .magic-album-empty{grid-column:1/-1;padding:18px;text-align:center;color:#eee6ff;font-size:14px} /* Contoured English wrapper viewports; no backing plate or box fragments. */ #studio #pack.reference-pack.magic-foil-pack{background:none!important;border:0!important;box-shadow:none!important;transform-style:preserve-3d;filter:drop-shadow(8px 24px 17px #000b) drop-shadow(0 0 22px #b39ff440)} #pack.magic-foil-pack .pack-back,#pack.magic-foil-pack .pack-gusset{display:none!important} #pack.magic-foil-pack .foil{background:none!important;overflow:visible!important;box-shadow:none!important;border:0!important} #studio #pack.magic-foil-pack.foil-cutout .pack-artwork{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:contain!important;clip-path:none!important;filter:drop-shadow(3px 2px 1px #0e081e99)!important} #studio #pack.magic-foil-pack .foil:before{content:'';display:block;opacity:.65!important;inset:0;z-index:5;pointer-events:none;box-shadow:none;background:linear-gradient(90deg,#06091660,transparent 8%,#fff5 13%,transparent 23%,transparent 76%,#fff7 88%,#0d09285c),radial-gradient(ellipse at var(--foil-light,35%) 25%,#fff5,transparent 50%);mask:var(--pack-alpha) center/contain no-repeat} #studio #pack.magic-foil-pack .foil:after{inset:0!important;left:0!important;width:100%!important;mask-image:var(--pack-alpha)!important;mask-size:contain!important;opacity:.46;background:linear-gradient(112deg,transparent 30%,#b5e8ff25 39%,#fffd 47%,#ffe7bb40 53%,transparent 66%);background-size:270% 100%;animation:packFoilShine 4.8s ease-in-out infinite} #studio #pack.magic-foil-pack.ready:not(.opened):hover{animation:none;transform:translateY(-8px) perspective(1100px) rotateY(var(--foil-yaw,-10deg)) rotateX(var(--foil-pitch,4deg)) rotateZ(1deg) scale(1.035);filter:drop-shadow(12px 30px 19px #000b) drop-shadow(0 0 27px #d6b7ff60)} #studio #pack.magic-foil-pack.opened{animation:wrapperDrop 2.2s cubic-bezier(.22,.6,.25,1) forwards} @media(prefers-reduced-motion:reduce){#studio #pack.magic-foil-pack.ready:not(.opened):hover{transform:none}#studio #pack.magic-foil-pack .foil:after{animation:none}} .magic-stage .emerging-card{background:#281d16 url("magic-back.jpg") center/100% 100% no-repeat;border:0}.magic-stage .emerging-card:after{content:none} #reveal.magic-quick-open[open]{height:min(800px,94dvh)!important;overflow:hidden!important;box-sizing:border-box;padding:16px!important} #reveal.magic-quick-open .quick-results{height:100%;display:flex;flex-direction:column;min-height:0} #reveal.magic-quick-open .quick-fan-scroll{flex:1;min-height:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));overflow:visible;width:100%} #reveal.magic-quick-open .quick-fan{width:100%;height:100%;min-height:0;padding:0;overflow:visible;isolation:auto} #reveal.magic-quick-open .quick-fan-card{top:40px} #reveal.magic-quick-open .quick-help{display:none} #reveal.magic-quick-open .quick-fan-card.is-selected,#reveal.magic-quick-open .quick-fan-card:focus-visible{z-index:500;transform:translateX(calc(-50% + var(--fan-x,0px))) translateY(-10px) rotate(0deg) scale(1.45)} #reveal.magic-quick-open .quick-card-description{min-height:32px;margin:5px 0 0} #reveal.magic-quick-open .quick-save{font-size:11px;margin:5px 0} #reveal.magic-quick-open .quick-actions{margin-top:5px} @media(max-width:600px){#reveal.magic-quick-open[open]{padding:12px 8px!important}#reveal.magic-quick-open .quick-fan-card{top:30px}} .magic-quantity-label{display:flex;align-items:center;justify-content:center;gap:14px;font-weight:800;margin:12px 0}.magic-box-quantity{width:100px;padding:12px;border:1px solid #b298d0;border-radius:10px;background:#30223f;color:#fff;font:inherit;text-align:center} /* Transparent foil silhouettes; no rectangular backing behind the new packs. */ #pack.early-op-pack .pack-back,#pack.early-op-pack .pack-gusset{display:none!important} #pack.early-op-pack,#pack.early-op-pack .foil{background:transparent!important;border:0!important;box-shadow:none!important} #pack.early-op-pack .pack-artwork{object-fit:contain!important} #pack.early-op-pack .foil:after{mask-size:contain!important} .collection-medals{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 4px}.collection-medals[hidden]{display:none}.collection-medal{display:grid;justify-items:center;gap:3px}.collection-medal-disc{width:60px;height:60px;display:grid;place-items:center;border:3px double #fae48a;border-radius:50%;color:#fff0ad;font-size:11px;font-weight:900;background:radial-gradient(circle at 32% 20%,#cbaa61,#735130 39%,#382331 74%);box-shadow:inset 0 0 0 4px #503548,inset 0 0 0 6px #e7c46c,0 3px 9px #0007;position:relative;text-shadow:0 1px 3px #000}.collection-medal-disc:after{content:'★';position:absolute;bottom:6px;font-size:9px;color:#fae58d}.collection-medal small{color:#e6d2ff;font-size:10px;font-weight:800}.own-profile-hero:has(+.collection-medals){margin-bottom:5px!important} .early-op-preview{width:210px;height:205px;position:relative;margin:auto;perspective:1000px}.early-op-preview .booster-model{position:absolute;left:50%;top:50%;width:280px;height:330px;margin:-165px 0 0 -140px;transform:scale(.56)!important}.early-op-preview.early-op-case{width:235px}.early-op-case .booster-model:nth-child(2){margin-left:-110px;top:46%;z-index:0}.early-op-case .booster-model:nth-child(3){margin-left:-165px;top:55%;z-index:2}.early-op-case .booster-model:first-child{z-index:1}.early-op-case .market-case-badge{z-index:3} .booster-model.early-op-model{--box-color:#272140;--box-face-art:none}.early-op-model .box3d-header,.early-op-model .box3d-front{background-color:var(--box-color)!important;background-image:linear-gradient(90deg,#121022d9,#211c3580),var(--box-face-art)!important;background-size:cover!important;background-position:center!important;border-color:#e8cc91!important}.early-op-model .box3d-header>strong{font-size:15px!important}.early-op-model .box3d-front>strong{font-size:30px!important}.early-op-model .box3d-front>span{font-size:12px!important;color:#ffe8a8!important}.early-op-model .box3d-art{background-image:var(--box-face-art)!important;opacity:.5;background-size:cover!important}.early-op-model .box3d-pack{background-image:var(--op-pack)!important;background-size:contain!important;background-repeat:no-repeat!important;background-color:transparent!important;mask-image:var(--op-pack);mask-size:contain;mask-repeat:no-repeat}.early-op-model .box3d-right,.early-op-model .box3d-left{background:linear-gradient(130deg,#302f50,#151021)!important;color:#f9e9b8!important}.wheel-reward-scene .early-op-preview{width:300px;height:320px}.wheel-reward-scene .early-op-preview .booster-model{transform:scale(.85)!important} @media(max-width:640px){.collection-medal-disc{width:48px;height:48px;font-size:9px}.collection-medals{gap:7px}.early-op-preview{width:180px;height:175px}.early-op-preview .booster-model{transform:scale(.48)!important}} /* Topps wrapper alpha is the silhouette; omit the generic rectangular backing. */ #pack.matchattax-pack .pack-back,#pack.matchattax-pack .pack-gusset{display:none!important} #studio #pack.matchattax-pack,#pack.matchattax-pack .foil{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important} #pack.matchattax-pack.foil-cutout .pack-artwork{object-fit:cover!important} #pack.matchattax-pack.foil-cutout .foil:after{mask-size:cover!important} /* Present real photographed cards in a card-shaped window. */ .card.matchattax-photo img,.card img[src*="matchattax26-real/ma2627-"],.slot img[src*="matchattax26-real/ma2627-"],.slab-well img[src*="matchattax26-real/ma2627-"]{aspect-ratio:63/88;object-fit:cover!important;object-position:center} .market-art img[src*="matchattax26-real/ma2627-"]{width:auto;max-width:100%;aspect-ratio:63/88;object-fit:cover!important} .collection-medal-code{display:block;max-width:calc(100% - 12px);text-align:center;white-space:pre-line;line-height:1.1;overflow-wrap:anywhere} .mid-op-model .box3d-front>strong,.mid-op-model .box3d-front>small,.mid-op-model .box3d-front>b,.mid-op-model .box3d-side>b,.mid-op-model .box3d-side>span{color:#fff4cf!important;text-shadow:0 2px 4px #000}.mid-op-model .box3d-front{background-image:linear-gradient(90deg,#121022e8,#211c35b0),var(--box-face-art)!important}.mid-op-model .box3d-header>span,.mid-op-model .box3d-header>strong,.mid-op-model .box3d-header>small{color:#fff4cf!important;background:#121022dd!important} /* Compact Market entrance and wallet in the shared navigation. */ .header-balance{color:#dcff80;font-size:clamp(12px,1vw,16px);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;padding:5px 7px;line-height:1.2} .header-balance[hidden]{display:none} header .account-actions{display:flex;align-items:center;gap:8px} body.market-open main>.details{display:none!important} body.market-open #market{padding-block:10px!important} .market-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px} #market .market-tabs{margin:0;gap:6px} #market .market-topline{margin:0;flex:none;gap:5px} #market .market-topline button{padding:7px 10px;font-size:11px} #market .market-store-head{display:flex;gap:14px;margin:0 0 9px;align-items:center} #market .market-store-head h2{flex:1;font-size:16px;white-space:nowrap} #market .market-bot-panel{flex:0 1 480px;min-height:0;margin:0;padding:4px 9px 4px 4px;border-radius:11px;gap:8px;box-shadow:none} #market .market-bot-panel>img{width:40px;height:40px;border-radius:8px} #market .market-bot-panel strong{font-size:12px} #market .market-bot-panel strong span{font-size:9px;margin:0} #market .market-bot-panel small{display:block;font-size:9px;line-height:1.3} #market .market-bot-panel button{padding:6px 8px;font-size:10px} #market .market-refresh-clock{flex:none;margin:0;padding:8px 12px} #market .market-daily{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px} #market .market-daily .market-card{padding:8px;gap:5px} #market .market-daily .market-art{height:clamp(105px,calc((100svh - 430px)/2),195px)} #market .market-daily .market-card-info{gap:3px} #market .market-daily h3{font-size:12px;min-height:0;line-height:1.2} #market .market-daily .market-card-info>small{font-size:9px;line-height:1.2} #market .market-daily .market-tag{font-size:9px} #market .market-daily .market-price{font-size:18px;line-height:1.15} #market .market-daily button{padding:6px 5px;margin-top:2px;line-height:1.2} #market .market-toolbar{margin-top:10px} @media(max-width:1150px){.market-controls{flex-wrap:wrap;gap:6px}#market .market-store-head{flex-wrap:wrap;gap:8px}#market .market-bot-panel{flex:1 1 320px}#market .market-refresh-clock span{font-size:9px}} @media(max-width:900px){#market .market-daily{grid-template-columns:repeat(3,minmax(0,1fr))}#market .market-daily .market-art{height:clamp(130px,22svh,210px)}#market .market-store-head h2{flex-basis:100%;margin:0}#market .market-tabs button{padding:8px 10px}} @media(max-width:520px){header .account-actions{gap:2px}.header-balance{font-size:11px;padding:4px}#market .market-daily{grid-template-columns:repeat(2,minmax(0,1fr))}#market .market-bot-panel{flex-basis:100%}#market .market-refresh-clock{margin-left:auto}#market .market-daily .market-art{height:170px}#market .market-tabs{gap:4px}#market .market-tabs button{font-size:10px;padding:7px}} .booster-tcg-limit{display:block;color:#ddff86;font-weight:800;font-size:12px;margin:8px 0} .jackpot-panel{max-width:1400px;margin:auto;padding:18px;background:linear-gradient(135deg,#242039,#141222);border:1px solid #62517d;border-radius:20px}.jackpot-top,.jackpot-purchase{display:flex;align-items:center;justify-content:space-between;gap:12px}.jackpot-top h2{font-size:clamp(22px,3vw,36px);margin:6px 0}.jackpot-top small,.jackpot-stage small{color:#ddff86;font-weight:800;letter-spacing:2px}.jackpot-top p{margin:0;color:#c6bdd7;font-size:13px}.jackpot-timer{font-size:24px;color:#ddff86;font-variant-numeric:tabular-nums}.jackpot-stage{display:flex;align-items:center;justify-content:center;gap:30px;padding:18px}.jackpot-ball{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#dcc5ff 38%,#8b5ebb 65%,#382243 100%);color:#21152f;font-size:44px;font-weight:900;box-shadow:inset -10px -12px 18px #21103466,0 0 35px #b582f744}.jackpot-pot{display:block;font-size:clamp(30px,5vw,60px);color:#ddff86;line-height:1.2;font-variant-numeric:tabular-nums}.jackpot-result{display:block;font-size:13px;color:#d6cce6}.jackpot-purchase{font-size:13px;margin:8px 0}.jackpot-mine{color:#d8ff82}.jackpot-numbers{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px}.jackpot-numbers button{padding:8px 3px;min-width:0;background:#393047;border:1px solid #8e71b4;color:#faf3ff;font-weight:800;border-radius:8px}.jackpot-numbers button:hover:not(:disabled){background:#7855a5;transform:translateY(-2px)}.jackpot-numbers button:disabled{opacity:.35}.jackpot-numbers button.owned{opacity:1;background:#ddff86;color:#222}.jackpot-status{margin:8px 0;font-size:13px;min-height:18px}.jackpot-history summary,.jackpot-wheel>summary{cursor:pointer;color:#dfceff;font-weight:800;padding:10px}.jackpot-history p{font-size:12px;margin:5px}.jackpot-wheel{margin:12px auto;max-width:1400px;border:1px solid #62517d;border-radius:12px;padding:6px}.jackpot-reveal .jackpot-ball{animation:jackpot-ball-in 1.8s ease-out}@keyframes jackpot-ball-in{0%{transform:translateY(-100px) rotate(-720deg) scale(.1)}70%{transform:translateY(10px) rotate(0) scale(1.15)}100%{transform:none}}@media(max-width:650px){.jackpot-panel{padding:12px}.jackpot-numbers{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.jackpot-top,.jackpot-purchase{flex-wrap:wrap}.jackpot-stage{gap:12px;padding:12px 0}.jackpot-ball{width:75px;height:75px;font-size:32px}}@media(prefers-reduced-motion:reduce){.jackpot-reveal .jackpot-ball{animation:none}} .jackpot-numbers button.sold{position:relative;opacity:1;background:#402332;border-color:#a8495b;color:#efb6be;cursor:not-allowed;padding-right:15px} .jackpot-numbers button.sold::after{content:'×';position:absolute;right:4px;top:50%;transform:translateY(-50%);color:#ff465d;font-size:20px;line-height:1;font-weight:900;text-shadow:0 1px 2px #0007;pointer-events:none} .jackpot-numbers button.sold.owned{background:#ddff86;color:#222;border-color:#ddff86} @media(max-width:650px){.jackpot-numbers button.sold{padding-right:12px}.jackpot-numbers button.sold::after{right:2px;font-size:17px}} #daily-wheel.wheel-page .jackpot-panel{box-sizing:border-box;width:100%;margin-inline:auto}#daily-wheel.wheel-page .jackpot-top h2{text-align:left} .card-scratch-shop{display:flex;align-items:center;gap:20px;padding:16px 22px;margin:16px 0;border:1px solid #a58ac5;border-radius:20px;background:radial-gradient(ellipse at 20% 0,#473057,#201a31 65%);color:#f8f0ff}.card-scratch-shop h3{margin:0 0 4px;font-size:24px}.card-scratch-shop p{margin:0;color:#d8c6e9;font-size:13px}.card-scratch-shop>.primary{margin-left:auto;flex-shrink:0}.card-scratch-mini{display:grid;place-items:center;width:58px;height:78px;flex:none;border:2px solid #e5c980;border-radius:10px;background:linear-gradient(140deg,#8c6ba6,#322447);font-size:30px;transform:rotate(-7deg);box-shadow:0 4px 15px #0007}.card-scratch-mini small{font-size:9px;letter-spacing:.15em}.card-scratch-shop details{font-size:12px;margin-top:7px}.card-scratch-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 20px;padding-top:9px}.card-scratch-odds p{font-size:12px} #card-scratch-dialog{width:min(640px,calc(100vw - 24px));max-width:640px;max-height:94dvh;padding:22px;text-align:center;color:#f7f0ff;border:1px solid #b59cd3;border-radius:24px;background:radial-gradient(circle at 50% 30%,#4b315e,#1a152b 75%);overflow:auto}#card-scratch-dialog::backdrop{background:#080713dc;backdrop-filter:blur(9px)}#card-scratch-dialog h2{font-size:clamp(24px,3vw,34px);margin:8px 0 14px}.paid-scratch-card{position:relative;isolation:isolate;width:min(270px,55vw,40dvh);aspect-ratio:320/440;margin:0 auto;border:2px solid #e6c582;border-radius:18px;overflow:hidden;box-shadow:0 15px 40px #0009,0 0 24px #b07ed04d;background:#322240;touch-action:none}.paid-scratch-card:focus-visible{outline:3px solid #ddff86;outline-offset:5px}.paid-scratch-prize{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:14px}.paid-scratch-prize>strong{font-size:clamp(24px,4vw,42px);color:#ddff86}.paid-scratch-prize img{width:auto;max-width:100%;height:78%;object-fit:contain;border-radius:7px}.paid-scratch-prize img+strong{font-size:14px}.paid-scratch-prize span{font-size:14px}.paid-scratch-surface{position:absolute;inset:0;width:100%;height:100%;z-index:5;cursor:crosshair;touch-action:none}.paid-scratch-message{min-height:40px;margin:16px 0 8px;color:#e5d4f2;font-size:14px}.paid-scratch-keyboard{font-size:12px}.paid-scratch-win{animation:paid-scratch-glow 1s ease 2}@keyframes paid-scratch-glow{50%{box-shadow:0 0 50px #eacb7a,0 16px 40px #0009;transform:scale(1.04)}}@media(max-width:600px){.card-scratch-shop{gap:12px;flex-wrap:wrap;padding:14px}.card-scratch-shop>.primary{width:100%;margin:0}.card-scratch-shop h3{font-size:21px}.card-scratch-odds{grid-template-columns:1fr 1fr}#card-scratch-dialog{padding:18px 12px}}@media(prefers-reduced-motion:reduce){.paid-scratch-win{animation:none}} /* One Piece foil treatment, with silhouette-masked depth for every Pokemon pack. */ #studio #pack.reference-pack.pokemon-foil-pack{background:none!important;border:0!important;box-shadow:none!important;transform-style:preserve-3d;transition:filter .25s ease;filter:drop-shadow(7px 22px 14px #000b) drop-shadow(0 0 24px #c5a7ff44)} #pack.pokemon-foil-pack .pack-back,#pack.pokemon-foil-pack .pack-gusset{display:none!important} #pack.pokemon-foil-pack .foil{background:none!important;overflow:visible!important} #studio #pack.pokemon-foil-pack.foil-cutout .pack-artwork{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:contain!important;clip-path:none!important;filter:drop-shadow(3px 2px 1px #17102099)!important} #studio #pack.pokemon-foil-pack .foil:before{content:'';display:block;opacity:.65!important;inset:0;z-index:5;pointer-events:none;box-shadow:none;background:linear-gradient(90deg,#06091660,transparent 8%,#fff5 13%,transparent 23%,transparent 76%,#fff7 88%,#0d09285c),radial-gradient(ellipse at var(--foil-light,35%) 25%,#fff5,transparent 50%);mask:var(--pack-alpha) center/contain no-repeat} #studio #pack.pokemon-foil-pack .foil:after{inset:0!important;left:0!important;width:100%!important;mask-image:var(--pack-alpha)!important;mask-size:contain!important;opacity:.48;background:linear-gradient(112deg,transparent 30%,#bae9ff25 39%,#fffd 47%,#ffe7bb40 53%,transparent 66%);background-size:270% 100%;animation:packFoilShine 4.8s ease-in-out infinite} #studio #pack.pokemon-foil-pack.ready:not(.opened):hover{animation:none;transform:translateY(-8px) perspective(1100px) rotateY(var(--foil-yaw,-10deg)) rotateX(var(--foil-pitch,4deg)) rotateZ(1deg) scale(1.035);filter:drop-shadow(12px 30px 19px #000b) drop-shadow(0 0 27px #d6b7ff60)} .market-product-visual-pack.pokemon-pack-visual{position:relative;isolation:isolate;perspective:900px;overflow:visible} .market-product-visual-pack.pokemon-pack-visual img{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;clip-path:none!important;transform:rotateY(-13deg) rotateZ(-3deg);filter:drop-shadow(7px 14px 9px #0009);transition:transform .3s ease} .market-product-visual-pack.pokemon-pack-visual:after{content:'';position:absolute;inset:0;pointer-events:none;mask:var(--pack-alpha) center/contain no-repeat;background:linear-gradient(110deg,transparent 30%,#fff9 46%,transparent 62%);background-size:240% 100%;mix-blend-mode:screen;opacity:.4;transform:rotateY(-13deg) rotateZ(-3deg);animation:packFoilShine 5s ease-in-out infinite;transition:transform .3s ease} .market-product-visual-pack.pokemon-pack-visual:hover img,.market-product-visual-pack.pokemon-pack-visual:hover:after{transform:rotateY(8deg) rotateZ(1deg) translateY(-4px)} .prismatic-foil3d{background-size:contain!important;background-color:transparent;box-shadow:none;mask: url('pack-prismatic-foil.png') center/contain no-repeat} .wheel-reward-pack.foil-pack-reward[style*='pack-prismatic-foil.png']{background-size:contain!important} .scratch-pack-art[src='pack-prismatic-foil.png']{clip-path:none!important;transform:none!important;object-fit:contain} #booster-stage.celebration-box[data-anniversary=''] .box3d-pack,#booster-stage.celebration-box[data-anniversary=''] .box-pack{background-size:contain!important} @media(prefers-reduced-motion:reduce){#studio #pack.pokemon-foil-pack.ready:not(.opened):hover{transform:none}.market-product-visual-pack.pokemon-pack-visual img,.market-product-visual-pack.pokemon-pack-visual:after{animation:none;transition:none}} #studio #pack.pokemon-foil-pack.opened{animation:wrapperDrop 2.2s cubic-bezier(.22,.6,.25,1) forwards} .market-product-visual-pack.base1999-pack-scene img{object-fit:contain;filter:drop-shadow(4px 12px 8px #000a);transition:filter .25s ease} .market-product-visual-pack.base1999-pack-scene:hover img{filter:drop-shadow(5px 15px 10px #000b) drop-shadow(0 0 8px #ceb2ff66)} #studio #pack.reference-pack.rift-foil-pack{background:none!important;border:0!important;box-shadow:none!important;transform-style:preserve-3d;filter:drop-shadow(8px 24px 17px #000b) drop-shadow(0 0 22px #f6c48b40)} #pack.rift-foil-pack .pack-back,#pack.rift-foil-pack .pack-gusset{display:none!important} #pack.rift-foil-pack .foil{background:none!important;overflow:visible!important;box-shadow:none!important;border:0!important} #studio #pack.rift-foil-pack.foil-cutout .pack-artwork{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;clip-path:none!important;filter:drop-shadow(3px 2px 1px #0e081e99)!important} #studio #pack.rift-foil-pack .foil:before{content:'';display:block;opacity:.65!important;inset:0;z-index:5;pointer-events:none;box-shadow:none;background:linear-gradient(90deg,#06091660,transparent 8%,#fff5 13%,transparent 23%,transparent 76%,#fff7 88%,#0d09285c),radial-gradient(ellipse at var(--foil-light,35%) 25%,#fff5,transparent 50%);mask:var(--pack-alpha) center/contain no-repeat} #studio #pack.rift-foil-pack .foil:after{inset:0!important;left:0!important;width:100%!important;mask-image:var(--pack-alpha)!important;mask-size:contain!important;opacity:.46;background:linear-gradient(112deg,transparent 30%,#b5e8ff25 39%,#fffd 47%,#ffe7bb40 53%,transparent 66%);background-size:270% 100%;animation:packFoilShine 4.8s ease-in-out infinite} #studio #pack.rift-foil-pack.ready:not(.opened):hover{animation:none;transform:translateY(-8px) perspective(1100px) rotateY(var(--foil-yaw,-10deg)) rotateX(var(--foil-pitch,4deg)) rotateZ(1deg) scale(1.035)} #studio #pack.rift-foil-pack.opened{animation:wrapperDrop 2.2s cubic-bezier(.22,.6,.25,1) forwards} .rift-stage .emerging-card{background:#102d48 url('riftbound-back.svg') center/100% 100% no-repeat;border:0}.rift-stage .emerging-card:after{content:none} .rift-box-preview{position:relative;width:min(100%,360px);height:100%;min-height:0;display:grid;place-items:center;transform:perspective(1000px) rotateY(var(--rift-yaw,-5deg));transition:transform .16s ease;filter:drop-shadow(0 18px 13px #0008)} .rift-box-preview img{display:block;width:100%;height:100%;object-fit:contain} .rift-box-preview:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--rift-light,30%) 15%,#fff5,transparent 60%);mask:var(--rift-alpha) center/contain no-repeat} .booster-model.rift-display-model{background:none!important;box-shadow:none!important;transform-style:flat!important} .booster-model.rift-display-model> :not(.rift-box-preview){display:none!important} .booster-model:not(.rift-display-model)>.rift-box-preview{display:none!important} .booster-model.rift-display-model>.rift-box-preview{width:100%;height:100%;max-width:none} .scratch-prize .rift-box-preview{width:120px;height:120px} @media(prefers-reduced-motion:reduce){#studio #pack.rift-foil-pack .foil:after{animation:none}#studio #pack.rift-foil-pack.ready:not(.opened):hover,.rift-box-preview{transform:none;transition:none}} /* Individual transparent wrappers; overrides the old stretched contact sheet. */ .market-product-visual.lorcana-pack-scene{display:flex;align-items:center;justify-content:center;gap:clamp(4px,.8vw,12px);padding:15px 10px;perspective:1000px;isolation:isolate;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible} .lorcana-pack-scene .lorcana-market-wrapper{--lor-angle:-7deg;--lor-yaw:-9deg;--lor-lift:3px;display:block;position:relative;flex:0 1 29%;width:29%;height:93%;max-width:130px;min-width:0;transform-style:preserve-3d;transform-origin:center;animation:lorMarketWrapperFloat 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.9s);filter:drop-shadow(4px 12px 7px #0009);transition:filter .25s ease} .lorcana-pack-scene .lorcana-market-wrapper:nth-child(2){--lor-angle:0deg;--lor-yaw:0deg;--lor-lift:-5px;z-index:2} .lorcana-pack-scene .lorcana-market-wrapper:nth-child(3){--lor-angle:7deg;--lor-yaw:9deg} .market-product-visual.lorcana-pack-scene .lorcana-market-wrapper img{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;aspect-ratio:auto!important;transform:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;filter:brightness(1);border-radius:0} .market-product-visual.lorcana-pack-scene .lorcana-market-wrapper img{animation:lorMarketWrapperShine 7s ease-in-out infinite;animation-delay:calc(var(--i)*-.9s)} .lorcana-pack-scene .lorcana-market-wrapper:hover{animation-play-state:paused;filter:drop-shadow(5px 15px 9px #000a) drop-shadow(0 0 8px #c4a2ed55)} @keyframes lorMarketWrapperFloat{0%,100%{transform:translateY(var(--lor-lift)) rotateY(var(--lor-yaw)) rotateZ(var(--lor-angle))}50%{transform:translateY(calc(var(--lor-lift) - 4px)) rotateY(calc(var(--lor-yaw) + 2deg)) rotateZ(var(--lor-angle))}} @keyframes lorMarketWrapperShine{0%,20%,70%,100%{filter:brightness(1)}45%{filter:brightness(1.12) contrast(1.025)}} @media(prefers-reduced-motion:reduce){.lorcana-pack-scene .lorcana-market-wrapper{animation:none;transform:translateY(var(--lor-lift)) rotateY(var(--lor-yaw)) rotateZ(var(--lor-angle))}.market-product-visual.lorcana-pack-scene .lorcana-market-wrapper img{animation:none}} #pack.lorcana-foil-pack,.market-product-visual-pack.pokemon-pack-visual{--lor-art-width:100%;--lor-art-height:100%;--lor-art-left:0%;--lor-art-top:0%;--lor-mask-position:center} .booster-model.lor-expansion-model{background:none!important;box-shadow:none!important;transform-style:flat!important} .booster-model.lor-expansion-model> :not(.lor-expansion-preview){display:none!important} .booster-model:not(.lor-expansion-model)>.lor-expansion-preview{display:none!important} .booster-model.lor-expansion-model>.lor-expansion-preview{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(8px 20px 13px #0009);transform:perspective(1000px) rotateY(var(--op16-yaw,-5deg))} .market-product-visual-box:has(img[src*='box-lorcana-lor']) img{filter:drop-shadow(7px 16px 10px #0008);transform:perspective(900px) rotateY(-7deg)} #studio #pack.reference-pack.lorcana-foil-pack{background:none!important;border:0!important;box-shadow:none!important;transform-style:preserve-3d;filter:drop-shadow(8px 24px 16px #000a) drop-shadow(0 0 22px #a783e640);transition:filter .25s ease} #pack.lorcana-foil-pack .pack-back,#pack.lorcana-foil-pack .pack-gusset{display:none!important} #studio #pack.lorcana-foil-pack .foil{background:none!important;background-image:none!important;overflow:visible!important;border:0!important;box-shadow:none!important} #studio #pack.lorcana-foil-pack.foil-cutout .pack-artwork{visibility:visible!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:contain!important;clip-path:none!important;filter:drop-shadow(3px 2px 1px #150b2499)!important} #studio #pack.lorcana-foil-pack .pack-top{background:none!important;border:0!important;box-shadow:none!important} #studio #pack.lorcana-foil-pack .foil:before{content:'';display:block;inset:0;z-index:5;pointer-events:none;opacity:.65!important;box-shadow:none;background:linear-gradient(90deg,#15092b70,transparent 9%,#fff5 15%,transparent 24%,transparent 75%,#fff7 88%,#15092b60),radial-gradient(ellipse at var(--lorcana-light,35%) 24%,#fff6,transparent 53%);mask:var(--pack-alpha) center/contain no-repeat} #studio #pack.lorcana-foil-pack .foil:after{inset:0!important;left:0!important;width:100%!important;pointer-events:none;mask:var(--pack-alpha) center/contain no-repeat!important;opacity:.5;background:linear-gradient(112deg,transparent 30%,#bdcfff30 40%,#fffd 47%,#fff0ac50 53%,transparent 66%);background-size:270% 100%;animation:packFoilShine 4.6s ease-in-out infinite} #studio #pack.lorcana-foil-pack.ready:not(.opened):hover{animation:none;transform:translateY(-8px) perspective(1100px) rotateY(var(--lorcana-yaw,-10deg)) rotateX(var(--lorcana-pitch,4deg)) rotateZ(1deg) scale(1.035);filter:drop-shadow(12px 30px 18px #000b) drop-shadow(0 0 26px #b58af355)} #studio #pack.lorcana-foil-pack.opened{animation:wrapperDrop 2.2s cubic-bezier(.22,.6,.25,1) forwards} .lorcana-box .box3d-pack,.lorcana-box .box-pack{background-size:contain!important;background-repeat:no-repeat;background-position:center!important;background-color:transparent!important;border:0!important;filter:drop-shadow(2px 3px 2px #0006)} .scratch-pack-art[src*='pack-lorcana-']{clip-path:none!important;transform:perspective(700px) rotateY(-10deg) rotateZ(-2deg)!important;object-fit:contain;filter:drop-shadow(5px 9px 7px #0008)} .wheel-reward-pack.foil-pack-reward[style*='pack-lorcana-']{background-size:contain!important;background-color:transparent!important} @media(prefers-reduced-motion:reduce){#studio #pack.lorcana-foil-pack .foil:after{animation:none}#studio #pack.lorcana-foil-pack.ready:not(.opened):hover{transform:none}} /* Match the visible wrapper bounds instead of each PNG canvas margin. */ :is(#pack.lorcana-foil-pack,.market-product-visual-pack.pokemon-pack-visual):has(img[src="pack-lorcana-vine-1.png"]){--lor-art-width:185.22895%;--lor-art-height:108.10345%;--lor-art-left:-42.68833%;--lor-art-top:-3.27586%;--lor-mask-position:50.08666% 40.42553%} :is(#pack.lorcana-foil-pack,.market-product-visual-pack.pokemon-pack-visual):has(img[src="pack-lorcana-vine-2.png"]){--lor-art-width:135.09235%;--lor-art-height:113.77778%;--lor-art-left:-17.67810%;--lor-art-top:-6.59259%;--lor-mask-position:50.37594% 47.84946%} :is(#pack.lorcana-foil-pack,.market-product-visual-pack.pokemon-pack-visual):has(img[src="pack-lorcana-wilds-1.png"]){--lor-art-width:125.64417%;--lor-art-height:112.60997%;--lor-art-left:-12.88344%;--lor-art-top:-6.67155%;--lor-mask-position:50.23923% 52.90698%} #studio #pack.lorcana-foil-pack.foil-cutout .pack-artwork{inset:auto!important;left:var(--lor-art-left)!important;top:var(--lor-art-top)!important;width:var(--lor-art-width)!important;height:var(--lor-art-height)!important;object-fit:fill!important} #studio #pack.lorcana-foil-pack .foil:before,#studio #pack.lorcana-foil-pack .foil:after{mask-size:var(--lor-art-width) var(--lor-art-height)!important;mask-position:var(--lor-mask-position)!important} .market-product-visual-pack.pokemon-pack-visual:has(img[src*='pack-lorcana-']) img{position:absolute;left:var(--lor-art-left)!important;top:var(--lor-art-top)!important;width:var(--lor-art-width)!important;height:var(--lor-art-height)!important;max-width:none!important;max-height:none!important;object-fit:fill!important;transform-origin:center center} .market-product-visual-pack.pokemon-pack-visual:has(img[src*='pack-lorcana-']):after{mask-size:var(--lor-art-width) var(--lor-art-height)!important;mask-position:var(--lor-mask-position)!important} /* Transparent Lorcana models must win over the legacy foil/contact-sheet styles. */ #studio #pack.lorcana-foil-pack :is(.pack-back,.pack-gusset,.pack-top,.pack-bottom-seal){display:none!important} #studio #pack.lorcana-foil-pack .foil{outline:0!important;border-radius:0!important} .booster-model.lor-expansion-model,.booster-model.lor-expansion-model>.lor-expansion-preview{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important} :is(.box3d-pack,.box-pack)[style*="pack-lorcana-"]{background-color:transparent!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;border:0!important;box-shadow:none!important} .box3d-pack[style*="pack-lorcana-"]:after{display:none!important} :is(.box-pack,.wheel-reward-pack)[style*="pack-lorcana-"]:after{mask-size:contain!important;mask-position:center!important;mask-repeat:no-repeat!important} :is(.market-product-visual-pack,.market-product-visual-box):has(img[src*="lorcana"]){background:transparent!important;border:0!important;box-shadow:none!important} .market-product-visual-box:has(img[src*="lorcana"]) img{background:transparent!important;border:0!important;box-shadow:none!important;object-fit:contain!important} .matchattax-history-box .box3d{background-image:var(--topps-box-art)!important;background-size:contain!important;background-color:transparent!important;border:0!important;box-shadow:none!important;transform-style:preserve-3d} .matchattax-history-box .box3d-pack,.matchattax-history-box .box-pack{background-size:contain!important;background-color:transparent!important;border:0!important;box-shadow:none!important} #studio #pack.pokemon-foil-pack.matchattax-pack .top-seal,#studio #pack.pokemon-foil-pack.matchattax-pack .bottom-seal{display:none!important} .market-product-visual-box:has(img[src*="box-matchattax2"]){perspective:1000px;background:transparent!important} .market-product-visual-box img[src*="box-matchattax2"]{object-fit:contain;transform:rotateY(-12deg) rotateX(3deg);filter:drop-shadow(9px 16px 10px #0008);transition:transform .3s ease} .market-product-card:hover .market-product-visual-box img[src*="box-matchattax2"]{transform:rotateY(-3deg) translateY(-5px)} .admin-presence{border:1px solid #a983d166;background:#241c33;border-radius:12px;padding:14px;margin:0 0 16px}.admin-presence h2{margin:0;font-size:18px}.admin-presence>small{color:#c8bbd8}.admin-presence-count{color:#dfff85}.admin-presence-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.admin-presence-user{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:12px}.admin-presence-user:before{content:'';width:7px;height:7px;border-radius:50%;background:#aaff75;box-shadow:0 0 6px #aaff7555}.admin-presence-user small{color:#c8bbd8} .once-view,.market-once{max-width:1240px;margin:auto;padding:22px 0 48px}.once-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:26px}.once-hero h1{font-size:clamp(28px,4vw,47px);letter-spacing:-1.6px;margin:8px 0}.once-muted{color:#b9b1cc;line-height:1.65}.once-disclaimer{font-size:11px;line-height:1.65;color:#a79cb7;border-top:1px solid #ffffff18;padding-top:18px;margin-top:28px}.once-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.once-game-tile{display:flex;flex-direction:column;align-items:stretch;padding:28px;border:1px solid #776a9140;border-radius:22px;background:radial-gradient(ellipse at 75% 0,#6147833b,transparent 65%),#1c192b;overflow:hidden;min-width:0}.once-game-tile h3{font-size:24px;margin:24px 0 8px}.once-game-tile>p{font-size:13px;flex:1}.once-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}.once-actions button{flex:1;min-width:130px}.once-ticket{--rx:1deg;--ry:-2deg;position:relative;isolation:isolate;width:100%;max-width:590px;color:#14151e;border-radius:4px 16px 4px 4px;box-shadow:0 3px 0 #fff3cf,0 6px 0 -1px #4c4141,3px 17px 24px #0009;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .16s ease;overflow:hidden;container-type:inline-size;user-select:none;flex-shrink:0;align-self:center}.once-ticket:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:4;background:linear-gradient(115deg,transparent 30%,#fff2 46%,transparent 61%);mix-blend-mode:screen}.once-original-face{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.once-art-ticket.once-mega{max-width:265px}.once-art-ticket.once-halloween{max-width:360px}.once-art-virtual-price{position:absolute;top:2%;right:1.5%;padding:3px 6px;border-radius:6px;background:#f3f0de;color:#20242c;z-index:5;font-weight:1000;font-size:clamp(11px,3.5cqw,20px);box-shadow:0 2px 4px #0005}.once-art-ribbon{position:absolute;left:0;right:0;bottom:0;z-index:5;background:#151020ed;color:#ddff83;font-size:clamp(7px,1.8cqw,10px);font-weight:800;letter-spacing:.5px;padding:3px;text-align:center;pointer-events:none}.once-rub-area{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#fffdf0,#e9ddc0);color:#162038;overflow:hidden;line-height:1.1;font-family:system-ui,sans-serif;box-sizing:border-box;z-index:2;outline:1px dashed #58535133}.once-rub-area>strong{font-size:clamp(12px,5.7cqw,35px);font-weight:1000;line-height:1.05;text-align:center}.once-rub-area>small{font-size:clamp(7px,2.5cqw,14px);font-weight:800;line-height:1.2;text-align:center;margin-top:3px;color:#29301f;white-space:nowrap}.once-red>strong{color:#d52126}.once-raya .once-rub-area>strong{font-size:clamp(16px,6.4cqw,38px)}.once-raya .once-rub-area[data-field=prize]>strong{font-size:clamp(11px,3.5cqw,22px)}.once-siete .once-rub-area[data-field=prize]>strong{font-size:clamp(11px,4cqw,24px)}.once-mega .once-rub-area>strong{font-size:clamp(12px,6cqw,24px)}.once-mega .once-rub-area>small{font-size:clamp(7px,3cqw,11px)}.once-mega .once-rub-area[data-field=bonus]>strong,.once-mega .once-rub-area[data-field=bonus]>small{font-size:clamp(9px,4cqw,13px);white-space:normal}.once-busca .once-rub-area>strong{font-size:clamp(14px,6cqw,33px)}.once-halloween .once-rub-area>strong{font-size:clamp(11px,5cqw,23px)}.once-halloween .once-rub-area[data-field^=playprize]>strong{font-size:clamp(7px,3cqw,15px)}.once-halloween .once-rub-area>small{font-size:clamp(7px,2.8cqw,13px)}.once-symbol-cover{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;z-index:3}.once-dialog{width:min(710px,94vw);max-height:94dvh;box-sizing:border-box;padding:30px;border:1px solid #8d77ab;border-radius:24px;background:#20192e;color:#fff;overflow:auto}.once-dialog::backdrop{background:#090610cf;backdrop-filter:blur(6px)}.once-dialog h2{margin:0 24px 24px 0}.once-dialog .once-ticket{margin:12px auto 26px;transform:none;max-width:590px}.once-dialog .once-mega{max-width:285px}.once-dialog .once-halloween{max-width:380px}.once-close{position:absolute;right:12px;top:12px;padding:8px 14px;font-size:22px}.once-result{font-size:20px;font-weight:900;text-align:center;min-height:28px}.once-won{color:#dcff7f}.once-ticket-winner{animation:once-pop .8s ease}.once-game-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}.once-game-shortcuts .selected{border-color:#ddff7e;color:#e3ff9a}.once-empty{padding:30px;border:1px dashed #8b6fac;border-radius:15px;color:#d6cce5;grid-column:1/-1}.once-owned .primary{margin-top:18px;width:100%}.once-history-title{margin-top:38px}.once-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.once-history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#ffffff07;border:1px solid #ffffff15;border-radius:12px;font-size:13px}.once-history-row button{font-size:11px}.once-odds{border-collapse:collapse;width:100%;font-size:13px;margin:20px 0}.once-odds td,.once-odds th{padding:9px;text-align:left;border-bottom:1px solid #ffffff20}.once-library-link{margin-top:22px}.once-shop-heading{margin-bottom:24px}.once-shop-heading h2{font-size:32px;margin:8px 0}.once-loading{padding:40px;text-align:center}.once-buy-bar{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:end;margin-top:18px}.once-buy-bar label{font-size:11px;color:#c7bcd7;display:grid;gap:6px}.once-buy-bar select{width:100%;min-height:43px;font-size:16px}.once-buy-bar>button:last-child{grid-column:1/-1;font-size:12px}.once-pending-pager{display:flex;gap:12px;align-items:center;margin:22px 0}.once-count-note{font-size:12px;color:#c4b4d3}@keyframes once-pop{0%,100%{scale:1}40%{scale:1.025;filter:brightness(1.18)}}@media(max-width:700px){.once-hero{align-items:flex-start;flex-direction:column}.once-game-grid{grid-template-columns:1fr;gap:20px}.once-game-tile{padding:20px}.once-history{grid-template-columns:1fr}.once-dialog{padding:20px 14px}.once-dialog h2{font-size:22px}.once-dialog .once-ticket{margin-bottom:24px}.once-hero h1{letter-spacing:-.9px}.once-actions button{min-width:110px}.once-view,.market-once{padding-top:15px}.once-game-shortcuts{gap:6px}.once-game-shortcuts button{font-size:12px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.once-ticket{transform:none!important;transition:none}.once-ticket-winner{animation:none}} dialog.once-dialog[open]{width:min(860px,96vw);max-width:min(860px,96vw);max-height:95dvh;padding:18px 24px 0;border-radius:23px;overflow:auto;overscroll-behavior:contain}.once-modal-head{position:sticky;top:-18px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-1px -5px 10px;padding:10px 5px 12px;background:#20192ef5;backdrop-filter:blur(10px)}.once-modal-head h2{font-size:clamp(22px,4vw,31px);margin:0!important}.once-modal-head .once-close{position:static;display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;min-width:52px;padding:0;font-size:34px;line-height:1;border-radius:14px;background:#ffffff12;border:1px solid #a48bba;color:#fff}.once-modal-head .once-close:hover{background:#ffffff25}.once-ticket-counter{margin:0 0 15px;color:#bcb0cb;font-size:12px;text-align:center}.once-play-controls{position:sticky;bottom:0;z-index:25;background:#20192ef7;backdrop-filter:blur(10px);padding:14px 0 18px;border-top:1px solid #ffffff18;gap:10px;box-shadow:0 -8px 22px #20192e99}.once-play-controls button{min-height:48px;min-width:120px}.once-play-controls button:last-child{flex:.7}.once-result{margin:14px 0;min-height:28px}.once-play-hint{font-size:13px;text-align:center;margin:12px 0}.once-hub-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.once-hub-tabs button{padding:12px 24px;font-size:15px;font-weight:850;border-radius:14px}.once-hub-tabs .selected{background:#dfff83;color:#18210f;border-color:#dfff83}.once-stack-wrap{position:relative;isolation:isolate;align-self:stretch;margin:12px 4px 4px}.once-stack-wrap:before,.once-stack-wrap:after{content:'';position:absolute;inset:4px 4px -7px;background:linear-gradient(135deg,#e3d8be,#8a7b71);border:1px solid #fff8;border-radius:5px;z-index:-1;transform:rotate(-2deg);box-shadow:0 7px 14px #0005}.once-stack-wrap:after{inset:7px 8px -12px;transform:rotate(1.8deg);z-index:-2;background:#a0937d}.once-stack-wrap .once-ticket{margin:0 auto;transform:perspective(1100px) rotateX(1deg) rotateY(-2deg);max-width:100%}.once-stack-wrap:has(.once-mega){max-width:265px;width:100%;align-self:center}.once-stack-wrap:has(.once-halloween){max-width:360px;width:100%;align-self:center}.once-stack-badge{position:absolute;right:-9px;top:-17px;z-index:10;background:#dcff84;color:#202a12;border:3px solid #242033;border-radius:14px;padding:8px 13px;font-size:17px;font-weight:1000;box-shadow:0 4px 14px #0006}.once-ticket-enter{animation:once-arrive .17s ease-out}.once-ticket-enter.once-ticket{transform-origin:50% 70%}@keyframes once-arrive{from{opacity:0;translate:25px 14px;rotate:2deg}to{opacity:1;translate:0 0;rotate:0deg}}.once-dialog .once-art-ticket{display:block;margin:8px auto 20px}.once-dialog .once-mega{max-width:min(310px,calc((100dvh - 265px)*.495))}.once-dialog .once-halloween{max-width:min(390px,calc((100dvh - 260px)*.79))}.once-view .once-game-tile>h3{margin-top:25px}.once-view .once-buy-bar{margin-top:18px}.once-owned .once-muted{font-size:12px;line-height:1.6}.once-playing .once-art-ribbon{font-size:8px}@media(max-width:550px){dialog.once-dialog[open]{width:98vw;max-width:98vw;padding:12px 10px 0;border-radius:18px}.once-modal-head{top:-12px;margin:0 0 8px;padding-top:4px}.once-modal-head .once-close{width:48px;height:48px;flex-basis:48px;min-width:48px}.once-play-controls{gap:6px;flex-wrap:nowrap;padding:12px 0}.once-play-controls button{font-size:12px;padding:10px 8px;min-width:0;flex:1!important}.once-hub-tabs button{flex:1;padding:12px}.once-stack-badge{font-size:15px}.once-dialog .once-mega{max-width:min(310px,calc((100dvh - 240px)*.495))}}@media(prefers-reduced-motion:reduce){.once-ticket-enter{animation:none}.once-stack-wrap .once-ticket{transform:none}} /* Large readable tickets; only the dialog scrolls, never the page behind it. */ dialog.once-dialog[open]{width:min(1060px,96vw);max-width:min(1060px,96vw);max-height:95dvh;touch-action:pan-y;scrollbar-gutter:stable} .once-dialog .once-art-ticket{width:100%;max-width:940px;transform:none;image-rendering:auto} .once-dialog .once-mega{width:min(520px,100%);max-width:520px} .once-dialog .once-halloween{width:min(600px,100%);max-width:600px} .once-rule-source{font-size:11px;color:#d5e7a7;line-height:1.6;margin:0 0 14px} .once-dialog .once-rub-area strong{font-family:system-ui,sans-serif;text-rendering:geometricPrecision} .once-mega .once-rub-area strong{overflow-wrap:anywhere} @media(max-width:550px){dialog.once-dialog[open]{width:98vw;max-width:98vw}.once-dialog .once-mega,.once-dialog .once-halloween{width:100%;max-width:100%}.once-dialog .once-ticket-counter{font-size:11px;margin:0 0 9px}} dialog.once-dialog.once-playing[open]{height:auto;max-height:96dvh;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;padding:10px 18px;scrollbar-gutter:auto} .once-playing .once-modal-head{position:static;top:auto;padding:0 0 6px;margin:0;min-height:46px;flex-shrink:0;background:transparent;backdrop-filter:none} .once-playing .once-modal-head h2{font-size:clamp(20px,3vw,29px)} .once-playing .once-modal-head .once-close{height:44px;width:44px;min-width:44px;flex-basis:44px;font-size:30px} .once-playing .once-ticket-counter{margin:0 0 5px;font-size:11px;flex-shrink:0} .once-dialog.once-playing .once-art-ticket{flex-shrink:0;max-width:none;max-height:none;margin:0 auto!important;object-fit:contain} .once-playing .once-play-controls{position:static;margin-top:6px;padding:7px 0 0;flex-shrink:0;min-height:48px;background:transparent;backdrop-filter:none;box-shadow:none;flex-wrap:nowrap} .once-playing .once-play-controls button{min-height:42px;min-width:0;font-size:14px;padding:8px 12px} .once-playing .once-result{margin:6px 0 0;font-size:15px;line-height:1.25;min-height:20px;flex-shrink:0} .once-playing .once-play-hint{font-size:11px;line-height:1.2;margin:4px 0 0;flex-shrink:0} @media(max-width:550px){dialog.once-dialog.once-playing[open]{padding:8px 10px;height:auto;max-height:97dvh}.once-playing .once-play-controls{gap:5px}.once-playing .once-play-controls button{font-size:12px;padding:8px 6px}.once-playing .once-modal-head h2{font-size:20px}} /* Tight frame: the image determines the dialog width, without broad side panels. */ dialog.once-dialog.once-playing[open]{width:98vw;max-width:98vw;height:fit-content;max-height:98dvh;padding:5px 6px;border-radius:12px;border-width:1px} .once-playing .once-modal-head{min-height:34px;padding:0 0 4px;gap:5px} .once-playing .once-modal-head h2{font-size:18px;line-height:1.1} .once-playing .once-modal-head .once-close{width:34px;min-width:34px;height:34px;flex-basis:34px;font-size:26px;border-radius:8px} .once-playing .once-ticket-counter{display:none} .once-playing .once-art-ticket{box-shadow:0 1px 0 #fff8,0 3px 5px #0008;border-radius:3px} .once-playing .once-play-controls{gap:4px;min-height:40px;margin-top:4px;padding:4px 0 0} .once-playing .once-play-controls button{min-height:36px;font-size:12px;line-height:1.1;padding:5px 7px;border-radius:8px} .once-playing .once-result{font-size:13px;min-height:16px;margin:4px 0 0;line-height:1.2} @media(max-width:550px){.once-playing .once-modal-head{min-height:44px}.once-playing .once-modal-head .once-close{width:44px;min-width:44px;height:44px;flex-basis:44px}.once-playing .once-play-controls button{min-height:44px;font-size:11px;padding:5px}} .once-scratch-surface{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair} .once-scratch-surface .once-rub-area{outline:1px solid #ffffff38;border-radius:3px} .once-scratch-surface .once-rub-revealed{outline-color:#ddff8370;animation:once-clear-flash .18s ease-out} @keyframes once-clear-flash{from{filter:brightness(1.2)}to{filter:brightness(1)}} @media(prefers-reduced-motion:reduce){.once-scratch-surface .once-rub-revealed{animation:none}}