@import"https://fonts.googleapis.com/css2?family=Jersey+10&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;box-sizing:border-box}img{pointer-events:none;-webkit-user-drag:none}body{font-family:"Jersey 10",serif;overflow:hidden;margin:0}html,body,#app{height:100%;margin:0}.toast-wrapper[data-v-5a055dd1]{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:9999}.toast[data-v-5a055dd1]{position:relative;display:flex;align-items:center;gap:.75rem;min-width:280px;padding:1rem 1.25rem;border-radius:.75rem;color:#fff;background-color:#333;box-shadow:0 4px 12px #0003;animation:slide-in-5a055dd1 .3s ease-out;overflow:hidden;-webkit-user-select:none;user-select:none}.toast .icon[data-v-5a055dd1]{width:24px;height:24px;object-fit:contain}.toast .message[data-v-5a055dd1]{flex:1;font-size:1rem;line-height:1.4}.toast .close[data-v-5a055dd1]{font-size:1.2rem;cursor:pointer;opacity:.6;margin-left:.5rem}.toast .close[data-v-5a055dd1]:hover{opacity:1}.toast .progress[data-v-5a055dd1]{position:absolute;bottom:0;left:0;height:4px;background-color:#fff9;width:100%;animation-name:progressbar-5a055dd1;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes progressbar-5a055dd1{0%{width:100%}to{width:0%}}@keyframes slide-in-5a055dd1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast.success[data-v-5a055dd1]{background-color:#2e7d32}.toast.error[data-v-5a055dd1]{background-color:#c62828}.toast.info[data-v-5a055dd1]{background-color:#1565c0}.dev-panel[data-v-ddf05bba]{position:fixed;bottom:2rem;left:2rem;background:#183446f2;color:#fff;padding:1rem;border-radius:1rem;z-index:9999;box-shadow:2px 2px 12px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dev-btn[data-v-ddf05bba]{margin:.2rem;padding:.4rem 1rem;background:#444;color:#fff;border:none;border-radius:.4rem;cursor:pointer}.dev-btn.success[data-v-ddf05bba]{background:#4caf50}.dev-btn.error[data-v-ddf05bba]{background:#f44336}.dev-btn.info[data-v-ddf05bba]{background:#2196f3}.dev-btn[data-v-ddf05bba]:hover{opacity:.9}.pacman-gif[data-v-20fb4c5f]{position:absolute;top:0;left:0;width:35px;height:35px;image-rendering:optimizeSpeed;image-rendering:-o-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;-webkit-user-drag:none}.points-img[data-v-0f65c2ef]{width:8px;height:8px;-webkit-user-drag:none}.powerup-img[data-v-9e90cdaa]{width:15px;height:15px;margin:auto;-webkit-user-drag:none}.gameover-overlay[data-v-61404da9]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center}.gameover-content[data-v-61404da9]{position:relative;font-family:"Jersey 10",serif;padding:3rem 5rem 7rem;border-radius:2rem;text-align:center;box-shadow:0 0 30px #000;background-color:#183446;min-width:500px;min-height:350px}.gameover-content h1[data-v-61404da9]{font-size:5rem;letter-spacing:2px;color:#ff0}.gameover-content p[data-v-61404da9]{font-size:2rem;color:#fff}.button[data-v-61404da9]{position:absolute;display:inline-block;width:40%;text-align:center;font-family:"Jersey 10",serif;font-size:2.5rem;padding:.5rem 2rem;border-radius:1rem;border:none;background-color:#000;color:#fff;box-shadow:4px 4px 10px #00000080;transition:.2s ease-in-out;cursor:pointer}.restart[data-v-61404da9]{right:2rem;bottom:2rem}.home[data-v-61404da9]{left:2rem;bottom:2rem}.button[data-v-61404da9]:hover{transform:scale(1.02);font-size:2.7rem;background-color:#222}.pause-overlay[data-v-dec0358d]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center}.pause-content[data-v-dec0358d]{position:relative;font-family:"Jersey 10",serif;padding:3rem 5rem 7rem;border-radius:2rem;text-align:center;box-shadow:0 0 30px #000;background-color:#183446;min-width:500px;min-height:350px}.pause-content h1[data-v-dec0358d]{font-size:5rem;letter-spacing:2px;color:#ff0}.pause-content p[data-v-dec0358d]{font-size:2rem;color:#fff}.button[data-v-dec0358d]{position:absolute;display:inline-block;width:40%;text-align:center;font-family:"Jersey 10",serif;font-size:2.5rem;padding:.5rem 2rem;border-radius:1rem;border:none;background-color:#000;color:#fff;box-shadow:4px 4px 10px #00000080;transition:.2s ease-in-out;cursor:pointer}.mute-button[data-v-dec0358d]{position:absolute;top:2rem;right:2rem;width:48px;height:48px;padding:0;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mute-img[data-v-dec0358d]{width:50px;height:50px;object-fit:contain;display:block}.mute-button[data-v-dec0358d]:hover{transform:scale(1.02);font-size:2.7rem;background-color:#183446}.resume[data-v-dec0358d]{right:2rem;bottom:2rem}.home[data-v-dec0358d]{left:2rem;bottom:2rem}.button[data-v-dec0358d]:hover{transform:scale(1.02);font-size:2.7rem;background-color:#222}.ghost[data-v-de800573]{position:absolute;top:0;left:0;width:35px;height:35px;-webkit-user-drag:none}.game-wrapper[data-v-0b81cbed]{display:grid;grid-template-rows:auto 1fr;justify-items:center;align-items:start}.game-field[data-v-0b81cbed]{background-color:#000}.pacman-maze[data-v-0b81cbed]{width:700px;height:775px;margin:0;padding:0;image-rendering:auto;image-rendering:crisp-edges;image-rendering:pixelated;background-color:#000;-webkit-user-drag:none}.pacman-container[data-v-0b81cbed]{position:relative;display:grid;grid-template-columns:repeat(28,25px);grid-template-rows:repeat(31,25px)}.highlight[data-v-0b81cbed]{background-color:#ff0;opacity:.2}.pacman[data-v-0b81cbed],.ghost[data-v-0b81cbed]{position:absolute}.showPoints[data-v-0b81cbed],.showPowerUp[data-v-0b81cbed]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.score-display[data-v-0b81cbed]{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:3rem;font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:2px;background-color:#000}.lives[data-v-0b81cbed]{display:flex;gap:10px}.heart[data-v-0b81cbed]{width:40px;height:40px;transition:opacity .3s;-webkit-user-drag:none}.heart.lost[data-v-0b81cbed]{opacity:.2}.floating-score[data-v-0b81cbed]{position:absolute;color:#ff0;font-size:24px;font-weight:700;z-index:100}.page-container[data-v-6c245ff0]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background-color:#000}.field-box[data-v-6c245ff0]{display:flex;justify-content:center;align-items:center}.title[data-v-0b15937c]{color:#ff0;font-size:6rem;text-align:center;position:absolute;top:-3%;left:50%;transform:translate(-50%)}.button-container[data-v-352cf7e7]{display:flex;flex-direction:column;align-items:center;gap:2rem;min-height:100vh;margin-top:35rem;position:fixed;left:50%;transform:translate(-50%);z-index:10}.button-wrapper[data-v-352cf7e7]{position:relative}.button[data-v-352cf7e7]{width:17rem;height:5rem;background-color:#000;color:#fff;font-family:"Jersey 10",serif;border:none;border-radius:1rem;box-shadow:4px 4px 10px #00000080;font-size:3rem;cursor:pointer;transition:.2s ease-in-out;transform-origin:center}.button[data-v-352cf7e7]:hover{transform:scale(1.02);font-size:3.2rem;background-color:#222}.button.disabled[data-v-352cf7e7]{opacity:.5;cursor:not-allowed;background-color:#333}.tooltip[data-v-352cf7e7]{position:absolute;top:110%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:1.4rem;white-space:nowrap}.profile-picture[data-v-68cb5687]{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem}.username[data-v-68cb5687]{font-size:2rem;color:#fff;white-space:nowrap;direction:rtl;text-align:right;max-width:15rem;overflow:hidden;text-overflow:ellipsis}.profile-button[data-v-68cb5687]{background:none;border:none;cursor:pointer}.profile-button img[data-v-68cb5687]{width:4.5rem;height:4.5rem;border-radius:50%;box-shadow:4px 4px 10px #00000080;transition:transform .2s ease-in-out}.profile-button img[data-v-68cb5687]:hover{transform:scale(1.1)}.profile-popup[data-v-68cb5687]{position:absolute;top:110%;right:0;background-color:#183446;padding:1rem;border-radius:1rem;box-shadow:4px 4px 10px #00000080;z-index:1000;text-align:center}.profile-popup p[data-v-68cb5687]{margin:0 0 .5rem;font-size:1.4rem}.popup-link[data-v-68cb5687]{color:#ff0;text-decoration:none;font-size:1.5rem;cursor:pointer}.popup-link[data-v-68cb5687]:hover{text-decoration:underline}.fixed-wrapper[data-v-42c8b5fc]{width:100%;display:flex;justify-content:center;align-items:center;margin-top:5%;position:relative}.bottom-image[data-v-42c8b5fc]{position:absolute;bottom:13%;left:50%;transform:translate(-50%);pointer-events:none;max-width:100%;height:auto}.black-overlay[data-v-d5af63b9]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1000;display:grid;pointer-events:none;overflow:hidden;grid-gap:-2px}[data-v-d5af63b9] .pixel{width:calc(var(--pixel-size) + 2px);height:calc(var(--pixel-size) + 2px);margin:-1px;background-color:#000;opacity:0;transform:scale(0)}[data-v-d5af63b9] .fill .pixel{animation:pixelFade-d5af63b9 .6s forwards}@keyframes pixelFade-d5af63b9{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.pacman-container[data-v-d5af63b9]{position:absolute;top:50%;left:0;width:50px;height:50px;transform:translateY(-50%);z-index:1001}#pacman[data-v-d5af63b9]{width:100px;height:100px;--pacman-distance: 2000px}.move[data-v-d5af63b9]{animation-name:moveAcross-d5af63b9;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes moveAcross-d5af63b9{0%{transform:translate(-150px) translateY(-50%)}to{transform:translate(var(--pacman-distance)) translateY(-50%)}}.howto-overlay[data-v-15e0601f]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.howto-popup[data-v-15e0601f]{position:relative;background:transparent;padding:0;transform:translateY(-5%)}.close-btn[data-v-15e0601f]{position:absolute;top:6.5rem;right:10rem;background:none;border:none;font-size:4rem;cursor:pointer;color:#fff;z-index:1}.carousel[data-v-15e0601f]{position:relative;display:flex;align-items:center}.image-container[data-v-15e0601f]{flex:0 0 auto;display:flex;justify-content:center;align-items:center;overflow:visible}.image-container img[data-v-15e0601f]{transform:scale(.8);transform-origin:center;display:block;-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.arrow[data-v-15e0601f]{background:none;border:none;font-size:10rem;font-weight:700;cursor:pointer;padding:0 1rem;margin:0 -3rem;color:#fff;-webkit-user-select:none;user-select:none}.arrow[data-v-15e0601f]:disabled{opacity:.3;cursor:default}.indicators[data-v-15e0601f]{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex}.dot[data-v-15e0601f]{width:1.5rem;height:1.5rem;margin:0 .5rem 2rem;border-radius:50%;background:#ffffffb3;cursor:pointer}.dot.active[data-v-15e0601f]{background:#fff}.settings-overlay[data-v-bf4eac00]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.settings-popup[data-v-bf4eac00]{position:relative;background:#222;padding:4rem;border-radius:1rem;color:#fff;box-shadow:0 0 20px #0009;width:450px;text-align:center}.close-btn[data-v-bf4eac00]{position:absolute;top:.5rem;right:1rem;background:none;border:none;font-size:3rem;cursor:pointer;color:#fff;z-index:1}.settings-container[data-v-bf4eac00]{display:flex;flex-direction:column;align-items:center}label[data-v-bf4eac00]{margin-top:1rem;font-weight:700}input[type=range][data-v-bf4eac00]{width:100%;margin-top:.5rem}.mute-button[data-v-bf4eac00]{margin-bottom:1rem;width:58px;height:58px;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.mute-img[data-v-bf4eac00]{width:58px;height:58px;object-fit:contain;transition:transform .2s ease}.mute-button:hover .mute-img[data-v-bf4eac00]{transform:scale(1.1)}.settings-container h2[data-v-bf4eac00]{font-size:3rem}.settings-container label[data-v-bf4eac00]{font-size:2rem;margin-top:1.2rem;font-weight:400}.settings-container p[data-v-bf4eac00]{font-size:1.5rem;margin-top:.4rem}.grid[data-v-fe87a793]{display:grid;grid-template-columns:1fr 2fr 1fr;width:100%;font-size:2rem;align-items:center}.id[data-v-fe87a793]{justify-self:start}.name[data-v-fe87a793]{justify-self:center}.points[data-v-fe87a793]{justify-self:end}.stat-group[data-v-926d8a1f]{margin-bottom:-1.2rem}.stat-title[data-v-926d8a1f]{margin-bottom:-.75rem;font-size:2.5rem}.stat-value[data-v-926d8a1f]{margin-bottom:1.5rem;font-size:1.6rem}.fixed-wrapper[data-v-56a52188]{width:100%;display:flex;justify-content:center;align-items:center;margin-top:5%;position:relative}.board-container[data-v-56a52188]{display:flex;justify-content:center;gap:55rem;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.board[data-v-56a52188]{background-color:#183446;width:29rem;height:42rem;color:#bfbfbf;display:flex;justify-content:center;align-items:center;border-radius:2rem;box-shadow:4px 4px 10px #00000080}.board-title[data-v-56a52188]{background-color:#183446;width:24rem;margin-top:-41rem;color:#fff;text-align:center;position:fixed;padding:0rem 0;font-size:2.8rem;box-shadow:4px 4px 10px #00000080}.leaderboard-list[data-v-56a52188]{list-style:none;padding:0;margin-top:3rem}.leaderboard-list li[data-v-56a52188]{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:2rem;gap:3rem}.stats-container[data-v-56a52188]{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:1rem}.stat-group[data-v-56a52188]{margin-bottom:-1.2rem}.stat-title[data-v-56a52188]{margin-bottom:-.2rem;font-size:2.5rem}.stat-value[data-v-56a52188]{margin:0;font-size:1.6rem}.leader-box[data-v-56a52188]{margin-top:3rem;margin-left:.5rem;display:grid;justify-content:space-between;margin-bottom:.5rem;font-size:2rem;gap:.5rem}.log-in-message[data-v-56a52188]{font-size:3rem}.background-layer[data-v-bd8c08ac]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#162034;z-index:-1}#scaler[data-v-bd8c08ac]{width:1920px;height:1080px;transform-origin:top left;position:absolute}html[data-v-bd8c08ac],body[data-v-bd8c08ac]{margin:0;padding:0;overflow:hidden}.home-page[data-v-bd8c08ac]{background-color:#162034;font-family:"Jersey 10",serif;overflow:hidden;-webkit-user-select:none;user-select:none;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.leaderboard-board[data-v-bd8c08ac]{justify-content:left}.title[data-v-a1b78d8a]{color:#ff0;font-size:6rem;text-align:center;position:absolute;top:-3%;left:50%;transform:translate(-50%)}.profile-picture[data-v-39f78431]{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem}.profile-button[data-v-39f78431]{background:none;border:none;cursor:pointer}.profile-button img[data-v-39f78431]{width:4.5rem;height:4.5rem;border-radius:50%;box-shadow:4px 4px 10px #00000080;transition:transform .2s ease-in-out}.profile-button img[data-v-39f78431]:hover{transform:scale(1.1)}.form-box[data-v-66849ea5]{display:flex;flex-direction:column;align-items:center;width:100%}h2[data-v-66849ea5]{font-size:3rem;margin-bottom:1rem}form[data-v-66849ea5]{width:100%;display:flex;flex-direction:column;align-items:center}input[data-v-66849ea5]{width:90%;padding:.8rem;margin:.5rem 0;border:none;border-radius:.5rem;font-size:1.5rem;text-align:center}.button[data-v-66849ea5]{width:90%;padding:1rem;background-color:#000;color:#fff;font-size:2rem;border:none;border-radius:1rem;cursor:pointer}.button[data-v-66849ea5]:hover{background-color:#222}a[data-v-66849ea5]{color:#ff0;cursor:pointer;text-decoration:none;font-size:1.5rem}a[data-v-66849ea5]:hover{text-decoration:underline}.form-box[data-v-3a66b5bd]{display:flex;flex-direction:column;align-items:center;width:100%}h2[data-v-3a66b5bd]{font-size:3rem;margin-bottom:1rem}form[data-v-3a66b5bd]{width:100%;display:flex;flex-direction:column;align-items:center}input[data-v-3a66b5bd]{width:90%;padding:.8rem;margin:.5rem 0;border:none;border-radius:.5rem;font-size:1.5rem;text-align:center}.button[data-v-3a66b5bd]{width:90%;padding:1rem;background-color:#000;color:#fff;font-size:2rem;border:none;border-radius:1rem;cursor:pointer}.button[data-v-3a66b5bd]:hover{background-color:#222}a[data-v-3a66b5bd]{color:#ff0;cursor:pointer;text-decoration:none;font-size:1.5rem}a[data-v-3a66b5bd]:hover{text-decoration:underline}.background-layer[data-v-445c20b9]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#162034;z-index:-1}#scaler[data-v-445c20b9]{width:1920px;height:1080px;transform-origin:top left;position:absolute}html[data-v-445c20b9],body[data-v-445c20b9]{margin:0;padding:0;overflow:hidden}.login-page[data-v-445c20b9]{background-color:#162034;font-family:"Jersey 10",serif;overflow:hidden;-webkit-user-select:none;user-select:none;min-height:100vh;display:flex;flex-direction:column;justify-content:center;color:#fff}.form-container[data-v-445c20b9]{background-color:#183446;padding:3rem;border-radius:1rem;box-shadow:4px 4px 10px #00000080;text-align:center;width:28rem;position:fixed;top:18rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.popup[data-v-445c20b9]{position:fixed;top:57%;left:50%;transform:translate(-50%);background-color:#000;color:#fff;padding:1rem;border-radius:1rem;box-shadow:4px 4px 10px #00000080;font-size:1.5rem;animation:popupAnimation-445c20b9 3s forwards}@keyframes popupAnimation-445c20b9{0%{opacity:0;transform:translate(-50%,20px)}16.66%{opacity:1;transform:translate(-50%)}83.33%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.Select-Button[data-v-56cee942]{width:5rem;height:3rem;background-color:#000;color:#fff;font-family:"Jersey 10",serif;border:none;border-radius:1rem;box-shadow:4px 4px 10px #00000080;font-size:1.7rem;cursor:pointer;transition:.2s ease-in-out;transform-origin:center}.Select-Button[data-v-56cee942]:not(.selectedButton):hover{transform:scale(1.02);font-size:1.8rem;background-color:#222}.selectedButton[data-v-56cee942]{width:5rem;height:3rem;background-color:#222;color:#ff0;font-family:"Jersey 10",serif;border:none;border-radius:1rem;font-size:1.7rem;font-weight:700;transform-origin:center;transition:all .2s ease-in-out;cursor:default}.skin-container{display:grid;grid-template-columns:repeat(5,1fr);gap:2vw;max-width:1200px;width:100vw;margin:0 auto;align-items:center;justify-content:center}.flex-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4.99%;border:5px solid white;width:12rem;height:12rem;padding:.5rem;padding-bottom:20px;box-sizing:border-box;background-color:#0d111a;position:relative;overflow:hidden}.stylingGIF{width:auto;height:6.25rem;margin-top:.9375rem;z-index:1}@media (max-width: 1366px){.stylingGIF{height:5rem}}@media (max-width: 1024px){.skin-container{grid-template-columns:repeat(3,1fr)}.stylingGIF{height:4rem}}@media (max-width: 800px){.skin-container{grid-template-columns:repeat(2,1fr)}.stylingGIF{height:3rem}}@media (max-height: 900px){.stylingGIF{height:5rem}}@media (max-height: 700px){.stylingGIF{height:5rem}}@media (max-height: 600px){.stylingGIF{height:5rem}}.locked{position:relative;filter:grayscale(40%);opacity:.85}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:2;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);cursor:pointer}.lock-overlay:after{content:"PREVIEW";position:absolute;top:.5rem;left:50%;transform:translate(-50%);font-size:1.2rem;color:#fff;font-family:"Jersey 10",sans-serif;opacity:0;transition:opacity .2s ease;z-index:5}.lock-overlay:hover:after{opacity:1}.lock-icon img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:7rem;height:7rem;pointer-events:none}.price-overlay{position:absolute;top:.5rem;right:.5rem;z-index:4}.price-tag{color:#bbb;font-size:2.4rem;font-weight:700;text-shadow:0 0 4px #000;font-family:"Jersey 10",serif}.lock-content{position:absolute;bottom:-.65rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{position:relative;background:#162034;padding:1rem;border-radius:.5rem;box-shadow:0 0 12px #0009;display:flex;flex-direction:column;align-items:center}.preview-gif{width:8rem;height:8rem;margin-bottom:3em}.close-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;font-weight:700}.close-btn:hover{color:#ff0;transform:scale(1.1)}.modal-content.preview-custom{animation:zoomIn .2s ease-out;width:22rem;height:auto;padding:2rem 1.5rem;border-radius:1.5rem;background:linear-gradient(to bottom right,#101924,#19293a);box-shadow:0 0 24px #ffffff12}@keyframes zoomIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.price-preview{font-size:2.5rem;color:#fff;font-family:"Jersey 10",sans-serif;margin-bottom:1rem;text-shadow:0 0 4px black}.modal-header{font-family:"Jersey 10",sans-serif;color:#ff0;font-size:2.8rem;margin-bottom:-1rem;letter-spacing:1px;text-shadow:0 0 8px rgba(255,212,76,.4)}.background-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#162034;z-index:-1}::-webkit-scrollbar{display:none}.main-container{display:flex;flex-direction:column;height:100vh}.header-container{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;height:20vh;min-height:80px}.coin-amount{color:gold;font-weight:700}.grid-wrapper{height:80vh;overflow-y:scroll;overflow-x:hidden}@media (max-width: 1366px){.button-container{height:13vh}.grid-wrapper{height:87vh;overflow-y:auto;overflow-x:hidden}}.coin-display{position:absolute;top:1.5rem;left:1.5rem;background:#0d111a;padding:.6rem 1.2rem;border-radius:.6rem;display:flex;align-items:center;gap:.6rem;font-family:"Jersey 10",sans-serif;font-size:1.9rem;color:#ff0;text-shadow:0 0 5px black;z-index:999}.coin-icon{width:2.5rem;height:2.5rem;filter:drop-shadow(0 0 2px black)}