.pk-gate{--ink: #5a2340;--ink-soft: #8a5470;--rose: #ff6fa3;--rose-soft: #ffd2ec;--cream: #fff8ef;--gold: #f6c56b;--gold-soft: #fff1a8;--sky: #c8f4ff;--slot: clamp(52px, 16vw, 74px);position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;box-sizing:border-box;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 50% 38%,rgba(255,111,163,.28),transparent 60%),radial-gradient(ellipse at 20% 90%,rgba(200,244,255,.12),transparent 50%),linear-gradient(180deg,#2a1633,#1b1024);opacity:0;transition:opacity .5s ease;-webkit-tap-highlight-color:transparent}.pk-gate *,.pk-gate *:before,.pk-gate *:after{box-sizing:border-box}.pk-gate.is-shown{opacity:1}.pk-gate__sky{position:fixed;inset:0;overflow:hidden;pointer-events:none}.pk-gate__float{position:absolute;left:var(--x);bottom:-40px;font-size:var(--size);line-height:1;color:var(--rose-soft);opacity:0;text-shadow:0 0 8px currentColor;animation:pk-gate-float var(--dur) linear var(--delay) infinite}.pk-gate__float.is-hue-1{color:var(--gold-soft)}.pk-gate__float.is-hue-2{color:var(--sky)}@keyframes pk-gate-float{0%{transform:translate(0) rotate(0);opacity:0}12%{opacity:.55}50%{transform:translate(18px,-55vh) rotate(12deg)}88%{opacity:.4}to{transform:translate(-10px,-110vh) rotate(-8deg);opacity:0}}.pk-gate__card{position:relative;width:min(100%,440px);margin:auto;padding:clamp(22px,5vw,34px) clamp(18px,5vw,34px) clamp(20px,4vw,28px);display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(180deg,#fffdf8 0%,var(--cream) 100%);border-radius:18px;box-shadow:0 0 0 3px #f6b7cf,0 0 0 6px #6b2b48,0 0 0 9px #ffd2ec40,0 18px 50px #0a00148c,0 0 80px #ff6fa340;transform:translateY(10px) scale(.97);transition:transform .6s cubic-bezier(.2,.9,.3,1.2),opacity .6s ease,filter .6s ease}.pk-gate.is-shown .pk-gate__card{transform:none}.pk-gate__gift{width:clamp(54px,15vw,72px);height:auto;image-rendering:pixelated;margin-top:calc(-1*clamp(52px,12vw,66px));margin-bottom:6px;filter:drop-shadow(0 3px 0 #6b2b48) drop-shadow(0 6px 10px rgba(90,35,64,.35));animation:pk-gate-bob 2.6s ease-in-out infinite}.pk-gate__lid{transform-box:fill-box;transform-origin:0% 100%;transition:transform .42s cubic-bezier(.3,1.6,.5,1)}@keyframes pk-gate-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pk-gate__question{margin:4px 0 18px;font-size:clamp(22px,6vw,28px);font-weight:700;letter-spacing:.01em;color:var(--ink);text-shadow:0 2px 0 rgba(255,159,196,.45)}.pk-gate__tray{display:flex;align-items:center;gap:clamp(3px,1.2vw,8px);padding:clamp(8px,2vw,12px);border-radius:16px;background:#fbe3ec;box-shadow:inset 0 2px #fffc,inset 0 -3px #d96a9540,0 0 0 2px #f2b8cf;transition:box-shadow .2s ease}.pk-gate__tray.is-focused{box-shadow:inset 0 2px #fffc,inset 0 -3px #d96a9540,0 0 0 2px var(--rose),0 0 18px #ff6fa359}.pk-gate__join{font-size:10px;color:#f2a6c4;user-select:none}.pk-gate__slot{position:relative;display:block;width:var(--slot);height:calc(var(--slot) * 1.18);border-radius:12px;background:#fff;box-shadow:0 0 0 3px #e9a8c2,0 4px #d98aab;cursor:text;transition:transform .16s ease,box-shadow .16s ease,background .2s ease}.pk-gate__digit{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;outline:none;text-align:center;font:inherit;font-size:calc(var(--slot) * .6);font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);caret-color:transparent;-webkit-appearance:none;appearance:none}.pk-gate__digit::selection{background:transparent}.pk-gate__tray.is-focused .pk-gate__slot.is-active{transform:translateY(-3px);box-shadow:0 0 0 3px var(--rose),0 7px #e0588c,0 0 16px #ff6fa373}.pk-gate__caret{position:absolute;left:50%;bottom:18%;width:38%;height:4px;border-radius:2px;background:var(--rose);transform:translate(-50%);opacity:0;pointer-events:none}.pk-gate__tray.is-focused .pk-gate__slot.is-active:not(.is-filled) .pk-gate__caret{animation:pk-gate-blink 1s steps(2,start) infinite}@keyframes pk-gate-blink{to{opacity:1}}.pk-gate__slot.is-filled{background:#fff3f8}.pk-gate__slot.is-filled .pk-gate__digit{animation:pk-gate-pop .22s cubic-bezier(.3,1.8,.5,1)}@keyframes pk-gate-pop{0%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}.pk-gate__dots{display:flex;gap:8px;margin-top:12px}.pk-gate__dot{width:8px;height:8px;background:#f2c7d8;box-shadow:0 2px #e3a9c1;transition:background .18s ease,transform .18s ease}.pk-gate__dot.is-filled{background:var(--rose);box-shadow:0 2px #c94a7c;transform:translateY(-1px)}.pk-gate__helper{margin:10px 0 0;font-size:clamp(13px,3.6vw,15px);color:var(--ink-soft)}.pk-gate__message{min-height:1.4em;margin:6px 0 0;font-size:clamp(13px,3.6vw,15px);font-weight:700;color:#d14a7c;transition:opacity .2s ease}.pk-gate__message[data-kind=offline]{color:#8a5a20}.pk-gate__button{margin-top:12px;min-width:168px;min-height:46px;padding:10px 26px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:17px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff1d6;background:#2b1a14;border:3px solid var(--gold);border-radius:12px;box-shadow:0 4px #120a07;cursor:pointer;transition:transform .12s ease,background .16s ease,opacity .16s ease,box-shadow .12s ease}.pk-gate__button:hover:not(:disabled){background:#4a2c1c;transform:translateY(-1px);box-shadow:0 5px #120a07}.pk-gate__button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #120a07}.pk-gate__button:focus-visible{outline:3px solid var(--rose);outline-offset:3px}.pk-gate__button:disabled{opacity:.45;cursor:default}.pk-gate__button-heart{color:#ff9fc4}.pk-gate.is-checking .pk-gate__button-heart{animation:pk-gate-beat .6s ease-in-out infinite}@keyframes pk-gate-beat{50%{transform:scale(1.35)}}.pk-gate__tray.is-wrong{animation:pk-gate-shake .42s cubic-bezier(.36,.07,.19,.97)}.pk-gate__tray.is-wrong .pk-gate__slot{background:#ffe3ea;box-shadow:0 0 0 3px #e2577f,0 4px #b83a62}@keyframes pk-gate-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.pk-gate.is-unlocked .pk-gate__slot{background:#fff8d6;box-shadow:0 0 0 3px var(--gold),0 4px #d9a443,0 0 18px #f6c56b8c;transform:translateY(-3px);transition-delay:calc(var(--i) * 90ms)}.pk-gate.is-unlocked .pk-gate__caret{display:none}.pk-gate.is-unlocked .pk-gate__dot{background:var(--gold);box-shadow:0 2px #d9a443}.pk-gate.is-unlocked .pk-gate__lid{transform:translate(-2px,-4px) rotate(-14deg)}.pk-gate.is-unlocked .pk-gate__gift{animation:pk-gate-hop .6s cubic-bezier(.3,1.6,.5,1)}@keyframes pk-gate-hop{40%{transform:translateY(-10px) scale(1.08)}}.pk-gate.is-unlocked .pk-gate__helper{font-weight:700;color:var(--rose);animation:pk-gate-beat .7s ease-in-out 2}.pk-gate.is-unlocked .pk-gate__button{opacity:0;transform:scale(.9)}.pk-gate__burst{position:fixed;left:50%;top:50%;width:0;height:0;pointer-events:none}.pk-gate__spark{position:absolute;left:0;top:0;font-size:18px;line-height:1;color:var(--rose);text-shadow:0 0 10px currentColor;opacity:0;animation:pk-gate-spark .9s cubic-bezier(.2,.7,.3,1) var(--delay) forwards}.pk-gate__spark.is-hue-1{color:var(--gold)}.pk-gate__spark.is-hue-2{color:#ff9fc4}@keyframes pk-gate-spark{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.1) rotate(25deg);opacity:0}}.pk-gate.is-leaving{opacity:0;pointer-events:none;transition:opacity .7s ease}.pk-gate.is-leaving .pk-gate__card{transform:translateY(-14px) scale(1.06);filter:blur(2px) brightness(1.15);opacity:0}@media(max-width:360px){.pk-gate{--slot: clamp(46px, 17vw, 60px);padding:10px}.pk-gate__join{display:none}}@media(max-height:520px){.pk-gate{--slot: clamp(44px, 11vh, 60px);padding-top:28px}.pk-gate__gift{width:46px;margin-top:-36px}.pk-gate__question{margin-bottom:10px}.pk-gate__card{padding-top:18px;padding-bottom:16px}}@media(prefers-reduced-motion:reduce){.pk-gate__float,.pk-gate__gift,.pk-gate__spark,.pk-gate__tray.is-wrong,.pk-gate.is-unlocked .pk-gate__helper{animation:none}.pk-gate__float,.pk-gate__spark{display:none}.pk-gate__card,.pk-gate__slot{transition-duration:1ms}}.pk-shell__corner,.pk-shell__sheet,.pk-shell__update,.pk-rotate{font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent}canvas{touch-action:none;-webkit-user-select:none;user-select:none}.pk-shell__corner{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:800;display:flex;gap:8px}.pk-shell__btn{min-height:34px;padding:0 12px;border:1.5px solid #f6c56b;border-radius:17px;background:#2b1a14d1;color:#fff1d6;font:inherit;font-size:13px;font-weight:700;letter-spacing:.03em;cursor:pointer;touch-action:manipulation}.pk-shell__btn:hover,.pk-shell__btn:focus-visible{background:#4a2c1cf2;outline:none;box-shadow:0 0 0 3px #ff6fa373}.pk-shell__reenter{position:fixed;left:max(var(--pk-reenter-left, 8px),calc(env(safe-area-inset-left) + 6px));top:max(var(--pk-reenter-top, 8px),calc(env(safe-area-inset-top) + 6px));z-index:780;width:40px;min-height:40px;padding:0;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;font-size:18px;line-height:1;border-radius:12px;opacity:.85;-webkit-tap-highlight-color:transparent;transition:opacity .12s ease}.pk-shell__reenter--plate-hidden{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.pk-shell__reenter{transition:none}}.pk-shell__primary{background:#ff6fa3;border-color:#ff6fa3;color:#fff}.pk-shell__primary:hover,.pk-shell__primary:focus-visible{background:#ff86b3}.pk-shell__quiet{border-color:#ffd2ec80;background:transparent}.pk-shell__sheet{position:fixed;inset:0;z-index:820;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f081499}.pk-shell__card{width:min(380px,100%);max-height:100%;overflow:auto;padding:16px 18px 14px;border:2px solid #ffd2ec;border-radius:14px;background:#2a1633;color:#fff8ef}.pk-shell__title{margin:0 0 8px;font-size:16px;font-weight:700}.pk-shell__steps{margin:0 0 8px;padding-left:20px;font-size:13px;line-height:1.45}.pk-shell__note{margin:0 0 12px;font-size:12px;color:#ffd2ec}.pk-shell__row{display:flex;gap:8px;flex-wrap:wrap}.pk-shell__update{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));z-index:800;display:flex;align-items:center;gap:10px;max-width:calc(100% - 20px);padding:8px 10px 8px 14px;border:1.5px solid #f6c56b;border-radius:12px;background:#2b1a14eb;color:#fff1d6;font-size:13px;transform:translate(-50%)}.pk-rotate{position:fixed;inset:0;z-index:900;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:max(16px,env(safe-area-inset-top)) 24px max(16px,env(safe-area-inset-bottom));text-align:center;color:#fff8ef;background:radial-gradient(ellipse at 50% 40%,rgba(255,111,163,.22),transparent 60%),linear-gradient(180deg,#2a1633,#1b1024)}@media(orientation:portrait)and (pointer:coarse){html:not(.pk-portrait-ok) .pk-rotate{display:flex}}.pk-rotate__phone{width:44px;height:72px;margin-bottom:14px;border:4px solid #ffd2ec;border-radius:9px;animation:pk-rotate-turn 2.4s ease-in-out infinite}@keyframes pk-rotate-turn{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.pk-rotate__phone{animation:none;transform:rotate(-90deg)}}.pk-rotate__title{margin:0;font-size:18px;font-weight:700}.pk-rotate__text{margin:0 0 14px;font-size:13px;color:#ffd2ec}.pk-load{--rose: #ff6fa3;--rose-soft: #ffd2ec;--gold: #f6c56b;--cream: #fff8ef;position:fixed;inset:0;z-index:950;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-sizing:border-box;overflow:hidden;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;color:var(--cream);background:radial-gradient(ellipse at 50% 40%,rgba(255,111,163,.24),transparent 60%),radial-gradient(ellipse at 80% 90%,rgba(200,244,255,.1),transparent 50%),linear-gradient(180deg,#2a1633,#1b1024);opacity:1;transition:opacity .45s ease;user-select:none;-webkit-tap-highlight-color:transparent}.pk-load *,.pk-load *:before,.pk-load *:after{box-sizing:border-box}.pk-load.is-leaving{opacity:0;pointer-events:none}.pk-load__sky{position:absolute;inset:0;pointer-events:none}.pk-load__star{position:absolute;font-size:14px;opacity:.55;animation:pk-load-drift 9s ease-in-out infinite;will-change:transform}.pk-load__star.is-hue-0{color:#fff1a8}.pk-load__star.is-hue-1{color:#ffd2ec}.pk-load__star.is-hue-2{color:#c8f4ff}@keyframes pk-load-drift{0%,to{transform:translateY(0) scale(1);opacity:.25}50%{transform:translateY(-14px) scale(1.15);opacity:.8}}.pk-load__center{position:relative;display:flex;flex-direction:column;align-items:center;width:min(360px,100%);text-align:center}.pk-load__art{position:relative;width:112px;height:78px;margin-bottom:10px}.pk-load__pancake{width:112px;height:77px;shape-rendering:crispEdges;image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.25));animation:pk-load-bob 1.6s ease-in-out infinite}.pk-load__heart{position:absolute;top:-10px;right:-6px;font-size:18px;color:var(--rose);text-shadow:0 0 10px rgba(255,111,163,.7);animation:pk-load-beat 1.6s ease-in-out infinite}@keyframes pk-load-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pk-load-beat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}}.pk-load__title{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--rose-soft);opacity:.85}.pk-load__message{margin:0 0 14px;font-size:17px;font-weight:700;text-shadow:0 2px 0 rgba(0,0,0,.35)}.pk-load__track{position:relative;width:min(260px,80vw);height:14px;padding:2px;border:2px solid var(--rose-soft);border-radius:3px;background:#1b1024d9;box-shadow:0 0 0 2px #5a2340,0 4px 0 2px #0000004d;overflow:hidden}.pk-load__fill{width:100%;height:100%;background:linear-gradient(90deg,var(--rose),var(--gold));transform:scaleX(0);transform-origin:left center;transition:transform .22s ease-out}.pk-load__slider{position:absolute;top:2px;bottom:2px;left:0;width:34%;background:linear-gradient(90deg,transparent,var(--rose),var(--gold),transparent);opacity:0}.pk-load__track.is-indeterminate .pk-load__fill{opacity:0}.pk-load__track.is-indeterminate .pk-load__slider{opacity:1;animation:pk-load-slide 1.3s ease-in-out infinite}@keyframes pk-load-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.pk-load__percent{min-height:18px;margin-top:6px;font-size:12px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.pk-load__note{margin:8px 0 0;max-width:280px;font-size:12px;line-height:1.4;color:var(--rose-soft);opacity:.85}.pk-load__error{margin-top:6px;padding:14px 16px 10px;border:2px solid var(--rose-soft);border-radius:10px;background:#1b1024eb}.pk-load__error-title{margin:0 0 4px;font-size:15px;font-weight:700}.pk-load__error-hint{margin:0 0 12px;font-size:12px;color:var(--rose-soft)}.pk-load__buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pk-load__button{min-height:40px;padding:0 16px;border:2px solid var(--gold);border-radius:6px;background:#4a2c1c;color:var(--cream);font:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer}.pk-load__button:hover,.pk-load__button:focus-visible{background:#6a3c24;outline:none;box-shadow:0 0 0 3px #ff6fa380}.pk-load__code{display:block;margin-top:10px;font-size:10px;opacity:.55;font-family:ui-monospace,Consolas,monospace}.pk-load.is-failed .pk-load__track,.pk-load.is-failed .pk-load__percent,.pk-load.is-failed .pk-load__message{display:none}.pk-load [hidden]{display:none!important}@media(max-height:420px){.pk-load__art{transform:scale(.75);margin-bottom:0}.pk-load__message{margin-bottom:10px}}.pk-load.is-calm .pk-load__star,.pk-load.is-calm .pk-load__pancake,.pk-load.is-calm .pk-load__heart{animation:none}.pk-load.is-calm .pk-load__track.is-indeterminate .pk-load__slider{animation-duration:2.6s}
