:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05070d}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#05070d}a-scene{width:100vw;height:100vh}.status-panel{position:fixed;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:4;min-width:172px;max-width:min(320px,calc(100vw - 28px));padding:9px 12px;border:1px solid rgba(22,245,255,.42);background:#05070dad;box-shadow:0 0 18px #16f5ff2e,inset 0 0 18px #ff2bd614;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.status-text{color:#d9fbff;font-size:12px;line-height:1.25;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 8px rgba(22,245,255,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fade-overlay{position:fixed;inset:0;z-index:5;background:#05070d;opacity:0;pointer-events:none;transition:opacity .52s ease}.fade-overlay.active{opacity:1}.mobile-pad{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:4;display:none;width:136px;height:136px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6px;touch-action:none}.pad-button{position:relative;width:100%;height:100%;border:1px solid rgba(217,251,255,.36);border-radius:8px;background:#080c16a8;box-shadow:inset 0 0 14px #16f5ff1f,0 0 14px #ff2bd614;color:#d9fbff;-webkit-tap-highlight-color:transparent}.pad-button:active,.pad-button.active{border-color:#16f5ffc7;background:#0e252ed1;box-shadow:inset 0 0 18px #16f5ff52,0 0 18px #16f5ff33}.pad-button span{position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-50%,-50%)}.pad-up{grid-column:2;grid-row:1}.pad-right{grid-column:3;grid-row:2}.pad-down{grid-column:2;grid-row:3}.pad-left{grid-column:1;grid-row:2}.pad-up span{border-right:8px solid transparent;border-bottom:12px solid #d9fbff;border-left:8px solid transparent}.pad-right span{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #d9fbff}.pad-down span{border-top:12px solid #d9fbff;border-right:8px solid transparent;border-left:8px solid transparent}.pad-left span{border-top:8px solid transparent;border-right:12px solid #d9fbff;border-bottom:8px solid transparent}@media(hover:none),(pointer:coarse),(max-width:820px){.mobile-pad{display:grid}.status-panel{max-width:calc(100vw - 178px)}}@media(max-width:440px){.mobile-pad{width:122px;height:122px;gap:5px}.status-panel{min-width:138px;max-width:calc(100vw - 160px);padding:8px 10px}.status-text{font-size:11px}}