@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(assets/fonts/montserrat-cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(assets/fonts/montserrat-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
*{box-sizing:border-box}body{margin:0;background:#0d0c12;color:#f7f5fb;font-family:'Montserrat',Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e2caff;outline-offset:5px}header{height:72px;border-bottom:1px solid #2b2833;display:flex;align-items:center;padding:0 4.2%;gap:20px}.brand{display:flex;align-items:center;font-weight:1000;font-size:23px;letter-spacing:-1.5px;font-style:italic}.brand span{color:#be94ff}.brand i{width:27px;height:28px;position:relative;margin-right:11px;transform:rotate(-10deg)}.brand i:before,.brand b{content:'';position:absolute;border:2px solid #c49aff;border-radius:3px;width:16px;height:22px;top:4px}.brand b{background:#ba8bf4;left:7px;top:1px;transform:rotate(15deg)}.brand b:after{content:'✦';font-style:normal;font-size:15px;color:#2c203a;position:absolute;top:0;left:1px}.edition,.series,.coord,.count,.steps{font:10px/1.4 'Montserrat',Arial,sans-serif;letter-spacing:1.55px}.edition{border-left:1px solid #39323f;padding-left:20px;color:#a49daF}.soundwrap{margin-left:auto}#sound{display:flex;align-items:center;gap:9px;background:#18161f;color:#d5cfdf;border:1px solid #37323e;padding:8px 13px;border-radius:20px;font-size:12px}#sound svg{width:16px;height:16px}main{max-width:1650px;margin:auto;padding:0 4.2%}.heading{padding:30px 0 22px}.series{display:flex;align-items:center;gap:10px;color:#c5a5f1;font-weight:bold;font-size:10px}.series i,.tr i{width:7px;height:7px;background:#b78be7;border-radius:50%}em{color:#70697a;font-style:normal}h1{font-size:clamp(38px,4vw,64px);letter-spacing:-.064em;margin:8px 0 0;line-height:1.07}h1 span{color:#b697ec}.stage{isolation:isolate;position:relative;height:clamp(500px,calc(100svh - 261px),800px);overflow:hidden;border:1px solid #4b3a60;border-radius:21px;background:radial-gradient(ellipse at 50% 56%,#755296 0%,#49335e 23%,#2a203c 54%,#171421 89%)}.stars,.floor,.center,.controls,.coord,.halo,.cornermark{position:absolute}.stars{inset:0;background-image:radial-gradient(1px 1px at 12% 15%,#fff 94%,transparent),radial-gradient(1px 1px at 81% 34%,#dcc4fb 90%,transparent),radial-gradient(1px 1px at 41% 87%,#c3a9db 80%,transparent);background-size:211px 177px,311px 217px,179px 283px;opacity:.65}.floor{width:250%;left:-75%;bottom:-41%;height:78%;transform:perspective(370px) rotateX(60deg);background-image:linear-gradient(#ba8bde33 1px,transparent 1px),linear-gradient(90deg,#ba8bde33 1px,transparent 1px);background-size:52px 48px;mask-image:linear-gradient(transparent,#000 38%)}.coord{top:23px;color:#c4b5d6}.tl{left:25px}.tl b{color:#f3ebff}.tr{right:25px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff28;background:#1c1725a8;padding:6px 10px;border-radius:20px;font-size:9px}.center{inset:40px 0 112px;display:grid;place-items:center;perspective:900px}.object{height:min(100%,490px);aspect-ratio:881/1500;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx,4deg)) rotateY(var(--ry,-10deg)) rotateZ(-6deg);transition:transform .18s ease-out;filter:drop-shadow(7px 18px 15px #11091e88)}#pack,#card{position:absolute;inset:0;border:0;background:none;padding:0;transform-style:preserve-3d}#pack{animation:bob 4s ease-in-out infinite}.foil{position:absolute;inset:0;background:url(assets/pack.webp?v=2) center/100% 100%;mask:url(assets/pack.webp?v=2) center/100% 100%;filter:drop-shadow(2px 1px 1px #65497e)}.foil:after,.face:after{content:'';position:absolute;inset:0;background:linear-gradient(113deg,transparent 29%,#9ceaff30 38%,#ffe8ff91 46%,#e5adff47 51%,transparent 60%);background-size:230% 100%;background-position:var(--shine,65%) 50%;mix-blend-mode:screen;pointer-events:none}.top{clip-path:polygon(0 0,100% 0,100% 7%,80% 6.5%,60% 7.2%,35% 6.7%,0 7.3%)}.body{clip-path:polygon(0 7.3%,35% 6.7%,60% 7.2%,80% 6.5%,100% 7%,100% 100%,0 100%)}.halo{width:min(420px,75%);height:10%;bottom:-1%;border-radius:50%;background:radial-gradient(ellipse,#dab7ff88,transparent 68%);filter:blur(6px)}.controls{bottom:21px;width:100%;text-align:center}.primary{border:1px solid #debdff;background:#c9a5ff;color:#20112e;border-radius:11px;padding:14px 22px;display:inline-flex;align-items:center;gap:18px;font-weight:bold;text-decoration:none;box-shadow:0 4px 25px #b287eb26}.primary:hover{background:#decbff}.packicon{font-size:21px;line-height:16px}.controls p{color:#c0accd;font-size:12px;margin:18px 0 0}.cornermark{bottom:24px;width:15px;height:15px;border-bottom:1px solid #937aa1}.left{left:25px;border-left:1px solid #937aa1}.right{right:25px;border-right:1px solid #937aa1}footer{display:flex;align-items:center;justify-content:space-between;padding:20px 0 23px;color:#948c9f}.steps{display:flex;align-items:center;gap:12px;font-size:10px}.steps span{color:#827a90}.steps b{letter-spacing:0;font:12px Montserrat,Arial,sans-serif}.steps .active{color:#cba8ff}.steps i{width:24px;height:1px;background:#43394d}.count em{padding:0 6px}
#card{opacity:0;pointer-events:none;transition:transform 1s cubic-bezier(.25,.78,.25,1);aspect-ratio:976/1464;inset:auto 0;top:50%;transform:translateY(-50%)}.face{position:absolute;inset:0;background-size:100% 100%;border-radius:6%/4%;backface-visibility:hidden;overflow:hidden}.back{background-image:url(assets/back.webp?v=2)}.front{background-image:url(assets/kirill-gold.webp?v=17);transform:rotateY(180deg)}[data-state=opening] #pack{animation:none}[data-state=opening] .top{animation:tear 1s forwards}[data-state=opening] .body{animation:drop 1.35s forwards}[data-state=opening] #card{animation:emerge 1.35s both;z-index:-1}[data-state=back] #pack,[data-state=win] #pack{display:none}[data-state=back] #card,[data-state=win] #card{opacity:1;pointer-events:auto}[data-state=back] .object,[data-state=win] .object{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}[data-state=win] #card{transform:translateY(-50%) rotateY(180deg)}[data-state=win] .halo{background:radial-gradient(ellipse,#ffdb8288,transparent 70%)}[data-state=win]:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,#fff4be 0%,#ffbd4c88 22%,transparent 63%);animation:flash 1.2s forwards}[data-state=win] .controls{display:none}[data-state=win] .center{bottom:40px}#win{text-align:center;padding:25px 12px 12px}#win h2{font-size:36px;margin:0}#win p{max-width:530px;margin:12px auto 20px;line-height:1.5;color:#d0c3dd}#reset{display:block;background:none;border:none;color:#c4accd;margin:15px auto}.primary:disabled{opacity:.65;cursor:wait}@keyframes bob{50%{transform:translateY(-6px) rotateZ(1.3deg)}}@keyframes tear{to{transform:translate(45%,-42%) rotate(30deg);opacity:0}}@keyframes drop{25%{transform:translateY(3%)}to{transform:translateY(135%) rotate(-13deg);opacity:0}}@keyframes emerge{0%,16%{opacity:0;transform:translateY(-40%) scale(.82)}60%{opacity:1;transform:translateY(-63%) scale(.96)}100%{opacity:1;transform:translateY(-50%)}}@keyframes flash{0%,28%,100%{opacity:0}48%{opacity:.92}}
@media(max-width:600px){header{height:58px;padding:0 18px;gap:12px}.edition{font-size:8px;padding-left:12px}.brand{font-size:20px}#sound span{display:none}#sound{padding:9px}.heading{padding:24px 0 19px}h1{font-size:clamp(31px,8vw,46px)}main{padding:0 14px}.stage{height:clamp(450px,calc(100svh - 215px),690px);border-radius:16px}.center{inset:62px 0 112px}.object{max-width:58%;height:auto;max-height:100%;width:auto;justify-self:center;height:min(100%,430px)}.tl{left:16px}.tr{right:16px}.coord{top:16px}.steps{gap:7px}.steps i{width:11px}.count{font-size:8px}.controls{bottom:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01s!important;transition-duration:.01s!important}}
body{background:#181421}main{padding:0;margin:0;max-width:none}.stage{width:100%;height:100svh;min-height:460px;max-height:none;border:0;border-radius:0;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);padding:clamp(54px,7vh,84px) 16px max(18px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 77%,#493258 0,#2d203c 42%,#191522 87%)}.center,[data-state=win] .center{position:relative;grid-area:2/1;inset:auto;min-height:0}.object{height:auto;width:min(30.6vh,65.7vw,322.2px);max-width:100%;max-height:100%;aspect-ratio:881/1500}.halo{bottom:0}.controls,#win{position:relative;grid-area:2/1;align-self:center;inset:auto;padding:16px 12px 5px;width:min(100%,670px);justify-self:center}.controls{z-index:1}#win{visibility:hidden;pointer-events:none}#win[aria-hidden=false]{visibility:visible;pointer-events:auto}.stage[data-state=win] .controls{display:none}#win h2{font-size:clamp(23px,3.4vh,40px);letter-spacing:-.04em}#win p{font-size:clamp(13px,1.9vh,18px);margin:7px auto 24px}#reset{margin:8px auto 0;padding:4px 10px}.floor,.halo,.stars,.cornermark{pointer-events:none}.coord{z-index:1}.front:after{opacity:.35}@media(max-height:560px){.stage{min-height:355px;padding-top:40px}#win{padding-top:6px}.object{width:min(25.2vh,162px)}#win h2{font-size:20px}#win p{margin:3px auto 12px}.primary{padding:8px 18px}}
#light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.stage[data-state=win]:after{display:none}
.stage[data-state=win] #card{animation:legend-turn .48s both;transition:none}
.stage[data-state=win] .front{animation:legend-gold 2.5s both}
@keyframes legend-turn{0%,17%{transform:translateY(-50%) rotateY(0deg)}55%{transform:translateY(-50%) rotateY(88deg)}88%{transform:translateY(-50%) rotateY(184deg)}100%{transform:translateY(-50%) rotateY(180deg)}}
@keyframes legend-gold{0%,10%{filter:brightness(1)}18%,48%{filter:sepia(1) saturate(5) brightness(2.8);box-shadow:0 0 5px 4px #fff5b0,0 0 14px 8px gold}70%{filter:sepia(.5) saturate(2) brightness(1.6);box-shadow:0 0 5px 2px #ffea93,0 0 13px 4px #ffbc35}100%{filter:brightness(1);box-shadow:0 0 7px 1px #ffd872,0 0 18px 2px #ffba3640}}
@media(prefers-reduced-motion:reduce){.stage[data-state=win] #card,.stage[data-state=win] .front{animation:none}}
.stage[data-state=win] .front{outline:2px solid #fffbd6;animation:legend-gold 2.5s both}
@keyframes legend-gold{
  0%,10%{filter:brightness(1)}
  18%,48%{filter:sepia(1) saturate(5) brightness(2.8);box-shadow:0 0 6px 4px #fff5b0,0 0 18px 9px gold}
  70%{filter:sepia(.45) saturate(2) brightness(1.6)}
  100%{filter:brightness(1);box-shadow:0 0 4px 2px #fffef0,0 0 11px 5px #ffed84,0 0 24px 8px #ffad37bb,0 0 44px 9px #ff9f443f}
}
.stage[data-state=win] .front:after{background:repeating-linear-gradient(117deg,transparent 0%,rgba(255,84,202,.72) 9%,rgba(161,97,255,.83) 14%,rgba(82,182,255,.85) 19%,rgba(115,255,206,.76) 25%,rgba(255,232,128,.7) 31%,transparent 41%,transparent 49%);background-size:275% 160%;mix-blend-mode:screen;opacity:.52;animation:foil-colors 5.4s ease-in-out infinite alternate}
@keyframes foil-colors{from{background-position:0% 20%}to{background-position:100% 80%}}
.edge-rays{display:none;position:absolute;inset:0;transform:rotateY(180deg);backface-visibility:hidden;pointer-events:none}
.stage[data-state=win] .edge-rays{display:block}
.edge-rays i{position:absolute;width:2.7%;height:var(--length);transform-origin:50% 100%;background:linear-gradient(to top,#fffbd3,#ffc352b0 36%,transparent);clip-path:polygon(50% 0%,100% 100%,0% 100%);animation:edge-glint 2.8s ease-in-out infinite}
@keyframes edge-glint{0%,100%{opacity:.25;transform:translate(-50%,-100%) rotate(var(--angle)) scaleY(.55)}50%{opacity:.96;transform:translate(-50%,-100%) rotate(var(--angle)) scaleY(1)}}
@media(prefers-reduced-motion:reduce){.stage[data-state=win] .front{animation:none;box-shadow:0 0 6px 3px #fff09b,0 0 18px 7px #ffba51aa}.stage[data-state=win] .front:after{animation:none}.edge-rays i{animation:none;opacity:.55;transform:translate(-50%,-100%) rotate(var(--angle))}}
body,.stage{background:#0a0e16}.foil{background-image:var(--wrapper,url(assets/pack.webp));mask-image:var(--wrapper,url(assets/pack.webp))}
.pack-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);border-radius:50%;width:44px;height:44px;display:grid;place-content:center;color:#e8e0f2;background:#ffffff08;border:1px solid #ffffff36;font:30px/1 Montserrat,Arial,sans-serif;transition:background .18s}.pack-arrow:hover{background:#ffffff1c}.prev{left:max(0px,calc(50% - min(17vh,36.5vw,179px) - 83px))}.next{right:max(0px,calc(50% - min(17vh,36.5vw,179px) - 83px))}.stage:not([data-state=sealed]) .pack-arrow{display:none}
.pack-row{display:none}.controls .instructions{display:none}.stage[data-state=sealed] .instructions{display:block;margin:0 0 32px;text-wrap:balance}
.primary{position:relative}.primary:after{content:'';position:absolute;inset:-2px;border:2px solid #ceabff;border-radius:inherit;pointer-events:none;animation:button-pulse 1.05s ease-out infinite}
@keyframes button-pulse{0%{opacity:.78;transform:scale(1)}78%,100%{opacity:0;transform:scale(1.16,1.42)}}
@media(min-width:768px){
.stage[data-state=sealed] .pack-arrow,.stage[data-state=sealed] #pack{display:none}
.stage[data-state=sealed] .pack-row{display:grid;position:absolute;inset:0;place-items:center;perspective:1000px;z-index:2;--slot:min(31vw,46vh,455px)}
.display-pack{display:block;grid-area:1/1;width:min(34vh,24vw,358px);aspect-ratio:881/1500;position:relative;padding:0;background:transparent;border:none;transition:transform .56s cubic-bezier(.22,.75,.2,1),filter .5s;transform-style:preserve-3d;filter:brightness(.44) saturate(.72)}
.display-foil{position:absolute;inset:0;background:var(--cover) center/100% 100%;mask:var(--cover) center/100% 100%;pointer-events:none}
.display-foil:after{content:'';position:absolute;inset:0;background:linear-gradient(113deg,transparent 29%,#9ceaff30 38%,#ffe8ff91 46%,#e5adff47 51%,transparent 60%);background-size:230% 100%;background-position:var(--shine,65%) 50%;mix-blend-mode:screen}
.display-pack[data-position=left]{transform:translateX(calc(-1 * var(--slot))) scale(.78) rotateY(12deg) rotateZ(-8deg)}
.display-pack[data-position=right]{transform:translateX(var(--slot)) scale(.78) rotateY(-12deg) rotateZ(8deg)}
.display-pack[data-position=center]{z-index:1;transform:rotateX(var(--rx,4deg)) rotateY(var(--ry,-10deg)) rotateZ(-6deg);filter:brightness(1) drop-shadow(7px 18px 15px #11091e88)}
.display-pack[data-position=center] .display-foil{animation:bob 4s ease-in-out infinite}
.display-pack:not([data-position=center]):hover{filter:brightness(.72) saturate(.9)}
}
@media(prefers-reduced-motion:reduce){.primary:after,.display-pack[data-position=center] .display-foil{animation:none}.primary:after{display:none}.display-pack{transition:none}}
.coord.tl{font:300 clamp(13px,1.15vw,17px)/1.4 'Montserrat',Arial,sans-serif;color:#ebe6f3;letter-spacing:0;top:24px;max-width:calc(100% - 130px)}
.coord.tr{z-index:5;gap:0;padding:2px}.tr button{border:0;border-radius:18px;padding:7px 10px;background:transparent;color:#b6adbf;font:600 11px/1.25 'Montserrat',Arial,sans-serif}.tr button[aria-pressed=true]{color:#171222;background:#cfb3ef}.stage[data-state=sealed] .instructions,#win p{font:400 clamp(13px,1.9vh,18px)/1.5 'Montserrat',Arial,sans-serif;color:#d0c3dd}
.hand{display:none}.stage:is([data-state=opening],[data-state=back],[data-state=win]) .hand{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;justify-self:center;width:min(100%,1150px);perspective:1100px}
.stage:is([data-state=back],[data-state=win]) .object{display:none}
.slot{position:relative;width:min(78.3%,27.9vh,286.2px,60cqh);aspect-ratio:2/3;transform-style:preserve-3d;transform:rotateX(var(--lean-x,0deg)) rotateY(var(--lean-y,0deg));transition:transform .15s ease-out;--shine:50%}
.hand .slot button{position:absolute;inset:0;width:100%;height:100%;top:0;transform:rotateY(0);transform-style:preserve-3d;background:none;padding:0;border:0}
.hand .slot .minor{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.hand .minor.revealed{transform:rotateY(180deg)}
.hand .basic{background-image:var(--art);transform:rotateY(180deg)}
.hand button:disabled{cursor:default}
.stage[data-state=win] .hand #card{top:0;transform:rotateY(180deg);animation:hand-turn .48s both}
@keyframes hand-turn{0%,17%{transform:rotateY(0)}55%{transform:rotateY(88deg)}88%{transform:rotateY(184deg)}100%{transform:rotateY(180deg)}}
@media(max-width:650px){.stage:is([data-state=opening],[data-state=back],[data-state=win]) .hand{width:100%;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;align-items:center}.hand .slot{height:min(90%,37.8vw);width:auto;max-width:90%}.hand .legendary{grid-row:2;grid-column:1/-1}.slot.junior:first-child{justify-self:end}.slot.junior:last-child{justify-self:start}.stage:is([data-state=back],[data-state=win]) .center{min-height:0}}
@media(prefers-reduced-motion:reduce){.stage[data-state=win] .hand #card{animation:none}}
.stage[data-state=back] .hand #card{inset:0;top:0;transform:rotateY(0)}
.slot:hover{z-index:1}
.hand .slot button:disabled{pointer-events:none}
.stage:not([data-state=sealed]) .halo{display:none}
.stage[data-state=opening] .object{z-index:2;pointer-events:none;filter:none}
.stage[data-state=opening] .hand{pointer-events:none}
.stage[data-state=opening] .hand #card{inset:0;opacity:1;transform:none;animation:none;z-index:auto}
.slot:first-child{--rest-angle:-5deg}.slot:last-child{--rest-angle:6deg}
.slot{transform:rotateZ(var(--rest-angle,0deg)) rotateX(var(--lean-x,0deg)) rotateY(var(--lean-y,0deg))}
.stage[data-state=win] .edge-rays{display:none}
.stage[data-state=win] .front{outline:0;animation:soft-reveal 2.5s both}
@keyframes soft-reveal{
  0%,10%{filter:brightness(1)}
  20%,45%{filter:sepia(.7) saturate(2.4) brightness(2.2);box-shadow:0 0 14px 5px #fff3b1,0 0 38px 13px #ffbd4cbf}
  100%{filter:brightness(1);box-shadow:0 0 9px 2px #fff1afaa,0 0 21px 6px #ffd36caf,0 0 44px 13px #ffb65070,0 0 72px 16px #ff9f3b22}
}
@media(prefers-reduced-motion:reduce){.stage[data-state=win] .front{animation:none;box-shadow:0 0 12px 3px #fff0aaba,0 0 35px 10px #ffbf527f}}
.stage[data-state=back] #action{display:none}
#win p{white-space:pre-line;width:min(100%,660px);max-width:660px}
.hand #card .face{border-radius:8.05% / 5.77%}
.card-resume-link{position:absolute;inset:0;z-index:3;border-radius:8.05% / 5.77%;cursor:pointer}

#win[aria-hidden=false] :is(h2,p){animation:win-text-in .46s cubic-bezier(.2,.7,.2,1) both}
@keyframes win-text-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#win[aria-hidden=false] :is(h2,p){animation:none}}
.stage{grid-template-rows:auto minmax(0,1fr) auto;padding-top:clamp(12px,2vh,24px)}.mast{grid-area:1/1;text-align:center;z-index:1;pointer-events:none}.mast img{width:min(40.6vw,54.6vh,462px);height:auto;display:block;margin:auto}.mast p{margin:6px 0 4px;color:#ded3e9;font-size:clamp(12px,1.65vh,16px);line-height:1.45}.center{container-type:size}.controls,#win{grid-area:3/1}.display-pack{max-height:94%;width:auto;max-width:24vw;height:min(45vh,513px)}.opening-loader{display:none}
.stage[data-state=opening] #action,.stage[data-state=opening] #hint{display:none}
.stage[data-state=opening] .opening-loader{display:grid;justify-items:center;gap:7px;font-size:12px;line-height:1.5;color:#d0c3dd}
.opening-loader img{width:32px;height:32px;animation:ball-spin 1s linear infinite}
.stage[data-state=back] #hint{margin:0;font:400 clamp(13px,1.9vh,18px)/1.5 Montserrat,Arial,sans-serif;color:#d0c3dd}
@keyframes ball-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.stage{padding-top:57px}.mast img{width:min(78.4vw,336px)}.mast p{margin:5px auto;max-width:90%}}
@media(max-height:600px){.mast img{max-height:60.2px;width:auto}.mast p{margin:2px auto;font-size:12px}}
@media(prefers-reduced-motion:reduce){.opening-loader img{animation:none}}