: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:active{transform:scale(.9)}.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.is-swapped{animation:.2s both tile-shake,.43s ease-out both swap-glow}.tile.is-matched{z-index:2;animation:.3s cubic-bezier(.14,.92,.22,1.2) both tile-pop,.34s ease-out both match-pulse}.tile.is-matched span{animation:.3s ease-out both symbol-burst}.tile-pi:before{background:linear-gradient(135deg,#fcd34d,#eab308);box-shadow:inset 0 0 18px #fff3}.tile-star:before{background:linear-gradient(135deg,#67e8f9,#3b82f6)}.tile-hex:before{background:linear-gradient(135deg,#e879f9,#ec4899)}.tile-diamond:before{background:linear-gradient(135deg,#6ee7b7,#22c55e)}.tile-ring:before{background:linear-gradient(135deg,#a78bfa,#9333ea)}.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}}
