*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:4vw;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{width:100vw;height:100vh;position:relative;background-color:#000}#canvas{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#000;cursor:pointer;display:block}#menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000e6;border:2px solid #FE5F00;border-radius:3vw;padding:5vw;display:none;z-index:1000;min-width:80vw;max-width:90vw}.menu-title{font-size:6vw;color:#fe5f00;text-align:center;margin-bottom:4vw;font-weight:700}.menu-section{margin-bottom:4vw}.menu-label{font-size:4vw;color:#fff;margin-bottom:2vw;display:block}.menu-value{font-size:4vw;color:#fe5f00;font-weight:700}.menu-buttons{display:grid;grid-template-columns:1fr 1fr;gap:2vw;margin-top:4vw}.menu-buttons.single-column{grid-template-columns:1fr}button,.touchable{min-width:18vw;min-height:12vh;padding:2vw 3vw;font-size:3.5vw;background-color:#fe5f00;color:#000;border:none;border-radius:2vw;cursor:pointer;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;transition:all .1s ease}button:active,.touchable:active{opacity:.7;transform:scale(.95)}button:hover,.touchable:hover{opacity:.9}.close-btn{background-color:#666;color:#fff;grid-column:span 2}.mode-btn{background-color:#0077be;color:#fff;grid-column:span 2}.text-btn{background-color:#228b22;color:#fff}.audio-btn{background-color:#8a2be2;color:#fff}.status-row{display:flex;justify-content:space-between;align-items:center;margin:2vw 0;padding:2vw;background-color:#ffffff1a;border-radius:2vw}.status-label{font-size:3.5vw;color:#fff}.status-value{font-size:3.5vw;color:#fe5f00;font-weight:700;min-width:15vw;text-align:right}@media (max-width: 250px){.menu-title{font-size:5vw}button,.touchable{font-size:3vw;min-height:10vh}.status-label,.status-value{font-size:3vw}}.fade-in{animation:fadeIn .3s ease-in}.fade-out{animation:fadeOut .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4vw;color:#fe5f00;z-index:999}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}