: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:4rem;--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{margin:0;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{justify-content:center;align-items:center;margin:1rem auto auto;padding:1rem;display:flex}@media screen and (width>=520px){.game-footer{position:absolute;top:11rem;right:1rem}}.game-footer>div{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}.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;font-size:1rem;position:absolute}.floating-text.score{top:-25%;right:0}.tile{width:var(--tile-size);height:var(--tile-size);border-radius:var(--tile-border-radius);-webkit-user-select:none;user-select:none;z-index:1;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;line-height:1;transition:border .3s,border-radius .3s,width .3s,height .3s;display:flex}[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)}button{appearance:none;background-color:var(--cell-bg-color);cursor:pointer;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:1;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)}#toggle-border-radius-button{border-radius:var(--cell-border-radius)}#theme-settings{gap:1rem;margin:1rem;transition:transform .3s;display:flex}.theme-toggle{border-bottom:var(--cell-border-width) solid;width:3rem;height:3rem;padding:0;transition:border .3s}.theme-toggle svg{width:1rem;height:1rem;color:var(--text-color)}#theme-switcher{flex-direction:column;gap:1.5rem;margin:1rem;padding-bottom:.25rem;display:flex}.theme-button{border:1px solid;border-radius:100%;width:2rem;height:2rem;padding:0}.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:var(--cell-size);height:var(--cell-size);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{top:calc(var(--cell-size) * 3.5);border-top-right-radius:var(--tile-border-radius);border-bottom-left-radius:0;position:absolute;left:0}#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)}.active [aria-label=open]{display:initial;display:none}[aria-label=close]{display:none}.active [aria-label=close]{display:initial}#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:100;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:10;background-color:var(--bg-color);flex-direction:column;align-items:center;transition:transform .3s,background-color .3s;display:flex;position:fixed;inset:0;transform:translateY(-100rem)}#settings.active{padding-top:0;transform:translateY(0)}.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:2.5rem;transition:grid-gap .3s,width .3s,height .3s;display:grid}@keyframes rainbow{to,0%{color:var(--primary-color)}33%{color:var(--secondary-color)}66%{color:var(--tertiary-color)}}