@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(../media/bangers-vietnamese-400-normal.0ydlhtrs56m1v.woff2)format("woff2"),url(../media/bangers-vietnamese-400-normal.3ic2mxw_yxsiu.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(../media/bangers-latin-ext-400-normal.117w6x8apt-q4.woff2)format("woff2"),url(../media/bangers-latin-ext-400-normal.1qjavg414ib1u.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(../media/bangers-latin-400-normal.2a1s7hed12h_4.woff2)format("woff2"),url(../media/bangers-latin-400-normal.2akgy_ujbqx8_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.pp-bangers{font-family:"Bangers", var(--font-sans);letter-spacing:.03em;text-transform:uppercase;font-weight:400}.pp-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffc93c;align-items:center;gap:10px;font-size:13px;display:inline-flex}.pp-kicker:before{content:"";background:#ff5a36;width:18px;height:4px;transform:skew(-20deg)}.pp-h2{text-wrap:balance;font-family:"Bangers", var(--font-sans);text-transform:uppercase;letter-spacing:.02em;color:#fff1d6;text-shadow:3px 4px #120d16;margin:0;font-size:clamp(44px,6vw,88px);font-weight:400;line-height:.95}.pp-link{color:#fff1d6;text-underline-offset:5px;font-weight:600}.pp-logo{width:100%;height:auto}.pp-dots{pointer-events:none;aspect-ratio:1;background-image:radial-gradient(var(--c) 1.6px, transparent 1.9px);opacity:.22;background-size:14px 14px;width:min(520px,70vw);position:absolute}.pp-dots.tr{top:0;right:0;-webkit-mask-image:radial-gradient(circle at 100% 0,#000 0,#0000 70%);mask-image:radial-gradient(circle at 100% 0,#000 0,#0000 70%)}.pp-dots.bl{bottom:0;left:0;-webkit-mask-image:radial-gradient(circle at 0 100%,#000 0,#0000 70%);mask-image:radial-gradient(circle at 0 100%,#000 0,#0000 70%)}.pp-hero{color:#fff1d6;background:radial-gradient(70% 50% at 50% 100%,#ff5a3633,#0000 70%),radial-gradient(45% 35% at 8% 0,#a98bff21,#0000 70%),radial-gradient(45% 35% at 92% 0,#3dd6c01a,#0000 70%),#18141f;padding:clamp(40px,5vw,72px) 0 clamp(64px,8vw,112px);position:relative;overflow:hidden}.pp-line{text-shadow:3px 4px #120d16;text-wrap:balance;margin:10px 0 0;font-size:clamp(32px,4.2vw,60px);line-height:1.02}.pp-try{flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:clamp(56px,7vw,88px);display:flex}.pp-try-rule{letter-spacing:-.01em;text-wrap:balance;max-width:30ch;margin:0 0 6px;font-size:clamp(20px,2vw,26px);font-weight:650;line-height:1.25}.pp-toy{background:#120d16;border:1px solid #fff1d614;flex-direction:column;align-items:center;gap:12px;width:min(100%,620px);padding:clamp(14px,2.4vw,26px);display:flex;position:relative;box-shadow:8px 10px #00000059}.pp-toy-svg{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;overflow:visible}.pp-toy-svg:focus{outline:none}.pp-toy-svg:focus-visible{outline-offset:4px;outline:3px solid #ffc93c}.pp-shake{animation:.14s steps(2,end) infinite pp-shake}@keyframes pp-shake{0%{transform:translate(-.6px)}50%{transform:translate(.6px,-.4px)}}.pp-wave{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.2,.8,.3,1) both pp-wave}@keyframes pp-wave{0%{opacity:1;transform:scale(.15)}to{opacity:0;transform:scale(1)}}.pp-burst{transform-box:fill-box;transform-origin:50%;animation:.55s cubic-bezier(.3,1.6,.5,1) both pp-burst}@keyframes pp-burst{0%{opacity:1;transform:scale(.2)rotate(-25deg)}60%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.3)}}.pp-tag{fill:#ffc93c;stroke:#120d16;stroke-width:6px;stroke-linejoin:round;paint-order:stroke;transform-box:fill-box;transform-origin:50%;pointer-events:none;font-size:30px;animation:.3s steps(4,end) both pp-slam}.pp-tag.pp-ko{fill:#ff5a36;font-size:26px}@keyframes pp-slam{0%{transform:rotate(-6deg)scale(2.2)}to{transform:rotate(-6deg)scale(1)}}.pp-toy-hud{align-items:center;gap:16px 20px;width:100%;display:flex}.pp-meter{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff1d6c7;flex:1;grid-template-columns:auto minmax(0,1fr) 3.4em;align-items:center;gap:10px;font-size:12px;display:grid}.pp-meter-bar{background:#2a2232;border:2px solid #000;height:14px;position:relative}.pp-meter-bar i{height:100%;display:block}.pp-meter-bar:after{content:"";background:#fff1d6;width:2px;position:absolute;top:-5px;bottom:-5px;left:60%}.pp-meter-v{text-align:right;color:#fff1d6}.pp-patla{color:#120d16;height:54px;font-family:"Bangers", var(--font-sans);letter-spacing:.05em;cursor:pointer;background:#ffc93c;border:2.5px solid #000;flex-shrink:0;padding:0 28px;font-size:28px;transition:transform 80ms,box-shadow 80ms;transform:skew(-9deg);box-shadow:4px 5px #000}.pp-patla:not(:disabled):active{transform:skew(-9deg)translate(3px,4px);box-shadow:1px 1px #000}.pp-patla:disabled{color:#fff1d699;cursor:default;background:#2e2638;box-shadow:4px 5px #0009}.pp-patla:focus-visible{outline-offset:3px;outline:3px solid #fff1d6}.pp-toy-msg{min-height:1.5em;font-family:var(--font-mono);letter-spacing:.03em;color:#fff1d6d1;text-wrap:balance;margin:2px 0 0;font-size:13px;line-height:1.5}.pp-toy-left{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff1d699;margin:-6px 0 0;font-size:11px}.pp-toy.done .pp-toy-msg,.pp-toy.done .pp-toy-left,.pp-toy.done .pp-toy-hud{display:none}.pp-toy-end{opacity:0;flex-direction:column;align-items:center;gap:12px;max-height:0;transition:opacity .5s .2s;display:flex;overflow:hidden}.pp-toy.done .pp-toy-end{opacity:1;max-height:none;overflow:visible}.pp-toy-h{color:#ffc93c;text-shadow:3px 4px #120d16;margin:0;font-size:clamp(27px,3.4vw,44px);line-height:1;position:relative}.pp-toy-sub{color:#fff1d6c2;max-width:40ch;margin:0;font-size:16px;line-height:1.5}.pp-again{color:#fff1d6d9;height:40px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #fff1d640;align-items:center;gap:8px;padding:0 16px;font-size:11px;display:inline-flex}.pp-again:hover{color:#fff1d6;border-color:#fff1d68c}.pp-hero-st{pointer-events:none;width:132px;position:absolute;top:96px}.pp-hero-st svg{width:100%;height:auto;display:block}.pp-hero-st.a{left:max(0px,50% - 470px)}.pp-hero-st.a svg{transform:rotate(-9deg)}.pp-hero-st.b svg{transform:rotate(8deg)}.pp-hero-st.b{width:116px;top:150px;right:max(0px,50% - 470px)}.pp-tape{z-index:1;clip-path:polygon(0 10%,6% 0,10% 14%,16% 2%,22% 0,100% 0,96% 16%,100% 34%,95% 52%,100% 70%,96% 88%,100% 100%,0 100%,5% 84%,0 66%,4% 48%,0 30%);background:#fff1d6b8;width:70px;height:22px;position:absolute;top:-2px;left:50%;transform:translate(-50%)rotate(-7deg)}@media (max-width:1040px){.pp-hero-st{display:none}}.pp-toy-h>span{position:relative}.pp-toy-splat{width:136%;height:190%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.pp-toy.done .pp-toy-sub{margin-top:18px}.pp-toy-h{padding:18px 10px 10px;color:#120d16!important;text-shadow:none!important}.pp-badge{text-align:left;border-radius:16px;align-items:center;gap:12px;height:56px;padding:0 20px 0 16px;display:inline-flex}.pp-badge svg{flex-shrink:0;display:block}.pp-badge>span{line-height:1.1}.pp-badge small{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-size:11px;display:block}.pp-badge b{font-size:18px;font-weight:700;display:block}.pp-badge.soon{color:#fff1d6;border:1.5px dashed #fff1d652}.pp-sec{color:#fff1d6;padding:clamp(72px,8.5vw,124px) 0;position:relative}.pp-intro{padding-top:clamp(40px,5vw,72px)}.pp-sec+.pp-sec{border-top:1px solid #fff1d60f}.pp-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:20px clamp(32px,5vw,72px);display:grid}@media (max-width:860px){.pp-head{grid-template-columns:minmax(0,1fr)}}.pp-head .pp-h2{font-size:clamp(44px,5.2vw,78px)}.pp-body{color:#fff1d6c2;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6}.pp-split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:32px clamp(40px,6vw,96px);display:grid}@media (max-width:860px){.pp-split{grid-template-columns:minmax(0,1fr)}}.pp-lead{letter-spacing:-.015em;color:#fff1d6;text-wrap:pretty;max-width:36ch;margin:0;font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.35}.pp-split .pp-body{max-width:46ch}.pp-panel{background:#241d2e;border:1px solid #fff1d612;transition:transform .16s,box-shadow .16s;box-shadow:6px 7px #0b080e}.pp-panel:hover{transform:translate(-2px,-2px);box-shadow:8px 9px #0b080e}.pp-card-t{font-family:"Bangers", var(--font-sans);text-transform:uppercase;letter-spacing:.03em;color:#fff1d6;margin:0;font-size:clamp(26px,2.2vw,32px);font-weight:400;line-height:1}.pp-card-meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c,#ffc93c);font-size:12px}.pp-card-p{color:#fff1d6c2;margin:0;font-size:16px;line-height:1.55}.pp-card-tr{font-family:var(--font-mono);letter-spacing:.06em;color:#fff1d699;margin-top:auto;padding-top:6px;font-size:11px}.pp-moves{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:1080px){.pp-moves{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.pp-moves{grid-template-columns:minmax(0,1fr)}}.pp-move{border-top:4px solid var(--c);flex-direction:column;gap:6px;padding:24px 24px 28px;display:flex;position:relative}.pp-pad{background:var(--c);color:#120d16;border:2.5px solid #120d16;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:22px;right:20px;box-shadow:3px 4px #0b080e}.pp-move-word{color:var(--c);text-shadow:3px 4px #120d16;font-size:clamp(48px,4.6vw,60px);line-height:1}.pp-move-en{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff1d6b3;margin-bottom:8px;font-size:12px}.pp-flavours{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:1080px){.pp-flavours{grid-template-columns:repeat(2,minmax(0,1fr))}}.pp-flavour{flex-direction:column;gap:8px;padding:14px 20px 20px;display:flex}.pp-flavour-art{place-items:center;height:220px;margin-bottom:4px;display:grid;position:relative}.pp-flavour-art:before{content:"";background-image:radial-gradient(color-mix(in srgb, var(--c) 60%, transparent) 1.5px, transparent 1.8px);background-size:12px 12px;position:absolute;inset:8% 10%;-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000);mask-image:radial-gradient(closest-side,#000 30%,#0000)}.pp-flavour-kernel{width:auto;height:196px;transition:transform .3s cubic-bezier(.3,1.5,.5,1);position:relative;transform:rotate(-4deg)}.pp-flavour:nth-child(2n) .pp-flavour-kernel{transform:rotate(4deg)}.pp-flavour:hover .pp-flavour-kernel{transform:translateY(-6px)rotate(-7deg)}.pp-tagword{color:var(--c);-webkit-text-stroke:1.5px #120d16;text-shadow:1px 1px #120d16,2px 2px #120d16,3px 3px #120d16,4px 4px #120d16,5px 5px #120d16;font-size:30px;line-height:1;position:absolute;bottom:6px;right:2px;transform:rotate(-6deg)skew(-12deg)}@media (max-width:600px){.pp-flavours{gap:12px}.pp-flavour{padding:8px 12px 14px}.pp-flavour-art{height:156px}.pp-flavour-kernel{height:138px}.pp-tagword{font-size:22px}.pp-flavour .pp-card-t{font-size:24px}.pp-flavour .pp-card-meta{letter-spacing:.04em;font-size:10.5px}.pp-flavour .pp-card-p{font-size:14.5px;line-height:1.5}}.pp-pans{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:900px){.pp-pans{grid-template-columns:repeat(2,minmax(0,1fr))}}.pp-pan{flex-direction:column;gap:8px;padding:12px 20px 22px;display:flex}.pp-pan-art{aspect-ratio:11/7;place-items:center;padding:6% 4% 2%;display:grid}.pp-pan-art svg{width:100%;height:auto;display:block;overflow:visible}@media (max-width:600px){.pp-pans{gap:12px}.pp-pan{padding:6px 12px 14px}.pp-pan .pp-card-t{font-size:24px}.pp-pan .pp-card-p{font-size:14.5px;line-height:1.5}}.pp-ways{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:32px clamp(32px,5vw,72px);margin-top:clamp(16px,3vw,40px);display:grid}@media (max-width:860px){.pp-ways{grid-template-columns:minmax(0,1fr)}}.pp-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin:8px 0 0;padding:0;list-style:none;display:grid}@media (max-width:600px){.pp-modes{grid-template-columns:minmax(0,1fr)}}.pp-modes li{border-top:1px solid #fff1d61f;flex-direction:column;gap:6px;padding-top:16px;display:flex}.pp-modes-n{font-family:var(--font-mono);letter-spacing:.1em;color:#ff5a36;font-size:12px}.pp-modes b{font-family:"Bangers", var(--font-sans);text-transform:uppercase;letter-spacing:.03em;font-size:28px;font-weight:400;line-height:1}.pp-modes span:last-child{color:#fff1d6c2;font-size:16px;line-height:1.55}.pp-custom{border-top:4px solid #ffc93c;flex-direction:column;gap:10px;padding:26px 26px 30px;display:flex}.pp-custom:hover{transform:none;box-shadow:6px 7px #0b080e}.pp-screens-sec{overflow:hidden}.pp-shots{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ffc93c80 transparent;gap:20px;margin:0;padding:4px max(clamp(20px,5vw,64px),50% - 576px) 28px;scroll-padding:0 max(clamp(20px,5vw,64px),50% - 576px);list-style:none;display:flex;overflow-x:auto}.pp-shots:focus-visible{outline-offset:-3px;outline:3px solid #ffc93c}.pp-shot{scroll-snap-align:start;flex-direction:column;flex:0 0 min(720px,86vw);gap:14px;display:flex}.pp-device{background:linear-gradient(160deg,#3a3046,#120d16 70%);border-radius:clamp(22px,3vw,36px);padding:clamp(6px,1vw,10px) clamp(10px,1.4vw,16px);position:relative;box-shadow:0 30px 60px #00000073,0 0 0 1px #fff1d614}.pp-device img{aspect-ratio:1266/585;background:#120d16;border-radius:clamp(14px,2vw,24px);width:100%;height:auto}.pp-shot-cap{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff1d6b8;font-size:12px}.pp-faq-grid .pp-h2{font-size:clamp(44px,5vw,76px)}.pp-faq-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:40px clamp(40px,6vw,96px);display:grid}@media (max-width:860px){.pp-faq-grid .pp-h2{font-size:clamp(44px,5vw,76px)}.pp-faq-grid{grid-template-columns:minmax(0,1fr)}}.pp-faq details{border-top:1px solid #fff1d61f}.pp-faq details:last-child{border-bottom:1px solid #fff1d61f}.pp-faq summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:clamp(18px,1.6vw,21px);font-weight:650;list-style:none;display:flex}.pp-faq summary::-webkit-details-marker{display:none}.pp-faq summary:after{content:"+";width:32px;height:32px;font-family:var(--font-mono);color:#ffc93c;border:1.5px solid #fff1d640;flex-shrink:0;place-items:center;font-size:18px;transition:transform .2s;display:grid}.pp-faq details[open] summary:after{transform:rotate(45deg)}.pp-faq summary:hover{color:#ffc93c}.pp-faq details p{color:#fff1d6c2;max-width:58ch;margin:0;padding:0 48px 24px 0;font-size:17px;line-height:1.6}.pp-faq a{color:#fff1d6;text-underline-offset:4px}.pp-getit{background:radial-gradient(60% 50% at 50% 30%,#ff5a3624,#0000 70%);overflow:hidden}
