:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070816;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#070816}body{background:#070816;min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100svh}html,body,#root{overscroll-behavior-x:none;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;height:auto;min-height:100%;overflow:hidden auto}html,body{touch-action:pan-y;min-height:100%}.pi-shell{color:#fff;isolation:isolate;overscroll-behavior-x:none;overscroll-behavior-y:auto;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#070816;justify-content:center;align-items:flex-start;min-height:100svh;padding:12px;display:flex;position:relative;overflow:hidden visible}.pi-shell:after{content:"";z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle,#0000 54%,#fb923c24 70%,#ef444447);position:fixed;inset:0}.pi-shell.timer-danger:after{animation:.43s ease-in-out infinite danger-vignette}.pi-bg{background:radial-gradient(circle at 22% 8%,#f472b638,#0000 27%),radial-gradient(circle at 82% 14%,#22d3ee38,#0000 30%),radial-gradient(circle at 50% 105%,#7c3aed47,#0000 38%),linear-gradient(145deg,#070816 0%,#0a1230 48%,#09071a 100%);animation:14s ease-in-out infinite alternate arcade-bg-shift;position:absolute;inset:0}.pi-bg:before,.pi-bg:after{content:"";pointer-events:none;position:absolute;inset:-12%}.pi-bg:before{opacity:.32;transform-origin:bottom;background-color:#0000;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;transform:perspective(480px)rotateX(58deg)translateY(10%);-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 76%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 76%,#0000 100%)}.pi-bg:after{filter:blur(34px);opacity:.75;background:radial-gradient(circle at 20% 30%,#22d3ee21,#0000 18%),radial-gradient(circle at 78% 60%,#d946ef21,#0000 19%),radial-gradient(circle at 48% 46%,#7c3aed14,#0000 24%);animation:11s ease-in-out infinite alternate bloom-drift}.pi-particles{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pi-particles span{opacity:0;will-change:transform, opacity;background:#67e8f9;border-radius:999px;width:4px;height:4px;animation:9s linear infinite particle-float;position:absolute;box-shadow:0 0 14px #67e8f9e6}.pi-particles span:first-child{animation-delay:-1s;left:12%}.pi-particles span:nth-child(2){background:#f0abfc;width:3px;height:3px;animation-duration:12s;animation-delay:-5s;left:28%;box-shadow:0 0 12px #f0abfce0}.pi-particles span:nth-child(3){animation-duration:10s;animation-delay:-8s;left:46%}.pi-particles span:nth-child(4){background:#fcd34d;width:5px;height:5px;animation-duration:13s;animation-delay:-3s;left:64%;box-shadow:0 0 16px #fcd34dd9}.pi-particles span:nth-child(5){animation-duration:11s;animation-delay:-6s;left:78%}.pi-particles span:nth-child(6){background:#a78bfa;width:3px;height:3px;animation-delay:-9s;left:90%;box-shadow:0 0 12px #a78bfae6}.pi-particles span:nth-child(7),.pi-particles span:nth-child(8){opacity:0;width:2px;height:2px;animation-duration:14s}.pi-particles:before,.pi-particles:after{content:"";pointer-events:none;filter:blur(30px);opacity:.16;border-radius:999px;width:120px;height:120px;animation:16s ease-in-out infinite alternate orb-drift;position:absolute;transform:translate(0,0)}.pi-particles:before{background:#22d3ee;top:18%;left:4%}.pi-particles:after{background:#a855f7;animation-delay:-7s;bottom:18%;right:0}.pi-card{z-index:1;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:linear-gradient(145deg,#ffffff1f,#ffffff0b),#080918c2;border:1px solid #ffffff1a;border-radius:32px;width:min(100%,448px);animation:.3s both enter-card;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000075,0 0 64px #7c3aed57,inset 0 1px #ffffff3d,inset 0 -18px 42px #00000038}.pi-card:before{content:"";pointer-events:none;opacity:.74;background:radial-gradient(circle at 30% 0,#ffffff38,#0000 28%),linear-gradient(120deg,#ffffff29,#0000 30%,#22d3ee14 72%,#0000);border-radius:31px;position:absolute;inset:1px}.pi-card-ribbon{background:linear-gradient(90deg,#d946ef,#8b5cf6,#22d3ee);height:8px;box-shadow:0 0 18px #d946efb8}.pi-card-content{gap:20px;padding:16px;display:grid}.pi-header,.panel-title-row,.leaderboard-head,.submit-row,.leaderboard-row,.leaderboard-player,.panel-title,.pi-eyebrow,.security-note,.primary-button{align-items:center;display:flex}.pi-header,.panel-title-row,.leaderboard-head,.leaderboard-row{justify-content:space-between}.pi-header{gap:12px}.pi-eyebrow{color:#ffffff80;letter-spacing:.3em;text-transform:uppercase;gap:8px;margin-bottom:4px;font-size:10px;font-weight:800}.pi-card h1{color:#0000;letter-spacing:0;filter:drop-shadow(0 0 18px #7c3aed57);background:linear-gradient(90deg,#fff 0%,#c4b5fd 46%,#67e8f9 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:40px;font-weight:950;line-height:1}.time-badge{text-align:center;background:radial-gradient(circle at 50% 0,#7df9ff42,#0000 54%),linear-gradient(#ffffff2e,#0000),#0a142675;border:1px solid #7df9ff80;border-radius:24px;min-width:86px;padding:12px 16px;box-shadow:0 0 0 1px #ffffff14,0 0 20px #28d8ff70,0 0 44px #28d8ff33,inset 0 1px #ffffff3d,inset 0 -12px 20px #0000002e}.time-badge.is-playing{animation:1.2s ease-in-out infinite pulse-time}.time-badge.is-critical{background:radial-gradient(circle at 50% 0,#fed7aa3d,#0000 46%),linear-gradient(#ffffff2e,#0000),#ef44443d;border-color:#fb923cf2;animation:.43s ease-in-out infinite critical-pulse;box-shadow:0 0 0 1px #fed7aa2e,0 0 30px #fb923cc7,0 0 66px #ef444475,inset 0 1px #ffffff42,inset 0 -12px 20px #0003}.time-badge div{color:#67e8f9;text-shadow:0 0 12px #7df9ffdb,0 0 28px #22d3ee85;font-size:32px;font-weight:950;line-height:1}.time-badge.is-critical div{color:#fed7aa;text-shadow:0 0 12px #fed7aadb,0 0 28px #fb923cc7,0 0 44px #ef444494}.time-badge span,.stat-card span,.mini-card span,.reward-grid span{color:#ffffff6b;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700;display:block}.stats-grid,.actions-grid,.integration-grid,.reward-grid{gap:12px;display:grid}.stats-grid,.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.actions-grid,.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.mini-card,.reward-grid div,.integration-grid div,.payload-box,.message-box,.board-wrap,.panel{border:1px solid #ffffff1a}.stat-card,.mini-card{text-align:center;background:linear-gradient(#ffffff1b,#ffffff09),#ffffff0a;border-radius:24px;padding:12px;box-shadow:inset 0 1px #ffffff2e,inset 0 -14px 26px #0000002e,0 12px 26px #00000024}.stat-card{border-color:color-mix(in srgb, var(--stat-glow) 44%, #ffffff1f);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--stat-glow) 26%, transparent), transparent 52%), linear-gradient(180deg, #ffffff29, #ffffff09), linear-gradient(145deg, color-mix(in srgb, var(--stat-glow) 18%, transparent), #ffffff08), #06091c6b;box-shadow:0 0 0 1px color-mix(in srgb, var(--stat-glow) 18%, transparent), 0 0 20px color-mix(in srgb, var(--stat-glow) 46%, transparent), 0 14px 28px #00000038, inset 0 1px 0 #ffffff42, inset 0 -16px 24px #00000038;position:relative;overflow:hidden}.stat-card:first-child{--stat-glow:#ff3edf;--stat-text:#ffd6ff;--stat-shadow:#ff2fd6d1}.stat-card:nth-child(2){--stat-glow:#c45cff;--stat-text:#f2d6ff;--stat-shadow:#c45cffd6}.stat-card:nth-child(3){--stat-glow:#9b5cff;--stat-text:#ddd6fe;--stat-shadow:#8b5cf6db}.stat-card:before{content:"";opacity:.56;pointer-events:none;background:linear-gradient(115deg,#0000 0 34%,#ffffff38 48%,#0000 62%),radial-gradient(circle at 82% 14%,#fff3,#0000 30%);position:absolute;inset:0}.stat-card:after{content:"";border:1px solid color-mix(in srgb, var(--stat-glow) 42%, transparent);opacity:.62;pointer-events:none;border-radius:23px;position:absolute;inset:1px}.combo-flash{animation:.46s cubic-bezier(.14,.96,.28,1.18) both combo-flash}.combo-hot{background:radial-gradient(circle at 50% 0,#67e8f929,#0000 42%),linear-gradient(#a78bfa29,#ffffff09),#ffffff0d;border-color:#67e8f9b3;box-shadow:0 0 34px #22d3ee80,0 0 58px #8b5cf657,inset 0 1px #fff3,inset 0 -14px 26px #0000002e}.combo-hot strong{color:#67e8f9;text-shadow:0 0 14px #67e8f97a,0 0 24px #a78bfa57}.combo-callout{color:#fff;letter-spacing:.24em;text-shadow:0 0 12px #ffffffd1,0 0 24px #67e8f9b8;text-transform:uppercase;pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffff5c,#0000 45%),linear-gradient(90deg,#22d3ee75,#a855f77a),#0000005c;border:1px solid #67e8f9d1;border-radius:999px;justify-self:center;width:fit-content;margin:-6px 0 -8px;padding:8px 22px;font-size:15px;font-weight:950;animation:.72s cubic-bezier(.12,.9,.22,1) both combo-callout-pop;box-shadow:0 0 28px #22d3ee9e,0 0 54px #a855f76b,inset 0 1px #ffffff61,inset 0 -12px 20px #0000002e}.stat-card strong,.mini-card strong{text-overflow:ellipsis;font-size:24px;font-weight:950;line-height:1.1;display:block;overflow:hidden}.stat-card strong,.stat-card span{z-index:1;position:relative}.stat-card strong{color:var(--stat-text);text-shadow:0 2px 0 #00000085, 0 0 12px var(--stat-shadow), 0 0 26px var(--stat-shadow), 0 0 42px color-mix(in srgb, var(--stat-glow) 42%, transparent)}.stat-card span{color:#ffffff9e;text-shadow:0 0 12px color-mix(in srgb, var(--stat-glow) 42%, transparent)}.mini-card strong{font-size:20px}.message-box{color:#ffffffd1;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff14,#0000),#00000038;border-radius:24px;justify-content:center;align-items:center;min-height:56px;padding:12px 16px;font-size:14px;display:flex;box-shadow:inset 0 1px #ffffff24,inset 0 -16px 28px #0003}.board-wrap{background:linear-gradient(#ffffff17,#0000),#00000047;border-radius:28px;padding:12px;position:relative;overflow:hidden;box-shadow:inset 0 2px 18px #ffffff0b,inset 0 -20px 32px #00000057,0 0 34px #22d3ee14}.board-wrap:before{content:"";pointer-events:none;opacity:.34;background:conic-gradient(from 90deg,#0000,#22d3ee21,#0000,#d946ef1f,#0000);animation:8s linear infinite board-bloom;position:absolute;inset:-45%}.board-wrap:after{content:"";pointer-events:none;border-radius:22px;position:absolute;inset:10px;box-shadow:inset 0 0 28px #ffffff0f}.board-wrap.has-swap-trail:after{background:linear-gradient(115deg,#0000 14%,#ffffffb3 40%,#67e8f97a 50%,#0000 78%) 0 0/260% 100%,radial-gradient(circle,#d946ef33,#0000 48%) 0 0/100% 100%;animation:.43s ease-out both swap-trail}.board-wrap.combo-surge{animation:.46s ease-out both combo-surge}.board-wrap.is-refilling .tile{animation:.43s cubic-bezier(.14,.92,.18,1.12) both tile-fall-refill}.tile-board{z-index:1;touch-action:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid;position:relative}.tile{aspect-ratio:1;color:#0f172a;cursor:pointer;touch-action:none;will-change:transform, filter;background:#fff;border:1px solid #ffffff1a;border-radius:18px;padding:0;transition:border-color .12s,box-shadow .12s,transform .12s,filter .12s;animation:.2s ease-out both tile-respawn;position:relative;overflow:hidden;box-shadow:0 14px 24px #00000047,0 0 18px #ffffff1a,inset 0 1px #ffffff6b,inset 0 -12px 18px #00000024}.tile:before,.tile:after{content:"";position:absolute;inset:0}.tile:after{background:radial-gradient(circle at 28% 18%,#ffffff80,#0000 18%),linear-gradient(145deg,#ffffff2e,#0000 48%,#00000014)}.tile:before{transition:filter .12s}.tile.is-matched:after{background:radial-gradient(circle,#fffffffa,#0000 21%),radial-gradient(circle at 22% 26%,#67e8f9db,#0000 27%),radial-gradient(circle at 76% 70%,#d946efc7,#0000 30%),radial-gradient(circle at 72% 24%,#fcd34dbd,#0000 13%),radial-gradient(circle at 30% 74%,#ffffffc2,#0000 12%),linear-gradient(145deg,#ffffff38,#0000);animation:.36s ease-out both match-spark}.tile span{z-index:1;filter:drop-shadow(0 8px 12px #00000047);place-items:center;height:100%;font-size:clamp(22px,8vw,30px);font-weight:950;line-height:1;display:grid;position:relative}.tile:hover{filter:brightness(1.07)saturate(1.05)}.tile.is-active{border-color:#fff;transform:scale(1.05);box-shadow:0 16px 28px #0000004d,0 0 22px #ffffff61,0 0 34px #22d3ee47,inset 0 1px #ffffff80}.tile-hex,.tile-ring{color:#fff}.primary-button,.secondary-button,.ghost-button,.submit-button{color:#fff;cursor:pointer;border:0;border-radius:24px;justify-content:center;min-height:48px;font-weight:950;transition:opacity .12s,transform .12s,box-shadow .12s,background .12s}.primary-button{background:linear-gradient(90deg,#8b5cf6,#d946ef);gap:8px;min-height:56px;font-size:16px;box-shadow:0 0 26px #d946ef47,inset 0 1px #ffffff47}.secondary-button,.ghost-button{background:linear-gradient(#ffffff1b,#0000),#ffffff1a;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff29}.secondary-button{min-height:56px;font-size:16px}.android-actions{grid-template-columns:minmax(0,1fr)}.android-actions .primary-button{width:100%}.android-native-ad .is-android-app{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}.android-native-ad .is-android-app .pi-card{margin-bottom:68px}.android-pi-bridge{background:radial-gradient(circle at 12% 0,#d946ef3d,#0000 38%),radial-gradient(circle at 92% 100%,#22d3ee33,#0000 42%),#0e0a26b8;border-color:#67e8f947}.pi-bridge-badge{color:#67e8f9;text-transform:uppercase;background:#22d3ee1a;border:1px solid #67e8f961;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:900}.pi-browser-launch{color:#fff;background:linear-gradient(90deg,#d946ef,#8b5cf6 52%,#22d3ee);border:1px solid #ffffff29;border-radius:22px;justify-content:center;align-items:center;min-height:52px;font-weight:950;text-decoration:none;display:flex;box-shadow:0 0 24px #d946ef3d,0 0 28px #22d3ee29,inset 0 1px #ffffff4d}.pi-browser-launch:active{transform:translateY(1px)}.is-android-app .pi-header{align-items:flex-start}.is-android-app .pi-user-badge{margin-top:5px}.is-android-app .tile-board,.is-android-app .tile{touch-action:pan-y}.is-android-app .pi-bg,.is-android-app .pi-bg:after,.is-android-app .pi-particles span,.is-android-app .pi-particles:before,.is-android-app .pi-particles:after{animation:none!important}.is-android-app .pi-card,.is-android-app .board-wrap,.is-android-app .panel{-webkit-backdrop-filter:none;backdrop-filter:none}.is-android-app .tile.is-matched,.is-android-app .tile.is-area-blast,.is-android-app .tile-pi.is-matched,.is-android-app .tile-pi.is-area-blast{animation:95ms ease-out both android-match-flash!important}.is-android-app .tile.is-matched span,.is-android-app .tile.is-area-blast span{animation:none!important}.is-android-app .tile.is-matched:after,.is-android-app .tile.is-area-blast:after{opacity:0;animation:none!important}.is-android-app .board-wrap.is-refilling .tile.is-falling,.is-android-app .board-wrap.is-refilling .tile.is-new-tile{animation:.18s cubic-bezier(.16,.84,.22,1) both android-tile-fall!important}.primary-button:hover,.submit-button:hover{opacity:.9;transform:translateY(-1px)}.secondary-button:hover,.ghost-button:hover{background:#ffffff2e;transform:translateY(-1px)}.primary-button:active,.secondary-button:active,.ghost-button:active,.submit-button:active{transform:translateY(1px)}.submit-button:disabled{cursor:not-allowed;opacity:.45}.panel{border-radius:28px;grid-template-columns:minmax(0,1fr);gap:16px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,inset 0 -18px 32px #0000002e,0 18px 36px #00000029}.panel>*{z-index:1;position:relative}.panel:before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(125deg,#ffffff1f,#0000 42%,#ffffff0b);position:absolute;inset:0}.panel h2{color:#fff;letter-spacing:0;margin:0;font-size:18px;font-weight:950;line-height:1.15}.panel p{color:#ffffffb3;margin:0;font-size:12px;line-height:1.55}.panel-amber{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 20% 0,#fcd34d2e,#0000 34%),#fbbf241a;border-color:#fcd34d33}.panel-amber.vip-aura{box-shadow:0 0 30px #fcd34d4d,0 0 72px #f59e0b33,inset 0 1px #ffffff2e,inset 0 -18px 32px #0000002e}.panel-amber.vip-aura:after{content:"";pointer-events:none;opacity:.9;background-color:#0000;background-image:linear-gradient(110deg,#0000 16%,#ffffff2e,#fcd34d85,#0000 56%),radial-gradient(circle at 50% 0,#fcd34d2e,#0000 48%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:220% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:30px;animation:3.2s ease-in-out infinite gold-aura;position:absolute;inset:-2px}.panel-cyan{background:radial-gradient(circle at 88% 0,#67e8f924,#0000 38%),#22d3ee1a;border-color:#67e8f933}.panel-dark{background:linear-gradient(#ffffff0e,#0000),#0000003d}.panel-title,.panel-title-row{gap:8px}.pill{color:#0f172a;white-space:nowrap;background:#fcd34d;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:14px;font-weight:950;box-shadow:0 0 18px #fcd34d6b}.reward-grid div,.integration-grid div,.payload-box,.security-note{background:linear-gradient(#ffffff12,#0000),#00000040;border-radius:18px;box-shadow:inset 0 1px #ffffff1a}.reward-grid div{text-align:center;padding:12px;position:relative;overflow:hidden}.reward-pool-cell:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 12%,#ffffff75,#fcd34d4d,#0000 58%) 0 0/260% 100%,radial-gradient(circle at 50% 40%,#86efac29,#0000 56%) 0 0/100% 100%;animation:2.9s ease-in-out infinite pool-shimmer;position:absolute;inset:0}.reward-pool-cell strong{color:#86efac;text-shadow:0 0 16px #86efac9e,0 0 30px #fcd34d61,0 0 48px #22d3ee29;animation:2.8s ease-in-out infinite reward-value-glow;position:relative}.reward-grid strong{overflow-wrap:anywhere;font-size:20px;font-weight:950;line-height:1.1;display:block}.security-note{color:#ffffffc2;align-items:flex-start;gap:8px;padding:12px;font-size:12px;line-height:1.45}.integration-grid div,.payload-box{color:#ffffffc7;padding:12px;font-size:12px;line-height:1.35}.payload-box{color:#fff9}.leaderboard-head{gap:12px;width:100%;min-width:0}.leaderboard-head>div{min-width:0}.leaderboard-head h2{font-size:20px}.leaderboard-head p{color:#ffffff80;margin-top:2px}.ghost-button{border-radius:16px;min-height:40px;padding:0 14px}.submit-row{gap:8px;width:100%;min-width:0}.submit-row input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;outline:none;flex:1;min-width:0;padding:12px 16px}.submit-row input::placeholder{color:#ffffff52}.submit-row input:focus{border-color:#22d3ee8c}.submit-button{background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:18px;min-height:46px;padding:0 14px}.leaderboard-player-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0;display:grid}.leaderboard-player-summary div,.leaderboard-empty{background:linear-gradient(#67e8f914,#0000),#0003;border:1px solid #67e8f929;border-radius:16px;box-shadow:inset 0 1px #ffffff14}.leaderboard-player-summary div{min-width:0;padding:10px 12px}.leaderboard-player-summary span{color:#ffffff75;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:900;display:block}.leaderboard-player-summary strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:16px;font-weight:950;line-height:1.1;display:block;overflow:hidden}.leaderboard-empty{color:#ffffff9e;text-align:center;padding:16px;font-size:13px;font-weight:800}.leaderboard-list{overscroll-behavior-x:none;overscroll-behavior-y:auto;scrollbar-color:#67e8f975 #ffffff14;scrollbar-width:thin;touch-action:pan-y;-webkit-overflow-scrolling:touch;gap:8px;width:100%;min-width:0;max-height:min(608px,58dvh);padding-right:4px;display:grid;overflow:hidden auto}.leaderboard-list::-webkit-scrollbar{width:8px}.leaderboard-list::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.leaderboard-list::-webkit-scrollbar-thumb{background:linear-gradient(#67e8f9bd,#fcd34d9e);border-radius:999px}.leaderboard-row{background:linear-gradient(#ffffff13,#0000),#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;gap:12px;min-width:0;padding:12px 16px;animation:.18s ease-out both rise-row;box-shadow:inset 0 1px #ffffff14}.leaderboard-row.is-player{color:#0f172a;background:linear-gradient(90deg,#fcd34d,#facc15);border-color:#0000;animation:.32s ease-out both submitted-row-pop;box-shadow:0 0 26px #fcd34d42,inset 0 1px #ffffff73}.leaderboard-row.is-vip:not(.is-player){background:linear-gradient(90deg,#fcd34d17,#0000 58%),linear-gradient(#ffffff13,#0000),#ffffff0d;border-color:#fcd34d33;box-shadow:0 0 18px #fcd34d14,inset 0 1px #ffffff1a}.leaderboard-row.is-podium{border-color:#ffffff29;box-shadow:0 10px 22px #0000002e,0 0 18px #67e8f914,inset 0 1px #ffffff1f}.leaderboard-row.is-podium.is-vip:not(.is-player){box-shadow:0 10px 22px #0000002e,0 0 24px #fcd34d1f,inset 0 1px #ffffff1f}.leaderboard-player{gap:12px;min-width:0}.rank{background:#ffffff1a;border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:950;display:grid}.rank-1{color:#0f172a;background:linear-gradient(135deg,#fde68a,#facc15 48%,#f59e0b);box-shadow:0 0 18px #fcd34d61}.rank-2{color:#0f172a;background:linear-gradient(135deg,#f8fafc,#cbd5e1 52%,#94a3b8);box-shadow:0 0 16px #cbd5e13d}.rank-3{color:#0f172a;background:linear-gradient(135deg,#fed7aa,#fb923c 52%,#ea580c);box-shadow:0 0 16px #fb923c47}.player-copy{min-width:0}.player-name{align-items:center;gap:8px;min-width:0;font-weight:800;display:flex}.player-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-name em{color:#0f172a;letter-spacing:.08em;text-transform:uppercase;background:#fcd34d;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:9px;font-style:normal;font-weight:950}.player-name em.status-no-reward{color:#ffffffb8;background:#ffffff1a}.leaderboard-row.is-player .player-name em.status-no-reward{color:#334155;background:#0f172a1f}.player-copy small{color:#ffffff6b;font-size:10px}.is-player .player-copy small{color:#334155}.leaderboard-score{text-align:right;flex-shrink:0;min-width:max-content}.leaderboard-score strong{font-size:18px;font-weight:950;line-height:1.1;display:block}.leaderboard-score span{color:#ffffff6b;margin-top:2px;font-size:10px;display:block}.pi-icon{flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:18px;font-weight:950;line-height:1;display:inline-grid}.tone-amber{color:#fcd34d}.tone-emerald{color:#6ee7b7}.tone-cyan{color:#67e8f9}.checklist{gap:8px}.checklist h2{color:#ffffffd1;font-size:12px}.checklist p{color:#ffffff9e}@keyframes enter-card{0%{opacity:0;transform:translateY(20px)}}@keyframes arcade-bg-shift{to{filter:hue-rotate(8deg)saturate(1.08);transform:scale(1.03)}}@keyframes bloom-drift{to{transform:translate(2%,-2%)scale(1.04)}}@keyframes orb-drift{to{opacity:.22;transform:translate(20px,-18px)scale(1.12)}}@keyframes particle-float{0%{opacity:0;transform:translateY(104svh)scale(.65)}14%,72%{opacity:.52}to{opacity:0;transform:translate(18px,-8svh)scale(1)}}@keyframes pulse-time{50%{transform:scale(1.05)}}@keyframes danger-vignette{0%,to{opacity:.2}50%{opacity:.6}}@keyframes critical-pulse{0%,to{filter:saturate();transform:scale(1)}48%{filter:saturate(1.34)brightness(1.08);transform:scale(1.1)}}@keyframes combo-flash{0%{transform:scale(1);box-shadow:0 0 #fcd34d00,inset 0 1px #ffffff2e,inset 0 -14px 26px #0000002e}42%{filter:brightness(1.12)saturate(1.18);transform:scale(1.105);box-shadow:0 0 0 2px #67e8f94d,0 0 34px #67e8f9a8,0 0 58px #d946ef61,0 0 74px #fcd34d3d,inset 0 1px #ffffff52}68%{transform:scale(.985)}}@keyframes combo-callout-pop{0%{opacity:0;filter:blur(1px);transform:translateY(12px)scale(.72)}18%{opacity:1;filter:blur();transform:translateY(-5px)scale(1.18)}56%{opacity:1;transform:translateY(-7px)scale(1.04)}to{opacity:0;transform:translateY(-26px)scale(.94)}}@keyframes combo-surge{0%{box-shadow:inset 0 2px 18px #ffffff0b,inset 0 -20px 32px #00000057,0 0 #22d3ee00}32%{transform:translateY(-2px)scale(1.012);box-shadow:inset 0 2px 24px #ffffff1f,inset 0 -20px 32px #00000057,0 0 42px #22d3ee70,0 0 72px #8b5cf647}}@keyframes board-bloom{to{transform:rotate(1turn)}}@keyframes swap-trail{0%{opacity:0;background-position:150% 0,50%}30%{opacity:.86}to{opacity:0;background-position:-140% 0,50%}}@keyframes tile-pop{0%{transform:scale(1)}42%{transform:scale(1.2)rotate(-1.5deg)}78%{opacity:.72;transform:scale(.82)rotate(1deg)}to{opacity:0;transform:scale(.74)}}@keyframes tile-respawn{0%{opacity:.38;filter:brightness(1.58)saturate(1.36);transform:translateY(-16px)scale(.88)}}@keyframes tile-fall-refill{0%{opacity:.28;filter:brightness(1.62)saturate(1.38);transform:translate3d(0, var(--fall-y,-104px), 0) scale(.88)}18%{opacity:1}62%{opacity:1;transform:translateY(8px)scale(1.035)}78%{transform:translateY(-4px)scale(.992)}90%{transform:translateY(2px)scale(1.006)}to{opacity:1;filter:brightness()saturate();transform:translate(0,0)scale(1)}}@keyframes submitted-row-pop{0%{opacity:.72;transform:translateY(6px)scale(.985)}42%{opacity:1;transform:translateY(-1px)scale(1.01)}}@keyframes match-spark{0%{opacity:0;transform:scale(.58)}20%{opacity:1;filter:brightness(1.38)}54%{opacity:.9}to{opacity:0;transform:scale(1.85)}}@keyframes symbol-burst{32%{filter:drop-shadow(0 0 14px #fffffff5)drop-shadow(0 0 26px #67e8f9c2)drop-shadow(0 0 38px #d946ef75);transform:scale(1.28)}to{opacity:0;transform:scale(.72)}}@keyframes tile-shake{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes swap-glow{32%{box-shadow:0 14px 24px #00000047,0 0 30px #67e8f9c2,0 0 58px #d946ef5c,inset 0 1px #ffffff75}}@keyframes match-pulse{34%{filter:brightness(1.46)saturate(1.34);box-shadow:0 14px 24px #00000047,0 0 34px #ffffffb8,0 0 58px #22d3ee80,0 0 82px #d946ef47,inset 0 1px #ffffff80}}@keyframes reward-value-glow{0%,to{filter:brightness()}50%{filter:brightness(1.32)saturate(1.12);text-shadow:0 0 20px #86efacd1,0 0 38px #fcd34d94,0 0 58px #22d3ee3d}}@keyframes gold-aura{0%,to{opacity:.44;background-position:120% 0}50%{opacity:1;background-position:-80% 0}}@keyframes pool-shimmer{0%,30%{opacity:0;background-position:130% 0}56%{opacity:.84}to{opacity:0;background-position:-120% 0}}@keyframes rise-row{0%{opacity:0;transform:translateY(10px)}}@media (width>=640px){.pi-shell{padding:16px}.pi-card-content{padding:20px}}@media (width<=380px){.pi-card h1{font-size:34px}.time-badge{min-width:78px;padding:10px 12px}.time-badge div{font-size:28px}.stats-grid,.reward-grid{gap:8px}.stat-card,.mini-card,.reward-grid div{padding:10px 8px}.stat-card strong{font-size:20px}.reward-grid strong{font-size:17px;line-height:1.05}.reward-grid span{letter-spacing:.1em;font-size:9px}.leaderboard-head{align-items:flex-start;gap:10px;width:calc(100vw - 88px)}.leaderboard-head h2{font-size:19px;line-height:1.05}.ghost-button{flex:none;min-height:38px;padding:0 12px}.submit-row{grid-template-columns:minmax(0,1fr) auto;width:calc(100vw - 88px);display:grid}.submit-row input{padding-inline:14px}.submit-button{min-width:78px;padding:0 10px}.panel{padding:14px}.leaderboard-row{gap:8px;padding:10px}.leaderboard-list{width:calc(100vw - 88px)}.rank{flex-basis:34px;width:34px;height:34px}.leaderboard-player{gap:10px}.player-name{gap:6px}.player-name em{padding-inline:7px;font-size:8px}.leaderboard-score strong{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root{--tile-radius:20px;--pi-gold:#ffd76a;--pi-orange:#ff9f1c;--pi-ink:#2b145f;--plasma-cyan:#5ee7ff;--plasma-blue:#3478ff;--pulse-pink:#ff4fd8;--pulse-magenta:#c026d3;--mint-core:#83ffd2;--mint-green:#1ecb72;--void-lilac:#c4a5ff;--void-violet:#6d28d9}.board-wrap{background:radial-gradient(circle at 50% 20%,#ffffff14,#0000 35%),radial-gradient(circle at 30% 85%,#d946ef24,#0000 42%),linear-gradient(#ffffff1f,#0000),#00000057;border-color:#67e8f938;box-shadow:inset 0 2px 18px #ffffff14,inset 0 -26px 42px #00000070,0 0 28px #22d3ee24,0 0 62px #a855f72e}.tile-board{perspective:700px;gap:9px}.tile{isolation:isolate;border-radius:var(--tile-radius);color:#fff;transform-style:preserve-3d;background:#111827;border:1px solid #ffffff3d;animation:.22s ease-out both tile-respawn,4.8s ease-in-out infinite candy-idle;box-shadow:0 18px 26px #0000005c,0 0 16px #ffffff1a,inset 0 2px #ffffff8a,inset 0 -18px 22px #0000003d}.tile:before{z-index:0;border-radius:inherit;opacity:1;filter:saturate(1.12);background:radial-gradient(circle at 28% 20%,#ffffffd6,#0000 16%),radial-gradient(circle at 66% 72%,#ffffff29,#0000 24%),linear-gradient(145deg,#ffffff70,#0000 34%,#00000038 100%);inset:0}.tile:after{z-index:1;border-radius:calc(var(--tile-radius) - 3px);mix-blend-mode:screen;opacity:.88;pointer-events:none;background:linear-gradient(135deg,#ffffffa3 0%,#ffffff38 18%,#0000 38%),radial-gradient(circle at 50% 52%,#ffffff2e,#0000 36%),linear-gradient(#fff3,#0000 48%,#0000002e);inset:2px}.tile span{z-index:3;color:inherit;text-shadow:0 1px #ffffff38,0 7px 14px #00000057,0 0 18px;font-size:clamp(24px,8.5vw,34px);font-weight:1000;transform:translateZ(18px)}.tile-pi{color:var(--pi-ink);border-color:#ffe68ab8;box-shadow:0 18px 28px #00000061,0 0 22px #ffd76a6b,0 0 46px #ff9f1c38,inset 0 2px #ffffff9e,inset 0 -18px 22px #92400e3d}.tile-pi:before{background:radial-gradient(circle at 28% 18%, #fff7c2, transparent 18%), radial-gradient(circle at 64% 70%, #ffffff4d, transparent 22%), linear-gradient(145deg, #fff2a6 0%, var(--pi-gold) 32%, var(--pi-orange) 74%, #c2410c 100%)}.tile-star{color:#eaffff;border-color:#7df9ff99;box-shadow:0 18px 28px #00000061,0 0 22px #5ee7ff6b,0 0 48px #3478ff3d,inset 0 2px #ffffff85,inset 0 -18px 22px #0f172a47}.tile-hex{color:#fff1ff;border-color:#ff75e694;box-shadow:0 18px 28px #00000061,0 0 22px #ff4fd86b,0 0 50px #c026d342,inset 0 2px #ffffff80,inset 0 -18px 22px #581c874d}.tile-diamond{color:#063a2d;border-color:#83ffd299;box-shadow:0 18px 28px #00000061,0 0 22px #83ffd26b,0 0 50px #1ecb7242,inset 0 2px #ffffff8a,inset 0 -18px 22px #064e3b47}.tile-ring{color:#f7f0ff;border-color:#c4a5ff9e;box-shadow:0 18px 28px #00000061,0 0 22px #c4a5ff6b,0 0 50px #6d28d94d,inset 0 2px #ffffff80,inset 0 -18px 22px #2e106557}.tile:hover{filter:brightness(1.13)saturate(1.16);transform:translateY(-1px)scale(1.025)}.tile:active{transform:scale(.9)translateY(1px)}.tile.is-active{filter:brightness(1.18)saturate(1.2);border-color:#fffffff0;transform:scale(1.08)translateZ(20px);box-shadow:0 18px 28px #00000061,0 0 0 2px #ffffff52,0 0 34px #ffffff80,0 0 58px #22d3ee6b,inset 0 2px #ffffff9e}.tile.is-matched{z-index:8;animation:.36s cubic-bezier(.14,.92,.22,1.2) both candy-match-pop,.39s ease-out both candy-match-bloom}.tile.is-matched:after{opacity:1;mix-blend-mode:screen;background:radial-gradient(circle,#fff 0 10%,#67e8f9eb 11% 22%,#d946efc2 23% 38%,#0000 39%),conic-gradient(#fff0,#ffffffeb,#fcd34ddb,#22d3eeb8,#fff0);border-radius:999px;animation:.39s ease-out both candy-explosion;inset:-8px}.combo-callout{background:radial-gradient(circle at 50% 0,#ffffff75,#0000 45%),linear-gradient(90deg,#22d3ee9e,#a855f7b8,#fcd34d61),#0000007a;border-color:#ffffffd6;box-shadow:0 0 34px #22d3eeb3,0 0 68px #a855f78a,0 0 94px #fcd34d38,inset 0 1px #ffffff7a,inset 0 -12px 20px #0003}@media (width<=380px){.tile-board{gap:7px}.tile{border-radius:17px}.tile span{font-size:clamp(22px,8vw,30px)}}@keyframes candy-idle{0%,to{filter:brightness()saturate()}50%{filter:brightness(1.055)saturate(1.09)}}@keyframes candy-match-pop{0%{opacity:1;transform:scale(1)rotate(0)}34%{opacity:1;transform:scale(1.24)rotate(-2deg)}68%{opacity:.86;transform:scale(.88)rotate(2deg)}to{opacity:0;transform:scale(.56)rotate(0)}}@keyframes candy-match-bloom{30%{filter:brightness(1.75)saturate(1.45);box-shadow:0 0 38px #ffffffdb,0 0 70px #22d3eea8,0 0 104px #d946ef7a,inset 0 2px #ffffffbd}}@keyframes candy-explosion{0%{opacity:0;transform:scale(.4)rotate(0)}22%{opacity:1}to{opacity:0;transform:scale(2.1)rotate(90deg)}}@keyframes candy-symbol-burst{28%{filter:drop-shadow(0 0 12px #fff)drop-shadow(0 0 28px #67e8f9f0)drop-shadow(0 0 42px #d946efad);transform:scale(1.34)rotate(-4deg)}to{opacity:0;transform:scale(.64)rotate(8deg)}}@keyframes candy-fall-refill{0%{opacity:.36;filter:brightness(1.7)saturate(1.5);transform:translate3d(0, var(--fall-y,-112px), 0) scale(.82) rotateX(18deg)}20%{opacity:1}58%{transform:translateY(10px)scale(1.06)rotateX(0)}76%{transform:translateY(-5px)scale(.99)}90%{transform:translateY(2px)scale(1.012)}to{opacity:1;filter:brightness()saturate();transform:translate(0,0)scale(1)}}@keyframes candy-land-glow{40%{box-shadow:0 18px 28px #00000061,0 0 26px #ffffff57,0 0 48px #22d3ee52,inset 0 2px #ffffff9e}}:root{--pi-royal-purple:#24104c;--pi-royal-purple-2:#3b1b78;--pi-coin-shadow:#0b0318;--pi-gold-light:#fff4b8;--pi-gold-mid:#f6c85f;--pi-gold-hot:#f59e0b;--pi-gold-deep:#7c3f00;--symbol-cyan-light:#efffff;--symbol-pink-light:#fff0fb;--symbol-violet-light:#f7efff}.board-wrap{background:radial-gradient(circle at 50% 18%,#ffffff1a,#0000 34%),radial-gradient(circle at 18% 88%,#d946ef21,#0000 40%),radial-gradient(circle at 82% 84%,#22d3ee1c,#0000 42%),linear-gradient(#ffffff1a,#0000),#0000005c}.tile{border-width:1.15px;border-radius:19px;box-shadow:0 15px 24px #0000005c,0 0 14px #ffffff14,inset 0 1px #ffffff94,inset 0 -15px 20px #00000040}.tile:after{opacity:.86;background:linear-gradient(135deg,#ffffffad 0%,#ffffff3d 15%,#0000 34%),radial-gradient(at 30% 18%,#ffffff85,#0000 20%),radial-gradient(at 68% 76%,#ffffff24,#0000 24%),linear-gradient(#ffffff29,#0000 50%,#0003);border-radius:17px;inset:1.5px}.tile span{letter-spacing:-.055em;animation:3.2s ease-in-out infinite symbol-float}.tile-pi{color:#0000;background:var(--pi-royal-purple);border-color:#ffdb7ce0;box-shadow:0 16px 26px #0000006b,0 0 20px #f6c85f6b,0 0 48px #5b21b647,inset 0 1px #ffffff70,inset 0 -18px 24px #0b031870}.tile-pi:before{background:radial-gradient(circle at 50% 50%, var(--pi-royal-purple-2) 0 39%, transparent 40%), radial-gradient(circle at 50% 50%, transparent 0 48%, #fff4b8f5 49% 52%, transparent 53%), radial-gradient(circle at 50% 50%, transparent 0 59%, #f6c85fe6 60% 64%, #7c3f00b8 65% 68%, transparent 69%), radial-gradient(circle at 34% 19%, #ffffff57, transparent 20%), linear-gradient(145deg, #4b2591 0%, var(--pi-royal-purple) 48%, var(--pi-coin-shadow) 100%);box-shadow:inset 0 2px 5px #fff3,inset 0 -10px 16px #00000061,inset 0 0 0 1px #ffdb7c33}.tile-pi:after{mix-blend-mode:screen;background:linear-gradient(122deg,#0000 0 18%,#ffffff57 25%,#0000 39%),radial-gradient(circle at 38% 22%,#ffffff38,#0000 19%),radial-gradient(circle,#0000 0 40%,#ffffff1f 41%,#0000 48%)}.tile-pi span{background:linear-gradient(180deg, var(--pi-gold-light) 0%, var(--pi-gold-mid) 33%, var(--pi-gold-hot) 66%, var(--pi-gold-deep) 100%);color:#0000;text-shadow:0 1px #ffffff59,0 2px #7c3f0047,0 0 10px #fff4b885,0 0 24px #f59e0b57;filter:drop-shadow(0 5px 5px #00000080)drop-shadow(0 0 6px #f6c85f6b);-webkit-background-clip:text;background-clip:text;font-size:clamp(29px,8.8vw,39px);font-weight:1000}.tile-star span{color:var(--symbol-cyan-light);text-shadow:0 1px #ffffffb3,0 0 10px #9af7ffe0,0 0 24px #22d3ee80,0 7px 12px #0000004d}.tile-star:before{background:linear-gradient(45deg,#0000 0 33%,#ffffff38 34% 39%,#0000 40%),radial-gradient(circle at 34% 20%,#fffffff5,#0000 14%),linear-gradient(145deg,#d7fdff 0%,#5ee7ff 28%,#2f8cff 70%,#163fbc 100%)}.tile-hex span{color:var(--symbol-pink-light);text-shadow:0 1px #ffffff9e,0 0 12px #ffe4fbe6,0 0 26px #ff4fd88c,0 7px 12px #00000052}.tile-hex:before{background:radial-gradient(at 36% 20%,#ffffffe6,#0000 16%),radial-gradient(circle at 62% 72%,#ffffff2e,#0000 26%),linear-gradient(145deg,#ffe3fb 0%,#ff65df 34%,#d92ccf 68%,#7a168d 100%)}.tile-diamond span{color:#05271f;text-shadow:0 1px #ffffff9e,0 0 10px #eafff5bf,0 0 22px #3dffae6b,0 7px 12px #00000042}.tile-diamond:before{background:linear-gradient(45deg,#0000 0 32%,#ffffff40 33% 38%,#0000 39%),linear-gradient(135deg,#0000 0 45%,#0000001a 46% 52%,#0000 53%),radial-gradient(circle at 31% 18%,#fffffff5,#0000 14%),linear-gradient(145deg,#dbfff2 0%,#54f7b5 32%,#1fd084 68%,#066f49 100%)}.tile-ring span{color:var(--symbol-violet-light);text-shadow:0 1px #ffffff9e,0 0 12px #f7efffe6,0 0 28px #a46bff8f,0 7px 12px #00000057}.tile-ring:before{background:radial-gradient(circle,#ffffff0a 0 18%,#ffffff61 19% 23%,#0000 24%),conic-gradient(from 20deg,#f7efff,#b993ff,#6d28d9,#2b0c68,#9f6bff,#f7efff),radial-gradient(circle at 33% 19%,#ffffffdb,#0000 15%)}.tile.is-area-blast{z-index:12;animation:.44s cubic-bezier(.08,.96,.12,1.16) both area-blast-pop-refined,.44s ease-out both area-blast-flash-refined}.tile.is-area-blast:after{background:radial-gradient(circle,#fff 0 8%,#ffec94eb 9% 16%,#67e8f9db 17% 30%,#d946efb8 31% 44%,#0000 45%),conic-gradient(#0000,#fff,#fcd34de6,#22d3eedb,#d946efb8,#0000);border-radius:999px;animation:.44s ease-out both area-blast-ring-refined;inset:-13px}.tile.is-active{filter:brightness(1.16)saturate(1.18);border-color:#fffffffa;transform:scale(1.065)translateZ(20px)}@keyframes symbol-float{0%,to{transform:translateY(0)translateZ(18px)}50%{transform:translateY(-2px)translateZ(22px)}}@keyframes area-blast-pop-refined{0%{opacity:1;transform:scale(1)rotate(0)}24%{opacity:1;transform:scale(1.3)rotate(-3deg)}58%{opacity:.94;transform:scale(.92)rotate(3deg)}to{opacity:0;transform:scale(.48)rotate(0)}}@keyframes area-blast-flash-refined{26%{filter:brightness(2)saturate(1.55);box-shadow:0 0 42px #fffffff2,0 0 84px #22d3eeb8,0 0 120px #d946ef80,0 0 148px #fcd34d4d,inset 0 2px #ffffffd1}}@keyframes area-blast-ring-refined{0%{opacity:0;transform:scale(.3)rotate(0)}20%{opacity:1}to{opacity:0;transform:scale(2.35)rotate(145deg)}}@media (width<=380px){.tile{border-radius:16px}.tile:after{border-radius:14px}.tile-pi span{font-size:clamp(27px,8.4vw,36px)}}:root{--launch-gold:#ffd66e;--launch-purple:#271157;--launch-cyan:#7df9ff;--launch-pink:#ff72df;--launch-green:#65ffc1}.board-wrap{box-shadow:inset 0 2px 18px #ffffff14,inset 0 -26px 42px #00000070,0 0 24px #22d3ee1f,0 0 54px #a855f729}.tile span{-webkit-font-smoothing:antialiased;text-rendering:geometricprecision}.tile-pi{box-shadow:0 16px 26px #00000070,0 0 18px #ffd66e75,0 0 42px #5b21b64d,inset 0 1px #ffffff7a,inset 0 -18px 24px #0b03187a}.tile-pi span{transform-origin:50% 54%;filter:drop-shadow(0 5px 5px #0000008c)drop-shadow(0 0 6px #f6c85f80)}.tile-pi.is-pi-bomb{border-color:#fff4b8fa;animation:1.35s ease-in-out infinite alternate pi-bomb-glow;box-shadow:0 18px 30px #00000075,0 0 0 2px #fff4b82e,0 0 24px #ffd66ec7,0 0 58px #f59e0b85,0 0 82px #7c3aed61,inset 0 1px #ffffff94,inset 0 -18px 24px #0b031875}.tile-pi.is-pi-bomb:after{mix-blend-mode:screen;background:radial-gradient(circle,#fff4b85c,#0000 34%),radial-gradient(circle at 28% 18%,#ffffffb8,#0000 14%),linear-gradient(122deg,#0000 0 16%,#ffffff85 24%,#0000 40%),radial-gradient(circle,#0000 0 40%,#ffffff29 41%,#0000 48%)}.tile-pi.is-pi-bomb span{text-shadow:0 1px #ffffff73,0 2px #7c3f0047,0 0 14px #fff4b8eb,0 0 28px #f59e0bb8,0 0 46px #fff6;animation:.9s ease-in-out infinite alternate pi-bomb-symbol}@keyframes pi-bomb-glow{0%{filter:brightness()saturate(1.05)}to{filter:brightness(1.18)saturate(1.22)}}@keyframes pi-bomb-symbol{0%{transform:scale(1)}to{transform:scale(1.08)}}.tile.is-area-blast,.board-wrap.blast-surge .tile.is-matched{will-change:transform, opacity, filter}.board-wrap.blast-surge{animation:.42s cubic-bezier(.12,.9,.2,1) both launch-board-kick,.42s ease-out both combo-surge}.combo-callout{letter-spacing:.2em;transform-origin:50%}.tile.is-matched:after{animation:.34s ease-out both launch-explosion-ring}.tile-pi.is-matched,.tile-pi.is-area-blast{animation:.42s ease-out both match-tile-fade;overflow:visible;box-shadow:0 16px 26px #00000057,0 0 30px #f6c85f85,0 0 46px 14px #a8a09257}.tile-pi.is-area-blast{animation:.44s ease-out both area-blast-flash-refined,.44s ease-out both match-tile-fade}.tile-pi.is-matched:after,.tile-pi.is-area-blast:after{mix-blend-mode:screen;background:radial-gradient(circle,#fff8cf 0 7%,#f6c85feb 8% 17%,#0000 18%),radial-gradient(circle at 27% 34%,#dad7cdd6 0 18%,#78727e8f 19% 33%,#0000 45%),radial-gradient(circle at 72% 37%,#a49ea8c7 0 17%,#4c465494 18% 34%,#0000 46%),radial-gradient(circle at 46% 76%,#e6e2d39e 0 16%,#5d586075 17% 31%,#0000 43%),radial-gradient(circle at 79% 72%,#c4beb57a 0 13%,#0000 34%),conic-gradient(from 12deg,#0000,#ffefb8f5,#978e97c7,#3a3441ad,#bab3a385,#0000);border-radius:999px;animation:.76s ease-out both pi-smoke-burst;inset:-30px}.board-wrap.is-refilling .tile.is-falling{animation:.4s cubic-bezier(.14,.92,.18,1.08) both launch-fall-refill,.42s ease-out both candy-land-glow}@keyframes launch-board-kick{0%{filter:brightness();transform:scale(1)}32%{filter:brightness(1.22)saturate(1.2);transform:scale(1.018)}to{filter:brightness();transform:scale(1)}}@keyframes launch-match-pop{0%{opacity:1;transform:scale(1)rotate(0)}36%{opacity:1;transform:scale(1.18)rotate(-1.5deg)}72%{opacity:.86;transform:scale(.86)rotate(1deg)}to{opacity:0;transform:scale(.58)rotate(0)}}@keyframes match-tile-fade{0%{opacity:1;filter:brightness()saturate()}34%{opacity:1;filter:brightness(1.28)saturate(1.14)}to{opacity:0;filter:brightness(1.55)saturate(1.2)}}@keyframes launch-explosion-ring{0%{opacity:0;transform:scale(.45)rotate(0)}22%{opacity:1}to{opacity:0;transform:scale(1.9)rotate(96deg)}}@keyframes pi-smoke-burst{0%{opacity:0;transform:scale(.54)rotate(0)}24%{opacity:1}58%{opacity:.86}78%{opacity:.48}to{opacity:0;transform:scale(2.46)rotate(104deg)}}@keyframes launch-fall-refill{0%{opacity:.42;filter:brightness(1.55)saturate(1.34);transform:translate3d(0, var(--fall-y,-112px), 0) scale(.84) rotateX(14deg)}20%{opacity:1}60%{transform:translateY(8px)scale(1.04)rotateX(0)}78%{transform:translateY(-4px)scale(.99)}to{opacity:1;filter:brightness()saturate();transform:translate(0,0)scale(1)}}.privacy-shell{color:#f8fafc;background:radial-gradient(circle at 15% 0,#67e8f92e,#0000 32%),radial-gradient(circle at 85% 8%,#d946ef24,#0000 30%),linear-gradient(145deg,#070816 0%,#10172f 52%,#09071a 100%);min-height:100dvh;padding:32px 18px}.privacy-page{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#ffffff1b,#ffffff0b),#080918d6;border:1px solid #ffffff1f;border-radius:24px;width:min(100%,860px);margin:0 auto;padding:32px;box-shadow:0 28px 80px #0000005c,inset 0 1px #ffffff2e}.privacy-back-link{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;margin-bottom:24px;padding:10px 16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.privacy-back-link:hover{background:#ffffff24}.privacy-page h1{color:#fff;margin:0;font-size:42px;line-height:1}.privacy-updated{color:#67e8f9;margin-top:10px;font-weight:800}.privacy-page h2{color:#fff;margin:30px 0 10px;font-size:22px;line-height:1.2}.privacy-page p,.privacy-page li,.privacy-page a{color:#f8fafcc7;font-size:16px;line-height:1.7}.privacy-page a{color:#67e8f9;font-weight:800}.privacy-page p{margin:0 0 14px}.privacy-page ul{margin:0 0 18px;padding-left:22px}.privacy-page li{margin:6px 0}.board-wrap.is-refilling .tile.is-falling{animation:gravity-polish-fall var(--fall-duration,.23s) cubic-bezier(.18,.78,.2,1) both, gravity-polish-glow var(--fall-duration,.23s) ease-out both!important;animation-delay:var(--fall-delay,0s), var(--fall-delay,0s)!important}.board-wrap.is-refilling .tile.is-new-tile{animation:new-tile-drop calc(var(--fall-duration,.23s) + 15ms) cubic-bezier(.16,.76,.2,1) both, new-tile-spark var(--fall-duration,.23s) ease-out both!important;animation-delay:var(--fall-delay,0s), var(--fall-delay,0s)!important}.board-wrap.is-resolving .tile-board{pointer-events:none}.board-wrap.combo-quake{animation:.22s cubic-bezier(.18,.88,.22,1) both combo-quake!important}.bonus-burst-layer{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bonus-burst{left:var(--burst-x,50%);top:var(--burst-y,50%);aspect-ratio:1;color:#21092f;clip-path:polygon(50% 0%,58% 28%,82% 10%,72% 38%,100% 42%,74% 56%,92% 80%,62% 72%,50% 100%,38% 72%,8% 80%,26% 56%,0% 42%,28% 38%,18% 10%,42% 28%);filter:drop-shadow(0 14px 18px #0000008a)drop-shadow(0 0 28px #ffd66ec7);backface-visibility:hidden;contain:paint;will-change:transform, opacity;background:radial-gradient(circle,#fff 0 26%,#ffe66f 27% 50%,#ff42db 51% 72%,#7df9ff 73%);place-items:center;width:clamp(154px,43vw,236px);animation:.52s cubic-bezier(.1,1,.16,1) both bonus-burst-pop;display:grid;position:absolute;transform:translate(-50%,-50%)}.bonus-burst span{color:#fff;text-align:center;text-shadow:0 3px #491274,0 5px #0f172a9e,0 0 12px #fffffff5,0 0 24px #ff42db,0 0 36px #7df9ffb8;text-transform:uppercase;place-items:center;width:78%;height:78%;font-size:clamp(23px,7vw,38px);font-weight:950;line-height:1;display:grid}.bonus-burst.pi-bomb{filter:drop-shadow(0 16px 20px #00000094)drop-shadow(0 0 34px #ffd66ef5);background:radial-gradient(circle,#fff8c7 0 24%,#ffd66e 25% 46%,#ff8c1a 47% 64%,#7c2d12 65% 72%,#7df9ff 73%);width:clamp(172px,48vw,268px);animation:.54s cubic-bezier(.08,1,.14,1) both bonus-bomb-pop}.bonus-burst.pi-boom{filter:drop-shadow(0 18px 24px #0000009e)drop-shadow(0 0 42px #ff7a1a);background:radial-gradient(circle,#fff 0 20%,#ffe66f 21% 38%,#ff7a1a 39% 56%,#ff42db 57% 70%,#7df9ff 71%);width:clamp(190px,53vw,296px);animation:.56s cubic-bezier(.06,1,.14,1) both bonus-boom-pop}.board-wrap.is-refilling .tile:not(.is-falling),.board-wrap.is-refilling .tile span{animation:none!important}.tile{backface-visibility:hidden;transform:translateZ(0);transition:border-color .12s,box-shadow .12s,filter .12s!important;animation:none!important}.tile span{animation:none!important}.tile.is-falling,.tile.is-new-tile,.tile.is-matched,.tile.is-area-blast,.tile.is-swapped,.tile.is-invalid-swap{transition:none!important}.tile.is-swapped{animation:.23s cubic-bezier(.12,.88,.18,1) both swap-slide-in,.23s ease-out both swap-glow!important}.tile.is-neighbor-hint:not(.is-swapped):not(.is-matched):not(.is-area-blast){border-color:#7df9ffa3;box-shadow:0 14px 24px #00000047,0 0 0 2px #7df9ff24,0 0 20px #7df9ff3d,inset 0 1px #ffffff75,inset 0 -12px 18px #00000024}.tile.is-invalid-swap{border-color:#f87171db;animation:.19s cubic-bezier(.14,.84,.22,1) both invalid-swap-slide-back,.21s ease-out both invalid-swap-glow!important}.tile.is-matched{animation:.18s cubic-bezier(.14,.92,.22,1.12) both candy-match-pop,.19s ease-out both candy-match-bloom!important}.tile.is-matched span{animation:.18s ease-out both candy-symbol-burst!important}.tile.is-area-blast{animation:.22s ease-out both area-blast-pop-refined,.24s ease-out both match-tile-fade!important}.tile-pi.is-pi-bomb:after{animation:1.35s ease-in-out infinite alternate pi-bomb-glow!important}.tile-pi.is-pi-bomb span{animation:none!important}@keyframes gravity-polish-fall{0%{opacity:.94;transform:translate3d(var(--fall-drift,0px), var(--fall-y,-112px), 0) scale(.985);filter:brightness(1.06)saturate(1.03)}72%{opacity:1;transform:translate3d(calc(var(--fall-drift,0px) * .1), 1px, 0) scale(1.008);filter:brightness(1.025)saturate(1.015)}to{opacity:1;filter:brightness()saturate();transform:translate(0,0)scale(1)}}@keyframes android-match-flash{0%{opacity:1;transform:translateZ(0)scale(1)}55%{opacity:1;transform:translateZ(0)scale(1.08)}to{opacity:1;transform:translateZ(0)scale(.96)}}@keyframes android-tile-fall{0%{opacity:1;transform:translate3d(0, var(--fall-y,-112px), 0)}78%{opacity:1;transform:translateY(3px)}to{opacity:1;transform:translate(0,0)}}@keyframes new-tile-drop{0%{opacity:.58;transform:translate3d(calc(var(--fall-drift,0px) * 1.08), var(--fall-y,-160px), 0) scale(.96);filter:brightness(1.1)saturate(1.06)}20%{opacity:1}74%{transform:translate3d(calc(var(--fall-drift,0px) * .08), 1px, 0) scale(1.006);filter:brightness(1.025)saturate(1.015)}to{opacity:1;filter:brightness()saturate();transform:translate(0,0)scale(1)}}@keyframes new-tile-spark{0%{box-shadow:0 10px 22px #0000002e,0 0 18px #7df9ff42,0 0 26px #ffffff24,inset 0 2px #ffffff85}to{box-shadow:0 14px 24px #00000047,0 0 12px #ffffff14,inset 0 1px #ffffff6b}}@keyframes gravity-polish-glow{42%{box-shadow:0 12px 22px #00000047,0 0 16px #ffffff29,inset 0 2px #ffffff6b}}@keyframes swap-slide-in{0%{transform:translate3d(calc(var(--swap-col,0) * (100% + 8px)), calc(var(--swap-row,0) * (100% + 8px)), 0) scale(.96);filter:brightness(1.16)saturate(1.12)}64%{transform:translate3d(calc(var(--swap-col,0) * -13px), calc(var(--swap-row,0) * -13px), 0) scale(1.055);filter:brightness(1.24)saturate(1.16)}84%{transform:translate3d(calc(var(--swap-col,0) * 3px), calc(var(--swap-row,0) * 3px), 0) scale(.995)}to{filter:brightness();transform:translate(0,0)scale(1)}}@keyframes invalid-swap-slide-back{0%{transform:translate3d(calc(var(--swap-col,0) * (100% + 8px)), calc(var(--swap-row,0) * (100% + 8px)), 0) scale(.96);filter:brightness(1.08)saturate(1.08)}58%{transform:translate3d(calc(var(--swap-col,0) * -16px), calc(var(--swap-row,0) * -16px), 0) scale(1.04)}80%{transform:translate3d(calc(var(--swap-col,0) * 4px), calc(var(--swap-row,0) * 4px), 0) scale(.99)}to{filter:brightness();transform:translate(0,0)scale(1)}}@keyframes invalid-swap-glow{0%{box-shadow:0 14px 24px #00000047,0 0 16px #f8717152,inset 0 1px #ffffff6b}to{box-shadow:0 14px 24px #00000047,0 0 8px #f8717100,inset 0 1px #ffffff6b}}@keyframes combo-quake{0%{filter:brightness();transform:translate(0,0)rotate(0)}18%{filter:brightness(1.18)saturate(1.18);transform:translate(-4px,2px)rotate(-.7deg)}38%{transform:translate(5px,-2px)rotate(.8deg)}58%{transform:translate(-3px,1px)rotate(-.35deg)}78%{transform:translate(2px)rotate(.2deg)}to{filter:brightness();transform:translate(0,0)rotate(0)}}@keyframes bonus-burst-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-18deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.22)rotate(7deg)}56%{opacity:1;transform:translate(-50%,-58%)scale(1.04)rotate(-4deg)}to{opacity:0;transform:translate(-50%,-68%)scale(.82)rotate(8deg)}}@keyframes bonus-bomb-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.18)rotate(20deg)}16%{opacity:1;transform:translate(-50%,-50%)scale(1.3)rotate(-7deg)}54%{opacity:1;transform:translate(-50%,-58%)scale(1.06)rotate(4deg)}to{opacity:0;transform:translate(-50%,-68%)scale(.84)rotate(-9deg)}}@keyframes bonus-boom-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.14)rotate(-22deg)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.4)rotate(9deg)}50%{opacity:1;transform:translate(-50%,-56%)scale(1.1)rotate(-4deg)}to{opacity:0;transform:translate(-50%,-68%)scale(.86)rotate(10deg)}}@media (width<=640px){.privacy-shell{padding:0}.privacy-page{border-width:0;border-radius:0;min-height:100dvh;padding:24px 18px}.privacy-page h1{font-size:34px}.privacy-page h2{font-size:20px}.privacy-page p,.privacy-page li,.privacy-page a{font-size:15px}.pi-shell{align-items:flex-start;min-height:100dvh;padding:0;overflow-y:visible}.pi-card{border-radius:0;width:100%;max-width:none;min-height:100dvh}.pi-card:before{border-radius:0}.pi-card-content{padding:10px 12px max(12px, env(safe-area-inset-bottom));gap:10px}.pi-card-ribbon{height:5px}.pi-header{gap:10px}.pi-eyebrow{margin-bottom:2px}.pi-card h1{font-size:34px}.time-badge{border-radius:20px;min-width:76px;padding:9px 11px}.time-badge div{font-size:28px}.stats-grid,.actions-grid,.integration-grid,.reward-grid{gap:10px}.stat-card,.mini-card{border-radius:20px;padding:9px 8px}.stat-card strong{font-size:22px}.mini-card strong{font-size:18px}.message-box{border-radius:20px;min-height:46px;padding:10px 14px}.board-wrap{border-radius:24px;justify-self:center;width:min(100%,328px);margin-bottom:0;padding:10px}.board-wrap:after{border-radius:18px;inset:8px}.tile-board{gap:7px}.tile{border-radius:15px}.primary-button,.secondary-button{min-height:50px}.app-shell,.game-shell,.game-layout{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,18px)}.game-panel{padding-bottom:22px}.board-wrap{margin-bottom:18px}.controls-row,.bottom-controls,.action-row{z-index:40;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;bottom:0}.primary-button,.restart-button,.vip-button,button{min-height:56px}.board-grid{gap:10px}.tile{width:54px;height:54px}}
