@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-overflow-scrolling:touch}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--color-text);background:var(--color-background);background-image:url(/images/background.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed;min-height:100vh;transition:background .3s ease,color .3s ease;margin:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}button{font-family:inherit;touch-action:manipulation}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-secondary)}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit;font-size:16px}canvas{touch-action:none;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#00000080;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0ff,#0f0);border-radius:6px;border:2px solid rgba(0,0,0,.3);box-shadow:0 0 10px #0ff9,inset 0 0 5px #0f06}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0ff,#0f8);box-shadow:0 0 15px #0ffc,inset 0 0 8px #0f09}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#0cc,#0c6)}*{scrollbar-width:thin;scrollbar-color:#00ffff rgba(0,0,0,.5)}.game-header{background:#000c;backdrop-filter:blur(10px);border-bottom:2px solid var(--color-primary);padding:1rem 1.5rem;box-shadow:0 4px 20px #00ffff4d;display:flex;justify-content:center;align-items:center}@media(min-height:1300px){.game-header{padding:1.5rem 2rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.game-header{padding:1rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.game-header{padding:1rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.game-header{padding:1rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.game-header{padding:1rem}}@media(max-height:1000px)and (min-height:831px){.game-header{padding:1rem}}@media(max-height:830px){.game-header{padding:1rem}}@media(max-height:734px){.game-header{padding:.5rem}}@media(max-width:992px){.game-header{padding:.5rem 1rem}}@media(max-width:768px){.game-header{padding:.5rem 1rem}}@media(max-width:576px){.game-header{padding:.5rem}}.header-container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;max-width:1400px;margin:0 auto;width:100%;gap:1rem}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.header-container{max-width:1300px;gap:.5rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.header-container{max-width:1300px;gap:.5rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.header-container{max-width:1300px;gap:.5rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.header-container{max-width:1300px;gap:.5rem}}@media(min-height:1300px){.header-container{max-width:1800px;gap:1.5rem}}@media(max-height:1000px)and (min-height:831px){.header-container{gap:.5rem}}@media(max-height:830px){.header-container{gap:.5rem}}@media(max-height:734px){.header-container{gap:.25rem}}@media(max-width:992px){.header-container{gap:.5rem}}@media(max-width:768px){.header-container{grid-template-columns:1fr;text-align:center;gap:.5rem}}.header-left{display:flex;justify-content:flex-start;align-items:center}.header-left .home-button{padding:1rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.header-left .home-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px #0003}.header-left .home-button:active:not(:disabled){transform:translateY(0)}.header-left .home-button:disabled{opacity:.5;cursor:not-allowed}.header-left .home-button{background:#00ffff1a;border:1px solid var(--color-primary);color:#fff;padding:.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;transition:all .15s ease;border-radius:.25rem;height:36px;width:36px;flex-shrink:0}@media(min-height:1300px){.header-left .home-button{height:40px;width:40px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.header-left .home-button{height:34px;width:34px}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.header-left .home-button{height:34px;width:34px}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.header-left .home-button{height:34px;width:34px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.header-left .home-button{height:34px;width:34px}}@media(max-height:1000px)and (min-height:831px){.header-left .home-button{height:34px;width:34px;padding:.25rem}}.header-left .home-button .iconify{color:#fff;opacity:1;width:18px;height:18px}@media(min-height:1300px){.header-left .home-button .iconify{width:20px;height:20px}}@media(max-height:830px){.header-left .home-button .iconify{width:16px;height:16px}}@media(max-height:734px){.header-left .home-button .iconify{width:14px;height:14px}}@media(max-height:830px){.header-left .home-button{height:32px;width:32px;padding:.25rem}}@media(max-height:734px){.header-left .home-button{height:30px;width:30px;padding:.2rem}}@media(max-width:768px){.header-left .home-button{height:36px;width:36px}}@media(max-width:576px){.header-left .home-button{height:32px;width:32px;padding:.25rem}}.header-left .home-button:hover{background:#0ff3;transform:translateY(-2px);box-shadow:0 4px 8px #00ffff4d;will-change:transform}.header-left .home-button:active{transform:translateY(0)}.header-title{text-align:center;display:flex;justify-content:center;align-items:center;grid-column:2;justify-self:center;width:100%;gap:1rem}.header-title .header-logo-img{width:45px;height:45px;flex-shrink:0}@media(min-height:1300px){.header-title .header-logo-img{width:50px;height:50px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.header-title .header-logo-img{width:40px;height:40px}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.header-title .header-logo-img{width:40px;height:40px}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.header-title .header-logo-img{width:40px;height:40px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.header-title .header-logo-img{width:40px;height:40px}}@media(max-height:1000px)and (min-height:831px){.header-title .header-logo-img{width:40px;height:40px}}@media(max-height:830px){.header-title .header-logo-img{width:38px;height:38px}}@media(max-height:734px){.header-title .header-logo-img{width:32px;height:32px}}@media(max-width:768px){.header-title .header-logo-img{width:40px;height:40px}}@media(max-width:576px){.header-title .header-logo-img{width:30px;height:30px}}.header-title h1{font-family:"Press Start 2P",cursive;font-size:1.1rem;text-transform:uppercase;color:#f5f5f5;text-shadow:0 0 20px var(--color-primary);margin:0;line-height:1.4}@media(min-height:1300px){.header-title h1{font-size:1.3rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.header-title h1{font-size:.95rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.header-title h1{font-size:.95rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.header-title h1{font-size:.95rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.header-title h1{font-size:.95rem}}@media(max-height:1000px)and (min-height:831px){.header-title h1{font-size:.95rem;line-height:1.3}}@media(max-height:830px){.header-title h1{font-size:.9rem;line-height:1.3}}@media(max-height:734px){.header-title h1{font-size:.8rem;line-height:1.2}}@media(max-width:768px){.header-title h1{font-size:1rem}}@media(max-width:576px){.header-title h1{font-size:.75rem}}.header-author{text-align:right;display:flex;justify-content:flex-end;align-items:center;gap:1rem;grid-column:3}@media(max-width:768px){.header-author{justify-content:center}}.header-author .language-button{padding:1rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.header-author .language-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px #0003}.header-author .language-button:active:not(:disabled){transform:translateY(0)}.header-author .language-button:disabled{opacity:.5;cursor:not-allowed}.header-author .language-button{background:#00ffff1a;border:1px solid var(--color-primary);color:#fff;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;cursor:pointer;transition:all .15s ease;border-radius:.25rem;height:36px}@media(min-height:1300px){.header-author .language-button{height:40px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.header-author .language-button{height:34px;padding:.25rem .5rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.header-author .language-button{height:34px;padding:.25rem .5rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.header-author .language-button{height:34px;padding:.25rem .5rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.header-author .language-button{height:34px;padding:.25rem .5rem}}@media(max-height:1000px)and (min-height:831px){.header-author .language-button{height:34px;padding:.25rem .5rem}}@media(max-height:830px){.header-author .language-button{height:32px;padding:.25rem .5rem}}@media(max-height:734px){.header-author .language-button{height:30px;padding:.2rem .3rem}}.header-author .language-button .language-flag{display:flex;align-items:center;justify-content:center;line-height:1}.header-author .language-button .language-flag .iconify{width:20px;height:20px;display:inline-block}@media(max-height:830px){.header-author .language-button .language-flag .iconify{width:18px;height:18px}}.header-author .language-button .language-text{font-size:.75rem;color:#fffc;white-space:nowrap}.header-author .language-button:hover{background:#0ff3;border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00ffff4d}.header-author .language-button:hover .language-text{color:#fff}.header-author .language-button:active{transform:translateY(0)}@media(max-width:768px){.header-author .language-button{height:36px;padding:.5rem;font-size:.7rem}.header-author .language-button .language-text{display:none}}@media(max-width:576px){.header-author .language-button{height:32px;padding:.25rem}}.header-author .github-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#0000004d;border:1px solid var(--color-primary);border-radius:.5rem;color:var(--color-primary);text-decoration:none;transition:all .15s ease}@media(min-height:1300px){.header-author .github-button{width:40px;height:40px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.header-author .github-button{width:34px;height:34px}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.header-author .github-button{width:34px;height:34px}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.header-author .github-button{width:34px;height:34px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.header-author .github-button{width:34px;height:34px}}@media(max-height:1000px)and (min-height:831px){.header-author .github-button{width:34px;height:34px}}@media(max-height:830px){.header-author .github-button{width:32px;height:32px}}@media(max-height:734px){.header-author .github-button{width:30px;height:30px}}.header-author .github-button .iconify{color:var(--color-primary);filter:drop-shadow(0 0 4px var(--color-primary));transition:all .15s ease}.header-author .github-button:hover{background:#00ffff1a;border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00ffff4d;will-change:transform}.header-author .github-button:hover .iconify{color:var(--color-accent);filter:drop-shadow(0 0 8px var(--color-accent));transform:scale(1.1);will-change:transform}@media(max-width:768px){.header-author .github-button{width:36px;height:36px}.header-author .github-button .iconify{width:20px;height:20px}}@media(max-width:576px){.header-author .github-button{width:32px;height:32px}.header-author .github-button .iconify{width:18px;height:18px}}.game-footer{background:#000c;backdrop-filter:blur(10px);border-top:2px solid var(--color-primary);padding:1rem;box-shadow:0 -4px 20px #00ffff4d;position:relative;width:100%;display:flex;justify-content:center;align-items:center}@media(min-height:1300px){.game-footer{padding:1.5rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.game-footer{padding:1rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.game-footer{padding:1rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.game-footer{padding:1rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.game-footer{padding:1rem}}@media(max-height:1000px)and (min-height:831px){.game-footer{padding:.5rem 1rem}}@media(max-height:830px){.game-footer{padding:.5rem 1rem}}@media(max-height:734px){.game-footer{padding:.25rem .5rem}}@media(max-width:768px){.game-footer{padding:1rem}}@media(max-width:576px){.game-footer{padding:.5rem}}.footer-content{max-width:1400px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.footer-content{max-width:1300px}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.footer-content{max-width:1300px}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.footer-content{max-width:1300px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.footer-content{max-width:1300px}}@media(min-height:1300px){.footer-content{max-width:1800px}}@media(max-width:768px){.footer-content{padding:0 1rem}}.footer-copyright p{font-size:.65rem;color:#fff9;margin:0;text-align:center}@media(min-height:1300px){.footer-copyright p{font-size:.75rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.footer-copyright p{font-size:.6rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.footer-copyright p{font-size:.6rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.footer-copyright p{font-size:.6rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.footer-copyright p{font-size:.6rem}}@media(max-height:1000px)and (min-height:831px){.footer-copyright p{font-size:.6rem}}@media(max-height:830px){.footer-copyright p{font-size:.6rem}}@media(max-height:734px){.footer-copyright p{font-size:.55rem}}@media(max-width:576px){.footer-copyright p{font-size:.55rem}}.footer-copyright p a{color:var(--color-secondary);text-decoration:none;transition:color .15s ease}.footer-copyright p a:hover{color:var(--color-accent);text-decoration:underline}.footer-credits p.credits-text{font-size:.65rem;color:#ffffff80;margin:0;text-align:center;line-height:1.4}@media(min-height:1300px){.footer-credits p.credits-text{font-size:.75rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.footer-credits p.credits-text{font-size:.6rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.footer-credits p.credits-text{font-size:.6rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.footer-credits p.credits-text{font-size:.6rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.footer-credits p.credits-text{font-size:.6rem}}@media(max-height:1000px)and (min-height:831px){.footer-credits p.credits-text{font-size:.6rem}}@media(max-height:830px){.footer-credits p.credits-text{font-size:.6rem}}@media(max-height:734px){.footer-credits p.credits-text{font-size:.55rem}}@media(max-width:576px){.footer-credits p.credits-text{font-size:.55rem}}.footer-credits p.credits-text a{color:var(--color-secondary);text-decoration:none;transition:color .15s ease}.footer-credits p.credits-text a:hover{color:var(--color-accent);text-decoration:underline}.footer-support{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:1rem;margin-bottom:.5rem;width:100%}@media(max-width:576px){.footer-support{gap:.5rem;margin-top:.5rem}}.support-button{padding:1rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.support-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px #0003}.support-button:active:not(:disabled){transform:translateY(0)}.support-button:disabled{opacity:.5;cursor:not-allowed}.support-button{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;padding:.35rem .5rem;font-size:.55rem;text-decoration:none;border-radius:.25rem;transition:all .15s ease;font-family:"Press Start 2P",cursive;text-transform:uppercase;letter-spacing:.25px;min-height:28px;width:auto}.support-button .button-text{display:inline-block}@media(max-width:768px){.support-button{min-height:32px;padding:.3rem .45rem;font-size:.5rem}}@media(max-width:576px){.support-button{font-size:.45rem;padding:.25rem .35rem;min-width:auto;flex:1;justify-content:center;min-height:26px}}.support-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ff6}.support-button:active{transform:translateY(0)}.support-button.support-button-coffee{background:linear-gradient(135deg,#ffc10733,#ff980033);border:1px solid rgba(255,193,7,.6);color:#ffc107}.support-button.support-button-coffee:hover{background:linear-gradient(135deg,#ffc1074d,#ff98004d);border-color:#ffc107;box-shadow:0 4px 12px #ffc10780}.support-button.support-button-issues{background:linear-gradient(135deg,#ff572233,#f4433633);border:1px solid rgba(255,87,34,.6);color:#ff5722}.support-button.support-button-issues:hover{background:linear-gradient(135deg,#ff57224d,#f443364d);border-color:#ff5722;box-shadow:0 4px 12px #ff572280}.support-button.support-button-contribute{background:linear-gradient(135deg,#0ff3,#f0f3);border:1px solid var(--color-primary);color:var(--color-primary)}.support-button.support-button-contribute:hover{background:linear-gradient(135deg,#00ffff4d,#ff00ff4d);border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 4px 12px #00ffff80}.footer-section h3{font-family:"Press Start 2P",cursive;color:var(--color-primary);font-size:.875rem;margin-bottom:1rem;text-shadow:0 0 10px var(--color-primary);text-align:center;text-transform:uppercase}@media(max-width:576px){.footer-section h3{font-size:.75rem;margin-bottom:.5rem}}.footer-section.audio-controls .audio-buttons{display:flex;gap:1rem;flex-wrap:wrap}.icon-button{padding:1rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.icon-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px #0003}.icon-button:active:not(:disabled){transform:translateY(0)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button{background:linear-gradient(135deg,#0ff3,#f0f3);border:1px solid var(--color-primary);color:#fff;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;min-width:80px}@media(max-width:768px){.icon-button{min-height:44px;padding:.5rem 1rem}}.icon-button .iconify{color:var(--color-primary);filter:drop-shadow(0 0 8px var(--color-primary));transition:all .15s ease}.icon-button .button-label{font-size:.75rem;text-transform:uppercase}.icon-button:hover:not(:disabled){background:linear-gradient(135deg,#00ffff4d,#ff00ff4d);box-shadow:0 4px 15px #0ff6;transform:translateY(-2px)}.icon-button:hover:not(:disabled) .iconify{transform:scale(1.1);filter:drop-shadow(0 0 12px var(--color-primary))}.icon-button.active{background:linear-gradient(135deg,#0ff6,#f0f6);border-color:var(--color-accent)}.icon-button.active .iconify{color:var(--color-accent)}.icon-button.muted{opacity:.5}.icon-button.muted .iconify{color:var(--color-error, #ff5555)}.app-container{display:flex;align-items:center;justify-content:center;padding:1.5rem;flex:1;min-height:0}@media(min-height:1300px){.app-container{padding:2rem}}@media(max-width:768px){.app-container{padding:1rem;min-height:auto}}@media(max-width:576px){.app-container{padding:.5rem}}@media(max-height:1000px)and (min-height:831px){.app-container{padding:1rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.app-container{padding:1rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.app-container{padding:1rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.app-container{padding:1rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.app-container{padding:1rem}}@media(max-height:830px){.app-container{padding:1rem}}@media(max-height:734px){.app-container{padding:.5rem}}.game-layout{display:grid;grid-template-columns:335px 1fr 335px;gap:2rem;max-width:1400px;margin:0 auto;width:100%}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.game-layout{grid-template-columns:315px 1fr 315px;max-width:1300px}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.game-layout{grid-template-columns:315px 1fr 315px;max-width:1300px}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.game-layout{grid-template-columns:315px 1fr 315px;max-width:1300px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.game-layout{grid-template-columns:315px 1fr 315px;max-width:1300px}}@media(min-height:1300px){.game-layout{grid-template-columns:425px 1fr 425px;max-width:1800px;gap:3rem}}@media(max-width:992px){.game-layout{grid-template-columns:1fr;justify-items:center;gap:1.5rem}}@media(max-width:768px){.game-layout{gap:1rem;width:100%;max-width:100%}}@media(max-height:1000px)and (min-height:831px){.game-layout{gap:1.5rem}}@media(max-height:830px){.game-layout{gap:1.5rem}}@media(max-height:734px){.game-layout{gap:1rem}}.game-canvas-container{position:relative;width:100%;contain:layout style;max-width:400px;max-height:800px;margin:0 auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;justify-self:center}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.game-canvas-container{max-width:380px;max-height:760px}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.game-canvas-container{max-width:380px;max-height:760px}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.game-canvas-container{max-width:380px;max-height:760px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.game-canvas-container{max-width:380px;max-height:760px}}@media(min-height:1300px){.game-canvas-container{max-width:500px;max-height:1000px}}@media(max-width:992px){.game-canvas-container{max-height:none}}@media(max-height:1000px)and (min-height:831px){.game-canvas-container{max-width:325px;max-height:650px}}@media(max-height:830px){.game-canvas-container{max-width:300px;max-height:600px}}@media(max-height:734px){.game-canvas-container{max-width:250px;max-height:500px}}.game-canvas-container #tetris{border:3px solid var(--color-primary);border-radius:.5rem;box-shadow:0 0 30px #00ffff80,0 20px 25px #00000040;background:#000c;width:100%;height:auto;display:block;max-width:100%;max-height:100%;object-fit:contain}@media(max-width:768px){.game-canvas-container{order:2;width:100%;max-width:100%;max-height:none}}@media(max-width:576px){.game-canvas-container #tetris{border-width:2px}}.side-panel{padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #00000026;background:var(--color-boardBackground);background:#000000b3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);max-width:100%;width:100%;padding:1.5rem}@media(min-height:1300px){.side-panel{padding:2rem}}@media(max-height:1000px)and (min-height:831px){.side-panel{padding:1rem}}@media(max-height:830px){.side-panel{padding:1rem}}@media(max-height:734px){.side-panel{padding:.5rem}}.side-panel h2{font-family:"Press Start 2P",cursive;font-size:.9rem;margin-bottom:1rem;color:var(--color-primary);text-shadow:0 0 10px var(--color-primary);text-align:center;text-transform:uppercase;line-height:1.4;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}@media(min-height:1300px){.side-panel h2{font-size:1.1rem;margin-bottom:1.5rem}}@media(max-width:768px){.side-panel h2{font-size:.75rem;margin-bottom:.5rem;gap:.4rem}}@media(max-height:1000px)and (min-height:831px){.side-panel h2{margin-bottom:.5rem;font-size:.85rem}}@media(max-height:830px){.side-panel h2{margin-bottom:.5rem;font-size:.8rem}}@media(max-height:734px){.side-panel h2{margin-bottom:.25rem;font-size:.7rem}}.side-panel h3{font-family:"Press Start 2P",cursive;font-size:.75rem;color:var(--color-secondary);text-align:center;margin-bottom:.5rem;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.4rem;line-height:1.4;white-space:nowrap}@media(min-height:1300px){.side-panel h3{font-size:.9rem;margin-bottom:1rem}}@media(max-height:1000px)and (min-height:831px){.side-panel h3{margin-bottom:.3rem;font-size:.75rem}}@media(max-height:830px){.side-panel h3{margin-bottom:.25rem;font-size:.7rem}}@media(max-height:734px){.side-panel h3{margin-bottom:.2rem;font-size:.65rem}}.side-panel.left-panel{max-height:800px;display:flex;flex-direction:column;align-items:center}@media(min-height:1300px){.side-panel.left-panel{max-height:1000px}}@media(max-width:992px){.side-panel.left-panel{max-height:none}}@media(max-height:1000px)and (min-height:831px){.side-panel.left-panel{max-height:650px}}@media(max-height:830px){.side-panel.left-panel{max-height:600px}}@media(max-height:734px){.side-panel.left-panel{max-height:500px}}.side-panel.left-panel .scores-section{width:100%;flex:1;overflow-y:auto;min-height:0}.side-panel.left-panel .scores-section ol{width:100%;padding:0;margin:0}.side-panel.left-panel .panel-divider{width:100%;height:1px;background:#ffffff1a;margin:1rem 0;flex-shrink:0}@media(max-height:1000px)and (min-height:831px){.side-panel.left-panel .panel-divider{margin:.5rem 0}}@media(max-height:830px){.side-panel.left-panel .panel-divider{margin:.5rem 0}}@media(max-height:734px){.side-panel.left-panel .panel-divider{margin:.25rem 0}}.side-panel.left-panel .controls-section{width:100%;flex-shrink:0}.side-panel.left-panel .controls-section h3{font-family:"Press Start 2P",cursive;font-size:.75rem;color:var(--color-secondary);text-align:center;margin-bottom:.5rem;text-transform:uppercase}.side-panel.right-panel{max-height:800px;display:flex;flex-direction:column;justify-content:flex-start;gap:1rem;overflow-y:auto;min-height:0}@media(min-height:1300px){.side-panel.right-panel{max-height:1000px;gap:1.5rem}}@media(max-width:992px){.side-panel.right-panel{max-height:none}}@media(max-height:1000px)and (min-height:831px){.side-panel.right-panel{max-height:650px;gap:.5rem}}@media(max-height:830px){.side-panel.right-panel{max-height:600px;gap:.5rem}}@media(max-height:734px){.side-panel.right-panel{max-height:500px;gap:.25rem}}@media(max-width:992px){.side-panel{max-width:400px}}@media(max-width:768px){.side-panel.left-panel{order:1}.side-panel.right-panel{order:3}}.stats{margin-bottom:2rem}@media(min-height:1300px){.stats{margin-bottom:3rem}}@media(max-height:1000px)and (min-height:831px){.stats{margin-bottom:1.5rem}}@media(max-height:830px){.stats{margin-bottom:1rem}}@media(max-height:734px){.stats{margin-bottom:.5rem}}@media(max-width:768px){.stats{margin-bottom:1.5rem}}.stats .stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.7rem;border-bottom:1px solid rgba(255,255,255,.1)}@media(min-height:1300px){.stats .stat-item{padding:1rem 0;font-size:.85rem}}@media(max-height:1000px)and (min-height:831px){.stats .stat-item{padding:.4rem 0;font-size:.7rem}}@media(max-height:830px){.stats .stat-item{padding:.3rem 0;font-size:.65rem}}@media(max-height:734px){.stats .stat-item{padding:.2rem 0;font-size:.6rem}}@media(max-width:576px){.stats .stat-item{font-size:.65rem}}.stats .stat-item:last-child{border-bottom:none}.stats .stat-item .label{color:#ffffffb3}.stats .stat-item .value{color:var(--color-primary);font-weight:700;font-size:.85rem}@media(min-height:1300px){.stats .stat-item .value{font-size:1rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.stats .stat-item .value{font-size:.8rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.stats .stat-item .value{font-size:.8rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.stats .stat-item .value{font-size:.8rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.stats .stat-item .value{font-size:.8rem}}@media(max-height:1000px)and (min-height:831px){.stats .stat-item .value{font-size:.8rem}}@media(max-height:830px){.stats .stat-item .value{font-size:.75rem}}@media(max-height:734px){.stats .stat-item .value{font-size:.7rem}}@media(max-width:576px){.stats .stat-item .value{font-size:.75rem}}.preview-row{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}@media(min-height:1300px){.preview-row{margin-top:2rem;gap:1.5rem}}@media(max-height:1000px)and (min-height:831px){.preview-row{margin-top:1rem;gap:.5rem}}@media(max-height:830px){.preview-row{margin-top:1rem;gap:.5rem}}@media(max-height:734px){.preview-row{margin-top:.5rem;gap:.25rem}}.preview-container{text-align:center;flex:1}.preview-container h3{font-family:"Press Start 2P",cursive;font-size:.75rem;margin-bottom:.5rem;color:var(--color-secondary);text-transform:uppercase}@media(min-height:1300px){.preview-container h3{font-size:.85rem;margin-bottom:1rem}}@media(max-height:1000px)and (min-height:831px){.preview-container h3{margin-bottom:.3rem;font-size:.7rem}}@media(max-height:830px){.preview-container h3{margin-bottom:.25rem;font-size:.65rem}}@media(max-height:734px){.preview-container h3{margin-bottom:.2rem;font-size:.6rem}}.preview-container canvas{border:2px solid var(--color-primary);border-radius:.5rem;background:#00000080;margin:0 auto;display:block;width:120px;height:120px}@media(min-height:1300px){.preview-container canvas{width:150px;height:150px}}@media(max-height:1000px)and (min-height:831px){.preview-container canvas{width:115px;height:115px}}@media(max-height:830px){.preview-container canvas{width:110px;height:110px}}@media(max-height:734px){.preview-container canvas{width:100px;height:100px}}.side-panel .scores-section .scores-buttons{display:flex;gap:.5rem;justify-content:center;align-items:center;margin:1rem auto 0;width:fit-content;max-width:100%}@media(max-width:768px){.side-panel .scores-section .scores-buttons{flex-direction:column;gap:.5rem}}.side-panel .scores-section .scores-mode-toggle{padding:1rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.side-panel .scores-section .scores-mode-toggle:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px #0003}.side-panel .scores-section .scores-mode-toggle:active:not(:disabled){transform:translateY(0)}.side-panel .scores-section .scores-mode-toggle:disabled{opacity:.5;cursor:not-allowed}.side-panel .scores-section .scores-mode-toggle{background:#00ffff0d;border:1px solid var(--color-primary);border-radius:.25rem;color:var(--color-text);padding:.5rem 1rem;margin:0;display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.6rem;opacity:.7;cursor:pointer;transition:all .15s ease;width:fit-content;min-width:100px;max-width:100%}@media(min-height:1300px){.side-panel .scores-section .scores-mode-toggle{font-size:.65rem;padding:.5rem 1.5rem;min-width:110px}}@media(max-height:1000px)and (min-height:831px){.side-panel .scores-section .scores-mode-toggle{font-size:.55rem;padding:.3rem .5rem;min-width:90px;gap:.2rem}}@media(max-height:830px){.side-panel .scores-section .scores-mode-toggle{font-size:.55rem;padding:.3rem .5rem;min-width:90px;gap:.2rem}}@media(max-height:734px){.side-panel .scores-section .scores-mode-toggle{font-size:.5rem;padding:.25rem .4rem;min-width:80px;gap:.15rem}}@media(max-width:768px){.side-panel .scores-section .scores-mode-toggle{font-size:.55rem;padding:.3rem .5rem;min-width:90px;max-width:90%}}@media(max-width:576px){.side-panel .scores-section .scores-mode-toggle{font-size:.5rem;padding:.25rem .4rem;min-width:75px;gap:.15rem}}.side-panel .scores-section .scores-mode-toggle:hover{background:#00ffff1a;opacity:1;transform:translateY(-1px);will-change:transform}.side-panel .scores-section .scores-mode-toggle:active{transform:translateY(0)}.side-panel .scores-section .scores-mode-toggle #highscores-mode-text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-panel .scores-section .scores-mode-toggle .iconify{opacity:.8;flex-shrink:0;width:14px;height:14px}@media(max-height:830px){.side-panel .scores-section .scores-mode-toggle .iconify{width:12px;height:12px}}@media(max-height:734px){.side-panel .scores-section .scores-mode-toggle .iconify{width:10px;height:10px}}.side-panel .scores-section .scores-clear-button{padding:1rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.side-panel .scores-section .scores-clear-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px #0003}.side-panel .scores-section .scores-clear-button:active:not(:disabled){transform:translateY(0)}.side-panel .scores-section .scores-clear-button:disabled{opacity:.5;cursor:not-allowed}.side-panel .scores-section .scores-clear-button{background:#ff55550d;border:1px solid rgba(255,85,85,.5);border-radius:.25rem;color:var(--color-text);padding:.5rem 1rem;margin:0;display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.6rem;opacity:.7;cursor:pointer;transition:all .15s ease;width:fit-content;min-width:40px;max-width:100%}@media(min-height:1300px){.side-panel .scores-section .scores-clear-button{font-size:.65rem;padding:.5rem 1.5rem;min-width:45px}}@media(max-height:1000px)and (min-height:831px){.side-panel .scores-section .scores-clear-button{font-size:.55rem;padding:.3rem .5rem;min-width:35px;gap:.2rem}}@media(max-height:830px){.side-panel .scores-section .scores-clear-button{font-size:.55rem;padding:.3rem .5rem;min-width:35px;gap:.2rem}}@media(max-height:734px){.side-panel .scores-section .scores-clear-button{font-size:.5rem;padding:.25rem .4rem;min-width:30px;gap:.15rem}}@media(max-width:768px){.side-panel .scores-section .scores-clear-button{font-size:.55rem;padding:.3rem .5rem;min-width:35px;max-width:90%}}@media(max-width:576px){.side-panel .scores-section .scores-clear-button{font-size:.5rem;padding:.25rem .4rem;min-width:30px;gap:.15rem}}.side-panel .scores-section .scores-clear-button:hover{background:#ff555526;border-color:#f55c;opacity:1;transform:translateY(-1px);will-change:transform}.side-panel .scores-section .scores-clear-button:active{transform:translateY(0)}.side-panel .scores-section .scores-clear-button .iconify{opacity:.8;flex-shrink:0;width:14px;height:14px;color:#ff5555e6}@media(max-height:830px){.side-panel .scores-section .scores-clear-button .iconify{width:12px;height:12px}}@media(max-height:734px){.side-panel .scores-section .scores-clear-button .iconify{width:10px;height:10px}}.side-panel .scores-section ol{list-style:none;padding:0;width:100%;min-height:200px}.side-panel .scores-section ol li{padding:.5rem 1rem;margin-bottom:.5rem;background:#ffffff0d;border-radius:.25rem;display:grid;grid-template-columns:2rem 1fr auto 1fr;align-items:center;gap:.5rem;font-size:.7rem}@media(min-height:1300px){.side-panel .scores-section ol li{font-size:.85rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.side-panel .scores-section ol li{font-size:.65rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.side-panel .scores-section ol li{font-size:.65rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.side-panel .scores-section ol li{font-size:.65rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.side-panel .scores-section ol li{font-size:.65rem}}@media(max-height:1000px)and (min-height:831px){.side-panel .scores-section ol li{font-size:.65rem}}@media(max-height:830px){.side-panel .scores-section ol li{font-size:.65rem}}@media(max-height:734px){.side-panel .scores-section ol li{font-size:.6rem}}@media(max-width:576px){.side-panel .scores-section ol li{font-size:.65rem}}.side-panel .scores-section ol li.high-score-header{background:#00ffff1a;border-bottom:2px solid var(--color-primary);border-radius:.25rem .25rem 0 0;margin-bottom:1rem;padding:.5rem 1rem;font-weight:700;text-transform:uppercase;font-size:.6rem;opacity:.9;cursor:default;display:grid;grid-template-columns:2rem 1fr auto 1fr;align-items:center;gap:.5rem}@media(min-height:1300px){.side-panel .scores-section ol li.high-score-header{font-size:.7rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.side-panel .scores-section ol li.high-score-header{font-size:.55rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.side-panel .scores-section ol li.high-score-header{font-size:.55rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.side-panel .scores-section ol li.high-score-header{font-size:.55rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.side-panel .scores-section ol li.high-score-header{font-size:.55rem}}@media(max-height:1000px)and (min-height:831px){.side-panel .scores-section ol li.high-score-header{font-size:.55rem}}@media(max-height:830px){.side-panel .scores-section ol li.high-score-header{font-size:.55rem}}@media(max-height:734px){.side-panel .scores-section ol li.high-score-header{font-size:.5rem}}@media(max-width:576px){.side-panel .scores-section ol li.high-score-header{font-size:.55rem}}.side-panel .scores-section ol li.high-score-header .rank{color:var(--color-primary);font-weight:700;grid-column:1;text-align:left;justify-self:start}.side-panel .scores-section ol li.high-score-header .name{color:var(--color-primary);font-weight:700;grid-column:2;text-align:left;justify-self:start}.side-panel .scores-section ol li.high-score-header .score{color:var(--color-primary);font-weight:700;grid-column:3;text-align:right;justify-self:end}.side-panel .scores-section ol li.high-score-header .details{color:var(--color-primary);font-weight:700;grid-column:4;opacity:1;justify-self:end;justify-content:flex-end}@media(max-width:576px){.side-panel .scores-section ol li.high-score-header{grid-template-columns:1fr;gap:.2rem}.side-panel .scores-section ol li.high-score-header .rank,.side-panel .scores-section ol li.high-score-header .name,.side-panel .scores-section ol li.high-score-header .score,.side-panel .scores-section ol li.high-score-header .details{grid-column:1}.side-panel .scores-section ol li.high-score-header .name,.side-panel .scores-section ol li.high-score-header .score{text-align:left}.side-panel .scores-section ol li.high-score-header .details{justify-content:flex-start}}.side-panel .scores-section ol li.no-scores{display:flex;justify-content:center;align-items:center;opacity:.5;font-style:italic;text-align:center;grid-column:1/-1;padding:2rem 1rem;min-height:150px}.side-panel .scores-section ol li.last-attempt{background:#ffff001a;border:1px solid rgba(255,255,0,.3);opacity:.8;font-style:italic}.side-panel .scores-section ol li.last-attempt .rank{color:#ffff00b3}.side-panel .scores-section ol li.last-attempt .name{color:#ffffffe6}.side-panel .scores-section ol li.last-attempt .score{color:#ffff00e6}.side-panel .scores-section ol li .rank{color:var(--color-accent);font-weight:700;text-align:left;grid-column:1;justify-self:start}.side-panel .scores-section ol li .name{color:var(--color-text);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-column:2;justify-self:start}.side-panel .scores-section ol li .score{color:var(--color-primary);font-weight:700;text-align:right;grid-column:3;justify-self:end}.side-panel .scores-section ol li .details{display:flex;gap:.3rem;align-items:center;justify-content:flex-end;font-size:.6rem;opacity:.8;grid-column:4;justify-self:end}@media(min-height:1300px){.side-panel .scores-section ol li .details{font-size:.7rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.side-panel .scores-section ol li .details{font-size:.55rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.side-panel .scores-section ol li .details{font-size:.55rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.side-panel .scores-section ol li .details{font-size:.55rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.side-panel .scores-section ol li .details{font-size:.55rem}}@media(max-height:1000px)and (min-height:831px){.side-panel .scores-section ol li .details{font-size:.55rem}}@media(max-height:830px){.side-panel .scores-section ol li .details{font-size:.55rem}}@media(max-height:734px){.side-panel .scores-section ol li .details{font-size:.5rem}}@media(max-width:576px){.side-panel .scores-section ol li .details{font-size:.55rem}}.side-panel .scores-section ol li .details .lines{color:var(--color-secondary);font-weight:500}.side-panel .scores-section ol li .details .level{color:var(--color-accent);font-weight:500}.side-panel .scores-section ol li .details .time{color:#ffffffb3;font-weight:400}.side-panel .scores-section ol li .lines,.side-panel .scores-section ol li .level{cursor:help;position:relative;transition:opacity .15s ease}.side-panel .scores-section ol li .lines:hover,.side-panel .scores-section ol li .level:hover{opacity:1}.side-panel .controls-section .controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.side-panel .controls-section .controls-grid .control-item{display:flex;flex-direction:row;gap:.5rem;padding:.5rem;background:#ffffff0d;border-radius:.25rem;align-items:center;justify-content:space-between}.side-panel .controls-section .controls-grid .control-item .key{color:var(--color-accent);font-weight:700;font-size:.7rem;white-space:nowrap}@media(min-height:1300px){.side-panel .controls-section .controls-grid .control-item .key{font-size:.85rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.side-panel .controls-section .controls-grid .control-item .key{font-size:.65rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.side-panel .controls-section .controls-grid .control-item .key{font-size:.65rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.side-panel .controls-section .controls-grid .control-item .key{font-size:.65rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.side-panel .controls-section .controls-grid .control-item .key{font-size:.65rem}}@media(max-height:1000px)and (min-height:831px){.side-panel .controls-section .controls-grid .control-item .key{font-size:.65rem}}@media(max-height:830px){.side-panel .controls-section .controls-grid .control-item .key{font-size:.65rem}}@media(max-height:734px){.side-panel .controls-section .controls-grid .control-item .key{font-size:.6rem}}@media(max-width:576px){.side-panel .controls-section .controls-grid .control-item .key{font-size:.65rem}}.side-panel .controls-section .controls-grid .control-item .desc{color:#ffffffb3;font-size:.7rem;white-space:nowrap}@media(min-height:1300px){.side-panel .controls-section .controls-grid .control-item .desc{font-size:.85rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.side-panel .controls-section .controls-grid .control-item .desc{font-size:.65rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.side-panel .controls-section .controls-grid .control-item .desc{font-size:.65rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.side-panel .controls-section .controls-grid .control-item .desc{font-size:.65rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.side-panel .controls-section .controls-grid .control-item .desc{font-size:.65rem}}@media(max-height:1000px)and (min-height:831px){.side-panel .controls-section .controls-grid .control-item .desc{font-size:.65rem}}@media(max-height:830px){.side-panel .controls-section .controls-grid .control-item .desc{font-size:.65rem}}@media(max-height:734px){.side-panel .controls-section .controls-grid .control-item .desc{font-size:.6rem}}@media(max-width:576px){.side-panel .controls-section .controls-grid .control-item .desc{font-size:.65rem}}.audio-controls-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.audio-controls-panel h3{font-family:"Press Start 2P",cursive;font-size:.75rem;color:var(--color-secondary);text-align:center;margin-bottom:.5rem;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.4rem;line-height:1.4;white-space:nowrap}.audio-controls-panel .audio-buttons{display:flex;gap:.5rem;justify-content:center}.audio-controls-panel .audio-buttons .icon-button{flex:1;min-width:0;padding:.5rem 1rem;min-width:70px;max-width:90px;background:#0006;border:1px solid var(--color-primary);border-radius:.25rem}.audio-controls-panel .audio-buttons .icon-button .iconify{width:20px;height:20px;color:var(--color-primary);filter:drop-shadow(0 0 4px var(--color-primary))}.audio-controls-panel .audio-buttons .icon-button .button-label{font-size:.65rem;line-height:1.2;color:#ffffffe6;font-family:"Press Start 2P",cursive}.audio-controls-panel .audio-buttons .icon-button:hover:not(:disabled){background:#00ffff1a;border-color:var(--color-accent);transform:translateY(-1px)}.audio-controls-panel .audio-buttons .icon-button:hover:not(:disabled) .iconify{filter:drop-shadow(0 0 6px var(--color-accent))}.audio-controls-panel .audio-buttons .icon-button.active{background:#00ffff26;border-color:var(--color-accent)}.audio-controls-panel .audio-buttons .icon-button.active .iconify{color:var(--color-accent)}.audio-controls-panel .audio-buttons .icon-button.muted{opacity:.5}.audio-controls-panel .audio-buttons .icon-button.muted .iconify{color:var(--color-error, #ff5555)}@media(max-width:768px){.audio-controls-panel .audio-buttons .icon-button{min-width:60px;max-width:80px;padding:.5rem}.audio-controls-panel .audio-buttons .icon-button .iconify{width:18px;height:18px}.audio-controls-panel .audio-buttons .icon-button .button-label{font-size:.6rem}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;contain:layout style paint}.modal.active{display:flex}.modal .modal-content{background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000005e;padding:2rem;border-radius:1rem;max-width:500px;width:90%;color:#fff;text-align:center;position:relative;transition:opacity .3s ease,transform .3s ease;max-height:90vh;overflow-y:auto;contain:layout style paint}@media(min-height:1300px){.modal .modal-content{padding:3rem;max-width:600px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.modal .modal-content{padding:1.5rem;max-width:480px}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.modal .modal-content{padding:1.5rem;max-width:480px}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.modal .modal-content{padding:1.5rem;max-width:480px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.modal .modal-content{padding:1.5rem;max-width:480px}}@media(max-height:1000px)and (min-height:831px){.modal .modal-content{padding:1.5rem;max-width:450px;max-height:85vh}}@media(max-height:830px){.modal .modal-content{padding:1.5rem;max-width:450px;max-height:85vh}}@media(max-height:734px){.modal .modal-content{padding:1rem;max-width:400px;max-height:80vh}}@media(max-width:768px){.modal .modal-content{padding:1.5rem;max-width:95%}}@media(max-width:576px){.modal .modal-content{padding:1rem;width:95%;max-width:95%;max-height:85vh}}.modal .modal-content h2{font-family:"Press Start 2P",Courier New,Courier,monospace;font-size:1.1rem;margin-bottom:1.5rem;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary);letter-spacing:2px;line-height:1.8}@media(min-height:1300px){.modal .modal-content h2{font-size:1.3rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.modal .modal-content h2{font-size:1rem;letter-spacing:1.5px}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.modal .modal-content h2{font-size:1rem;letter-spacing:1.5px}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.modal .modal-content h2{font-size:1rem;letter-spacing:1.5px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.modal .modal-content h2{font-size:1rem;letter-spacing:1.5px}}@media(max-height:1000px)and (min-height:831px){.modal .modal-content h2{font-size:1rem;letter-spacing:1.5px;margin-bottom:1rem}}@media(max-height:830px){.modal .modal-content h2{font-size:.95rem;letter-spacing:1px;margin-bottom:1rem}}@media(max-height:734px){.modal .modal-content h2{font-size:.85rem;letter-spacing:1px;margin-bottom:.5rem}}@media(max-width:576px){.modal .modal-content h2{font-size:.9rem;letter-spacing:1px}}.modal .modal-content #high-score-input-container{margin:2rem 0;padding:1.5rem;background:#00ffff1a;border:2px solid var(--color-primary);border-radius:.5rem}.modal .modal-content #high-score-input-container label{display:block;margin-bottom:1rem;font-size:.875rem;color:var(--color-primary);text-shadow:0 0 10px var(--color-primary)}.modal .modal-content #high-score-input-container #player-name-input{width:100%;padding:1.5rem;font-size:1.2rem;text-align:center;text-transform:uppercase;font-family:"Press Start 2P",Courier New,Courier,monospace;background:#00000080;border:2px solid var(--color-primary);border-radius:.5rem;color:#fff;transition:all .15s ease}.modal .modal-content #high-score-input-container #player-name-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 20px #00ffff80}.modal .modal-content #high-score-input-container #save-score-button{margin-top:1.5rem;width:100%}.modal .modal-content .modal-buttons{display:flex;gap:1.5rem;margin-top:2rem}.modal .modal-content .modal-buttons button{flex:1}.modal .modal-content .game-over-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:1rem 0}@media(max-width:576px){.modal .modal-content .game-over-stats-grid{grid-template-columns:1fr;gap:.5rem}}.modal .modal-content .game-over-stats-grid .stat-card{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:.25rem;padding:.5rem;text-align:center;transition:all .15s ease}.modal .modal-content .game-over-stats-grid .stat-card:hover{background:#00ffff1a;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0ff3}.modal .modal-content .game-over-stats-grid .stat-card .stat-label{font-size:.6rem;color:#ffffffb3;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.modal .modal-content .game-over-stats-grid .stat-card .stat-value{font-size:.875rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 6px var(--color-primary);font-family:"Press Start 2P",Courier New,Courier,monospace}.modal .modal-content .game-over-stats-grid .stat-card.stat-card-primary{grid-column:1/-1;background:#00ffff1a;border-color:var(--color-primary);border-width:2px;padding:1rem}.modal .modal-content .game-over-stats-grid .stat-card.stat-card-primary .stat-label{font-size:.65rem}.modal .modal-content .game-over-stats-grid .stat-card.stat-card-primary .stat-value{font-size:1rem;color:var(--color-accent);text-shadow:0 0 12px var(--color-accent)}@media(max-width:576px){.modal .modal-content .game-over-stats-grid .stat-card.stat-card-primary{grid-column:1}}.modal .start-modal{max-width:700px;padding:2rem 1.5rem}@media(min-height:1300px){.modal .start-modal{max-width:800px;padding:3rem 2rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.modal .start-modal{max-width:650px;padding:1.5rem 1rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.modal .start-modal{max-width:650px;padding:1.5rem 1rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.modal .start-modal{max-width:650px;padding:1.5rem 1rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.modal .start-modal{max-width:650px;padding:1.5rem 1rem}}@media(max-height:1000px)and (min-height:831px){.modal .start-modal{max-width:600px;padding:1.5rem 1rem}}@media(max-height:830px){.modal .start-modal{max-width:550px;padding:1.5rem 1rem}}@media(max-height:734px){.modal .start-modal{max-width:500px;padding:1rem .5rem}}@media(max-width:576px){.modal .start-modal{max-width:95%;padding:1.5rem 1rem}}.modal .start-modal .modal-logo{margin-bottom:1.5rem}.modal .start-modal .modal-title{font-family:"Press Start 2P",cursive;font-size:1.1rem;line-height:1.8;margin-bottom:1rem;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary);letter-spacing:2px}@media(min-height:1300px){.modal .start-modal .modal-title{font-size:1.3rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.modal .start-modal .modal-title{font-size:1rem;letter-spacing:1.5px}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.modal .start-modal .modal-title{font-size:1rem;letter-spacing:1.5px}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.modal .start-modal .modal-title{font-size:1rem;letter-spacing:1.5px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.modal .start-modal .modal-title{font-size:1rem;letter-spacing:1.5px}}@media(max-height:1000px)and (min-height:831px){.modal .start-modal .modal-title{font-size:1rem;letter-spacing:1.5px;margin-bottom:.5rem}}@media(max-height:830px){.modal .start-modal .modal-title{font-size:.95rem;letter-spacing:1px;margin-bottom:.5rem}}@media(max-height:734px){.modal .start-modal .modal-title{font-size:.85rem;letter-spacing:1px;margin-bottom:.25rem}}@media(max-width:576px){.modal .start-modal .modal-title{font-size:.9rem;letter-spacing:1px}}.modal .start-modal .modal-subtitle{font-size:.875rem;opacity:.7;margin-bottom:1.5rem;font-weight:500}.modal .start-modal .modal-description{font-size:.875rem;line-height:1.7;opacity:.85;margin-bottom:1.5rem;padding:1.5rem 2rem;background:#00ffff0d;border-left:3px solid var(--color-primary);border-radius:.25rem;text-align:left}@media(min-height:1300px){.modal .start-modal .modal-description{margin-bottom:2rem;padding:1.5rem 2rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.modal .start-modal .modal-description{font-size:.75rem;padding:1rem 1.5rem;margin-bottom:1rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.modal .start-modal .modal-description{font-size:.75rem;padding:1rem 1.5rem;margin-bottom:1rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.modal .start-modal .modal-description{font-size:.75rem;padding:1rem 1.5rem;margin-bottom:1rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.modal .start-modal .modal-description{font-size:.75rem;padding:1rem 1.5rem;margin-bottom:1rem}}@media(max-height:1000px)and (min-height:831px){.modal .start-modal .modal-description{font-size:.75rem;padding:1rem 1.5rem;margin-bottom:1rem}}@media(max-height:830px){.modal .start-modal .modal-description{font-size:.7rem;padding:.5rem 1rem;margin-bottom:1rem}}@media(max-height:734px){.modal .start-modal .modal-description{font-size:.65rem;padding:.5rem;margin-bottom:.5rem}}@media(max-width:576px){.modal .start-modal .modal-description{font-size:.75rem;padding:1rem 1.5rem}}.modal .start-modal .modal-section-title{font-family:"Press Start 2P",Courier New,Courier,monospace;font-size:1rem;color:var(--color-secondary);margin-bottom:1rem;margin-top:1.5rem;text-shadow:0 0 10px var(--color-secondary);letter-spacing:1px;line-height:1.6}@media(min-height:1300px){.modal .start-modal .modal-section-title{font-size:1.25rem;margin-bottom:1.5rem;margin-top:2rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.modal .start-modal .modal-section-title{font-size:.85rem;margin-bottom:.5rem;margin-top:1rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.modal .start-modal .modal-section-title{font-size:.85rem;margin-bottom:.5rem;margin-top:1rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.modal .start-modal .modal-section-title{font-size:.85rem;margin-bottom:.5rem;margin-top:1rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.modal .start-modal .modal-section-title{font-size:.85rem;margin-bottom:.5rem;margin-top:1rem}}@media(max-height:1000px)and (min-height:831px){.modal .start-modal .modal-section-title{font-size:.85rem;margin-bottom:.5rem;margin-top:1rem}}@media(max-height:830px){.modal .start-modal .modal-section-title{font-size:.8rem;margin-bottom:.5rem;margin-top:.5rem}}@media(max-height:734px){.modal .start-modal .modal-section-title{font-size:.75rem;margin-bottom:.25rem;margin-top:.25rem}}.modal .start-modal .modal-buttons{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}@media(min-width:576px){.modal .start-modal .modal-buttons{flex-direction:row}}.modal .start-modal .mode-button{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;min-height:130px;justify-content:center;transition:all .15s ease;will-change:transform}@media(min-height:1300px){.modal .start-modal .mode-button{padding:2rem;min-height:150px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.modal .start-modal .mode-button{padding:1rem;min-height:120px}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.modal .start-modal .mode-button{padding:1rem;min-height:120px}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.modal .start-modal .mode-button{padding:1rem;min-height:120px}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.modal .start-modal .mode-button{padding:1rem;min-height:120px}}@media(max-height:1000px)and (min-height:831px){.modal .start-modal .mode-button{padding:1rem;min-height:115px}}@media(max-height:830px){.modal .start-modal .mode-button{padding:1rem;min-height:110px}}@media(max-height:734px){.modal .start-modal .mode-button{padding:.5rem;min-height:100px}}@media(max-width:576px){.modal .start-modal .mode-button{min-height:120px;padding:1.5rem}}.modal .start-modal .mode-button:hover{transform:translateY(-5px) scale(1.02)}.modal .start-modal .mode-button .mode-icon{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.modal .start-modal .mode-button .mode-icon .iconify{width:2.5rem;height:2.5rem}@media(max-width:576px){.modal .start-modal .mode-button .mode-icon .iconify{width:2rem;height:2rem}}.modal .start-modal .mode-button .mode-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}@media(max-width:576px){.modal .start-modal .mode-button .mode-title{font-size:1rem}}.modal .start-modal .mode-button .mode-desc{font-size:.75rem;opacity:.8;line-height:1.4}.modal .start-modal .modal-controls-hint{font-size:.875rem;line-height:1.7;opacity:.85;margin-top:1rem;margin-bottom:2rem;padding:1.5rem 2rem;background:#00ffff0d;border-left:3px solid var(--color-primary);border-radius:.25rem;text-align:left}.modal .start-modal .modal-controls-hint .controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.modal .start-modal .modal-controls-hint .controls-grid .control-item{display:flex;flex-direction:row;gap:.5rem;padding:.5rem;background:#ffffff0d;border-radius:.25rem;align-items:center;justify-content:space-between}.modal .start-modal .modal-controls-hint .controls-grid .control-item .key{color:var(--color-accent);font-weight:700;font-size:.75rem;white-space:nowrap}.modal .start-modal .modal-controls-hint .controls-grid .control-item .desc{color:#ffffffb3;font-size:.75rem;white-space:nowrap}.modal .start-modal .modal-controls-hint p{margin:0}@media(max-width:576px){.modal .start-modal .modal-controls-hint{font-size:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem}.modal .start-modal .modal-controls-hint .controls-grid{grid-template-columns:1fr}}.modal .start-modal .game-over-tip,.modal .start-modal .game-over-support{font-size:.875rem;line-height:1.7;opacity:.85;margin-top:1rem;margin-bottom:2rem;padding:1.5rem 2rem;border-radius:.25rem;text-align:left}.modal .start-modal .game-over-tip p,.modal .start-modal .game-over-support p{margin:0 0 .5rem}.modal .start-modal .game-over-support{background:#ffc1071a;border-left:3px solid rgba(255,193,7,.6);opacity:.9;text-align:center}.modal .start-modal .game-over-support p{text-align:center}.modal .start-modal .game-over-support .support-link{display:inline-flex;align-items:center;gap:.5rem;color:#ffc107;text-decoration:none;font-weight:700;transition:opacity .2s}.modal .start-modal .game-over-support .support-link:hover{opacity:.8;text-decoration:underline}.modal .start-modal .game-over-support .support-link:active{opacity:.6}.modal .modal-close{position:absolute;top:1rem;right:1rem;background:#0000004d;border:2px solid rgba(255,255,255,.3);color:#fffc;font-size:1.3rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;border-radius:50%;font-weight:300;will-change:transform}@media(min-height:1300px){.modal .modal-close{top:1.5rem;right:1.5rem;width:36px;height:36px;font-size:1.5rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1440px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1440px),(min-resolution:144dpi)and (min-width:992px)and (max-height:1440px){.modal .modal-close{top:.5rem;right:.5rem;width:30px;height:30px;font-size:1.2rem}}@media(-webkit-min-device-pixel-ratio:1.75)and (min-width:992px)and (max-height:1234px),(min-resolution:1.75dppx)and (min-width:992px)and (max-height:1234px),(min-resolution:168dpi)and (min-width:992px)and (max-height:1234px){.modal .modal-close{top:.5rem;right:.5rem;width:30px;height:30px;font-size:1.2rem}}@media(-webkit-min-device-pixel-ratio:2)and (min-width:992px)and (max-height:1080px),(min-resolution:2dppx)and (min-width:992px)and (max-height:1080px),(min-resolution:192dpi)and (min-width:992px)and (max-height:1080px){.modal .modal-close{top:.5rem;right:.5rem;width:30px;height:30px;font-size:1.2rem}}@media(-webkit-min-device-pixel-ratio:1.5)and (min-width:992px)and (max-height:1200px),(min-resolution:1.5dppx)and (min-width:992px)and (max-height:1200px){.modal .modal-close{top:.5rem;right:.5rem;width:30px;height:30px;font-size:1.2rem}}@media(max-height:1000px)and (min-height:831px){.modal .modal-close{top:.5rem;right:.5rem;width:30px;height:30px;font-size:1.2rem}}@media(max-height:830px){.modal .modal-close{top:.5rem;right:.5rem;width:28px;height:28px;font-size:1.1rem}}@media(max-height:734px){.modal .modal-close{top:.25rem;right:.25rem;width:26px;height:26px;font-size:1rem}}.modal .modal-close:hover{background:#ff00004d;border-color:#f00c;color:#fff;transform:rotate(90deg) scale(1.1)}.modal .modal-close:active{transform:rotate(90deg) scale(.95)}.game-button{padding:1rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.game-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px #0003}.game-button:active:not(:disabled){transform:translateY(0)}.game-button:disabled{opacity:.5;cursor:not-allowed}.game-button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;width:100%;margin-top:1rem;text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 4px 15px #00ffff4d;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}@media(max-width:768px){.game-button{min-height:44px;font-size:1rem}}.game-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));box-shadow:0 6px 20px #00ffff80}.game-button .iconify{flex-shrink:0}.game-button.game-button-danger{background:linear-gradient(135deg,#f55c,#ff0000e6);box-shadow:0 4px 15px #ff55554d}.game-button.game-button-danger:hover:not(:disabled){background:linear-gradient(135deg,#ff0000e6,#f55);box-shadow:0 6px 20px #ff555580}.notification{position:fixed;top:130px;left:50%;transform:translate(-50%) translateY(-100%);z-index:2000;padding:1.5rem 2rem;border-radius:.5rem;font-family:"Press Start 2P",cursive;font-size:.75rem;text-align:center;text-transform:uppercase;white-space:nowrap;pointer-events:none;transition:transform .3s ease,opacity .3s ease;opacity:0;box-shadow:0 10px 15px #0003;backdrop-filter:blur(10px)}@media(max-width:768px){.notification{top:120px;font-size:.6rem;padding:1rem 1.5rem}}@media(max-width:576px){.notification{top:110px;font-size:.5rem;padding:.5rem 1rem}}.notification.show{transform:translate(-50%) translateY(0);opacity:1}.notification.notification-success{background:#0f03;border:2px solid rgba(0,255,0,.6);color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.8),0 0 20px rgba(0,255,0,.5);box-shadow:0 4px 20px #00ff004d,0 10px 15px #0003}.notification.notification-error{background:#f003;border:2px solid rgba(255,0,0,.6);color:red;text-shadow:0 0 10px rgba(255,0,0,.8),0 0 20px rgba(255,0,0,.5);box-shadow:0 4px 20px #ff00004d,0 10px 15px #0003}.notification.notification-warning{background:#ffa50033;border:2px solid rgba(255,165,0,.6);color:orange;text-shadow:0 0 10px rgba(255,165,0,.8),0 0 20px rgba(255,165,0,.5);box-shadow:0 4px 20px #ffa5004d,0 10px 15px #0003}.notification.notification-info{background:#0096ff33;border:2px solid rgba(0,150,255,.6);color:#0096ff;text-shadow:0 0 10px rgba(0,150,255,.8),0 0 20px rgba(0,150,255,.5);box-shadow:0 4px 20px #0096ff4d,0 10px 15px #0003}@media(max-width:768px){.game-layout{grid-template-columns:1fr}#tetris{max-width:100%;height:auto}}