:root{color-scheme:light-dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;box-sizing:content-box;--bg-color:#181818;--text-color:#fff;--cell-bg-color:#222;--cell-border-width:4px;--cell-border-radius:.75rem;--cell-size:min(4rem, calc((100vw - 3rem) / 5));--cell-gap:.5rem;--tile-border-radius:.5rem;--tile-size:3rem;--primary-color:#e11d48;--primary-border-color:#881337;--secondary-color:#2563eb;--secondary-border-color:#1e3a8a;--tertiary-color:#16a34a;--tertiary-border-color:#14532d;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:4.25vw;font-weight:400;line-height:1.5;transition:background-color .3s,color .3s}@media screen and (width>=520px){:root{font-size:15px}}html{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;margin:0;display:flex;overflow:hidden}#app,canvas{width:100%;height:100%}h1{letter-spacing:-.05em;text-align:center;margin-top:0;font-size:3rem;font-weight:900}.grid{width:calc(((var(--cell-size)) * 5) + ((var(--cell-gap)) * 4));height:calc(((var(--cell-size)) * 5) + ((var(--cell-gap)) * 4));grid-template-columns:repeat(5, var(--cell-size));grid-template-rows:repeat(5, var(--cell-size));grid-gap:var(--cell-gap);margin:auto;transition:grid-gap .3s,width .3s,height .3s;display:grid;position:relative}.cell{background-color:var(--cell-bg-color);border-radius:var(--cell-border-radius);cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .3s,border-radius .3s;display:flex}.cell[aria-disabled=true]{pointer-events:none}.cell.active{background-color:#ffffff15}.cell:hover{background-color:#fff3}.game-footer{flex-direction:column;justify-content:center;align-items:center;gap:.2rem;margin:.5rem auto auto;padding:.5rem 1rem;display:flex}@media screen and (width>=520px){.game-footer{margin-top:1rem;position:static}}.game-footer>div{justify-content:center;align-items:center;display:flex}.game-footer>div>span{margin:0 1rem}.game-footer svg{color:var(--cell-bg-color)}.score{color:var(--score-color);font-weight:900;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}.score-pop{animation:.3s cubic-bezier(.175,.885,.32,1.275) scoreBounce}@keyframes scoreBounce{0%{transform:scale(1)}50%{color:#4ade80;transform:scale(1.4)}to{transform:scale(1)}}.score .multiplier{font-weight:initial;color:var(--text-color);font-size:.75em}#final-score,#score{font-size:3rem;font-weight:900;position:relative}.floating-text{-webkit-user-select:none;user-select:none;pointer-events:none;z-index:10;text-shadow:0 2px 8px #000c;white-space:nowrap;max-width:90vw;font-size:1rem;font-weight:900;position:absolute}@media screen and (width<=520px){.floating-text{font-size:.85rem}}.floating-text.score{top:-25%;right:0}.score2{color:orange;font-size:1.6rem;font-weight:900;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}#pbscoreonscreen{opacity:.85;align-items:center;gap:.3rem;display:flex}#pbscoreonscreen svg{flex-shrink:0;width:1.2rem;height:1.2rem}.tile{width:calc(var(--cell-size) * .8);height:calc(var(--cell-size) * .8);font-weight:600;font-size:clamp(.6rem, calc(var(--cell-size) * .3), 1.25rem);border-radius:var(--tile-border-radius);-webkit-user-select:none;user-select:none;z-index:1;justify-content:center;align-items:center;line-height:1;transition:border .3s,border-radius .3s,width .3s,height .3s,transform .15s;display:flex}.tile:hover{transform:scale(1.05)}.tile.frozen{position:relative;box-shadow:inset 0 0 0 3px #38bdf8,0 0 10px #38bdf8}.tile.frozen:after{content:"";background-color:#38bdf8;width:14px;height:14px;position:absolute;top:3px;right:3px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='2' y1='12' x2='22' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='2' x2='12' y2='22'%3E%3C/line%3E%3Cpath d='m20 16-4-4 4-4'%3E%3C/path%3E%3Cpath d='m4 8 4 4-4 4'%3E%3C/path%3E%3Cpath d='m16 4-4 4-4-4'%3E%3C/path%3E%3Cpath d='m8 20 4-4 4 4'%3E%3C/path%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='2' y1='12' x2='22' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='2' x2='12' y2='22'%3E%3C/line%3E%3Cpath d='m20 16-4-4 4-4'%3E%3C/path%3E%3Cpath d='m4 8 4 4-4 4'%3E%3C/path%3E%3Cpath d='m16 4-4 4-4-4'%3E%3C/path%3E%3Cpath d='m8 20 4-4 4 4'%3E%3C/path%3E%3C/svg%3E") 50%/contain no-repeat}[data-type=primary]{background-color:var(--primary-color);border-bottom:var(--cell-border-width) solid var(--primary-border-color)}[data-type=secondary]{background-color:var(--secondary-color);border-bottom:var(--cell-border-width) solid var(--secondary-border-color)}[data-type=tertiary]{background-color:var(--tertiary-color);border-bottom:var(--cell-border-width) solid var(--tertiary-border-color)}[data-type=quaternary]{background-color:var(--quaternary-color,#a855f7);border-bottom:var(--cell-border-width) solid var(--quaternary-border-color,#581c87)}[data-type=quinary]{background-color:var(--quinary-color,#f59e0b);border-bottom:var(--cell-border-width) solid var(--quinary-border-color,#78350f)}[data-type=senary]{background-color:var(--senary-color,#06b6d4);border-bottom:var(--cell-border-width) solid var(--senary-border-color,#164e63)}[data-type=bomb]{border-bottom:var(--cell-border-width) solid #7f1d1d;color:#fff;background:linear-gradient(135deg,#ef4444,#991b1b);box-shadow:0 0 12px #ef4444cc}[data-type=wildcard]{border-bottom:var(--cell-border-width) solid #fff;color:#fff;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bfd,#7a00ff,#ff00c8,red) 0 0/400% 400%;animation:3s infinite rainbowShift;box-shadow:0 0 15px #ffffffe6}@keyframes rainbowShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}[data-type=multiplier]{border-bottom:var(--cell-border-width) solid #581c87;color:#fff;background:linear-gradient(135deg,#a855f7,#7e22ce);box-shadow:0 0 12px #a855f7cc}[data-type=laser]{border-bottom:var(--cell-border-width) solid #164e63;color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 0 12px #06b6d4cc}[data-type=shield]{border-bottom:var(--cell-border-width) solid #1e3a8a;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 0 12px #3b82f6cc}.cell.shielded{position:relative;box-shadow:inset 0 0 0 3px #3b82f6,0 0 10px #3b82f6}.cell.shielded:after{content:"";background-color:#3b82f6;width:12px;height:12px;position:absolute;bottom:3px;right:3px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3C/svg%3E") 50%/contain no-repeat}button{appearance:none;background-color:var(--cell-bg-color);cursor:pointer;color:var(--text-color);border:none;border-radius:.5rem;padding:1rem 2rem;font-size:1.25rem}button:active{background-color:#000}#game-over{background-color:var(--bg-color);z-index:100;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}#restart-game-button{background-color:var(--tertiary-color);color:var(--text-color);border-bottom:var(--cell-border-width) solid var(--tertiary-border-color);margin-top:2rem}#restart-game-button:active{border-color:#0000;transform:translateY(4px)}#theme-settings{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.2rem 0;display:flex}.theme-toggle{border-bottom:var(--cell-border-width) solid;border-radius:.6rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;transition:transform .15s;display:inline-flex}.theme-toggle:active{transform:translateY(2px)}.theme-toggle svg{width:1.25rem;height:1.25rem;color:var(--text-color)}#theme-switcher{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1rem 0;padding-bottom:.25rem;display:flex}.theme-button{cursor:pointer;border:2px solid #fff3;border-radius:50%;width:2.5rem;height:2.5rem;padding:0;transition:transform .2s,border-color .2s;box-shadow:0 4px 6px #0000004d}.theme-button:hover,.theme-button:active{border-color:var(--score-color);transform:scale(1.15)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#game-header{flex-direction:column;justify-content:center;align-items:center;display:flex}#next-tile-container{width:calc(var(--cell-size) * 1.2);height:calc(var(--cell-size) * 1.2);background-color:var(--cell-bg-color);border-bottom-right-radius:var(--tile-border-radius);border-bottom-left-radius:var(--tile-border-radius);justify-content:center;align-items:center;display:flex}@media screen and (width>=520px){#next-tile-container{border-radius:var(--tile-border-radius);margin-bottom:.5rem;position:static}#next-tile-container:before{display:none}}#next-tile-container:before{content:"";background-color:var(--cell-bg-color);width:100%;height:1rem;position:absolute;bottom:100%}#game-message{text-align:center;margin:1rem 0;font-weight:700;animation:10s linear infinite alternate rainbow}.highlight,:focus-visible{outline:2px solid var(--score-color)}#github-badge{color:var(--text-color);opacity:.5;background-color:var(--cell-bg-color);border-radius:var(--cell-border-radius);justify-content:center;align-items:center;padding:1rem;transition:opacity .3s;display:flex;position:absolute;bottom:1rem;right:1rem}#github-badge:hover{opacity:1}#audio-toggle{border-bottom:var(--cell-border-width) solid;width:2rem;height:2rem;padding:0;transition:border .3s;position:fixed;top:1rem;left:1rem}#audio-toggle svg{width:1rem;height:1rem;color:var(--text-color)}#audio-toggle.enabled #enable-audio,#audio-toggle:not(.enabled) #disable-audio{display:none}#toggle-settings-button{z-index:80;border-bottom:var(--cell-border-width) solid;width:2rem;height:2rem;padding:0;transition:border .3s;position:fixed;top:1rem;right:1rem}#toggle-settings-button svg{width:1rem;height:1rem;color:var(--text-color)}#settings{z-index:50;background-color:var(--bg-color);-webkit-overflow-scrolling:touch;padding:4rem 1rem 3rem;transition:transform .3s ease-out,background-color .3s;position:fixed;inset:0;overflow-y:auto;transform:translateY(-100%)}#settings.active{transform:translateY(0%)}.settings-content-wrapper{flex-direction:column;align-items:center;gap:1.5rem;max-width:440px;margin:0 auto;display:flex}.settings-title{text-align:center;margin:0 0 .5rem;font-size:2rem;font-weight:800}.settings-divider{border:none;border-top:1px solid #ffffff1a;width:100%;margin:.5rem 0}.settings-options-grid{justify-content:space-between;gap:1rem;width:100%;display:flex}.extra-features-nav{grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;display:grid}.feature-btn{background-color:var(--cell-bg-color);color:var(--text-color);border:none;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.75rem .5rem;font-size:.95rem;font-weight:600;display:flex}.feature-btn:hover{background-color:var(--primary-color)}.end-game-btn{font-weight:700;color:#fff!important;background-color:#ef4444!important}.end-game-btn:hover{background-color:#dc2626!important}.settings-group{flex-direction:column;flex:1;align-items:center;gap:.4rem;display:flex}.settings-group label{opacity:.8;font-size:.85rem}.custom-select,.custom-input{background-color:var(--cell-bg-color);color:var(--text-color);text-align:center;box-sizing:border-box;border:1px solid #ffffff26;border-radius:.6rem;width:100%;padding:.65rem 1rem;font-size:1rem}.settings-subtitle{text-align:center;margin:0;font-size:1.1rem;font-weight:700}.custom-theme-creator{justify-content:space-around;width:100%;display:flex}.color-picker-group{flex-direction:column;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.color-picker-group input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:50%;width:2.8rem;height:2.8rem}.demo-grid-row{width:calc(((var(--cell-size)) * 3) + ((var(--cell-gap)) * 2));height:var(--cell-size);grid-template-columns:repeat(3, var(--cell-size));grid-gap:var(--cell-gap);grid-template-rows:none;margin-bottom:1rem;transition:grid-gap .3s,width .3s,height .3s;display:grid}html.glow-mode .tile{box-shadow:0 0 12px var(--primary-color)}html.no-glass .modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#000000f2!important}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background-color:var(--bg-color);border:2px solid var(--cell-bg-color);text-align:center;border-radius:1rem;width:90%;max-width:400px;max-height:80vh;padding:1.5rem;overflow-y:auto;box-shadow:0 10px 25px #00000080}.modal-close-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:.4rem;margin-top:1rem;padding:.5rem 1.5rem;font-size:1rem;font-weight:700}.lb-filters{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.lb-size-btn,.lb-time-btn{background-color:var(--cell-bg-color);color:var(--text-color);cursor:pointer;border:none;border-radius:.4rem;padding:.3rem .8rem;font-size:.9rem}.lb-size-btn.active,.lb-time-btn.active{background-color:var(--primary-color)}.lb-row{border-bottom:1px solid #ffffff1a;border-radius:.4rem;justify-content:space-between;align-items:center;padding:.6rem .5rem;transition:background-color .2s;display:flex}.lb-row.is-you{border:1px solid var(--primary-color);background-color:#ff4a6826}.lb-rank{color:var(--score-color);font-weight:700}.lb-name{text-align:left;flex:1;margin-left:.75rem}.lb-you-badge{background-color:var(--primary-color);color:#fff;vertical-align:middle;border-radius:.4rem;margin-left:.4rem;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.lb-score{font-weight:700}.achievement-card{background-color:var(--cell-bg-color);text-align:left;border-radius:.5rem;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.8rem;display:flex}.achievement-card.locked{opacity:.5;filter:grayscale()}.achievement-icon{font-size:1.8rem}.achievement-info h4{margin:0;font-size:1rem}.achievement-info p{opacity:.8;margin:.2rem 0 0;font-size:.8rem}.stat-item{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:.6rem 0;display:flex}body.shake-light{animation:.3s ease-in-out shakeLight}body.shake-medium{animation:.35s ease-in-out shakeMedium}body.shake-heavy{animation:.4s ease-in-out shakeHeavy}@keyframes shakeLight{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,-1px)}}@keyframes shakeMedium{0%,to{transform:translate(0)}20%{transform:translate(-6px,4px)rotate(-1deg)}40%{transform:translate(6px,-4px)rotate(1deg)}60%{transform:translate(-4px,-2px)}80%{transform:translate(4px,2px)}}@keyframes shakeHeavy{0%,to{transform:translate(0)}15%{transform:translate(-10px,6px)rotate(-2deg)}30%{transform:translate(10px,-6px)rotate(2deg)}45%{transform:translate(-8px,-4px)rotate(-1deg)}60%{transform:translate(8px,4px)rotate(1deg)}75%{transform:translate(-4px,2px)}}@keyframes rainbow{to,0%{color:var(--primary-color)}33%{color:var(--secondary-color)}66%{color:var(--tertiary-color)}}.game-over-actions{flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.revive-btn{text-overflow:ellipsis;max-width:90vw;font-weight:700;overflow:hidden;color:#fff!important;white-space:nowrap!important;background-color:#e11d48!important;border-bottom:4px solid #99004d!important;padding:.8rem 1.5rem!important;font-size:1.1rem!important}.revive-btn:active{transform:translateY(2px)}.personal-best{white-space:nowrap}