@layer theme, base, cards, components, utilities;@property --afpk-tear{syntax:"<number>";inherits:true;initial-value:0}@property --afpk-dir{syntax:"<number>";inherits:true;initial-value:1}@property --afpk-sx{syntax:"<percentage>";inherits:true;initial-value:30%}@layer components{.afpk{--pw:min(54vw,214px);--ph:calc(var(--pw) * 1.56);--cw:calc(var(--pw) * 0.76);position:relative}.afpk-defs{position:absolute}.afpk-stage{--pack-dy:calc(var(--pw) * 0.04);position:relative;height:calc(var(--pw) * 1.8);user-select:none;-webkit-user-select:none}@media (min-width:640px){.afpk{--pw:236px}}@media (min-width:1000px){.afpk{--pw:clamp(240px,19vw,320px)}}.afpk-scene{position:absolute;inset:0}.afpk-contact{position:absolute;left:50%;top:calc(50% + var(--pack-dy) + var(--ph) * .49);width:calc(var(--pw) * .92);height:calc(var(--pw) * .1);translate:-50% 0;border-radius:50%;background:oklch(.08 .035 256/.8);filter:blur(6px);transition:opacity .4s;pointer-events:none}.afpk:not([data-phase=sealed]) .afpk-contact{opacity:0}.afpk-layer{position:absolute;left:50%;top:calc(50% + var(--pack-dy));width:var(--pw);height:var(--ph);margin-left:calc(var(--pw) / -2);margin-top:calc(var(--ph) / -2);pointer-events:none}.afpk-layer--leak{z-index:1}.afpk-layer--body{z-index:8;filter:drop-shadow(0 2px 2px oklch(.08 .04 256/.5)) drop-shadow(0 26px 26px oklch(.07 .04 256/.55))}.afpk-layer--strip{z-index:9}.afpk-hinge,.afpk-piece{position:absolute;inset:0}.afpk-piece{container-type:inline-size}.afpk-hinge{transform-origin:calc(50% + var(--afpk-dir) * 50%) 11.8%;transform:translateY(calc(var(--afpk-tear) * -1.4%)) rotate(calc(var(--afpk-tear) * var(--afpk-dir) * -11deg))}.afpk-leak{position:absolute;left:4%;right:4%;top:-58%;height:70%;opacity:var(--afpk-tear);background:radial-gradient(44% 26% at 50% 100%,oklch(.99 .025 92/.92),oklch(.99 .025 92/0) 70%),radial-gradient(64% 76% at 50% 100%,oklch(.94 .035 88/.38),oklch(.94 .035 88/0) 72%);filter:blur(8px);mix-blend-mode:screen}.afpk-rim{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:min(1,calc(var(--afpk-tear) * 3))}.afpk-rim polyline{fill:none;stroke:oklch(.97 .04 92);stroke-width:2.5px;vector-effect:non-scaling-stroke}.afpk-cards{position:absolute;inset:0}.afpk-slot{position:absolute;left:50%;top:50%;width:var(--cw);margin-left:calc(var(--cw) / -2);margin-top:calc(var(--cw) * -.6984);opacity:0;will-change:transform}.afpk-card{width:100%}.afpk-glint-clip{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:calc(var(--cw) * .06);pointer-events:none}.afpk-glint{position:absolute;inset:-5% -30%;background:linear-gradient(104deg,oklch(.99 .06 95/0) 38%,oklch(.99 .06 95/.8) 50%,oklch(.99 .06 95/0) 62%);mix-blend-mode:overlay;opacity:0;transform:translateX(-130%)}.afpk-grip{position:absolute;left:50%;top:calc(50% + var(--pack-dy));z-index:12;width:calc(var(--pw) * 1.12);height:var(--ph);margin-left:calc(var(--pw) * -.56);margin-top:calc(var(--ph) / -2);cursor:grab;touch-action:pan-y}.afpk-grip:active{cursor:grabbing}.afpk-controls{position:relative;z-index:13;display:grid;justify-items:center;row-gap:10px;margin-top:10px}.afpk-controls__hint{display:grid;font-size:var(--text-small);line-height:1.45;color:var(--af-night-soft);text-align:center;text-wrap:balance}.afpk-controls__hint>span{grid-area:1/1;visibility:hidden}.afpk-controls__hint>[data-shown]{visibility:visible}.afpk-face{inset:0;overflow:hidden}.afpk-face,.afpk-face>*{position:absolute}.afpk-face__foil{inset:0;background:radial-gradient(85% 42% at 50% 33%,oklch(.4 .09 254),oklch(.4 .09 254/0) 72%),linear-gradient(172deg,oklch(.33 .08 255),oklch(.23 .07 258) 44%,oklch(.27 .075 252) 72%,oklch(.17 .055 260))}.afpk-face__foil:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,oklch(1 0 0/.03) 0 .35cqw,oklch(1 0 0/0) .35cqw 1.5cqw)}.afpk-face__rosette{left:50%;top:31%;width:104cqw;height:104cqw;translate:-50% -50%;fill:none;stroke:oklch(.86 .12 86/.2);stroke-width:.26}.afpk-face__seal{left:0;right:0;z-index:2;height:6.4%;background:repeating-linear-gradient(90deg,oklch(1 0 0/.26) 0 .45cqw,oklch(.2 .05 70/.18) .45cqw 1.55cqw),linear-gradient(180deg,oklch(.8 .06 88),oklch(.62 .075 76) 50%,oklch(.46 .065 68))}.afpk-face__seal--top{top:0;box-shadow:0 .8cqw 1.4cqw oklch(.05 .03 256/.45)}.afpk-face__seal--bottom{bottom:0;background:repeating-linear-gradient(90deg,oklch(1 0 0/.26) 0 .45cqw,oklch(.2 .05 70/.18) .45cqw 1.55cqw),linear-gradient(0deg,oklch(.8 .06 88),oklch(.62 .075 76) 50%,oklch(.46 .065 68));box-shadow:0 -.8cqw 1.4cqw oklch(.05 .03 256/.45)}.afpk-face__tear{left:4.5cqw;right:4.5cqw;top:11.8%;height:0;z-index:2;display:flex;align-items:center}.afpk-face__scissors{flex:none;width:5.6cqw;height:5.6cqw;margin-right:1.4cqw;fill:none;stroke:oklch(.92 .06 92);stroke-width:1.5;stroke-linecap:round}.afpk-face__dash{flex:1;height:0;border-top:.5cqw dashed oklch(.92 .06 92/.8)}.afpk-face__medal{left:50%;top:31%;display:grid;place-items:center;width:34cqw;height:34cqw;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 36% 28%,oklch(.42 .085 256),oklch(.22 .065 257) 70%);box-shadow:0 0 0 1.1cqw oklch(.86 .12 86),0 0 0 2.5cqw oklch(.22 .065 257),0 0 0 2.95cqw oklch(.82 .11 84/.75),0 2.5cqw 6cqw oklch(.04 .03 256/.55);color:oklch(.88 .12 88)}.afpk-face__medal svg{width:60%;height:60%}.afpk-face__series{left:0;right:0;top:47.5%;text-align:center;font-size:10.4cqw;font-weight:800;line-height:1;letter-spacing:.03em;text-transform:uppercase;color:oklch(.93 .05 90)}.afpk-face__sub{left:0;right:0;top:56.6%;text-align:center;font-size:4.3cqw;font-weight:500;line-height:1.2;letter-spacing:.01em;color:oklch(.93 .03 86/.82)}.afpk-face__hints{left:0;right:0;top:63.5%;bottom:0;z-index:1}.afpk-mini{position:absolute;left:50%;top:7%;width:29cqw;aspect-ratio:63/88;margin-left:-14.5cqw;overflow:hidden;border:1.1cqw solid oklch(.93 .035 86);border-radius:2.2cqw;box-shadow:0 2cqw 3.5cqw oklch(.04 .03 256/.55)}.afpk-mini img{object-fit:cover;filter:saturate(.9)}.afpk-mini[data-i="0"]{translate:-25cqw 5.5cqw;rotate:-12deg}.afpk-mini[data-i="1"]{z-index:1}.afpk-mini[data-i="2"]{translate:25cqw 5.5cqw;rotate:12deg}.afpk-face__shade{inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,oklch(.04 .03 256/.6),oklch(.04 .03 256/0) 12%,oklch(1 0 0/.05) 30%,oklch(1 0 0/0) 52%,oklch(1 0 0/0) 82%,oklch(.04 .03 256/.55)),linear-gradient(180deg,oklch(0 0 0/0) 6.4%,oklch(.04 .03 256/.5) 6.5%,oklch(0 0 0/0) 14%,oklch(0 0 0/0) 84%,oklch(.04 .03 256/.55) 93.5%,oklch(0 0 0/0) 93.6%),radial-gradient(60% 40% at 38% 38%,oklch(1 0 0/.08),oklch(1 0 0/0) 70%)}.afpk-face__shade:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,oklch(1 0 0/.08) 0 .3cqw,oklch(1 0 0/0) .3cqw 2.1cqw,oklch(0 0 0/.1) 2.1cqw 2.5cqw,oklch(0 0 0/0) 2.5cqw 4.2cqw);mask-image:linear-gradient(180deg,transparent 6.4%,#000 6.5%,transparent 9%,transparent 91.6%,#000 93.5%,transparent 93.6%)}.afpk-face__holo{inset:0;z-index:4;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(112deg,oklch(.98 .02 90/0) calc(var(--afpk-sx) - 16%),oklch(.98 .02 90/.55) var(--afpk-sx),oklch(.98 .02 90/0) calc(var(--afpk-sx) + 16%))}@media (prefers-reduced-motion:reduce){.afpk-contact{transition:none}}}