html,body,#app{background:#090a0b;width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}canvas{touch-action:none;width:100%;height:100%;display:block}.touch-controls{pointer-events:none;z-index:10;position:absolute;inset:0}.joystick{bottom:max(28px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(7px);pointer-events:auto;touch-action:none;box-sizing:border-box;background:#ffffff0e;border:1px solid #ffffff38;border-radius:50%;width:118px;height:118px;position:absolute}.joystick:after{content:"";background:#ffffff4d;border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;inset:50%}.joystick-move{left:max(28px, env(safe-area-inset-left))}.joystick-look{right:max(28px, env(safe-area-inset-right))}.joystick-knob{pointer-events:none;will-change:transform;background:#e6e6e133;border:1px solid #ffffff59;border-radius:50%;width:54px;height:54px;margin:-27px;position:absolute;top:50%;left:50%;box-shadow:0 4px 18px #0003}@media (width<=600px){.joystick{width:104px;height:104px}}.touch-controls.hidden{display:none}.vr-entry{z-index:20!important}@media (hover:hover) and (pointer:fine){.touch-controls{display:none}}.gamepad-debug{top:max(10px, env(safe-area-inset-top));z-index:30;color:#ffffffd1;pointer-events:none;white-space:nowrap;background:#0000009e;border-radius:8px;padding:6px 10px;font:11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;left:50%;transform:translate(-50%)}.reticle{z-index:12;pointer-events:none;background:#ffffff6b;border-radius:50%;width:5px;height:5px;margin:-2.5px;transition:transform .12s,background .12s;position:fixed;top:50%;left:50%}.reticle.active{background:#ffffffeb;transform:scale(1.8)}.interaction-hint{left:50%;bottom:max(22px, env(safe-area-inset-bottom));z-index:12;color:#ffffffb8;letter-spacing:.08em;pointer-events:none;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;transform:translate(-50%)}.player-label{z-index:11;opacity:0;color:#ffffff80;letter-spacing:.16em;pointer-events:none;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .18s;position:fixed;transform:translate(-50%,-30px)}.player-label.visible{opacity:1}.now-playing{left:50%;top:max(24px, env(safe-area-inset-top));z-index:14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;text-align:center;background:#070809b8;border:1px solid #ffffff1f;gap:4px;min-width:260px;padding:12px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .3s,transform .3s;display:grid;position:fixed;transform:translate(-50%,-10px)}.now-playing.visible{opacity:1;transform:translate(-50%)}.now-playing span{letter-spacing:.2em;opacity:.45;font-size:8px}.now-playing{top:max(54px, calc(env(safe-area-inset-top) + 18px));color:#0a0a0a;background:#f5f5f0f0;border-color:#ffffff80;min-width:340px;padding:16px 22px;box-shadow:0 12px 40px #00000047}.now-playing span{opacity:.52;font-size:9px}.now-playing strong{letter-spacing:.01em;font-size:17px;font-weight:650}.now-playing small{opacity:.68;font-size:10px}.action-message{left:50%;bottom:max(76px, calc(env(safe-area-inset-bottom) + 48px));z-index:20;color:#ffffffe6;letter-spacing:.12em;opacity:0;pointer-events:none;background:#08090ae6;border:1px solid #fff3;padding:10px 14px;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .15s,transform .15s;position:fixed;transform:translate(-50%,8px)}.action-message.visible{opacity:1;transform:translate(-50%)}