@import "https://fonts.googleapis.com/css2?family=Bungee&family=Fredoka:wght@500;600;700&display=swap";
@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:#4c1d95}body{color:#fff;background:radial-gradient(circle at 50% 120%, #ff5e7e 0%, transparent 58%), conic-gradient(from 0deg at 50% 32%, #ffffff0f 0 10deg, transparent 10deg 20deg), linear-gradient(160deg, #5b21b6 0%, #2563eb 55%, #0ea5e9 100%);background-repeat:no-repeat;min-height:100vh;font-family:Fredoka,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.25;z-index:0;background-image:radial-gradient(#ffffffe6 1.5px,#0000 1.6px);background-size:14px 14px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(130% 100% at 50% 30%,#000 30%,#0000 80%);mask-image:radial-gradient(130% 100% at 50% 30%,#000 30%,#0000 80%)}.stage{z-index:1;min-height:100vh;position:relative}.hud{z-index:80;letter-spacing:.06em;color:#ffd23f;text-shadow:2px 2px #0b1020;gap:16px;font-family:Bungee;font-size:11px;display:none;position:fixed;top:16px;left:18px}.hud[data-show=true]{display:flex}.hud .v{color:#fff}.sound{z-index:80;color:#0b1020;cursor:pointer;background:#ffd23f;border:3px solid #0b1020;border-radius:10px;width:42px;height:42px;font-size:18px;transition:transform .1s;position:fixed;top:12px;right:120px;box-shadow:0 4px #00000059}.sound:active{transform:translateY(3px);box-shadow:0 1px #00000059}.site-nav{z-index:80;gap:10px;display:flex;position:fixed;top:12px;right:16px}.site-nav .snav{color:#0b1020;cursor:pointer;background:#ffd23f;border:3px solid #0b1020;border-radius:10px;place-items:center;width:42px;height:42px;transition:transform .1s,background .15s;display:grid;box-shadow:0 4px #00000059}.site-nav .snav:hover{background:#ffe27a}.site-nav .snav:active{transform:translateY(3px);box-shadow:0 1px #00000059}.site-nav .snav svg{fill:currentColor;width:22px;height:22px;display:block}.title{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:none;position:relative}.stage[data-phase=title] .title{display:flex}.stage[data-phase=title] header{display:none}.title:after{content:"";pointer-events:none;opacity:.22;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000080 2px 4px);position:absolute;inset:0}.title .logo{color:#fff;text-shadow:0 3px #1e3a8a,0 6px #1e3a8a,6px 9px #00000059,0 0 30px #38bdf899;font-family:Bungee;font-size:clamp(34px,9vw,96px);line-height:.9;animation:8s linear infinite hue}@keyframes hue{50%{filter:hue-rotate(40deg)}}.title .sub{color:#ffd23f;letter-spacing:.2em;text-shadow:2px 2px #b91c1c;margin-top:18px;font-family:Bungee;font-size:clamp(13px,2.4vw,20px)}.title .press{color:#fff;text-shadow:0 0 16px #38bdf8;margin-top:54px;font-family:Bungee;font-size:clamp(16px,3vw,26px)}.blink{animation:1.05s step-end infinite blink}@keyframes blink{50%{opacity:0}}.coinfx{z-index:75;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.coinfx .coin-spot{opacity:0;background:radial-gradient(30% 26%,#ffd6603d,#0000 70%),radial-gradient(120% 95%,#060514a8 0%,#03020cdb 100%);animation:1s forwards coinSpot;position:absolute;inset:0}@keyframes coinSpot{0%{opacity:0}14%{opacity:1}90%{opacity:1}to{opacity:0}}.coinfx .coin-machine{z-index:1;width:360px;height:240px;position:relative}.coinfx .slot-plate{z-index:1;background:linear-gradient(104deg,#434b57 0%,#9aa6b6 16%,#d2dae5 30%,#8a96a7 52%,#5a6473 78%,#353b46 100%);border:3px solid #1d212a;border-radius:13px;width:72px;height:158px;margin:-79px 0 0 -36px;animation:1s forwards slotHit;position:absolute;top:50%;left:50%;box-shadow:0 0 0 3px #ffd23f,0 9px 20px #00000080,inset 0 2px 3px #ffffff8c,inset 0 -4px 8px #00000073}.coinfx .slot-back{z-index:2;background:linear-gradient(90deg,#02030b 0%,#0c1226 50%,#02030b 100%);border-radius:10px;width:20px;height:108px;margin:-54px 0 0 -10px;animation:1s forwards slotHit;position:absolute;top:50%;left:50%;box-shadow:inset 3px 0 6px #000000f2,inset -3px 0 6px #000000f2,inset 0 0 5px #788cc859,0 0 0 1px #000000b3}.coinfx .coin-chute{z-index:3;pointer-events:none;width:600px;height:228px;position:absolute;top:6px;left:180px;overflow:hidden}.coinfx .coin{background:radial-gradient(circle at 36% 30%,#fff7d0 0%,#ffe27a 30%,#ffd23f 50%,#d99a18 76%,#a86b0c 100%);border:4px solid #b8770e;border-radius:50%;place-items:center;width:78px;height:78px;margin:-39px 0 0 -39px;animation:1s forwards coinInsert;display:grid;position:absolute;top:50%;left:0;box-shadow:0 0 22px #ffd23fbf,inset 0 -5px 9px #78460080,inset 0 4px 7px #ffffff80}.coinfx .coin-face{color:#9a6308;text-shadow:0 1px #fff3bf,0 -1px #0003;font-family:Bungee;font-size:34px}@keyframes coinInsert{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translate(380px)rotateY(0)scale(1.06)}10%{opacity:1}48%{opacity:1;animation-timing-function:ease-in-out;transform:translate(150px)rotateY(360deg)scale(1)}62%{animation-timing-function:ease-out;transform:translate(82px)rotateY(498deg)scale(1)}72%{animation-timing-function:cubic-bezier(.55,0,.85,.5);transform:translate(66px)rotateY(615deg)}86%{opacity:1;animation-timing-function:ease-in;transform:translate(2px)rotateY(615deg)}to{opacity:1;transform:translate(-46px)rotateY(615deg)}}@keyframes slotHit{0%,80%{transform:translate(0)}86%{transform:translate(-4px)}92%{transform:translate(1px)}97%,to{transform:translate(0)}}.coinfx .slot-flash{opacity:0;z-index:5;mix-blend-mode:screen;background:radial-gradient(circle,#ffeea0f2 0%,#ffd23f80 22%,#0000 58%);width:210px;height:210px;margin:-105px 0 0 -105px;animation:1s forwards slotFlash;position:absolute;top:50%;left:50%}@keyframes slotFlash{0%,80%{opacity:0;transform:scale(.6)}87%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.coinfx .slot-spark{opacity:0;z-index:5;background:#fff3bf;border-radius:2px;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;animation:1s ease-out forwards slotSpark;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #ffd23f}.coinfx .slot-spark.s1{--sx:-42px;--sy:-46px}.coinfx .slot-spark.s2{--sx:-58px;--sy:-6px}.coinfx .slot-spark.s3{--sx:-42px;--sy:46px}.coinfx .slot-spark.s4{--sx:16px;--sy:-54px}@keyframes slotSpark{0%,80%{opacity:0;transform:translate(0)scale(.4)}88%{opacity:1;transform:translate(calc(var(--sx)*.55), calc(var(--sy)*.55)) scale(1)}to{opacity:0;transform:translate(var(--sx), var(--sy)) scale(.5)}}header{text-align:center;padding:46px 20px 4px}.kicker{letter-spacing:.25em;color:#ffd23f;text-shadow:2px 2px #b91c1c;margin:0 0 14px;font-family:Bungee;font-size:13px}h1{color:#fff;text-shadow:0 2px #1e3a8a,0 4px #1e3a8a,4px 6px #00000059,0 0 22px #ffd23f66;margin:0;font-family:Bungee;font-size:clamp(28px,6vw,54px);line-height:.98}h1 .pop{color:#ffd23f}.lede{color:#e7e9ff;max-width:560px;margin:16px auto 0;font-size:15px;font-weight:500}.select{flex-direction:column;align-items:center;display:none}.stage[data-phase=select] .select{display:flex}.packs{flex-wrap:wrap;justify-content:center;gap:50px;margin:50px 0 30px;padding:0 24px;display:flex}.pack{--rx:0deg;--ry:0deg;--mx:0;--my:0;aspect-ratio:3/4;cursor:pointer;perspective:1000px;background:0 0;border:none;width:260px;padding:0;font-family:inherit;animation:5s ease-in-out infinite bob}.pack:nth-child(2){animation-delay:-2.5s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.pack .foil{width:100%;height:100%;transform:rotateX(var(--rx)) rotateY(var(--ry));background:repeating-conic-gradient(from 0deg at 50% 38%, #ffffff29 0 9deg, transparent 9deg 18deg), linear-gradient(155deg, var(--pa), var(--pb));text-align:center;border:5px solid #0b1020;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:26px 20px;transition:transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 44px -16px #0009,inset 0 0 0 3px #ffd23f,inset 0 0 0 7px #0b1020}.pack .foil:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 40%,#fff9 49%,#0000 60%) 0 0/250% 250%;background-position:calc(50% + var(--mx)*60%) calc(50% + var(--my)*60%);position:absolute;inset:0}.pack .tape{color:#7a1212;letter-spacing:.08em;background:#ffd23f;padding:5px 50px;font-family:Bungee;font-size:11px;position:absolute;top:16px;left:-42px;transform:rotate(-38deg);box-shadow:0 3px #0000004d}.pack .pemoji{filter:drop-shadow(0 6px #00000059);font-size:78px;transform:translateZ(40px)}.pack .pname{color:#fff;text-shadow:2px 2px #0b1020;font-family:Bungee;font-size:24px;line-height:1}.pack .psub{color:#0b1020;background:#ffd23f;border-radius:4px;padding:3px 12px;font-size:13px;font-weight:600}.pack .pcount{color:#fff;opacity:.9;font-size:12px;font-weight:600}.pack .pill{color:#fff;white-space:nowrap;background:#ef4444;border:2px solid #0b1020;border-radius:6px;padding:7px 16px;font-family:Bungee;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px #0000004d}.pack:hover .pill{background:#f97316}.opener{z-index:60;pointer-events:none;place-items:center;display:none;position:fixed;inset:0}.stage[data-phase=opening] .opener{display:grid}.opener .flash{opacity:0;background:radial-gradient(circle at 50% 45%,#ffd23f,#0000 55%);position:absolute;inset:0}.opener.rip .flash{animation:.7s forwards flash}@keyframes flash{0%{opacity:0}22%{opacity:1}to{opacity:0}}.pk{aspect-ratio:3/4;width:280px;position:relative}.pk .half{background:repeating-conic-gradient(from 0deg at 50% 38%, #ffffff29 0 9deg, transparent 9deg 18deg), linear-gradient(155deg, var(--pa), var(--pb));filter:drop-shadow(0 12px 16px #00000073);border:5px solid #0b1020;position:absolute;left:0;right:0;box-shadow:inset 0 0 0 3px #ffd23f}.pk .bot{z-index:2;clip-path:polygon(0 8%,6.25% 0,12.5% 8%,18.75% 0,25% 8%,31.25% 0,37.5% 8%,43.75% 0,50% 8%,56.25% 0,62.5% 8%,68.75% 0,75% 8%,81.25% 0,87.5% 8%,93.75% 0,100% 8%,100% 100%,0 100%);justify-content:center;align-items:center;display:flex;top:18%;bottom:0}.pk .top{z-index:3;transform-origin:50% 0;clip-path:polygon(0 0,100% 0,100% 85%,93.75% 100%,87.5% 85%,81.25% 100%,75% 85%,68.75% 100%,62.5% 85%,56.25% 100%,50% 85%,43.75% 100%,37.5% 85%,31.25% 100%,25% 85%,18.75% 100%,12.5% 85%,6.25% 100%,0 85%);height:40%;top:0}.pk .bot .pemoji{filter:drop-shadow(0 4px #00000059);font-size:78px}.pk-cards{z-index:1;position:absolute;inset:0}.pk-cards .pcard{aspect-ratio:5/7;background:repeating-conic-gradient(from 0deg at 50% 50%, #ffffff14 0 12deg, transparent 12deg 24deg), linear-gradient(160deg, #3b1d8a, #11142a);opacity:0;border:4px solid #0b1020;border-radius:9px;place-items:center;width:90px;margin-left:-45px;display:grid;position:absolute;top:30%;left:50%;transform:translate(0)scale(.78);box-shadow:inset 0 0 0 2px #ffd23f,0 10px 22px -6px #0009}.pk-cards .pcard:after{content:"★";color:#ffd23f;text-shadow:2px 2px #0b1020;font-family:Bungee;font-size:26px}.pk.shake{animation:.26s shake}@keyframes shake{20%{transform:translate(-6px)rotate(-2deg)}40%{transform:translate(7px)rotate(2deg)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.opener.rip .top{animation:.6s cubic-bezier(.3,.7,.3,1) forwards ripTop}@keyframes ripTop{0%{transform:translateY(0)rotate(0)}18%{transform:translateY(-16px)rotate(-3deg)}to{opacity:0;transform:translateY(-360px)rotate(-22deg)}}.opener.rip .bot{animation:.68s cubic-bezier(.4,0,.6,1) forwards ripBot}@keyframes ripBot{0%{transform:translateY(0)rotate(0)}22%{transform:translateY(8px)rotate(0)}to{opacity:0;transform:translateY(120px)rotate(3deg)}}.opener.rip .pcard{animation:.72s cubic-bezier(.18,.85,.3,1) forwards cardOut}@keyframes cardOut{0%{opacity:0;transform:translate(0)rotate(0)scale(.78)}20%{opacity:1}62%{opacity:1;transform:translate(var(--cx), var(--cy)) rotate(var(--cr)) scale(1.05)}to{opacity:0;transform:translate(var(--cx), calc(var(--cy) - 46px)) rotate(var(--cr)) scale(1.05)}}.pk-cards .c1{--cx:-78px;--cy:-154px;--cr:-15deg;animation-delay:50ms}.pk-cards .c2{--cx:0px;--cy:-196px;--cr:0deg;animation-delay:.12s}.pk-cards .c3{--cx:78px;--cy:-150px;--cr:15deg;animation-delay:20ms}.particle{width:var(--s);height:var(--s);background:var(--c);pointer-events:none;transform:rotate(var(--r));clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);z-index:70;animation:.9s ease-out forwards fly;position:absolute;top:50%;left:50%}@keyframes fly{0%{transform:translate(-50%,-50%) scale(0) rotate(var(--r));opacity:1}60%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1) rotate(var(--r));opacity:0}}.reveal{flex-direction:column;align-items:center;display:none}.stage[data-phase=reveal] .reveal{display:flex}.reveal-head{text-align:center;margin:38px 0 6px}.reveal-head .pt{color:#ffd23f;text-shadow:2px 2px #0b1020;font-family:Bungee;font-size:clamp(26px,5vw,42px)}.reveal-head .ps{color:#e7e9ff;font-size:14px;font-weight:600}.back{cursor:pointer;color:#0b1020;background:#ffd23f;border:3px solid #0b1020;border-radius:8px;margin:16px 0 4px;padding:9px 18px;font-family:Bungee;font-size:13px;transition:transform .12s,box-shadow .12s;box-shadow:0 5px #00000059}.back:hover{transform:translateY(-2px);box-shadow:0 7px #00000059}.back:active{transform:translateY(2px);box-shadow:0 2px #00000059}.cards{grid-template-columns:repeat(auto-fit,minmax(230px,250px));justify-content:center;gap:40px 32px;max-width:1120px;padding:30px 24px 90px;display:grid}.card{--rx:0deg;--ry:0deg;--mx:0;--my:0;--lift:0px;--hx:50%;--hy:50%;--shine:0;--glare:0;--flip:180deg;aspect-ratio:5/7;perspective:1100px;cursor:pointer;opacity:0;width:250px;animation:.55s cubic-bezier(.2,.9,.3,1.2) forwards dealIn;animation-delay:calc(var(--i)*80ms)}@keyframes dealIn{0%{opacity:0;transform:translateY(60px)scale(.6)rotate(-8deg)}to{opacity:1;transform:none}}.float{width:100%;height:100%;animation:5.5s ease-in-out infinite cbob;animation-delay:calc(var(--i)*.3s)}@keyframes cbob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.card:hover .float{animation-play-state:paused}.tilt{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--lift));transition:transform .12s}.flipper{width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(var(--flip));transition:transform .55s cubic-bezier(.3,.8,.3,1.05);position:relative}.card.revealed{--flip:0deg}.card.pop .flipper{animation:.5s cardpop}@keyframes cardpop{30%{transform:rotateY(0)scale(1.12)}}.face{backface-visibility:hidden;border-radius:16px;position:absolute;inset:0;overflow:hidden}.front{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 55%, #1b1f3a), #11142a);border:5px solid #0b1020;box-shadow:inset 0 0 0 3px #ffd23f,0 16px 30px -14px #000000b3}.card:hover .front{box-shadow:inset 0 0 0 3px #ffd23f,0 0 28px 4px #fb923c,0 0 60px 10px #f973168c,0 16px 30px -14px #000000b3}.r-rare .front{box-shadow:inset 0 0 0 3px #cbd5e1,0 16px 30px -14px #000000b3}.r-holo .front{box-shadow:inset 0 0 0 3px #67e8f9,0 0 22px -2px #67e8f980,0 16px 30px -14px #000000b3}.r-legendary .front{box-shadow:inset 0 0 0 3px #fde047,0 0 26px -2px #fde04799,0 16px 30px -14px #000000b3}.r-legendary .front:before{content:"";z-index:0;background:conic-gradient(from var(--angle), #fde047, #fff7cc, #f59e0b, #fde047);-webkit-mask-composite:xor;opacity:.9;border-radius:20px;padding:4px;animation:4s linear infinite spin;position:absolute;inset:-6px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes spin{to{--angle:360deg}}.frametop{z-index:6;justify-content:space-between;align-items:center;padding:9px 11px 7px;display:flex;position:absolute;top:0;left:0;right:0}.nm{color:#fff;text-shadow:1.5px 1.5px #0b1020;font-family:Bungee;font-size:17px}.nm.long{letter-spacing:-.02em;font-size:12px}.card:hover .nm{color:#ffd23f}.hp{color:#ffd23f;text-shadow:1.5px 1.5px #7a1212;white-space:nowrap;font-family:Bungee;font-size:15px}.hp small{color:#fff;font-size:8px}.art{background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 80%, #000), #0b0c1c);border:3px solid #0b1020;border-radius:8px;height:42%;position:absolute;top:38px;left:11px;right:11px;overflow:hidden}.art .halftone{opacity:.35;mix-blend-mode:screen;background-image:radial-gradient(#fffc 1.3px,#0000 1.4px);background-size:10px 10px;position:absolute;inset:0}.layer{will-change:transform;transition:transform .12s;position:absolute}.l-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 70%, #fff 10%), transparent 70%);transform:translate(calc(var(--mx)*12px), calc(var(--my)*12px));opacity:.8;inset:-20%}.l-icon{z-index:3;filter:drop-shadow(0 4px #0006);transform:translate(calc(var(--mx)*22px), calc(var(--my)*22px));place-items:center;font-size:58px;display:grid;inset:0}.ring{border:2px dashed color-mix(in srgb, var(--accent) 60%, #fff);opacity:.35;border-radius:50%;width:110px;height:110px;animation:9s linear infinite rspin;position:absolute}@keyframes rspin{to{transform:rotate(360deg)}}.shine,.glare{z-index:4;pointer-events:none;border-radius:6px;position:absolute;inset:0}.shine{--space:4%;background-image:repeating-linear-gradient(0deg, #ff7a75 calc(var(--space)*1), #ffed61 calc(var(--space)*2), #a8ff61 calc(var(--space)*3), #85fff7 calc(var(--space)*4), #7a95ff calc(var(--space)*5), #d875ff calc(var(--space)*6), #ff7a75 calc(var(--space)*7)), repeating-linear-gradient(133deg, #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--hx) var(--hy), #ffffff1a 12%, #00000026 90%);background-blend-mode:screen, hue, normal;background-size:100% 200%,200% 700%,300%;background-position:0 var(--hy), var(--hx) var(--hy), var(--hx) var(--hy);mix-blend-mode:color-dodge;filter:brightness(.9)contrast(2.1)saturate(1.2);opacity:var(--shine)}.glare{background:radial-gradient(farthest-corner circle at var(--hx) var(--hy), #fffc 8%, #ffffff73 24%, #0a0a1e99 90%);mix-blend-mode:overlay;opacity:var(--glare)}.badges{z-index:6;justify-content:space-between;align-items:center;display:flex;position:absolute;top:calc(46px + 42%);left:11px;right:11px}.typebadge{background:var(--accent);color:#0b1020;border:2px solid #0b1020;border-radius:4px;padding:3px 8px;font-family:Bungee;font-size:9px}.gem{border:2px solid #0b1020;border-radius:4px;padding:3px 8px;font-family:Bungee;font-size:9px}.r-common .gem{color:#0b1020;background:#94a3b8}.r-rare .gem{color:#0b1020;background:#e2e8f0}.r-holo .gem{color:#0b1020;background:linear-gradient(90deg,#67e8f9,#a78bfa,#f472b6)}.r-legendary .gem{color:#7a1212;background:linear-gradient(90deg,#fde047,#fbbf24)}.fire{z-index:7;color:#fff;opacity:0;white-space:nowrap;background:#ef4444;border:2px solid #0b1020;border-radius:4px;padding:3px 8px;font-family:Bungee;font-size:9px;transition:all .2s;position:absolute;top:calc(46px + 42%);left:50%;transform:translate(-50%)scale(.6)}.card:hover .fire{opacity:1;animation:.5s ease-in-out infinite alternate firepulse;transform:translate(-50%)scale(1)rotate(-4deg)}@keyframes firepulse{to{transform:translate(-50%)scale(1.08)rotate(-4deg)}}.statbox{z-index:6;color:#2a2350;background:#f5ecd2;border:3px solid #0b1020;border-radius:8px;padding:9px 10px;position:absolute;bottom:11px;left:11px;right:11px}.tgl{color:#4b3f6b;margin:0 0 8px;font-size:11px;font-weight:600;line-height:1.15}.statrow{align-items:center;gap:6px;margin-top:5px;display:flex}.statrow .lbl{color:#7a1212;width:42px;font-family:Bungee;font-size:7.5px}.segs{flex:1;gap:2px;display:flex}.seg{background:#d8c9a3;border:1px solid #b6a577;border-radius:1px;flex:1;height:8px;transition:background .25s}.card:hover .seg.on,.card.revealed.seen .seg.on{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, #000)}.back-face{background:repeating-conic-gradient(from 0deg at 50% 50%, #ffffff12 0 12deg, transparent 12deg 24deg), linear-gradient(160deg, #3b1d8a, #11142a);border:5px solid #0b1020;place-items:center;display:grid;transform:rotateY(180deg);box-shadow:inset 0 0 0 3px #ffd23f}.back-face .bstar{color:#ffd23f;text-shadow:3px 3px #0b1020;font-family:Bungee;font-size:52px}.back-face .bwm{text-align:center;letter-spacing:.2em;color:#cbd5ff;opacity:.7;font-family:Bungee;font-size:9px;position:absolute;bottom:16px;left:0;right:0}.back-face .bhalf{opacity:.25;mix-blend-mode:screen;background-image:radial-gradient(#fffc 1.3px,#0000 1.4px);background-size:12px 12px;position:absolute;inset:0}.banner{z-index:90;pointer-events:none;opacity:0;white-space:nowrap;text-align:center;font-family:Bungee;font-size:clamp(30px,7vw,64px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.banner.show{animation:1.5s cubic-bezier(.2,.9,.3,1.2) forwards bannerIn}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-6deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.05)rotate(-3deg)}78%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-3deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.1)rotate(-3deg)}}.banner .l1{color:#fde047;text-shadow:0 3px #b45309,4px 6px #0006,0 0 30px #fde047b3;display:block}.banner.holo .l1{color:#67e8f9;text-shadow:0 3px #0e7490,4px 6px #0006,0 0 30px #67e8f9b3}.inspect{z-index:100;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#07081600;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;padding:24px;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:none;position:fixed;inset:0}.inspect.on{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070816cc;display:flex}.inspect:after{content:"";pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000080 2px 4px);position:absolute;inset:0}.inspect{--ic:1.6}.inspect .big{width:calc(250px * var(--ic));aspect-ratio:5/7;opacity:0;place-items:center;max-width:86vw;transition:transform .4s cubic-bezier(.2,.9,.3,1.15),opacity .3s;display:grid;position:relative;transform:scale(.85)translateY(16px)}.inspect.on .big{opacity:1;transform:none}.inspect .big .card{opacity:1;transform:scale(var(--ic));transform-origin:50%;animation:none}@media (max-height:700px){.inspect{--ic:1.2}}@media (max-width:820px){.inspect{--ic:1.3}}@media (max-width:560px){.inspect{--ic:1.05}}.inspect .detail{z-index:2;width:320px;max-width:86vw}.inspect .detail .dh{color:#fff;text-shadow:2px 2px #0b1020;overflow-wrap:anywhere;font-family:Bungee;font-size:30px;line-height:1.05}.inspect .detail .dh.long{font-size:22px}.inspect .detail .drar{border:2px solid #0b1020;border-radius:5px;margin:8px 0 14px;padding:4px 10px;font-family:Bungee;font-size:11px;display:inline-block}.inspect .detail p{color:#dbe3ff;font-size:14px;font-weight:500;line-height:1.6}.inspect .detail .row{border-top:1px solid #ffffff26;justify-content:space-between;padding:9px 0;font-size:13px;display:flex}.inspect .detail .row b{font-family:Bungee;font-size:11px}.inspect .launch{color:#0b1020;background:#ffd23f;border:3px solid #0b1020;border-radius:10px;margin-top:18px;padding:12px 22px;font-family:Bungee;font-size:14px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block;box-shadow:0 5px #0006}.inspect .launch:hover{transform:translateY(-2px);box-shadow:0 7px #0006}.inspect .launch:active{transform:translateY(3px);box-shadow:0 2px #0006}.inspect .launch.soon{color:#dbe3ff;cursor:default;background:#5b6079;box-shadow:0 5px #0006}.inspect .launch.soon:hover,.inspect .launch.soon:active{transform:none;box-shadow:0 5px #0006}.inspect .closex{color:#ffd23f;opacity:.85;z-index:3;cursor:pointer;font-family:Bungee;font-size:13px;position:absolute;top:18px;right:22px}.gyro-btn{z-index:80;color:#0b1020;cursor:pointer;background:#ffd23f;border:3px solid #0b1020;border-radius:8px;padding:8px 12px;font-family:Bungee;font-size:11px;display:none;position:fixed;bottom:16px;right:16px;box-shadow:0 4px #00000059}.about{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:96px 22px 64px;display:flex;position:relative}.about-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(160deg,#4c1d9599,#11142ad1);border:5px solid #0b1020;border-radius:22px;width:100%;max-width:640px;padding:30px clamp(22px,5vw,46px) 34px;position:relative;box-shadow:inset 0 0 0 3px #ffd23f,0 22px 44px -16px #0009}.about-avatar{background:radial-gradient(circle at 36% 30%,#fff6c2,#ffd23f 60%,#d99a18);border:4px solid #0b1020;border-radius:50%;place-items:center;width:78px;height:78px;margin:-64px auto 6px;font-size:40px;animation:5s ease-in-out infinite bob;display:grid;box-shadow:0 6px #0000004d,0 0 22px #ffd23f8c}.about-title{color:#fff;text-shadow:0 2px #1e3a8a,0 4px #1e3a8a,4px 6px #00000059,0 0 22px #ffd23f66;margin:6px 0 18px;font-family:Bungee;font-size:clamp(28px,6vw,46px);line-height:1}.about-title .pop{color:#ffd23f}.about-card p{color:#e7e9ff;text-wrap:pretty;margin:0 0 14px;font-size:clamp(15px,2.2vw,17px);font-weight:500;line-height:1.7}.about-card p:last-of-type{margin-bottom:0}.about-card .ln{color:#ffd23f;white-space:nowrap;border-bottom:2px solid #ffd23f66;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s}.about-card .ln:hover{color:#fff;border-bottom-color:#fff}.about-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px;display:flex}.about-btn{color:#0b1020;background:#ffd23f;border:3px solid #0b1020;border-radius:10px;padding:12px 20px;font-family:Bungee;font-size:13px;text-decoration:none;transition:transform .1s,box-shadow .1s,background .15s;box-shadow:0 5px #0006}.about-btn:hover{transform:translateY(-2px);box-shadow:0 7px #0006}.about-btn:active{transform:translateY(3px);box-shadow:0 2px #0006}@media (prefers-reduced-motion:reduce){.pack,.float,.ring,.title .logo,.r-legendary .front:before,.about-avatar{animation:none!important}.coinfx{display:none!important}}