:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;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;font-size:4.25vw;--bg-color: #181818;--text-color: #ffffff;--cell-bg-color: #222222;--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);transition:background-color .3s,color .3s}@media screen and (min-width: 520px){:root{font-size:18px}}html{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{margin:0;overflow:hidden}#app{width:100%;height:100%}canvas{width:100%;height:100%}h1{margin-top:0;font-size:3rem;letter-spacing:-.05em;font-weight:900;text-align:center}.grid{width:calc(((var(--cell-size)) * 5) + ((var(--cell-gap)) * 4));height:calc(((var(--cell-size)) * 5) + ((var(--cell-gap)) * 4));display:grid;grid-template-columns:repeat(5,var(--cell-size));grid-template-rows:repeat(5,var(--cell-size));grid-gap:var(--cell-gap);position:relative;margin:auto;transition:grid-gap .3s,width .3s,height .3s}.cell{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--cell-bg-color);border-radius:var(--cell-border-radius);cursor:pointer;transition:background-color .3s,border-radius .3s}.cell[aria-disabled=true]{pointer-events:none}.cell.active{background-color:#ffffff15}.cell:hover{background-color:#fff3}.game-footer{padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;margin-top:1rem}.game-footer>div{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.game-footer>div>span{margin:0 1rem}.game-footer svg{color:var(--cell-bg-color)}.score{color:var(--score-color);font-weight:900}.score2{color:var(--score2-color);font-weight:900}.score .multiplier{font-weight:initial;font-size:.75em;color:var(--text-color)}#final-score,#score{font-weight:900;font-size:3rem;position:relative}.floating-text{position:absolute;white-space:nowrap;pointer-events:none;z-index:1000;font-weight:600}.elena-popup{background:linear-gradient(135deg,purple,red);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.elena-popup:after{content:"❤️";margin-left:5px;font-size:1.2em}.floating-text.score{display:flex;align-items:center;justify-content:center;font-weight:600}.floating-text.high-score{font-weight:700;filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.floating-text .score-value{font-weight:700}.floating-text .multiplier{margin-left:.3rem;color:#fc0;font-weight:700}.floating-text.white{color:#f8f8f2}.floating-text.green{color:#50fa7b}.floating-text.orange{color:#ffb86c}.floating-text.yellow{color:#f1fa8c}.floating-text.red{color:#f55}.floating-text.blue{color:#8be9fd}.floating-text.purple{color:#bd93f9}.special-text-effect{font-family:sans-serif;letter-spacing:2px;text-transform:uppercase;animation:pulse .5s infinite alternate}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);text-shadow:0 0 10px rgba(255,255,255,.5)}to{transform:translate(-50%,-50%) scale(1.05);text-shadow:0 0 20px rgba(255,255,255,.8)}}.particle-container{position:absolute;pointer-events:none;z-index:1001}.particle{position:absolute;border-radius:50%;transform-origin:center center}.tile{width:var(--tile-size);height:var(--tile-size);display:flex;justify-content:center;align-items:center;font-weight:600;font-size:1.25rem;line-height:1;border-radius:var(--tile-border-radius);-webkit-user-select:none;user-select:none;z-index:1;transition:border .3s,border-radius .3s,width .3s,height .3s}.tile-trail{position:absolute;pointer-events:none;animation:fade-out .8s forwards}@keyframes fade-out{0%{opacity:.7}to{opacity:0}}#game-message{transition:transform .2s ease,color .3s ease;font-weight:600}@keyframes pulse-highlight{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}.pulse-highlight{animation:pulse-highlight .8s ease infinite}.near-miss{animation:near-miss .5s ease}@keyframes near-miss{0%{box-shadow:0 0 #fff0}50%{box-shadow:0 0 15px #6495edcc}to{box-shadow:0 0 #fff0}}[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);border-bottom:var(--cell-border-width) solid var(--quaternary-border-color);position:relative;box-shadow:0 0 10px 2px var(--quaternary-color)}[data-type=quaternary]:after{content:var(--quaternary-heart, "");position:absolute;top:0;right:0;transform:translate(50%,-50%);font-size:1.5rem;pointer-events:none}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:var(--cell-bg-color);padding:1rem 2rem;font-size:1.25rem;border-radius:.5rem;cursor:pointer}button:active{background-color:#000}#game-over{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:var(--bg-color);z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none}#restart-game-button{margin-top:2rem;background-color:var(--tertiary-color);color:var(--text-color);border-bottom:var(--cell-border-width) solid var(--tertiary-border-color)}#restart-game-button:active{border-color:transparent;transform:translateY(4px)}#toggle-border-radius-button{border-radius:var(--cell-border-radius)}#theme-settings{display:flex;margin:1rem;gap:1rem;transition:transform .3s}.theme-toggle{width:3rem;height:3rem;padding:0;border-bottom:var(--cell-border-width) solid;transition:border .3s}.theme-toggle svg{width:1rem;height:1rem;color:var(--text-color)}#theme-switcher{display:flex;flex-direction:column;gap:1.5rem;margin:1rem;padding-bottom:.25rem}.theme-button{width:2rem;height:2rem;border-radius:100%;padding:0;border:1px solid}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#game-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}#next-tile-container{position:relative;margin-top:1rem;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);display:flex;align-items:center;justify-content:center}#next-tile-container:before{content:"";background-color:var(--cell-bg-color);width:100%;height:1rem;position:absolute;bottom:100%}#game-message{margin-top:.5rem;text-align:center;animation:rainbow 10s linear alternate infinite;font-weight:700}.highlight,*:focus-visible{outline:2px solid var(--score-color)}.active [aria-label=open]{display:initial}.active [aria-label=open],[aria-label=close]{display:none}.active [aria-label=close]{display:initial}#github-badge{position:absolute;bottom:1rem;right:1rem;display:flex;justify-content:center;align-items:center;color:var(--text-color);opacity:.5;background-color:var(--cell-bg-color);padding:1rem;border-radius:var(--cell-border-radius);transition:opacity .3s}#github-badge:hover{opacity:1}#audio-toggle{position:fixed;top:1rem;left:1rem;width:2rem;height:2rem;padding:0;border-bottom:var(--cell-border-width) solid;transition:border .3s}#audio-toggle svg{width:1rem;height:1rem;color:var(--text-color)}#audio-toggle.enabled #enable-audio{display:none}#audio-toggle:not(.enabled) #disable-audio{display:none}#toggle-settings-button{position:fixed;z-index:100;top:1rem;right:1rem;width:2rem;height:2rem;padding:0;border-bottom:var(--cell-border-width) solid;transition:border .3s}#toggle-settings-button svg{width:1rem;height:1rem;color:var(--text-color)}#settings{position:fixed;z-index:10;top:0;bottom:0;right:0;left:0;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-color);transform:translatey(-100rem);transition:transform .3s,background-color .3s}#settings.active{transform:translateY(0);padding-top:0rem}.demo-grid-row{width:calc(((var(--cell-size)) * 3) + ((var(--cell-gap)) * 2));height:var(--cell-size);margin-bottom:2.5rem;display:grid;grid-template-columns:repeat(3,var(--cell-size));grid-template-rows:none;grid-gap:var(--cell-gap);transition:grid-gap .3s,width .3s,height .3s}@keyframes rainbow{to,0%{color:var(--primary-color)}33%{color:var(--secondary-color)}66%{color:var(--tertiary-color)}}#second-chance-button{display:block;margin:10px auto;padding:10px 15px;background:linear-gradient(45deg,#ff6b6b,#ffa502);color:#fff;border:none;border-radius:5px;font-weight:700;cursor:pointer;animation:pulse-button 1s infinite alternate}#second-chance-button[disabled]{background:gray;cursor:not-allowed;animation:none}@keyframes pulse-button{0%{transform:scale(1)}to{transform:scale(1.05)}}