.card{aspect-ratio:63/88;perspective:1200px;width:100%;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;transition:transform .7s cubic-bezier(.2,1.2,.3,1);position:relative;container-type:inline-size}.card[data-tilt=on],[data-tilt=on] .card{z-index:3;transition:transform .12s ease-out}.card[data-tilt=on] .card-front,[data-tilt=on] .card .card-front,.card[data-tilt=on] .card-back,[data-tilt=on] .card .card-back{box-shadow:var(--sx,0) var(--sy,0) 32px #0000008c}.card[data-tilt=on] .glare,[data-tilt=on] .card .glare{opacity:1}@media (prefers-reduced-motion:reduce){.card{transition:none;transform:none}}.card-inner{transform-style:preserve-3d;transition:transform var(--flip,.65s) cubic-bezier(.3, .8, .2, 1);will-change:transform;position:absolute;inset:0}.card[data-face=up] .card-inner{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;border-radius:var(--card-radius);background:var(--ink-800);position:absolute;inset:0;overflow:hidden}.card-front{transform:rotateY(180deg)}.card-back img,.card-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card-img{opacity:0;transition:opacity .25s}.card-img[data-ready=true]{opacity:1}.card-back:after,.card-front:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000080}.card-fallback{text-align:left;background:linear-gradient(160deg, var(--ink-700), var(--ink-900));border:.8cqw solid var(--common);border-radius:var(--card-radius);flex-direction:column;gap:3cqw;padding:6cqw;display:flex;position:absolute;inset:0}.card-fallback[data-rarity=uncommon]{border-color:var(--uncommon)}.card-fallback[data-rarity=rare],.card-fallback[data-rarity=special],.card-fallback[data-rarity=bonus]{border-color:var(--rare)}.card-fallback[data-rarity=mythic]{border-color:var(--mythic)}.fb-name{font:650 7.4cqw/1.1 var(--font-display);font-variation-settings:"opsz" 144}.fb-art{background:radial-gradient(circle at 30% 30%, #f4eee21f, transparent 60%), var(--ink-800);box-shadow:inset 0 0 0 1px var(--line);border-radius:2cqw;flex:1}.fb-type{font:500 5.2cqw/1.2 var(--font-ui);color:var(--mist)}.fb-foot{font:600 4.2cqw/1 var(--font-ui);letter-spacing:.12em;color:var(--dim)}.card-ring{border-radius:var(--card-radius);pointer-events:none;opacity:0;transition:opacity .4s .25s;position:absolute;inset:0}.card[data-face=up][data-level=uncommon] .card-ring{opacity:1;box-shadow:0 0 0 1px #a9c4de8c,0 0 26px #a9c4de52}.card[data-face=up][data-level=rare] .card-ring{opacity:1;box-shadow:0 0 0 1px #e9bc4fb3,0 0 34px #e9bc4f6b}.card[data-face=up][data-level=mythic] .card-ring{opacity:1;animation:2.4s ease-in-out infinite ring-pulse;box-shadow:0 0 0 1px #ff7b2ed9,0 0 46px #ff5b2e8c,0 0 90px #ffb02e40}@keyframes ring-pulse{50%{box-shadow:0 0 0 1px #ff7b2ed9,0 0 60px #ff5b2eb3,0 0 110px #ffb02e59}}.card[data-charging=true]{animation:1.1s cubic-bezier(.4,0,.6,1) forwards charge}.card[data-charging=true] .card-ring{opacity:1;transition:none;animation:1.1s ease-in forwards charge-glow}@keyframes charge{0%{transform:none}20%{transform:translate(-1px)rotate(-.4deg)}40%{transform:translate(1.5px,-1px)rotate(.6deg)scale(1.01)}60%{transform:translate(-2px,1px)rotate(-.9deg)scale(1.02)}80%{transform:translate(2.5px,-1.5px)rotate(1.2deg)scale(1.035)}to{transform:scale(1.05)}}@keyframes charge-glow{0%{box-shadow:0 0 #ff5b2e00}to{box-shadow:0 0 0 2px #ffb02ee6,0 0 80px #ff5b2ecc,0 0 140px #ffb02e73}}.card-front{--fx:var(--mx,var(--tilt-x,var(--sway)));--fy:var(--my,var(--tilt-y,50))}.card[data-face=up][data-foil=true] .card-front{animation:5s ease-in-out infinite sway}@keyframes sway{0%,to{--sway:14}50%{--sway:86}}.foil{border-radius:inherit;pointer-events:none;mix-blend-mode:color-dodge;opacity:.5;background:linear-gradient(112deg, transparent calc(var(--fx) * 1% - 26%), #6ee7f957 calc(var(--fx) * 1% - 13%), #a78bfa57 calc(var(--fx) * 1% - 4%), #f472b657 calc(var(--fx) * 1% + 5%), #fde68a57 calc(var(--fx) * 1% + 13%), #86efac42 calc(var(--fx) * 1% + 21%), transparent calc(var(--fx) * 1% + 32%)), radial-gradient(circle at calc(var(--fx) * 1%) calc(var(--fy) * 1%), #ffffff38, transparent 38%);position:absolute;inset:0}.foil[data-etched=true]{mix-blend-mode:overlay;opacity:.9;background:linear-gradient(112deg, transparent calc(var(--fx) * 1% - 30%), #fff4d6bf calc(var(--fx) * 1%), transparent calc(var(--fx) * 1% + 30%)), repeating-linear-gradient(45deg, #ffffff0f 0 2px, transparent 2px 5px)}.glare{border-radius:inherit;pointer-events:none;background:radial-gradient(farthest-corner circle at calc(var(--fx) * 1%) calc(var(--fy) * 1%), #ffffff38, transparent 58%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.card[data-face=up][data-foil=true] .glare{opacity:1}.card[data-lite=true]{perspective:none}.card[data-lite=true] .card-inner{will-change:auto;transition:none}.card[data-lite=true] .foil{mix-blend-mode:normal;opacity:.3}.card[data-lite=true] .glare{display:none}.card[data-lite=true][data-face=up] .card-front{--sway:38;animation:none}.card[data-lite=true] .card-ring{transition:none}.mp{pointer-events:none;border-radius:inherit;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.card[data-mp=shifted] .card-front{background:#e6dcc3}.card[data-mp=shifted] .card-img{transform:translate(3.4cqw,-2.5cqw)}.mp-shifted{opacity:.55;mix-blend-mode:multiply;filter:hue-rotate(48deg)saturate(1.8);transform:translate(1.2cqw,-.8cqw)}.mp-overprint{opacity:.4;transform:rotate(-2.6deg)scale(1.045)}.mp-crimp{clip-path:polygon(0 35%,100% 31%,100% 46%,0 50%);filter:brightness(.92)contrast(1.18);transform:translate(-1.4cqw)skew(-1.6deg)}.mp-crimp:after{content:"";background:repeating-linear-gradient(172deg,#ffffff4d 0 .5cqw,#0000005c .5cqw 1.1cqw,#0000 1.1cqw 2.7cqw);position:absolute;inset:0}.mp-crimp-shadow{background:linear-gradient(178deg,#0000 31%,#0009 33%,#ffffff73 34.3%,#0000 36% 47%,#fff6 49%,#0000008c 50.6%,#0000 52.6%)}.card-front:has(.mp-plate[data-plate=cyan]) .card-img{filter:sepia(.85)saturate(3.2)hue-rotate(-24deg)contrast(1.08)}.card-front:has(.mp-plate[data-plate=yellow]) .card-img{filter:hue-rotate(205deg)saturate(1.7)contrast(1.05)}.card-front:has(.mp-plate[data-plate=black]) .card-img{filter:brightness(1.45)contrast(.62)saturate(1.25)}.mp-plate:after{content:"";background:linear-gradient(currentColor,currentColor) 50%/.5cqw 100% no-repeat,linear-gradient(currentColor,currentColor) 50%/100% .5cqw no-repeat;border:.5cqw solid;border-radius:50%;width:6.5cqw;height:6.5cqw;position:absolute;top:2.2cqw;left:2.2cqw}.mp-plate[data-plate=cyan]{color:#1ec8e6}.mp-plate[data-plate=yellow]{color:#ffd23a}.mp-plate[data-plate=black]{color:#111}.card[data-mp=miscut] .card-img{transform:translateY(-6.6%)}.mp-sliver{filter:brightness(1.1);background-position:0 0;background-size:100%;border-top:.6cqw solid #f1ead9;height:7.8%;top:auto;bottom:0}.mp-smear{clip-path:polygon(0 24%,100% 14%,100% 38%,0 52%);filter:blur(.8cqw)saturate(1.9)contrast(1.3);transform:translate(3.6cqw)scaleX(1.08)}.card[data-mp=mirrored] .card-img{transform:scaleX(-1)}.mp-art{clip-path:inset(11.2% 6.8% 44.6%)}.mp-art>div{transform-origin:50% 33.3%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0;transform:rotate(180deg)}.card-back[data-blank=true]{background:radial-gradient(circle at 30% 18%,#f7f1e0,#e2d8be)}.card-back[data-blank=true]:before{content:"";background:linear-gradient(#0000002e,#0000002e) 50%/.6cqw 100% no-repeat,linear-gradient(#0000002e,#0000002e) 50%/100% .6cqw no-repeat;border:.6cqw solid #0000002e;border-radius:50%;width:9cqw;height:9cqw;position:absolute;bottom:6cqw;right:6cqw}.card[data-mp][data-charging=true] .card-ring{animation:1.1s ease-in forwards mp-charge}@keyframes mp-charge{0%{box-shadow:0 0 #0000}to{box-shadow:3px 0 0 2px #00e6ffe6,-3px 0 0 2px #ff3cc8e6,0 0 70px #ffffffb3}}.card[data-face=up][data-mp] .card-ring{opacity:1;animation:1.4s steps(2,jump-none) infinite mp-ring}@keyframes mp-ring{0%{box-shadow:2px 0 0 1.5px #00e6ffd9,-2px 0 0 1.5px #ff3cc8d9,0 0 40px #ffffff73}to{box-shadow:-2px 1px 0 1.5px #00e6ffd9,2px -1px 0 1.5px #ff3cc8d9,0 0 52px #fff9}}.card[data-face=up][data-serialized] .card-ring{opacity:1;animation:none;box-shadow:0 0 34px #e9bc4f80,0 0 80px #e9bc4f40}.card[data-serialized] .card-ring:before{content:"";border-radius:inherit;background:conic-gradient(from var(--a), #8a6a1f, #ffe9a6, #e9bc4f, #fff6d6, #8a6a1f);-webkit-mask-composite:xor;padding:1.1cqw;animation:5s linear infinite serial-turn;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes serial-turn{to{--a:360deg}}.card[data-lite=true] .card-ring:before{animation:none}.card[data-lite=true] .mp-ghost{mix-blend-mode:normal}
.fan{--w:150px;--step:.4;width:calc(var(--w) * (1 + (var(--n) - 1) * var(--step)));max-width:100%;height:calc(var(--w) * 88 / 63 + 34px);position:relative}.fan-card{touch-action:none;width:var(--w);margin-left:calc(var(--w) / -2);z-index:var(--z);cursor:pointer;transform-origin:50% 130%;transform:translateX(calc(var(--k) * var(--w) * var(--step))) rotate(calc(var(--k) * 6deg)) translateY(calc(var(--k) * var(--k) * 5px));transition:transform .4s var(--ease-out), z-index 0s .1s;background:0 0;border:0;justify-items:center;gap:7px;padding:0;display:grid;position:absolute;top:4px;left:50%}.fan-card .card{filter:drop-shadow(0 16px 26px #0000009e);width:100%}.fan-card:hover,.fan-card:focus-visible{z-index:60;transform:translateX(calc(var(--k) * var(--w) * var(--step))) rotate(0) translateY(-10px) scale(1.05);transition:transform .25s var(--ease-out), z-index 0s}.fan-card:focus-visible{outline:2px solid var(--ivory);outline-offset:4px;border-radius:8px}.fan-card .cell-price{opacity:0;transition:opacity .2s}.fan-card[data-best=true] .cell-price,.fan-card:hover .cell-price,.fan-card:focus-visible .cell-price{opacity:1}.fan:hover .fan-card[data-best=true]:not(:hover) .cell-price{opacity:0}
.summary{gap:16px;padding-bottom:12px}.sum-kicker{width:100%;max-width:960px;font:650 22px/1.1 var(--font-display);font-variation-settings:"opsz" 144;letter-spacing:-.01em;margin:0;padding:20px 0 0}.sum-kicker i{color:var(--mist);font-style:normal;font-weight:500}.hero{grid-template-columns:290px minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,56px);width:100%;max-width:960px;padding:16px 0 0;display:grid}.sum-head{text-align:center;flex-direction:column;align-items:flex-start;gap:16px;width:290px;display:flex;position:relative}.sum-best{z-index:2;cursor:pointer;touch-action:none;transform-origin:50%;width:176px;transition:transform .25s var(--ease-out);filter:drop-shadow(0 22px 30px #000000b3);background:0 0;border:0;padding:0;position:absolute;bottom:-16px;right:0;transform:rotate(7deg)}.sum-best:hover,.sum-best:focus-visible{transform:rotate(0)scale(1.04)}.sum-best:focus-visible{outline:2px solid var(--ivory);outline-offset:4px;border-radius:8px}.sum-best .card{width:100%}.sum-art{flex:none;place-items:center;width:230px;display:grid}.sum-art img{object-fit:contain;filter:drop-shadow(0 18px 28px #000000a6);max-width:230px;max-height:360px}.sum-art .wrap{width:120px}.sum-title{font:650 17px/1.2 var(--font-display);font-variation-settings:"opsz" 144;letter-spacing:-.005em;max-width:22ch;margin:0;display:none}.sum-right{justify-items:start;gap:36px;min-width:0;display:grid}.sum-score{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);align-items:start;gap:clamp(28px,4vw,48px);width:100%;display:grid}.sum-right .hand{--card-w:calc(100% / (1 + (var(--n) - 1) * (1 - var(--overlap))));justify-content:flex-start;padding:0 0 8px}.total{justify-items:start;gap:16px;min-width:0;display:grid}.total-value{line-height:.85}.total-line{justify-items:start;gap:12px;display:grid}.sum-line{font:500 13px/1.5 var(--font-ui);color:var(--mist);opacity:0;margin:0;padding:0;transition:opacity .5s;display:none}.sum-line b{color:var(--ivory);font-weight:600}.sum-foot{font:500 13px/1.5 var(--font-ui);color:var(--mist);text-align:center;opacity:0;margin:0;transition:opacity .5s;display:none}.sum-foot b{color:var(--ivory);font:650 15px/1 var(--font-display);font-variation-settings:"opsz" 144}.sum-foot .linkbtn{padding:0;font-size:13px}.sum-line[data-done=true],.sum-foot[data-done=true]{opacity:1}@media (max-width:640px){.summary{gap:14px}.sum-kicker{font:600 11px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--mist);padding:6px 0 0}.sum-kicker i{color:var(--mist);font-weight:600}.hero{grid-template-columns:minmax(0,1fr) 150px;grid-template-areas:"title title""total visual""facts facts""hand hand";align-items:center;gap:14px 12px;padding:0}.sum-head,.sum-right,.sum-score{display:contents}.sum-title{text-align:left;white-space:nowrap;text-overflow:ellipsis;grid-area:title;min-width:0;max-width:none;margin-top:-6px;font-size:20px;display:block;overflow:hidden}.sum-art{grid-area:visual;place-self:start;width:110px}.sum-art img{max-width:110px;max-height:160px}.sum-art .wrap{width:72px}.sum-best{grid-area:visual;place-self:end;width:88px;margin:0;position:static}.total{grid-area:total;align-self:center;justify-items:start;gap:10px}.total-value{font-size:clamp(56px,18vw,72px)}.total-line{gap:8px}.sum-line{display:none}.facts.stats{opacity:1;pointer-events:auto;grid-area:facts;display:grid;transform:none}.facts .facts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.facts .fact{grid-template-columns:1fr;align-items:start;row-gap:6px;padding:0 12px}.facts .fact:first-child{padding-left:0}.facts .fact:last-child{padding-right:0}.facts .fact+.fact{border-top:0;border-left:1px solid var(--line)}.facts .fact dd{text-align:left;justify-items:start;gap:3px}.facts .fact dd b{font-size:16px;line-height:1.1}.facts .fact dd span{font-size:10px}.sum-right .hand{--card-w:84px;grid-area:hand;padding:2px 0 10px}.sum-foot{display:block}.summary .stats:has(.toppack){order:10}}.total-line .stat-row{opacity:0;gap:6px;transition:opacity .4s}.total-line .stat-row[data-done=true]{opacity:1}.total-line .badge,.total-line .chip{padding:6px 10px;font-size:11px}.total-value{font:italic 900 clamp(52px, 14vw, 112px)/1 var(--font-display);font-variation-settings:"opsz" 144;letter-spacing:-.02em}.total-points{font:600 12px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}.grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:12px 8px;width:100%;max-width:560px;padding:6px 0;display:grid}.cell{cursor:pointer;opacity:.22;transition:opacity .35s, transform .35s var(--ease-out);background:0 0;border:0;justify-items:center;gap:5px;padding:0;display:grid;transform:scale(.92)}.cell[data-counted=true]{opacity:1;transform:none}.cell:focus-visible{outline:2px solid var(--ivory);outline-offset:3px;border-radius:6px}.cell .card{width:100%}.cell-price{font:600 11px/1 var(--font-ui);color:var(--mist)}:is(.cell,.toppack-card,.sum-best,.fan-card)[data-tier] .card{border-radius:var(--card-radius)}:is(.cell,.toppack-card,.sum-best,.fan-card):is([data-tier="1"],[data-tier="2"],[data-tier="3"],[data-tier="4"],[data-tier="5"]) .cell-price{color:var(--ivory)}:is(.cell,.toppack-card,.sum-best,.fan-card)[data-tier="2"] .card{box-shadow:0 0 0 1px #f4eee28c,0 0 12px #f4eee229}:is(.cell,.toppack-card,.sum-best,.fan-card)[data-tier="3"] .card{box-shadow:0 0 0 1.5px #e9bc4fd9,0 0 14px #e9bc4f4d}:is(.cell,.toppack-card,.sum-best,.fan-card)[data-tier="4"] .card{box-shadow:0 0 0 2px var(--rare), 0 0 20px #e9bc4f80}:is(.cell,.toppack-card,.sum-best,.fan-card)[data-tier="3"] .cell-price,:is(.cell,.toppack-card,.sum-best,.fan-card)[data-tier="4"] .cell-price{color:var(--rare)}:is(.cell,.toppack-card,.sum-best,.fan-card)[data-tier="5"] .card{box-shadow:0 0 18px #6ee7f93d,0 0 28px #f472b633}:is(.cell,.toppack-card,.sum-best,.fan-card)[data-tier="5"] .card:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;background:var(--holo);-webkit-mask-composite:xor;padding:2.5px;position:absolute;inset:-2.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}:is(.cell,.toppack-card,.sum-best,.fan-card)[data-tier="5"] .cell-price{background:linear-gradient(100deg,#6ee7f9,#a78bfa,#f472b6,#fde68a);color:#0000;-webkit-background-clip:text;background-clip:text}.hand{--card-w:108px;--overlap:.62;justify-content:center;align-items:flex-end;width:100%;max-width:100%;padding:14px 16px 8px;display:flex}.hand-cell{flex:0 0 var(--card-w);width:var(--card-w);margin-left:calc(var(--card-w) * var(--overlap) * -1);z-index:var(--i);opacity:0;transition:opacity .4s, transform .4s var(--ease-out), z-index 0s .15s;position:relative;transform:translateY(10px)scale(.96)}.hand-cell:first-child{margin-left:0}.hand-cell[data-counted=true]{opacity:1;transform:none}.hand-cell[data-counted=true]:hover,.hand-cell[data-counted=true]:focus-visible{z-index:100;transition:opacity .35s, transform .2s var(--ease-out), z-index 0s;transform:translateY(-14px)scale(1.08)}.hand-cell .cell-price{opacity:0;transition:opacity .2s}.hand-cell:hover .cell-price,.hand-cell:focus-visible .cell-price,.hand-cell:last-child .cell-price{opacity:1}@media (max-width:720px){.hand{--card-w:96px;--overlap:.5;scroll-snap-type:x proximity;scrollbar-width:none;justify-content:flex-start;padding-bottom:12px;overflow-x:auto}.hand::-webkit-scrollbar{display:none}.hand-cell{scroll-snap-align:center}.hand-cell .cell-price{opacity:1}.hand-cell[data-counted=true]:hover{transform:translateY(-8px)}}.stats{text-align:center;opacity:0;width:100%;max-width:480px;transition:opacity .6s, transform .6s var(--ease-out);pointer-events:none;justify-items:center;gap:14px;display:grid;transform:translateY(8px)}.stats[data-done=true]{opacity:1;pointer-events:auto;transform:none}.stat-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.badge,.chip{font:600 12px/1 var(--font-ui);border-radius:999px;padding:8px 12px}.badge{background:var(--ivory);color:var(--ink-950)}.chip{box-shadow:inset 0 0 0 1px var(--line);color:var(--mist)}.stat{color:var(--mist);gap:6px;margin:0;font-size:15px;display:grid}.stat b{color:var(--ivory);font-weight:600}.countdown{font:650 26px/1 var(--font-display);font-variation-settings:"opsz" 144;letter-spacing:.02em}.facts{text-align:left;justify-items:start;gap:0;max-width:none;margin:0;transform:none}.facts-grid{grid-template-columns:1fr;gap:0;width:100%;margin:0;display:grid}.fact{text-align:left;grid-template-columns:auto 1fr;align-items:center;column-gap:24px;padding:16px 0;display:grid}.fact+.fact{border-top:1px solid var(--line)}.fact:first-child{padding-top:0}.fact:last-child{padding-bottom:0}.fact dt{white-space:nowrap;margin:0;font-size:11px}.fact dd{text-align:right;color:var(--mist);justify-items:end;gap:4px;margin:0;font-size:11px;display:grid}.fact dd b{color:var(--ivory);font:650 24px/1 var(--font-display);font-variation-settings:"opsz" 144;text-wrap:balance;overflow-wrap:anywhere;max-width:16ch}.fact dd b[data-half=bottom]{color:var(--mythic)}.facts-replay{justify-self:center;padding:2px 0;font-size:12px}.summary .stats:has(.toppack){max-width:960px}.toppack{border:1px solid var(--line);text-align:left;background:linear-gradient(#f4eee209,#0000 70%);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 40px;width:100%;padding:28px 36px 28px 32px;display:grid}.toppack-text{justify-items:start;gap:10px;min-width:0;display:grid}.toppack-text .eyebrow{margin-bottom:4px}.toppack-who{font:650 clamp(32px, 5vw, 48px)/1 var(--font-display);font-variation-settings:"opsz" 144;letter-spacing:-.015em;overflow-wrap:anywhere;margin:0}.toppack-who a{color:inherit;text-decoration:none}.toppack-who a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.toppack-prod{color:var(--mist);align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.toppack-art{place-items:center;width:22px;display:grid}.toppack-art img{object-fit:contain;max-width:22px;max-height:30px}.toppack-art .wrap{width:20px}.toppack-score{align-items:baseline;gap:10px;margin:8px 0 0;display:flex}.toppack-score b{font:italic 900 44px/1 var(--font-display);font-variation-settings:"opsz" 144;color:var(--ivory)}.toppack-score span{font:600 11px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--mist)}.toppack-rank{min-height:1em;color:var(--mist);margin:0;font-size:13px}.toppack-rank b{color:var(--ivory);font-weight:600}.toppack-all{min-height:40px;margin-top:8px;padding:0 16px;font-size:13px}@media (max-width:640px){.toppack{text-align:center;grid-template-columns:1fr;justify-items:center;gap:18px;padding:20px 16px 22px}.toppack-text{justify-items:center}.toppack-prod{justify-content:center}.toppack .fan{--w:104px}}