html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#fde4ff;background:linear-gradient(0deg,#fde4ff,#7c9cfe);user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;touch-action:none;padding-top:50px}.controlKeys{position:absolute;width:20rem;left:50%;margin-left:-10rem;bottom:13%;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.title{font-size:.8rem;color:#a9a9a9;position:absolute;width:100%;bottom:2%;text-align:center}.title>a{color:#4fbdf9}.app-header{position:fixed;top:0;left:0;width:100%;height:50px;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;font-family:sans-serif;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-nav ul{list-style:none;display:flex;gap:2rem;margin:0;padding:0;font-size:1rem}.app-nav li{cursor:pointer;transition:opacity .2s ease}.app-nav li:hover{opacity:.75}#leva__root{display:none!important}.app-panel-overlay{position:fixed;top:50px;left:0;width:100%;height:calc(100% - 50px);background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;z-index:999}.app-panel{margin-top:2rem;width:90%;max-width:350px;background:#1e1e1e;color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000004d;position:relative;font-family:sans-serif}.app-panel h2{margin:0 0 1rem;font-size:1.2rem}.app-panel .close-btn{position:absolute;top:.5rem;right:.75rem;background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer}.app-panel button{margin:.25rem .5rem .25rem 0;padding:.4rem .8rem;border:none;border-radius:4px;background:#3b82f6;color:#fff;cursor:pointer;font-size:.9rem}.app-panel button:hover{background:#2563eb}@media (max-width: 768px){.controlKeys,.title{display:none}.app-header{height:45px}.app-nav ul{gap:1rem;font-size:.9rem}}@media (max-height: 450px){.controlKeys,.title{display:none}}