*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:manipulation;width:100%;height:100%;overflow:hidden}#app{background-position:50%;background-size:cover;width:100%;height:100%}canvas{display:block}#menu-panel{z-index:10;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffffe6;border:2px solid #ccc;border-radius:12px;flex-direction:column;gap:10px;padding:12px 16px;display:flex;position:fixed;bottom:16px;left:16px}.menu-row{justify-content:space-between;align-items:center;gap:10px;display:flex}[hidden]{display:none!important}.menu-label{color:#444;white-space:nowrap;min-width:5em;font-size:13px;font-weight:700}.toggle-bar{border:2px solid #ccc;border-radius:6px;width:160px;display:flex;overflow:hidden}.toggle-bar button{color:#888;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#e8e8e8;border:none;flex:1;padding:6px 0;font-size:13px;font-weight:700;transition:background .2s,color .2s}.toggle-bar button:not(:last-child){border-right:1px solid #ccc}.toggle-bar button.selected{color:#222;background:#fff}.toggle-bar button:active{opacity:.8}.menu-action-btn{color:#444;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f0f0f0;border:2px solid #ccc;border-radius:6px;width:100%;padding:8px 14px;font-size:13px;font-weight:700;transition:background .2s}.menu-action-btn:active{opacity:.8}#show-menu-btn{color:#444;cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffffe6;border:2px solid #ccc;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700;position:fixed;bottom:16px;left:16px}#show-menu-btn:active{opacity:.8}