*{margin:0;padding:0;box-sizing:border-box}.flex{display:flex}.column{flex-direction:column}iframe{pointer-events:none!important}iframe.gameboy-screen{opacity:.5;position:absolute;width:160px;height:144px;border:none;touch-action:none}.original-screen{border-radius:5px;filter:brightness(30%) sepia(95%) hue-rotate(28deg) saturate(700%) opacity(25%) blur(.4px) contrast(1.25)}.ips-screen{border-radius:4px;filter:brightness(55%) sepia(90%) hue-rotate(32deg) saturate(600%) opacity(45%) blur(.2px) contrast(1.15)}iframe.pc-screen{width:1920px;height:1080px;position:absolute;border:none;touch-action:none}.hidden{visibility:hidden;opacity:0;transition:visibility 0s 4s,opacity 4s ease}.visible{transition:visibility 0s 2s,opacity 2s ease}.progress-bar-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#050505;display:flex;flex-direction:column;justify-content:center;align-items:center;touch-action:none}#progress-bar-label{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;font-size:2rem}.loader{margin-top:25px;width:40px;aspect-ratio:1;border-radius:50%;border:4px solid;border-color:#797979 #0000;animation:l1 1s infinite}@keyframes l1{to{transform:rotate(.5turn)}}.popup1-wrapper,.controls-wrapper,.settings-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;justify-content:center;align-items:center;animation:1s blurBackdrop;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;z-index:1000;touch-action:none}.popup1-container,.controls-container,.settings-container{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-width:400px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:15px;text-align:center;position:absolute;transform:translate(-50%,-50%);animation:1s fadeInUp;left:50%;top:50%;padding:40px;border:2px solid white;border-radius:20px;background-color:#00000098;color:#fff;z-index:1001}@media only screen and (max-width: 600px){.popup1-container,.controls-container,.settings-container{min-width:325px}}.popup1-container h1,.controls-container h1,.settings-container h1{font-size:2.5rem}@media only screen and (max-width: 600px){.controls-container h1,.settings-container h1{font-size:2.25rem}}.popup1-container p{font-size:1rem;font-weight:150;max-width:250px}@media only screen and (max-width: 600px){.popup1-container p{font-size:1rem;font-weight:150;max-width:250px}}.popup1-container img{width:50px;padding:10px 0 0;filter:invert(1)}.popup-button{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#000;cursor:pointer;min-width:175px;margin-top:10px;padding:10px;border:2px solid black;border-radius:20px;font-size:1.1rem;font-weight:700}.popup-button:hover{background-color:#000;border:2px solid white;color:#fff!important}.controls-headers{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:10px}.control-button-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.control-button{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:none;background-color:transparent;font-size:1.2rem;color:#fff;font-weight:300;justify-content:center;align-items:center;gap:5px}.controls-image{filter:invert(1);width:30px}.controls-headers button:hover{cursor:pointer}.active{font-weight:500!important;text-decoration:underline;text-decoration-thickness:2px;text-decoration-skip-ink:none}.controls{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:15px;margin-right:45px}.control-names{display:flex;flex-direction:column;gap:5px;font-weight:700;text-align:right;font-size:.9rem}.control-keys{display:flex;flex-direction:column;gap:5px;text-align:left;font-size:.9rem}.settings-container{min-height:450px;align-items:center}@media only screen and (max-width: 600px){.settings-container{max-width:250px}}.setting-header{font-weight:200;font-size:1.3rem}.setting{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.setting-options{display:flex;justify-content:center;border:1px solid white;border-radius:5px;padding:10px}.setting-options p{font-size:1.5rem;font-weight:200}.setting-options button{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:none;background-color:transparent;font-size:1rem;color:#fff;font-weight:00;min-width:80px;gap:5px}.setting-options button:hover{cursor:pointer;font-weight:700!important}.setting-active{font-weight:800!important;text-decoration:underline;text-decoration-thickness:2px;text-decoration-skip-ink:none}#linkButton{font-family:Inter;justify-content:center;align-items:center;gap:10px;font-size:2rem;font-weight:600;color:#fff}.right-gb-ui{position:absolute;display:none;justify-content:center;align-items:center}.right-gb-ui input{cursor:pointer;border:none;background-color:transparent;filter:drop-shadow(0 0 .75rem rgb(0,0,0));filter:invert(.1);animation:1s fadeIn}.ui-button{display:none;position:absolute;cursor:pointer;border:none;background-color:transparent;filter:drop-shadow(0 0 .75rem rgb(0,0,0));filter:invert(.1);animation:1s fadeIn}.ui-button:hover,.right-gb-ui input:hover{filter:invert(.3)}@media only screen and (max-width: 600px){#backArrowButton,#settingsButton,#soundButton,#showControlsButton,#linkButton{scale:.8}#backArrowButton{top:3%;left:5%}.right-gb-ui{top:3%;right:5%;gap:15px}#linkButton{top:3%;right:5%}}@media only screen and (min-width: 600px){#backArrowButton,#settingsButton,#soundButton,#showControlsButton,#linkButton{scale:1}#backArrowButton{top:3%;left:5%}.right-gb-ui{top:3%;right:5%;gap:50px}#linkButton{top:5%;right:5%}}@media only screen and (min-width: 1200px){#backArrowButton,#settingsButton,#soundButton,#showControlsButton,#linkButton{scale:1.2}#backArrowButton{top:3%;left:3%}.right-gb-ui{top:3%;right:3%;gap:50px}#linkButton{top:3%;right:3%}}@keyframes blurBackdrop{0%{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes fadeInUpPhone{0%{transform:translate(-50%,-50%);opacity:0}to{transform:translate(-50%,-60%);opacity:1}}
