:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fbff;background:#5aaee7}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.28),transparent 34%),linear-gradient(#74c5f3,#4fa3dd 58%,#8ccce9)}#application{width:100%;height:100%;display:block;touch-action:none}.hud{position:fixed;z-index:10;top:max(26px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));pointer-events:none;text-shadow:0 2px 20px rgba(7,30,50,.32)}.brand{font-size:clamp(28px,4vw,48px);font-weight:950;letter-spacing:.14em}.subtitle{margin-top:4px;font-size:clamp(13px,1.7vw,17px);font-weight:550;opacity:.88}.status{margin-top:13px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#14365247;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px #143e5c1a;font-size:12px}.status span{width:8px;height:8px;border-radius:50%;background:#64f0a2;box-shadow:0 0 13px #64f0a2f2}.controls-hint{position:fixed;z-index:10;right:22px;top:22px;padding:9px 13px;border-radius:999px;background:#0d2a4247;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px;pointer-events:none}.bottom-card{position:fixed;z-index:10;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:280px;padding:10px 16px;border-radius:17px;color:#fff;background:#0d2a4257;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-shadow:0 2px 12px rgba(0,0,0,.2);pointer-events:none}.bottom-card b{font-size:12px}.bottom-card span{font-size:10px;opacity:.8}.joystick{position:fixed;z-index:20;left:24px;bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));width:118px;height:118px;touch-action:none}.joystick-ring{position:absolute;inset:0;border-radius:50%;background:#0f2b4438;border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.joystick-knob{position:absolute;width:54px;height:54px;left:calc(50% - 27px);top:calc(50% - 27px);border-radius:50%;background:#ffffff8a;border:1px solid rgba(255,255,255,.72);box-shadow:0 8px 24px #143c5833;pointer-events:none}.mobile-only{display:none}@media(max-width:800px),(pointer:coarse){.desktop-only{display:none}.mobile-only{display:block}.hud{top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left))}.brand{font-size:28px}.subtitle{font-size:12px}.bottom-card{bottom:max(16px,env(safe-area-inset-bottom));min-width:230px;max-width:calc(100vw - 180px);padding:9px 12px}.bottom-card span{display:none}}@media(max-width:420px){.joystick{left:16px;width:104px;height:104px}.bottom-card{left:auto;right:14px;transform:none;min-width:150px;max-width:180px}}.energy-counter{position:fixed;z-index:15;left:28px;bottom:26px;padding:9px 13px;border-radius:999px;background:#0d2a4261;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;pointer-events:none}.interaction-hint{position:fixed;z-index:25;left:50%;top:58%;transform:translate(-50%,-50%) scale(.96);opacity:0;pointer-events:none;padding:10px 14px;border-radius:999px;background:#081f34bd;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .16s ease,transform .16s ease;font-size:12px}.interaction-hint.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.interact-button{position:fixed;z-index:30;right:18px;bottom:124px;min-width:132px;padding:12px 15px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#083656c2;color:#fff;font-weight:750;opacity:0;pointer-events:none;transform:scale(.94);transition:opacity .16s ease,transform .16s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:manipulation}.interact-button.show{opacity:1;pointer-events:auto;transform:scale(1)}.jump-button{position:fixed;z-index:30;right:24px;bottom:26px;width:72px;height:72px;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:#ffffff61;color:#fff;font-size:32px;font-weight:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:manipulation}@media(max-width:800px),(pointer:coarse){.energy-counter{left:18px;bottom:142px}}.online-status{margin-top:8px;width:fit-content;padding:6px 10px;border-radius:999px;background:#0d2a4247;border:1px solid rgba(255,255,255,.17);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px;opacity:.82;transition:opacity .2s ease,background .2s ease}.online-status.connected{opacity:1;background:#12594b57}