:root{--screen-bg: rgb(235, 235, 235)}html.dark{--screen-bg: var(--dark-background)}a:hover,a:active,span:hover:not(#current-time):not(#current-battery){color:#56aeb7}html:not(.dark),#main,main{background:var(--screen-bg)}button h3{color:var(--dark-grey)}body{transition:opacity .4s ease}body.fade-out{opacity:0;pointer-events:none;transition:opacity .35s ease}#console-picker,#loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,4vh,32px);height:100vh;opacity:1;transition:opacity .6s ease}#console-picker{gap:clamp(12px,3vh,24px)}#console-picker.fade-out,#loading-screen.fade-out{opacity:0;pointer-events:none}.picker-label,.loading-console-label{font-size:clamp(11px,1.5vw,15px);letter-spacing:.1em;opacity:.7;margin:0}.picker-buttons{display:flex;flex-direction:column;align-items:center;gap:12px}.picker-btn,.continue-btn,.ds-btn{display:block;padding:clamp(8px,1vh,10px) clamp(24px,4vw,40px);font-size:clamp(10px,1.2vw,12px);letter-spacing:.08em;border:2px solid currentColor;text-decoration:none;text-align:center;background:#fff;color:inherit;cursor:pointer;transition:background .15s ease,color .15s ease}.picker-btn:hover,.continue-btn:hover,.ds-btn:hover{background:#e8e8e8;color:#fff}#home-bottom-bar{position:relative;display:flex;justify-content:flex-end;pointer-events:none}.bottom-btn{font-size:clamp(7px,.9vw,12px);letter-spacing:.06em;display:flex;align-items:center;gap:6px;background:none;border:none;color:inherit;cursor:pointer;opacity:.8}.bottom-btn .btn-label,.bottom-btn .btn-text{color:inherit}.btn-label{display:inline-flex;align-items:center;justify-content:center;width:clamp(12px,1.5vw,20px);height:clamp(12px,1.5vw,20px);border-radius:50%;border:2px solid currentColor;font-size:clamp(6px,.75vw,10px)}#switch-btn:focus,#ds-btn:focus,#back-btn:focus,#software-switch-btn:focus{outline:none}#switch-btn:not(.inactive),#ds-btn:not(.inactive){opacity:.8;cursor:pointer;pointer-events:auto}#switch-btn:not(.inactive):hover,#ds-btn:not(.inactive):hover{color:#56aeb7}#ds-btn{pointer-events:auto}#ds-btn.selected{color:#56aeb7;opacity:1}#ds-btn.selected .btn-label{border-color:#56aeb7}@font-face{font-family:pretendo-font;src:url(/audio-visualizer/assets/Pretendo-aAXz-lOC.ttf) format("truetype")}.pretendo-text{font-family:pretendo-font}@font-face{font-family:nintendo-font;src:url(/audio-visualizer/assets/Nintendo-DS-BIOS-DojwlpaC.ttf) format("truetype")}.nintendo-text{font-family:nintendo-font}@font-face{font-family:switch-font;src:url(/audio-visualizer/assets/NINTENDOSWITCHUI-Y8qc5IRq.TTF) format("truetype")}.switch-text{font-family:switch-font}@font-face{font-family:ds-font;src:url(/audio-visualizer/assets/FOT-Rodin-Pro-DB-DNsbU9JT.otf) format("opentype")}.ds-text{font-family:ds-font}.sidenav{z-index:11;overflow-y:auto}body.nav-open .sidenav{overflow-y:auto}@media(max-height:500px){#home-screen{padding-top:48px;padding-bottom:36px;gap:2px}#software-screen{position:fixed;top:48px;bottom:40px;height:auto;overflow:hidden;padding:0}#software-grid-wrapper{overflow-y:auto}#software-bottom-bar{position:fixed;bottom:0;left:0;right:0;padding:4px 12px;background:var(--screen-bg);z-index:5}#navigation-bar{width:35%}}a:hover{text-decoration:none;color:#56aeb7}body.fade-out{opacity:0!important;pointer-events:none;transition:opacity .35s ease!important}body.page-loading{opacity:0}body{transition:opacity .4s ease;overflow:hidden}html{overflow:hidden}#main>*{animation:fadeSlideIn .45s ease both}body.page-loading #main>*{animation:none;opacity:0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#main>*:nth-child(1){animation-delay:.05s}#main>*:nth-child(2){animation-delay:.12s}#main>*:nth-child(3){animation-delay:.19s}#main>*:nth-child(4){animation-delay:.26s}#main>*:nth-child(5){animation-delay:.33s}#loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;height:100vh;opacity:1;transition:opacity .6s ease}#loading-screen.fade-out{opacity:0;pointer-events:none}.loading-console-label{font-size:15px;letter-spacing:.1em;opacity:.7;margin:0}.continue-btn,.back-btn{background:#fff;border:2px solid currentColor;color:inherit;padding:10px 40px;font-size:12px;letter-spacing:.08em;cursor:pointer;transition:background .15s ease,color .15s ease}.continue-btn:hover,.back-btn:hover{background:#e8e8e8;color:#fff}#home-top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(12px,2vw,32px);flex-shrink:0}#home-top-bar-left{display:flex;align-items:center}#avatar{width:clamp(36px,5vw,64px);height:clamp(36px,5vw,64px);border-radius:50%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}#home-top-bar-right{display:flex;align-items:center;gap:clamp(4px,.6vw,10px)}#battery-group{display:flex;align-items:center;gap:clamp(1px,.15vw,3px)}#current-time,#current-battery{font-size:clamp(10px,1.1vw,16px);letter-spacing:.04em;line-height:1;white-space:nowrap}#wifi-icon,#battery-icon{height:clamp(12px,1.4vw,20px);width:auto;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:pixelated}#switch-icon{height:clamp(20px,2.8vw,40px);width:auto;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}#wifi-icon-dark,#battery-icon-dark{height:clamp(12px,1.4vw,20px);width:auto;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:pixelated}#switch-icon-dark{height:clamp(20px,2.8vw,40px);width:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.dark-icon{display:none}@media(max-height:500px){#home-top-bar{padding:0 clamp(6px,1.5vw,16px)}#avatar{width:clamp(24px,5vh,40px)!important;height:clamp(24px,5vh,40px)!important}#wifi-icon,#battery-icon{height:clamp(8px,2vh,14px)!important}#current-time,#current-battery{font-size:clamp(7px,1.8vh,12px)!important}}@media(max-width:768px){#home-top-bar{padding:0 clamp(8px,2vw,16px)}#avatar{width:clamp(28px,6vw,44px);height:clamp(28px,6vw,44px)}#wifi-icon,#battery-icon{height:clamp(10px,2.5vw,16px)}#current-time,#current-battery{font-size:clamp(9px,2.2vw,13px)}}#home-screen{display:flex;flex-direction:column;justify-content:center;height:100vh;gap:8px}#selected-title-wrapper{position:relative;height:1.5em;pointer-events:none}#selected-title{position:absolute;font-size:14px;letter-spacing:.06em;color:#56aeb7;white-space:nowrap;transform:translate(-50%);transition:left .3s ease}#carousel-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px}#carousel-track-outer{flex:1;min-width:0;overflow:hidden;cursor:grab;padding:12px}#carousel-track-outer.dragging{cursor:grabbing}#carousel-track{display:flex;align-items:center;gap:12px;will-change:transform}#carousel-track .all-software-icon{margin-left:clamp(12px,1.8vw,24px)}#carousel-track.animating{transition:transform .3s ease}.game-icon{position:relative;flex:0 0 clamp(80px,12vw,160px);height:clamp(80px,12vw,160px);overflow:visible;background:#151515;cursor:pointer;flex-shrink:0}.game-icon img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.game-icon-border{display:none;pointer-events:none;position:absolute;inset:-8px;border:4px solid rgb(136,249,222);outline:4px solid white;outline-offset:-8px}.game-icon.selected .game-icon-border{display:block}.all-software-icon{flex-shrink:0;align-self:center;width:clamp(60px,9vw,120px);height:clamp(60px,9vw,120px);border-radius:50%;border:3px solid rgba(150,150,150,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:border-color .15s ease;box-sizing:border-box}.all-software-icon:hover{border-color:#969696e6}.all-software-icon.selected{border-color:#88f9de}.all-software-icon .grid-icon{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2px,.4vw,5px);margin-top:4px}.all-software-icon .grid-icon span{width:clamp(7px,1.05vw,14px);height:clamp(7px,1.05vw,14px);border:2px solid rgba(150,150,150,.6);display:block;box-sizing:border-box}.all-software-icon .grid-label{font-size:clamp(5px,.75vw,10px);letter-spacing:.08em;color:#969696cc}.carousel-arrow{background:none;border:none;color:inherit;font-size:24px;cursor:pointer;padding:8px;opacity:.6;transition:opacity .15s ease;flex-shrink:0}.carousel-arrow:hover{opacity:1}.carousel-arrow:disabled{opacity:.15;cursor:default}#carousel-footer{display:flex;align-items:center;padding:0 20px}#home-bottom-bar{position:relative;display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding-left:0;padding-right:0}#home-bottom-bar-right{display:flex;align-items:center;gap:16px}#ok-btn:not(.inactive){opacity:.8;cursor:pointer;pointer-events:auto}#ok-btn:not(.inactive):hover{color:#56aeb7}#software-screen{position:fixed;inset:115px 0 0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 0 0;box-sizing:border-box;overflow:hidden;height:550px}#software-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1020px;flex-shrink:0;padding:0 12px;box-sizing:border-box}#software-title{display:flex;align-items:center;gap:16px}#software-title h2{margin:0;font-size:24px;letter-spacing:.05em}.grid-icon-static{display:grid;grid-template-columns:1fr 1fr;gap:4px;pointer-events:none}.grid-icon-static span{width:14px;height:14px;border:2px solid currentColor;display:block;box-sizing:border-box;opacity:.8}#software-controls{display:flex;gap:12px;pointer-events:none}.control-btn{font-size:12px;letter-spacing:.06em;padding:6px 16px;border:2px solid currentColor;opacity:.4}#software-divider{border:none;border-top:1px solid currentColor;opacity:.2;margin:0;flex-shrink:0;width:100%;max-width:1020px}#software-grid-wrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;max-width:1020px;padding:16px 12px 0;box-sizing:border-box}#software-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-content:start}#software-grid .game-icon{width:100%;aspect-ratio:1;height:auto;flex:none}#software-bottom-bar{width:100%;max-width:1020px;padding:8px 12px;display:flex;justify-content:flex-end;gap:24px;box-sizing:border-box;flex-shrink:0}.bottom-btn{font-size:12px;letter-spacing:.06em;display:flex;align-items:center;gap:6px;background:none;border:none;color:inherit;cursor:pointer;opacity:.8}.bottom-btn.inactive{opacity:.4;cursor:default}.btn-label{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px solid currentColor;font-size:10px}.game-title-tooltip{position:absolute;display:none;align-items:center;gap:6px;background:#ffffffd1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:4px 10px 4px 6px;pointer-events:none;white-space:nowrap;z-index:20;box-shadow:0 2px 8px #0000001f}.game-title-tooltip.visible{display:flex}.game-title-tooltip-icon{width:10px;height:10px;background:#56aeb7;border-radius:2px;flex-shrink:0}.game-title-tooltip-text{font-size:clamp(9px,1vw,13px);letter-spacing:.04em;color:#56aeb7}#back-btn{pointer-events:auto}#back-btn:hover{color:#56aeb7;pointer-events:auto}#back-btn.selected{color:#56aeb7;opacity:1;pointer-events:auto}#back-btn.selected .btn-label{border-color:#56aeb7;pointer-events:auto}.bottom-btn:not(.inactive):hover{color:#56aeb7}#ok-btn:focus,#back-btn:focus,#software-ok-btn:focus{outline:none}#navigation-bar{display:block;width:45%;margin:0 auto;pointer-events:none;-webkit-user-select:none;user-select:none}#home-bottom-bar .bottom-btn{font-size:clamp(7px,.9vw,12px)}#home-bottom-bar .btn-label{width:clamp(12px,1.5vw,20px);height:clamp(12px,1.5vw,20px);font-size:clamp(6px,.75vw,10px)}#software-title h3{font-size:clamp(12px,1.8vw,24px)}.grid-icon-static span{width:clamp(7px,1.05vw,14px);height:clamp(7px,1.05vw,14px)}.grid-icon-static{gap:clamp(2px,.3vw,4px)}.control-btn{font-size:clamp(6px,.9vw,12px);padding:clamp(3px,.45vw,6px) clamp(8px,1.2vw,16px)}#software-bottom-bar .bottom-btn{font-size:clamp(7px,.9vw,12px)}#software-bottom-bar .btn-label{width:clamp(12px,1.5vw,20px);height:clamp(12px,1.5vw,20px);font-size:clamp(6px,.75vw,10px)}@media(max-width:768px){#home-screen{height:100svh;padding-top:80px;padding-bottom:55px;box-sizing:border-box;gap:6px}#selected-title{font-size:11px!important}#software-screen{position:fixed;inset:90px 0 28px;height:auto;overflow:hidden;padding:0;align-items:center}#software-header{max-width:420px;padding:0 8px}#software-divider{max-width:420px}#software-grid-wrapper{max-width:420px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}#software-bottom-bar{position:relative;max-width:420px;width:100%;padding:8px;background:transparent;flex-shrink:0}footer p{font-size:10px!important}}@media(max-height:500px){footer{z-index:20!important;display:block!important}footer p{font-size:9px!important}#home-screen{position:relative;height:100svh;justify-content:flex-start;padding-top:85px;box-sizing:border-box;gap:4px}.game-icon{flex:0 0 clamp(50px,20vh,120px)!important;height:clamp(50px,20vh,120px)!important}.all-software-icon{width:clamp(38px,15vh,90px)!important;height:clamp(38px,15vh,90px)!important}.all-software-icon .grid-icon span{width:clamp(5px,1.8vh,12px)!important;height:clamp(5px,1.8vh,12px)!important}.all-software-icon .grid-icon{gap:clamp(2px,.5vh,4px)!important}.all-software-icon .grid-label{font-size:clamp(4px,1.2vh,9px)!important}#carousel-track{gap:6px}#carousel-wrapper{gap:4px;padding:0 8px}#carousel-track-outer{max-width:500px;flex:0 1 500px}#carousel-wrapper{width:fit-content;margin:0 auto}#selected-title{font-size:6px!important}#selected-title-wrapper{position:absolute;margin-top:22px}#navigation-bar{width:15%!important}#switch-icon{height:clamp(14px,3.5vh,24px)!important}#home-bottom-bar .bottom-btn{font-size:clamp(6px,1.8vh,11px)!important}#home-bottom-bar .btn-label{width:clamp(10px,2.8vh,18px)!important;height:clamp(10px,2.8vh,18px)!important;font-size:clamp(5px,1.5vh,9px)!important}#software-screen{position:fixed;top:58px;bottom:36px;height:auto;overflow:hidden;padding:0;justify-content:flex-start}#software-header{max-width:420px;padding:0 8px}#software-divider{max-width:420px}#software-grid-wrapper{max-width:420px;overflow-y:auto;-webkit-overflow-scrolling:touch}#software-title h3{font-size:clamp(10px,2.5vh,18px)!important}.grid-icon-static span{width:clamp(6px,1.5vh,12px)!important;height:clamp(6px,1.5vh,12px)!important}.control-btn{font-size:clamp(5px,1.2vh,10px)!important;padding:clamp(2px,.5vh,5px) clamp(6px,1.2vh,12px)!important}#software-bottom-bar{position:relative;max-width:420px;padding:4px 8px;background:transparent;z-index:5;justify-content:flex-end;flex-shrink:0}#software-bottom-bar .bottom-btn{font-size:clamp(6px,1.8vh,11px)!important}#software-bottom-bar .btn-label{width:clamp(10px,2.8vh,18px)!important;height:clamp(10px,2.8vh,18px)!important;font-size:clamp(5px,1.5vh,9px)!important}.game-title-tooltip-text{font-size:clamp(3px,1vw,8px);letter-spacing:.04em;color:#56aeb7}}html.dark,body.dark{background-color:var(--dark-background)}body.dark main,body.dark #main{background-color:var(--dark-background)}body.dark a,body.dark span,body.dark button{color:var(--off-white)}body.dark .game-title-tooltip-text{color:#56aeb7}body.dark .all-software-icon .grid-icon span{border:2px solid rgba(204,204,204,.6)}body.dark .dark-icon{display:block}body.dark #wifi-icon,body.dark #battery-icon,body.dark #switch-icon{display:none}