@font-face{font-family:videophreak;src:url(/fonts/videophreak.ttf) format("truetype")}html{overscroll-behavior:none;height:100%;width:100%;overflow:hidden;touch-action:manipulation}.highscores-container{font-family:videophreak,system-ui,sans-serif}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#161821;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}#root{max-width:1280px;width:100%;align-items:center;text-align:center;display:flex;justify-content:center;overscroll-behavior:none;height:100%;overflow:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#0b0d16;overscroll-behavior:none;-webkit-overflow-scrolling:touch;position:fixed;width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.btn{box-sizing:border-box;height:107px;width:107px;border:1px solid transparent;padding:.6em .5em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:ease-out border-color .1s}.gameboard-main{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d6ecff;position:relative;overflow:hidden;overscroll-behavior:none;background:#11131a}.game-board{height:fit-content;width:fit-content;display:grid;margin-top:75px;grid-gap:6px;z-index:10}.board-card{display:flex;align-items:center;justify-content:center;border:2px solid #585aa9}.game-dashboard-top{position:fixed;left:0;top:7.5rem;width:100%;z-index:20}.game-dashboard-top.non-interactive{pointer-events:none;top:2rem}.title-item{width:100%}.game-alert{margin:0}.name-container{display:flex;justify-content:center}.name-input{box-sizing:border-box;font-size:40px;height:107px;padding-left:20px;margin-right:6px;width:11em;border:2px solid #3f4076ff;background-color:#1a1a1a99}.name-input:hover{border-color:#9294ff}.name-input:focus,.name-input:focus-visible{outline:none}.name-btn{font-size:34px}.game-dashboard-top>h3{margin:0}.game-dashboard-side{opacity:.6;display:flex;grid-gap:6px;position:absolute;top:1.5rem;left:1.5rem;flex-direction:column;transition:opacity 125ms ease}.dashboard-item{box-sizing:border-box;width:107px;height:107px;border:1px solid #3f4076ff;display:flex;align-items:center;flex-direction:column;justify-content:center}.dashboard-item.name-btn{border:2px solid #585aa9}.dashboard-item>h2{margin:0}.dashboard-item>p{margin:0}.game-dashboard-side.solid{opacity:1}.score>h3{margin:0;width:90%;display:flex;justify-content:center}.highscores{color:#d6ecff;font-weight:400;border-color:#585aa9;transition:border-color,color 1.5s ease}.highscores:hover{background-color:#000128}.highscores.end{border:3px solid #3549ff}.highscores.end:hover{border-color:#585aa9}.highscores.disabled{-webkit-user-select:none;user-select:none;cursor:default;color:#ffffff4d;border:2px solid #585aa9;background-color:#151515}.new-game{border:1px solid #585aa9;bottom:2em;font-weight:400;color:#d6ecff;opacity:1;transition:opacity .1s ease}.new-game:hover{border-color:#9294ff;background-color:#000128}.new-game.disabled{-webkit-user-select:none;user-select:none;cursor:default;border-color:#585aa9;background-color:#151515;opacity:.6}@media (max-width: 1200px){.name-input{font-size:35px;height:90px;color:#d6ecff}.dashboard-item{width:90px;height:90px;color:#d6ecff}.new-game{width:90px;height:90px}.btn{height:90px;width:90px}.settings-container{scale:.85;top:1rem;right:-2rem}}@media (max-width: 1200px) and (min-width: 1000px){.name-input{font-size:35px;height:90px;color:#d6ecff}.title-item{font-size:32px}.game-dashboard-side{width:100%;display:flex;justify-content:center;bottom:2rem;top:auto;left:auto;flex-direction:row;position:fixed;z-index:30}.dashboard-item{width:90px;height:90px;font-size:14px;color:#d6ecff}.name-btn{font-size:26px}.new-game{width:90px;height:90px;font-size:14px}.btn{height:90px;width:90px}.settings-container{scale:.85;top:1rem;right:-2rem}}@media (max-width: 1000px){.name-input{font-size:28px;height:75px;color:#d6ecff}.title-item{font-size:28px}.game-dashboard-side{width:100%;display:flex;justify-content:center;bottom:2rem;top:auto;left:auto;flex-direction:row;position:fixed;z-index:30}.dashboard-item{width:75px;height:75px;font-size:13px;color:#d6ecff}.name-btn{font-size:20px}.new-game{width:75px;height:75px;font-size:13px}.btn{height:75px;width:75px}.settings-container{top:.5rem}}@media (max-width: 768px){.game-dashboard-top.non-interactive{top:1.5rem}}@media (max-width: 540px){.game-dashboard-top.non-interactive{left:0;top:7.5rem}}@media (max-width: 480px){.gameboard-main{height:100dvh;min-height:100vh;position:fixed;top:0;left:0}.game-board{margin-top:0}.game-dashboard-top{left:0}.game-dashboard-side{bottom:1rem;position:fixed;z-index:30}.name-input{font-size:16px;height:45px;color:#d6ecff}.dashboard-item{width:45px;height:45px;font-size:10px;color:#d6ecff}.name-btn{font-size:14px}.dashboard-item h2{font-size:12px}.new-game{font-size:10px;width:45px;height:45px}.btn{height:45px;width:45px}}@media (hover: hover) and (pointer: fine){.btn:hover{border-color:#9294ff}}.new-game.true{box-shadow:0 0 #000;transform:scale(1);animation:pulse 2s infinite;transform-origin:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}@keyframes pulse{0%{transform:scale(.95);border-color:#555aa9;box-shadow:0 0 #fff0}70%{transform:scale(1);border-color:#9294ff;box-shadow:0 0 10px 5px #1317aa}to{transform:scale(.95);border-color:#555aa9;box-shadow:0 0 #fff0}}.settings-container{position:absolute;top:1rem;right:1em;display:flex;flex-direction:column;align-items:flex-end;gap:5px;z-index:30}.settings{position:absolute;top:2.5rem;right:0rem;display:flex;flex-direction:column;align-items:flex-end;padding:8px 10px;gap:2px;opacity:1;background-color:#22273e75;border-radius:5px;transition:opacity .3s ease}.settings.transparent{opacity:0}.slider{display:flex}input[type=range]{margin-left:.5rem;background-size:37.5% 100%}.settings-btn{position:relative;display:flex;justify-content:center;align-items:center;height:32px;width:32px;padding:5px;background:none;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.settings-btn:active{background-color:#242aff}.settings-btn.cog.transparent{opacity:.45}.settings-btn.reset{height:26px;width:26px}.slider label{opacity:.85!important}.slider.input-disabled{opacity:.6}.game-reset:hover:after{content:attr(data-tooltip);position:absolute;transform:translate(-109%) translateY(-90%);background-color:#3b3b3b;padding:5px 10px;border-radius:4px;color:salmon;font-size:12px;z-index:100;white-space:nowrap}@media (max-width: 1200px){.settings-container{scale:.85;top:.5rem;right:.5rem}.settings{top:2.5rem;right:.5rem;gap:4px}}@media (max-width: 1000px){.settings-container{scale:.8}}@media (max-width: 725px){.settings-container{top:.25rem;right:.25rem}.settings{top:2.1rem}}.loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:1;opacity:1;transition:opacity .3s ease-out;pointer-events:none}.loading-overlay.fade-out{opacity:0}.loading-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.loading-spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;border:3px solid transparent;border-radius:50%;animation:spin 1.5s linear infinite}.spinner-ring:nth-child(1){width:80px;height:80px;border-top-color:#585aa9;animation-delay:-.45s}.spinner-ring:nth-child(2){width:60px;height:60px;top:10px;left:10px;border-top-color:#9294ff;animation-delay:-.3s;animation-direction:reverse}.spinner-ring:nth-child(3){width:40px;height:40px;top:20px;left:20px;border-top-color:#00fff7;animation-delay:-.15s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.loading-spinner{width:60px;height:60px}.spinner-ring:nth-child(1){width:60px;height:60px}.spinner-ring:nth-child(2){width:45px;height:45px;top:7.5px;left:7.5px}.spinner-ring:nth-child(3){width:30px;height:30px;top:15px;left:15px}.loading-container{gap:1.5rem}}@media (max-width: 480px){.loading-spinner{width:50px;height:50px}.spinner-ring:nth-child(1){width:50px;height:50px}.spinner-ring:nth-child(2){width:38px;height:38px;top:6px;left:6px}.spinner-ring:nth-child(3){width:26px;height:26px;top:12px;left:12px}}.highscores-root{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;min-height:100vh;width:100%;transition:opacity .35s ease-out;overscroll-behavior:none;-webkit-overflow-scrolling:touch;height:100vh;max-height:100vh;overflow-y:auto}.highscores-root:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,100,.025) 2px,rgba(0,255,100,.025) 4px);animation:crt-flicker 12.3s infinite ease-in-out,crt-noise 8.7s infinite linear}@keyframes crt-flicker{0%,73%{background-color:transparent}73.2%{background-color:#ffffff0a}73.8%{background-color:transparent}84.5%{background-color:#ffffff01}85%{background-color:#ffffff04}85.1%{background-color:transparent}91.7%{background-color:#ffffff02}92.1%{background-color:#ffffff01}92.3%{background-color:#ffffff12}92.9%{background-color:transparent}}@keyframes crt-noise{0%{filter:brightness(1) contrast(1)}7%{filter:brightness(1.01) contrast(1.005)}19%{filter:brightness(.99) contrast(1.01)}34%{filter:brightness(1.005) contrast(.995)}58%{filter:brightness(.995) contrast(1.015)}73%{filter:brightness(1.01) contrast(.99)}89%{filter:brightness(.98) contrast(1.02)}to{filter:brightness(1) contrast(1)}}.highscores-container{display:flex;align-items:center;flex-direction:column;min-height:100%;width:80%}.highscores-container>h1{margin-top:1.5rem;font-size:4.5em;color:#00fff7;text-shadow:#5bfffaa3 -1px 0px 12px}.highscores-table{font-size:2.75rem;width:100%}.highscores-table thead{color:#f300f5;text-shadow:#fd00ffa1 -1px 0px 12px}.highscores-table th{text-align:left}.highscores-table tbody{color:#3549ff;text-shadow:#0019ff -2px 0px 15px}.standing-col{text-align:left;width:8%}.name-col{text-align:left;width:35%}.total-col{text-align:left;width:27%}#date-th{text-align:right}.date-col{text-align:right;width:30%}.game-link{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:10}.game-link button{background-color:#1a1a1ade}.highscore-highlight{animation:highlight-fade 8.5s ease}@keyframes highlight-fade{0%{color:#00ff6a;text-shadow:#00e15dcf -2px 0px 15px}to{color:#3549ff;text-shadow:#0019ff -2px 0px 15px}}@media (max-width: 1200px){.highscores-container{width:82%}.highscores-container>h1{font-size:2.5em}.highscores-table{font-size:1.75rem}}@media (max-width: 600px){.highscores-container{width:85%}.highscores-container>h1{font-size:2.2em}.highscores-table{font-size:1.45rem}}@media (max-width: 480px){.highscores-container{width:90%}.highscores-container>h1{font-size:1.95em}.highscores-table{font-size:1.2rem}.game-link{left:50%;transform:translate(-50%)}#new-game-highscore{font-size:14px;width:65px;height:65px}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}