.pp-page{overscroll-behavior:none;background:#15142f;width:100%;height:100svh;position:fixed;inset:0;overflow:hidden}.pp-page *{box-sizing:border-box}.pp-back{z-index:30;top:max(17px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));color:#ffffffc2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-height:40px;font-family:var(--font-jakarta), sans-serif;letter-spacing:.09em;text-transform:uppercase;background:#0e0e244d;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:9px;padding:0 14px;font-size:9px;font-weight:800;text-decoration:none;transition:color .2s,background .2s,transform .2s;display:flex;position:fixed}.pp-back:hover{color:#fff;background:#0e0e248c;transform:translate(-2px)}.pp-back>span:first-child{font-size:15px}.pp-game{--accent:#ffc47e;isolation:isolate;color:#fffaf0;cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;background:#342b66;width:100%;height:100svh;min-height:580px;position:fixed;inset:0;overflow:hidden}.pp-world-tokyo{--accent:#ff6cb0}.pp-world-santorini{--accent:#76e6ff}.pp-canvas,.pp-canvas canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.pp-canvas canvas{cursor:pointer}.pp-vignette{z-index:2;pointer-events:none;background:linear-gradient(#0708205c,#0000 26% 73%,#09081c57),radial-gradient(circle,#0000 38%,#0a081c40 100%);position:fixed;inset:0}.pp-topbar{z-index:10;top:max(17px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));left:max(16px, env(safe-area-inset-left));pointer-events:none;position:fixed}.pp-location{z-index:9;top:max(29px, calc(env(safe-area-inset-top) + 22px));color:#ffffffc2;font-family:var(--font-jakarta), sans-serif;letter-spacing:.22em;text-transform:uppercase;font-size:9px;font-weight:800;position:fixed;left:50%;transform:translate(-50%)}.pp-actions{top:max(17px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));pointer-events:auto;justify-self:end;gap:7px;display:flex;position:fixed}.pp-actions button{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#0c0c254d;border:1px solid #ffffff2b;border-radius:50%;width:40px;height:40px;font-size:14px;transition:transform .2s,background .2s}.pp-actions button:hover{background:#0c0c258c;transform:translateY(-2px)}.pp-hud{z-index:8;pointer-events:none;font-family:var(--font-jakarta), sans-serif;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.pp-score{text-align:right}.pp-score strong{letter-spacing:-.07em;text-shadow:0 6px 30px #110a2547;font-size:clamp(33px,4vw,58px);font-weight:800;line-height:.93;display:block}.pp-combo{opacity:.55;align-items:center;transition:color .25s,opacity .25s,transform .25s;display:flex}.pp-combo strong{font-size:18px}.pp-combo.is-hot{color:var(--accent);opacity:1;text-shadow:0 0 22px var(--accent);transform:scale(1.08)}.pp-stamps{color:#ffffffa6;align-items:center;gap:6px;font-size:11px;display:flex}.pp-stamps>span{color:var(--accent);text-shadow:0 0 12px var(--accent)}.pp-menu{z-index:7;pointer-events:none;align-items:center;padding:8vh clamp(26px,7vw,110px) 5vh;display:flex;position:fixed;inset:0}.pp-menu-copy{pointer-events:auto;width:min(510px,43vw);animation:.9s cubic-bezier(.2,.85,.2,1) both pp-rise}.pp-eyebrow{color:var(--accent);font-family:var(--font-jakarta), sans-serif;letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:900;display:block}.pp-menu h1,.pp-panel h2{font-family:var(--font-jakarta), sans-serif;letter-spacing:-.075em;text-shadow:0 12px 55px #12082745;margin:0;font-size:clamp(58px,6.2vw,90px);font-weight:800;line-height:.82}.pp-menu h1 span,.pp-menu h1 em{color:#fff;display:block}.pp-menu h1 em{font-family:var(--font-instrument), serif;letter-spacing:-.045em;margin-top:7px;font-weight:400}.pp-panel h2{margin:15px 0 16px}.pp-panel h2 em{color:var(--accent);font-family:var(--font-instrument), serif;letter-spacing:-.04em;font-weight:400}.pp-play{color:#241b38;cursor:pointer;min-width:176px;min-height:52px;font-family:var(--font-jakarta), sans-serif;background:#fff8ea;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:28px;margin-top:29px;padding:5px 6px 5px 21px;font-size:11px;font-weight:900;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 14px 38px #110b2540}.pp-play:hover{transform:translateY(-3px);box-shadow:0 18px 45px #110b255c}.pp-play i{color:#281b38;background:var(--accent);border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;font-style:normal;display:grid}.pp-message{z-index:12;color:#fff;font-family:var(--font-jakarta), sans-serif;letter-spacing:.05em;text-shadow:0 5px 35px #08041eb3;text-transform:uppercase;pointer-events:none;white-space:nowrap;font-size:clamp(17px,2.8vw,34px);font-weight:900;animation:.55s cubic-bezier(.2,1.5,.3,1) both pp-pop;position:fixed;top:26%;left:50%;transform:translate(-50%)}.pp-overlay{z-index:20;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#09081f78;place-items:center;padding:20px;animation:.25s both pp-fade;display:grid;position:fixed;inset:0}.pp-panel{text-align:center;width:min(420px,92vw)}.pp-panel h2{margin:15px 0 16px;font-size:clamp(53px,8vw,77px)}.pp-panel .pp-play{margin-top:13px}.pp-text-button{color:#ffffff94;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;margin:17px auto 0;font-size:9px;font-weight:800;display:block}.pp-result{text-align:center;background:linear-gradient(145deg,#1f1b41e6,#0d0e27e0);border:1px solid #ffffff29;border-radius:34px;width:min(520px,93vw);padding:clamp(26px,5vw,47px);animation:.55s cubic-bezier(.2,.85,.2,1) both pp-rise;box-shadow:0 35px 110px #04031278}.pp-result h2{font-family:var(--font-jakarta), sans-serif;letter-spacing:-.09em;margin:12px 0 20px;font-size:clamp(73px,13vw,116px);font-weight:800;line-height:.8}.pp-result h2 small{color:#ffffff61;letter-spacing:.16em;text-transform:uppercase;margin-top:13px;font-size:8px;font-weight:800;display:block}.pp-result-stats{border-top:1px solid #ffffff21;border-bottom:1px solid #ffffff21;grid-template-columns:repeat(3,1fr);margin:25px 0 2px;display:grid}.pp-result-stats div{border-right:1px solid #ffffff21;padding:15px 5px}.pp-result-stats div:last-child{border-right:0}.pp-result-stats span{color:#ffffff61;font-family:var(--font-jakarta), sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:6px;font-weight:800;display:block}.pp-result-stats strong{font-family:var(--font-jakarta), sans-serif;margin-top:4px;font-size:13px;display:block}.pp-result .pp-play{width:210px;margin-top:25px}.pp-result>p{color:#ffffff61;font-family:var(--font-jakarta), sans-serif;margin:17px 0 0;font-size:7px;line-height:1.5}.pp-grain{z-index:25;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:.25s steps(2,end) infinite pp-grain;position:fixed;inset:-50%}@keyframes pp-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pp-fade{0%{opacity:0}to{opacity:1}}@keyframes pp-pop{0%{opacity:0;transform:translate(-50%,18px)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes pp-grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}}@media (max-width:740px){.pp-game{min-height:620px}.pp-back{justify-content:center;width:40px;padding:0}.pp-back>span:last-child{display:none}.pp-topbar{grid-template-columns:1fr auto}.pp-actions{right:max(16px, env(safe-area-inset-right))}.pp-actions button{width:38px;height:38px}.pp-menu{padding:130px 23px max(56px, calc(env(safe-area-inset-bottom) + 28px));background:linear-gradient(0deg,#0e0a26c7 0,#0e0a2626 55%,#0000 75%);align-items:flex-end}.pp-menu-copy{width:min(390px,100%)}.pp-menu h1{font-size:clamp(54px,15.5vw,69px)}.pp-play{min-height:54px;margin-top:19px}.pp-location{top:max(27px, calc(env(safe-area-inset-top) + 20px))}.pp-hud{gap:12px;top:131px;right:17px;transform:none}.pp-score strong{font-size:34px}.pp-combo span{display:none}.pp-message{font-size:18px;top:23%}.pp-result{border-radius:27px;padding:29px 21px}.pp-result h2{font-size:81px}}@media (max-height:680px){.pp-menu{padding-top:90px;padding-bottom:25px}.pp-menu h1{font-size:58px}.pp-play{margin-top:14px}}@media (prefers-reduced-motion:reduce){.pp-game *,.pp-game :before,.pp-game :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}