*{padding:0;margin:0;-webkit-user-select:none;user-select:none}canvas{background-color:var(--bg-color);background-image:radial-gradient(ellipse at center,var(--bg-color),var(--bg-color-10))}:root{--bg-color: var(--col-bg);--bg-color-5: color-mix(in srgb, var(--col-bg), var(--col-contrast) 5%);--bg-color-10: color-mix(in srgb, var(--col-bg), var(--col-contrast) 10%);--bg-color-20: color-mix(in srgb, var(--col-bg), var(--col-contrast) 20%);--bg-color-30: color-mix(in srgb, var(--col-bg), var(--col-contrast) 30%);--bg-color-40: color-mix(in srgb, var(--col-bg), var(--col-contrast) 40%);--bg-color-50: color-mix(in srgb, var(--col-bg), var(--col-contrast) 50%);--bg-stars-color: color-mix( in srgb, var(--col-contrast), var(--col-bg) 60% );--menu-primary-color: var(--col-primary);--menu-secondary-color: var(--bg-color);--enemy-word-unmatched-color: var(--col-primary);--enemy-word-matched-color: var(--col-secondary);--enemy-word-matched-shadow-color: color-mix( in srgb, var(--col-secondary), transparent 50% );--enemy-word-base-tint-color: var(--col-enemy);--enemy-word-hit-tint-color: var(--col-secondary);--player-score-color: var(--col-secondary);--player-lives-color: var(--col-accent);--game-shield-inner: color-mix(in srgb, var(--col-accent), transparent 95%);--game-shield-middle: color-mix( in srgb, var(--col-accent), transparent 80% );--game-shield-outer: color-mix(in srgb, var(--col-accent), transparent 50%);--game-shield-edge: var(--col-accent);--game-lane: var(--col-secondary);--player-color: var(--col-accent);--main-font: "Nunito", sans-serif}:root{--col-bg: #05001b;--col-primary: #fe7134;--col-secondary: #5bfeee;--col-accent: #f7c948;--col-enemy: #cc9cff;--col-contrast: white}html.theme-warm-paper{--col-bg: rgb(249, 236, 218);--col-primary: rgb(135, 107, 85);--col-secondary: rgb(0, 139, 139);--col-accent: rgb(235, 127, 69);--col-enemy: rgb(188, 133, 88);--col-contrast: black}html.theme-neon{--col-bg: rgb(17, 1, 45);--col-primary: rgb(109, 227, 253);--col-secondary: rgb(255, 112, 193);--col-accent: rgb(253, 215, 62);--col-enemy: rgb(255, 100, 100);--col-contrast: white}html.theme-retro{--col-bg: rgb(10, 15, 10);--col-primary: rgb(50, 255, 50);--col-secondary: rgb(255, 160, 71);--col-accent: rgb(255, 245, 50);--col-enemy: rgb(85, 181, 85);--col-contrast: white}html.theme-solarized-light{--col-bg: #fdf6e3;--col-primary: #268bd2;--col-secondary: #d33682;--col-accent: #2aa198;--col-enemy: #b58900;--col-contrast: black}html.theme-rose-pine-moon{--col-bg: #232136;--col-primary: #c4a7e7;--col-secondary: #f6c177;--col-accent: #9ccfd8;--col-enemy: #eb6f92;--col-contrast: white}#menu-container{box-sizing:border-box}#header-div{color:var(--menu-primary-color);font-family:var(--main-font);margin-bottom:1.5%;text-align:center}.menu-logo-container{position:relative;width:100%;height:180px;margin:0 auto 1.5%;-webkit-mask-image:url(./keystroke_supernova_logo_grayscale.png);mask-image:url(./keystroke_supernova_logo_grayscale.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.menu-logo-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./keystroke_supernova_logo_grayscale.png);background-size:contain;background-repeat:no-repeat;background-position:center}.menu-logo-tint{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--col-secondary);mix-blend-mode:multiply}#header-div h1{font-size:4rem;font-weight:700;color:var(--col-secondary)}#header-div h2{font-size:2.5rem;color:var(--col-secondary)}#menu-buttons-div,#level-transition-buttons-div{display:flex;font-family:var(--main-font);font-size:1.75rem;align-items:center;box-sizing:border-box}#menu-buttons-div{flex-direction:column}#level-transition-buttons-div{flex-direction:row;justify-content:center;gap:5%}button{display:block;width:30%;height:80px;margin:1.25%;font-family:inherit;font-size:inherit;font-weight:400;background-color:var(--menu-primary-color);color:var(--menu-secondary-color);border-top:2px solid color-mix(in srgb,var(--menu-primary-color),white 25%);border-left:2px solid color-mix(in srgb,var(--menu-primary-color),white 25%);border-bottom:2px solid color-mix(in srgb,var(--menu-primary-color),black 25%);border-right:2px solid color-mix(in srgb,var(--menu-primary-color),black 25%);border-radius:10px;box-sizing:border-box;transition:.1s;cursor:pointer}button:hover,button.is-pressed{transform:scale(1.05);font-weight:700}button:active,button.is-pressed{transform:scale(.95)}button:disabled{background-color:color-mix(in srgb,var(--menu-primary-color),transparent 50%);border-color:color-mix(in srgb,var(--menu-primary-color),transparent 50%);cursor:not-allowed}button:disabled:hover{transform:none;box-shadow:none;font-weight:400}.button-container{display:flex;align-items:center;justify-content:space-between;text-align:center;padding:0 8%;gap:8%;pointer-events:none}.shortcut-glyph{width:45px;height:45px;background-color:var(--menu-secondary-color);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.shortcut-glyph.primary{background-color:var(--menu-primary-color)}.button-text{flex:1}.horizontal-button-layout{display:flex;flex-direction:row;justify-content:center;gap:5%;width:100%}.input-container{display:flex;justify-content:space-between;align-items:center;width:60%;margin:1.5% 0;font-size:inherit;color:var(--menu-primary-color)}.custom-select-container{position:relative;width:60%;font-family:inherit;font-size:inherit;color:var(--menu-primary-color)}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:5px;border:2px solid var(--menu-primary-color);background-color:var(--menu-secondary-color);color:var(--menu-primary-color);cursor:pointer;-webkit-user-select:none;user-select:none}.custom-select-trigger:focus,.custom-select-trigger.is-pressed{box-shadow:0 0 0 2px var(--menu-primary-color);outline:none}.custom-select-trigger span{pointer-events:none}.custom-options-list{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:var(--menu-secondary-color);border:2px solid var(--menu-primary-color);border-top:none;border-radius:0 0 5px 5px;z-index:100;display:none;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--menu-primary-color) var(--menu-secondary-color)}.custom-options-list::-webkit-scrollbar{width:8px}.custom-options-list::-webkit-scrollbar-track{background:var(--menu-secondary-color)}.custom-options-list::-webkit-scrollbar-thumb{background-color:var(--menu-primary-color);border-radius:4px}.dropdown-arrow{font-size:.8em;transition:transform .2s}.custom-select-container:has(.custom-options-list.open) .dropdown-arrow{transform:rotate(180deg)}.custom-options-list.open{display:block}.custom-option{padding:.5rem;cursor:pointer;transition:background-color .1s;font-size:1.5rem}.custom-option.selected{box-shadow:inset 0 0 0 2px var(--menu-primary-color);background-color:transparent;color:inherit}.custom-option.highlighted,.custom-option:hover{background-color:var(--menu-primary-color);color:var(--menu-secondary-color)}.toggle-container .ui-label{flex:1;text-align:left}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--menu-secondary-color);box-shadow:inset 0 0 0 2px var(--menu-primary-color);transition:.2s;border-radius:34px}.switch-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:var(--menu-primary-color);transition:.2s;border-radius:50%}input:checked+.switch-slider{background-color:var(--menu-primary-color)}input:checked+.switch-slider:before{transform:translate(26px);background-color:var(--menu-secondary-color)}.switch input:disabled+.switch-slider{opacity:.4;cursor:not-allowed}.toggle-container:has(input:disabled)>div:first-child{opacity:.4}.slider-container{flex-direction:row;align-items:center}.ui-slider{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:5px;background:var(--menu-primary-color);outline:none;transition:.2s;margin-top:10px}.ui-slider:hover{opacity:1}.ui-slider:focus{opacity:1;box-shadow:0 0 0 2px var(--menu-secondary-color),0 0 0 4px var(--menu-primary-color)}.ui-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:var(--menu-secondary-color);border:2px solid var(--menu-primary-color);cursor:pointer}.ui-slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:var(--menu-secondary-color);border:2px solid var(--menu-primary-color);cursor:pointer}.custom-option--locked{opacity:.6;cursor:default}.custom-option.custom-option--locked:hover{background-color:transparent;color:inherit}.dropdown-lock-icon{margin-right:6px;font-size:.8em;vertical-align:middle}.game-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:auto}.game-popup-blur-layer{position:absolute;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.game-popup-dialog-container{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;padding:5%;box-sizing:border-box}.game-popup-spotlight-ring{position:absolute;border-radius:50%;border:2px solid var(--col-secondary);box-shadow:0 0 10px var(--col-secondary),0 0 24px var(--col-secondary);pointer-events:none;transform:translate(-50%,-50%);z-index:1}.game-popup{font-family:var(--main-font);background-color:var(--menu-secondary-color);border:3px solid var(--col-secondary);border-radius:15px;padding:30px;color:var(--menu-primary-color);width:50%;text-align:center;box-shadow:0 0 20px var(--col-secondary)}.game-popup-content{display:flex;flex-direction:column;align-items:center;gap:20px}.game-popup-title{font-size:2.5rem;color:var(--col-secondary);margin:0}.game-popup-body{font-size:1.8rem;margin:0;line-height:1.4;text-align:left}.game-popup-buttons{display:flex;justify-content:center;margin-top:15px;width:80%}.game-popup-buttons button{margin:0;width:50%;height:70px;font-size:1.8rem}.game-popup-buttons button .button-container{gap:5%}.game-popup-buttons button .shortcut-glyph{width:35px;height:35px}.custom-tooltip{position:fixed;pointer-events:none;z-index:10000;padding:8px 12px;background-color:var(--menu-secondary-color);color:var(--menu-primary-color);border:1px solid var(--menu-primary-color);border-radius:6px;font-family:var(--main-font);font-size:1rem;white-space:nowrap;opacity:0;transform:translateY(-5px);transition:opacity .2s ease,transform .2s ease;visibility:hidden}.custom-tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)}.player-lives{color:var(--player-lives-color);font-size:40px;font-family:var(--main-font);font-weight:700;-webkit-user-select:none;user-select:none}.player-score{color:var(--player-score-color);font-size:40px;font-family:var(--main-font);font-weight:700;-webkit-user-select:none;user-select:none}.score-popup{font-family:var(--main-font);color:var(--player-score-color);font-size:40px;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none}.player-metrics{color:#ae6e0e;font-size:32px;font-family:var(--main-font);-webkit-user-select:none;user-select:none}.meteor-word{font-size:36px;font-family:var(--main-font);font-variant-ligatures:none;will-change:transform;-webkit-user-select:none;user-select:none;white-space:nowrap;display:inline-block;margin:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.meteor-word span{color:var(--enemy-word-unmatched-color);transition:color .05s ease-in,text-shadow .05s ease-in}.meteor-word span.matched{color:var(--enemy-word-matched-color)}.meteor-word .mirrored{transform:scaleX(-1);display:inline-block;font-style:italic}.meteor-word .glowing{font-weight:700;text-shadow:0 0 10px}.meteor-word .word-upcoming{opacity:.5;font-size:.8em}.meteor-word .word-active{opacity:1;font-size:1em}.meteor-word .word-completed{opacity:.3;font-size:.8em;text-decoration:line-through}.loading-title{font-family:var(--main-font);font-size:60px;color:var(--col-secondary);text-align:center;font-weight:700}.loading-prompt{font-family:var(--main-font);font-size:48px;color:var(--menu-primary-color);text-align:center;animation:blink 1s infinite;font-weight:700;margin-top:20px}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.error-overlay{position:absolute;top:0;left:0;pointer-events:none;box-shadow:inset 0 0 50px 20px #ff000080;opacity:0;z-index:100}#level-options-div{color:var(--menu-primary-color);font-family:var(--main-font);text-align:center;font-size:2rem;display:flex;padding:1%;margin:1%;align-items:center;justify-content:space-evenly}.modifier-card{background:color-mix(in srgb,var(--col-secondary),var(--col-bg) 92.5%);border-width:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:15px;padding:2% 2% 60px;flex:1;max-width:30%;margin:2%;display:flex;flex-direction:column;align-items:center;position:relative;transition:all .1s ease-in-out;height:520px;color:var(--menu-primary-color);font-family:var(--main-font)}.modifier-card h2{font-size:1.8rem;margin:0}.modifier-card:hover{cursor:pointer;box-shadow:none;font-weight:400;transform:scale(1.02)}.modifier-card:active,.modifier-card.is-pressed{transform:scale(.95);font-weight:400}.modifier-card.selected{box-shadow:0 0 15px 5px var(--menu-primary-color)}.modifier-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;width:100%;margin-top:.5rem;font-size:1.25rem;text-align:center}.modifier-header{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border-bottom:2px solid var(--menu-primary-color);margin-bottom:.5rem;padding-bottom:1rem}.modifier-description{font-size:1.5rem;font-style:italic;margin:.25rem 0;opacity:.9}.modifier-item-separator{width:100%;margin:4px 0;border:0;border-top:1px solid currentColor;opacity:.5}.modifier-item-value{font-size:1rem;font-weight:400;align-self:center}.modifier-card .shortcut-glyph{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:45px;height:45px;background-color:currentColor}.modifier-focus-badge{display:inline-block;font-size:1rem;font-weight:700;letter-spacing:.04em;padding:2px 12px;border-radius:20px;margin-top:6px}.modifier-focus-badge--speed{border:1px solid var(--col-secondary);color:var(--col-secondary)}.modifier-focus-badge--accuracy{border:1px solid var(--col-accent);color:var(--col-accent)}.modifier-stats{width:100%;margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;font-size:1.2rem;border:1px solid var(--menu-primary-color);border-radius:10px;padding:.5rem .8rem;box-sizing:border-box}.stat-bar-chart{width:100%;display:flex;flex-direction:column;gap:.5rem}.stat-bar-chart-header{font-size:1.25rem;font-weight:700;margin-bottom:.2rem;text-align:left}.stat-bar-row{display:flex;align-items:center;gap:.4rem;position:relative;cursor:default}.stat-bar-row-label{width:4rem;font-size:1.1rem;text-align:center;flex-shrink:0}.stat-bar-track{flex:1;height:20px;background:#ffffff14;border-radius:10px;overflow:hidden;position:relative}.stat-bar-fill{height:100%;border-radius:10px;min-width:2px;position:relative;opacity:.8;transition:width .35s ease,filter .15s ease,opacity .15s ease}.stat-bar-fill--item{background-color:var(--col-secondary)}.stat-bar-fill--avg{background-color:var(--col-primary)}.stat-bar-value-label{min-width:5rem;font-size:1.05rem;font-weight:700;white-space:nowrap;text-align:left;flex-shrink:0}.stat-bar-row--item .stat-bar-row-label,.stat-bar-row--item .stat-bar-value-label{color:var(--col-secondary)}.stat-bar-row--avg .stat-bar-row-label,.stat-bar-row--avg .stat-bar-value-label{color:var(--col-primary)}.stat-bar-row:hover .stat-bar-fill{filter:brightness(1.2);opacity:1}.stat-bar-row[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:#000000d9;color:var(--col-contrast);font-size:.75rem;padding:3px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:10}#game-end-coin-display{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}#game-end-coin-label{font-family:var(--main-font);font-size:1rem;text-transform:uppercase;letter-spacing:1px;color:var(--menu-primary-color);margin-bottom:.75rem}#game-end-coin-badges{display:flex;gap:40px}#stats-grid,#game-end-stats-grid{font-family:var(--main-font);color:var(--menu-primary-color);display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem;width:100%}#pause-stats-grid{font-family:var(--main-font);color:var(--menu-primary-color);display:flex;gap:3rem;justify-content:center;margin-bottom:1rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:1rem;text-transform:uppercase;letter-spacing:1px}#charts-wrapper{display:flex;gap:2rem;width:100%;margin-bottom:2rem;box-sizing:border-box}.chart-container{flex:1;height:350px;background-color:var(--menu-secondary-color);border-radius:10px;padding:1rem;box-sizing:border-box;border:2px solid var(--menu-primary-color)}.game-footer{position:absolute;bottom:0;left:0;width:100%;height:60px;background-color:var(--menu-secondary-color);border-top:2px solid var(--menu-primary-color);display:flex;pointer-events:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box;z-index:1000}.game-footer-left{display:flex;align-items:center}.game-stats-container{display:flex;flex-direction:row;align-items:center;gap:100px;height:100%;flex-grow:1;justify-content:center}.stat-item{font-family:var(--main-font);font-size:26px;font-weight:700;color:var(--menu-primary-color);white-space:pre;display:flex;align-items:center;font-variant-numeric:tabular-nums}.stat-item.zen-mode{font-size:32px;letter-spacing:2px;width:100%;justify-content:center;text-align:center}.game-header{position:absolute;top:0;left:0;width:100%;height:60px;background-color:var(--menu-secondary-color);border-bottom:2px solid var(--menu-primary-color);display:flex;pointer-events:none;flex-direction:row;align-items:center;justify-content:center;padding:0 20px;box-sizing:border-box;z-index:1000}.game-header-stats{display:grid;grid-template-columns:1fr auto 1fr;width:100%;align-items:center;height:100%}.header-left{display:flex;align-items:center;padding-left:20px}.header-center{display:flex;align-items:center;justify-content:center;gap:50px}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-right:20px}.header-coin-badge{display:flex;align-items:center;gap:6px;font-family:var(--main-font);font-size:20px;font-weight:700;color:var(--col-accent);background-color:var(--menu-secondary-color);border:2px solid var(--col-accent);padding:2px 10px;border-radius:12px}.header-coin-icon{width:20px;height:20px;background-color:var(--col-accent);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;flex-shrink:0}.header-coin-icon.coin{mask-image:url(./coin.png);-webkit-mask-image:url(./coin.png)}.header-coin-icon.gem{mask-image:url(./gem.png);-webkit-mask-image:url(./gem.png)}.level-progress-bar{width:200px;height:20px;background-color:transparent;border:2px solid var(--menu-primary-color);border-radius:10px;overflow:hidden;display:flex;align-items:center}.level-progress-fill{height:100%;background-color:var(--col-primary);border-radius:8px;transition:width .3s ease;width:0%}.stat-lives{color:var(--player-lives-color);flex-direction:row;gap:6px}.heart-icon{width:36px;height:36px;mask-image:url(./spaceship_2.png);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(./spaceship_2.png);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;flex-shrink:0;transform:rotate(50deg)}.heart-icon.filled{background-color:var(--player-lives-color)}.heart-icon.empty{background-color:var(--player-lives-color);opacity:.2}.stat-score{color:var(--player-score-color)}.stat-battery{color:var(--col-accent);flex-direction:row;gap:6px}.battery-icon{width:24px;height:24px;background-color:var(--col-accent);mask-image:url(./battery_charge.png);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(./battery_charge.png);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;flex-shrink:0}.battery-body{width:80px;height:22px;border:2px solid var(--col-accent);border-radius:4px;overflow:hidden;flex-shrink:0}.battery-fill{height:100%;background-color:var(--col-accent);width:0%;transition:width .3s ease}.battery-cap{width:5px;height:10px;background-color:var(--col-accent);border-radius:0 2px 2px 0;flex-shrink:0;margin-left:-6px}.battery-pct{font-size:18px;font-variant-numeric:tabular-nums;min-width:3.5ch}.stat-inactive{opacity:.2}#game-pause-button{cursor:pointer}#game-pause-button .shortcut-glyph{width:36px;height:36px}.keyboard-overlay{display:flex;flex-direction:column;padding:1.5rem;background:var(--bg-color-20);border-radius:1rem;border:1px solid var(--menu-primary-color);box-shadow:0 0 10px var(--bg-color-50);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:900px;max-width:95vw;pointer-events:none;z-index:1000}.keyboard-row{display:flex;gap:.4rem;margin:.4rem 0;width:100%}.key{display:flex;align-items:center;justify-content:center;height:3.5rem;background:var(--bg-color);border:1px solid var(--menu-secondary-color);border-radius:.4rem;color:var(--menu-primary-color);font-family:var(--main-font, monospace);font-size:1.1rem;transition:all .1s ease-out;position:relative;overflow:hidden;box-shadow:0 2px 0 var(--bg-color-50);flex-grow:1;flex-basis:3rem}.key.dual-label{flex-direction:column;justify-content:space-evenly;line-height:1}.key .secondary-label{font-size:.8rem;opacity:.8}.key .primary-label{font-size:1.1rem;font-weight:700}.utility-key{font-size:.9rem;opacity:.9}.key.active{background:var(--enemy-word-matched-color);color:var(--bg-color);border-color:var(--enemy-word-matched-color);box-shadow:0 0 15px var(--enemy-word-matched-color),inset 0 0 10px color-mix(in srgb,var(--col-contrast),transparent 50%);transform:translateY(2px);text-shadow:none}.w-1-5{flex-grow:1.5;flex-basis:4.5rem}.w-1-75{flex-grow:1.75;flex-basis:5.25rem}.w-2{flex-grow:2;flex-basis:6rem}.w-2-25{flex-grow:2.25;flex-basis:6.75rem}.w-2-75{flex-grow:2.75;flex-basis:8.25rem}.w-6-25{flex-grow:6.25;flex-basis:18.75rem}@keyframes key-hint-blink{0%{background-color:var(--col-primary);color:var(--bg-color)}50%{background-color:color-mix(in srgb,var(--col-primary),transparent 40%)}to{background-color:var(--col-primary);color:var(--bg-color)}}.key.hint{animation:key-hint-blink 1s infinite ease-in-out;border-color:var(--col-primary);color:var(--col-primary);font-weight:700}.key.finger-hint{border-color:var(--col-secondary);box-shadow:inset 0 0 10px color-mix(in srgb,var(--col-secondary),transparent 60%);color:var(--col-secondary)}#lesson-selection-body .button-container{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:0 20px;gap:15px}#lesson-selection-body .button-text{flex:1;text-align:left;display:flex;flex-direction:column;justify-content:center}#lesson-selection-body .shortcut-glyph{flex-shrink:0}#lesson-list-div{flex-wrap:wrap;justify-content:center;justify-items:center}#lesson-list-div button{width:100%;margin:0;min-height:80px;height:auto}#lesson-list-div .button-container{height:100%}#lesson-list-div .button-text{text-align:center}:root{--shop-item-bg-color: color-mix( in srgb, var(--col-secondary), var(--col-bg) 95% );--shop-item-border-color: var(--col-secondary)}.shop-scene-wrapper{width:var(--game-width, 1920px);height:var(--game-height, 1080px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.shop-container{width:80%}.shop-container #header-div,.shop-container #menu-buttons-div{position:relative;z-index:20;flex-shrink:0}.shop-container #shop-coin-display{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:2%;position:relative;z-index:20;flex-shrink:0}.shop-coin-badge{display:flex;align-items:center;gap:15px;font-family:var(--main-font);font-size:2rem;font-weight:700;color:var(--col-accent);background-color:var(--menu-secondary-color);border:2px solid var(--col-accent);padding:10px 25px;border-radius:30px}.shop-coin-icon{width:36px;height:36px;background-color:var(--col-accent);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.shop-coin-icon.coin{mask-image:url(./coin.png);-webkit-mask-image:url(./coin.png)}.shop-coin-icon.gem{mask-image:url(./gem.png);-webkit-mask-image:url(./gem.png)}.shop-item-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:auto;min-height:225px;padding:20px;margin:0;background-color:var(--shop-item-bg-color);border:2px solid var(--shop-item-border-color);border-radius:15px;cursor:pointer;transition:transform .1s,box-shadow .1s;position:relative;overflow:hidden;will-change:transform;scroll-margin:30px}.shop-item-card.keyboard-focused{transform:scale(1.05);border:3px solid var(--col-secondary);box-shadow:0 0 15px var(--col-secondary)}.shop-item-icon{font-size:2rem;margin-bottom:10px;pointer-events:none;color:var(--col-primary);font-weight:400;display:flex;gap:6px;align-items:center;justify-content:center}.shop-item-mask-icon{width:56px;height:56px;background-color:currentColor;display:block;flex-shrink:0;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.shop-item-mask-icon[data-icon="battery_surge.png"]{width:45px;mask-image:url(./battery_surge.png);-webkit-mask-image:url(./battery_surge.png)}.shop-item-mask-icon[data-icon="coin.png"]{mask-image:url(./coin.png);-webkit-mask-image:url(./coin.png)}.shop-item-mask-icon[data-icon="currency_supply.png"]{width:48px;mask-image:url(./currency_supply.png);-webkit-mask-image:url(./currency_supply.png)}.shop-item-mask-icon[data-icon="emp_blast.png"]{mask-image:url(./emp_blast.png);-webkit-mask-image:url(./emp_blast.png)}.shop-item-mask-icon[data-icon="emp_charge.png"]{mask-image:url(./emp_charge.png);-webkit-mask-image:url(./emp_charge.png)}.shop-item-mask-icon[data-icon="emp_destructive.png"]{mask-image:url(./emp_destructive.png);-webkit-mask-image:url(./emp_destructive.png)}.shop-item-mask-icon[data-icon="entropy_1.png"]{mask-image:url(./entropy_1.png);-webkit-mask-image:url(./entropy_1.png)}.shop-item-mask-icon[data-icon="entropy_2.png"]{mask-image:url(./entropy_2.png);-webkit-mask-image:url(./entropy_2.png)}.shop-item-mask-icon[data-icon="entropy_3.png"]{mask-image:url(./entropy_3.png);-webkit-mask-image:url(./entropy_3.png)}.shop-item-mask-icon[data-icon="entropy_4.png"]{mask-image:url(./entropy_4.png);-webkit-mask-image:url(./entropy_4.png)}.shop-item-mask-icon[data-icon="entropy_5.png"]{mask-image:url(./entropy_5.png);-webkit-mask-image:url(./entropy_5.png)}.shop-item-mask-icon[data-icon="extra_life.png"]{width:48px;mask-image:url(./extra_life.png);-webkit-mask-image:url(./extra_life.png)}.shop-item-mask-icon[data-icon="gem.png"]{mask-image:url(./gem.png);-webkit-mask-image:url(./gem.png)}.shop-item-mask-icon[data-icon="life_beacon.png"]{mask-image:url(./life_beacon.png);-webkit-mask-image:url(./life_beacon.png)}.shop-item-mask-icon[data-icon="tutorial.png"]{mask-image:url(./tutorial.png);-webkit-mask-image:url(./tutorial.png)}.shop-item-mask-icon[data-icon="typing_streak.png"]{mask-image:url(./typing_streak.png);-webkit-mask-image:url(./typing_streak.png)}.shop-item-card:hover .shop-item-icon,.shop-item-card.keyboard-focused .shop-item-icon{font-weight:400}.shop-theme-color-dot{width:22px;height:22px;border-radius:50%;border:2px solid color-mix(in srgb,var(--col-contrast),transparent 75%);flex-shrink:0}.shop-item-title{font-size:1.75rem;font-weight:700;text-align:center;color:var(--col-secondary);margin-bottom:15px;pointer-events:none}.shop-item-cost-group{display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none}.shop-item-cost{display:flex;align-items:center;gap:8px;font-size:1.5rem;font-weight:700;background-color:var(--col-accent);color:var(--menu-secondary-color);padding:5px 15px;border-radius:20px}.shop-item-cost .shop-coin-icon{width:24px;height:24px;background-color:currentColor}.shop-popup-cost{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0}.shop-cost-separator{font-size:1.5rem;font-weight:700;color:var(--col-accent)}.shop-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:none;justify-content:center;align-items:center;z-index:1000}.shop-popup{font-family:var(--main-font);background-color:var(--menu-secondary-color);border:3px solid var(--col-secondary);border-radius:15px;padding:30px;color:var(--menu-primary-color);width:50%;text-align:center;box-shadow:0 0 20px var(--col-secondary)}.shop-popup-content{display:flex;flex-direction:column;align-items:center;gap:20px}#shop-popup-title{font-size:2.5rem;color:var(--col-secondary);margin:0}#shop-popup-description{font-size:1.8rem;margin:0;line-height:1.4;text-align:center}.shop-popup-message{font-size:1.8rem;font-weight:700;min-height:1.8rem}.shop-popup-message.success{color:var(--col-secondary);text-shadow:0 0 10px var(--col-secondary)}#shop-popup-buttons{display:flex;gap:20px;justify-content:space-evenly;margin-top:15px;width:80%}#shop-popup-buttons button{margin:0;width:35%;height:70px;font-size:1.8rem}#shop-popup-buttons button .button-container{gap:5%}#shop-popup-buttons button .shortcut-glyph{width:35px;height:35px}.shop-popup-sprites-row{display:flex;gap:24px;justify-content:center;margin-top:18px;flex-wrap:wrap}.shop-sprite-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.shop-sprite-preview canvas{display:block}.shop-sprite-label{font-family:var(--main-font);font-size:1.2rem;color:var(--col-primary);text-align:center}.split-menu-body{font-family:var(--main-font);font-size:2rem;display:flex;flex-direction:row;width:100%;height:530px;min-height:350px;margin-top:2%;margin-bottom:1.5%;gap:30px}.split-menu-sidebar{display:flex;flex-direction:column;width:25%;height:100%;gap:0;border-right:2px solid var(--border-light);overflow-y:auto;padding-right:0}.split-menu-sidebar button{width:100%;margin:0;min-height:80px;height:auto;border-radius:10px 0 0 10px;border:none;box-shadow:none;background-color:transparent;color:var(--menu-primary-color);opacity:.9}.split-menu-sidebar button .shortcut-glyph{background-color:var(--menu-primary-color)}.split-menu-sidebar button:hover{transform:none;box-shadow:inset 0 0 0 2px var(--menu-primary-color);background-color:transparent}.split-menu-sidebar button.active{background-color:color-mix(in srgb,var(--col-secondary),transparent 85%);color:var(--menu-primary-color);transform:none;margin-right:0;opacity:1;font-weight:700}.split-menu-sidebar .button-container{height:100%}.split-menu-content{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;width:75%;gap:30px;padding:25px;overflow-y:auto;overflow-x:hidden;background-color:var(--bg-color-5);border-radius:20px;scrollbar-width:thin;scrollbar-color:var(--menu-primary-color) var(--menu-secondary-color)}.split-menu-content::-webkit-scrollbar{width:8px}.split-menu-content::-webkit-scrollbar-track{background:var(--menu-secondary-color)}.split-menu-content::-webkit-scrollbar-thumb{background-color:var(--menu-primary-color);border-radius:4px}