:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#d8d8d8;font-family:Arial,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button{font:inherit;touch-action:manipulation}.app{width:min(420px,100vw - 24px);margin:0 auto;padding:16px 0 24px;position:relative}.topbar,.status{gap:8px;display:grid}.topbar{grid-template-columns:1fr auto;align-items:center;margin-bottom:10px}.topbar h1{letter-spacing:.16em;margin:0;font-size:2rem}.stats{align-items:center;gap:8px;display:flex}.stats span,.stats button,.status span{color:#f2f2f2;background:#111;border:1px solid #2b2b2b;place-items:center;height:36px;padding:0 12px;display:grid}.stats span,.status span{min-width:64px}.stats button{cursor:pointer}@media (width<=480px){.topbar h1{display:none}.topbar .stats{grid-column:1/-1}.topbar .stats button{flex:1}}.status{grid-template-columns:repeat(3,64px) 1fr;margin-bottom:8px}.board{touch-action:manipulation;background:#2b2b2b;grid-template-columns:repeat(6,1fr);gap:4px;padding:4px;display:grid;position:relative}.cell{aspect-ratio:1;color:#0000;background:#f3f3f3;place-items:center;font-size:1.35rem;font-weight:700;transition:background-color .12s,transform .12s;display:grid;position:relative;overflow:hidden}.cell.filled{color:#111}.cell.active{background:#ffd54f}.cell.clearing{color:#111;background:#fff3b0;animation:.42s cubic-bezier(.2,.9,.3,1) forwards clear-flash;transform:scale(1.06)}.cell.clearing:before,.cell.clearing:after{content:"";pointer-events:none;border-radius:999px;position:absolute;inset:10%}.cell.clearing:before{background:radial-gradient(circle,#fffffff2 0 18%,#fff0 60%),radial-gradient(circle at 20% 30%,#ff8a00e6 0 10%,#ff8a0000 45%),radial-gradient(circle at 75% 25%,#ff3b30d9 0 10%,#ff3b3000 42%),radial-gradient(circle at 35% 78%,#ffdd57f2 0 12%,#ffdd5700 44%);animation:.42s ease-out forwards clear-burst}.cell.clearing:after{border:2px solid #fffffff2;animation:.42s ease-out forwards clear-ring;box-shadow:0 0 18px #ffc400cc}.overlay,.gameover{letter-spacing:.18em;color:#fff;pointer-events:none;z-index:2;background:#111111b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:3rem;font-weight:700;display:flex;position:absolute;inset:0}.overlay{pointer-events:auto;cursor:pointer;touch-action:manipulation;border:none;border-radius:0}.gameover-score{font-size:2.4rem}.gameover-hi{opacity:.75;font-size:1rem}@keyframes clear-flash{0%{filter:brightness();transform:scale(1)}35%{filter:brightness(1.3);transform:scale(1.18)rotate(-3deg)}to{opacity:0;filter:brightness(1.8);transform:scale(.2)rotate(8deg)}}@keyframes clear-burst{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.8)}}@keyframes clear-ring{0%{opacity:0;transform:scale(.4)}25%{opacity:1}to{opacity:0;transform:scale(1.7)}}