: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}.pi-shell{color:#fff;isolation:isolate;background:#070816;justify-content:center;align-items:center;min-height:100svh;padding:12px;display:flex;position:relative;overflow:hidden}.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:linear-gradient(#ffffff21,#0000),#22d3ee1a;border:1px solid #22d3ee4d;border-radius:24px;min-width:86px;padding:12px 16px;box-shadow:0 0 24px #22d3ee2e,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;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}.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}.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;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid;position:relative}.tile{aspect-ratio:1;color:#0f172a;cursor:pointer;touch-action:manipulation;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}.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-list{gap:8px;width:100%;min-width:0;display:grid}.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-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-swapped{animation:.2s both tile-shake,.43s ease-out both swap-glow,4.8s ease-in-out infinite candy-idle}.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}.tile.is-matched span{animation:.36s ease-out both candy-symbol-burst}.board-wrap.is-refilling .tile:not(.is-falling){animation:.18s ease-out both tile-respawn}.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.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{animation:.32s cubic-bezier(.14,.92,.22,1.16) both launch-match-pop,.33s ease-out both candy-match-bloom}.tile.is-matched:after{animation:.34s ease-out both launch-explosion-ring}@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 launch-explosion-ring{0%{opacity:0;transform:scale(.45)rotate(0)}22%{opacity:1}to{opacity:0;transform:scale(1.9)rotate(96deg)}}@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)}}.board-wrap.is-refilling .tile.is-falling{animation:.52s cubic-bezier(.16,.88,.22,1) both gravity-polish-fall,.42s ease-out both gravity-polish-glow!important}@keyframes gravity-polish-fall{0%{opacity:.52;transform:translate3d(0, var(--fall-y,-112px), 0) scale(.96);filter:brightness(1.18)saturate(1.08)}58%{transform:translateY(8px)scale(1.015)}78%{transform:translateY(-3px)scale(.998)}to{opacity:1;filter:brightness()saturate();transform:translate(0,0)scale(1)}}@keyframes gravity-polish-glow{42%{box-shadow:0 12px 22px #00000047,0 0 16px #ffffff29,inset 0 2px #ffffff6b}}@media (width<=640px){.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}}