html,body{margin:0;height:100%}#c{z-index:-1;background:#000;width:100%;height:100%;position:fixed;top:0;left:0}footer{background-color:#000000a0;grid-area:footer}.menu{position:fixed;top:20px;left:20px;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6px;background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:280px}@media (min-width: 768px){.menu{display:flex;flex-direction:row;gap:8px;max-width:none}}.menu-btn{background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#ffffffb3;padding:8px 12px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-align:center;min-height:36px;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.menu-btn{padding:8px 16px;font-size:14px;min-height:auto}}.menu-btn:hover{background:#ffffff1a;color:#ffffffe6;border-color:#ffffff80;transform:translateY(-1px)}.menu-btn.active{background:#ffffff26;color:#fff;border-color:#fff9;box-shadow:0 0 10px #fff3}.menu-btn:active{transform:translateY(0)}#loading-indicator{position:fixed;bottom:20px;right:20px;z-index:10;background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translateY(0);opacity:1}#loading-indicator.loading-hidden{opacity:0;transform:translateY(10px);pointer-events:none}.loading-bar{width:120px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:6px}.loading-progress{height:100%;background:linear-gradient(90deg,#0f8,#0cf);border-radius:2px;width:0%;transition:width .2s ease-out}.loading-text{text-align:center;opacity:.9}