: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}.player-identity{margin-top:6px;width:fit-content;padding:5px 9px;border-radius:999px;background:#0d2a4238;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:10px;letter-spacing:.035em;opacity:.72;transition:opacity .2s ease,background .2s ease}.player-identity.ready{opacity:.96;background:#12594b47}.place-decor-button{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:92px;z-index:30;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:11px 15px;background:#0d2a42bd;color:#fff;font:inherit;font-size:12px;font-weight:700;letter-spacing:.02em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 30px #0000002e;cursor:pointer}.place-decor-button:disabled{opacity:.58;cursor:wait}@media(max-width:700px){.place-decor-button{right:max(14px,env(safe-area-inset-right));bottom:158px;padding:10px 13px;font-size:11px}}@media(max-width:700px){.joystick{left:max(14px,env(safe-area-inset-left));bottom:calc(22px + env(safe-area-inset-bottom));z-index:26}.jump-button{right:max(14px,env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom));z-index:27}.energy-counter{left:max(14px,env(safe-area-inset-left));bottom:calc(136px + env(safe-area-inset-bottom));z-index:24}.interact-button{right:max(14px,env(safe-area-inset-right));bottom:calc(132px + env(safe-area-inset-bottom));z-index:25;max-width:152px}.place-decor-button{right:max(14px,env(safe-area-inset-right));bottom:calc(196px + env(safe-area-inset-bottom));z-index:24;min-width:148px}.bottom-card{left:50%;right:auto;transform:translate(-50%);bottom:calc(122px + env(safe-area-inset-bottom));width:min(232px,calc(100vw - 152px));max-width:232px;padding:10px 14px 11px;z-index:22;pointer-events:none}.bottom-card b{display:block;font-size:14px;line-height:1.15;margin-bottom:2px}.bottom-card span{display:block;font-size:10px;line-height:1.2}}.control-mode{margin-top:5px;font-size:13px;font-weight:700}.flight-energy-counter{position:fixed;top:116px;right:18px;z-index:20;padding:8px 12px;border-radius:12px;background:#0c1f30b8;color:#fff;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mode-switch-button{position:fixed;right:18px;bottom:132px;z-index:30;min-width:92px;min-height:44px;border:0;border-radius:14px;font-weight:800}.island-mobile-controls{position:fixed;right:18px;bottom:184px;z-index:30;gap:7px}.island-mobile-controls button{width:44px;height:44px;border:0;border-radius:12px;font-size:19px;font-weight:800}body:not(.island-mode) .island-mobile-controls{display:none!important}body.island-mode #jump-button,body.island-mode #interact-button,body.island-mode #place-decor-button{display:none!important}@media(max-width:900px){body.island-mode .island-mobile-controls{display:flex!important}.flight-energy-counter{top:auto;bottom:80px;right:18px}}@media(max-width:700px),(pointer:coarse){.flight-energy-counter{top:max(16px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));bottom:auto;z-index:31;padding:7px 10px;font-size:11px}.bottom-card{left:auto;right:max(14px,env(safe-area-inset-right));top:calc(112px + env(safe-area-inset-top));bottom:auto;transform:none;width:min(184px,46vw);max-width:184px;padding:9px 11px 10px;z-index:18}.bottom-card b{font-size:12px}.bottom-card span{font-size:9px}.joystick{left:max(14px,env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));z-index:26}.energy-counter{left:max(14px,env(safe-area-inset-left));bottom:calc(146px + env(safe-area-inset-bottom));z-index:24}.mode-switch-button{left:50%;right:auto;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:32;min-width:100px;min-height:44px}.jump-button{right:max(14px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:30}.interact-button{right:max(14px,env(safe-area-inset-right));bottom:calc(106px + env(safe-area-inset-bottom));z-index:29;max-width:148px}.place-decor-button{right:max(14px,env(safe-area-inset-right));bottom:calc(160px + env(safe-area-inset-bottom));z-index:28;min-width:0;max-width:148px}.island-mobile-controls{left:auto;right:max(12px,env(safe-area-inset-right));bottom:calc(82px + env(safe-area-inset-bottom));z-index:32;gap:6px}.island-mobile-controls button{width:42px;height:42px;border-radius:12px;font-size:18px}body.island-mode #jump-button,body.island-mode #interact-button,body.island-mode #place-decor-button{display:none!important}body.island-mode .island-mobile-controls{display:flex!important}}@media(max-width:380px){.bottom-card{width:164px}.island-mobile-controls button{width:39px;height:39px}.island-mobile-controls{gap:5px}.mode-switch-button{min-width:92px}}.altitude-atmosphere{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;transition:background .7s ease,opacity .7s ease}body[data-altitude-zone=deep] .altitude-atmosphere{opacity:.42;background:linear-gradient(180deg,#5675917a,#91a8b22e 44%,#314c5e57)}body[data-altitude-zone=lower] .altitude-atmosphere{opacity:.12;background:linear-gradient(180deg,#83c7eb1a,#ffffff08)}body[data-altitude-zone=cloud] .altitude-atmosphere{opacity:.23;background:linear-gradient(180deg,#dceff738,#ffffff14 46%,#86bedb1f)}body[data-altitude-zone=high] .altitude-atmosphere{opacity:.24;background:linear-gradient(180deg,#3468ab3d,#70b0e014 58%,#ffffff08)}body[data-altitude-zone=edge] .altitude-atmosphere{opacity:.34;background:radial-gradient(circle at 50% 0%,rgba(71,82,155,.32),transparent 58%),linear-gradient(180deg,#2a438242,#70a0d30a)}.altitude-counter{position:fixed;top:158px;right:18px;z-index:21;min-width:116px;padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#0c1f30ad;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 22px #0000001f;line-height:1.15;pointer-events:none}.altitude-counter span{display:block;font-size:12px;font-weight:800}.altitude-counter small{display:block;margin-top:4px;font-size:9px;font-weight:700;letter-spacing:.035em;opacity:.72}.altitude-counter.near-limit{border-color:#ffd67c9e;box-shadow:0 0 0 1px #ffd67c1f,0 8px 22px #00000024}@media(max-width:700px),(pointer:coarse){.altitude-counter{top:calc(54px + env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));min-width:104px;padding:6px 9px;z-index:31}.altitude-counter span{font-size:10px}.altitude-counter small{margin-top:3px;font-size:8px}.bottom-card{top:calc(124px + env(safe-area-inset-top))}}body[data-altitude-zone=deep] .altitude-atmosphere{opacity:.58;background:radial-gradient(ellipse at 20% 75%,rgba(210,226,232,.22),transparent 42%),radial-gradient(ellipse at 78% 68%,rgba(194,216,224,.19),transparent 40%),linear-gradient(180deg,#3b4e6385,#76929f4d 48%,#23394b75)}body[data-altitude-zone=lower] .altitude-atmosphere{opacity:.055;background:linear-gradient(180deg,#7dc4ee14,#ffffff04)}body[data-altitude-zone=cloud] .altitude-atmosphere{opacity:.44;background:radial-gradient(ellipse at 8% 62%,rgba(255,255,255,.42),transparent 30%),radial-gradient(ellipse at 92% 54%,rgba(255,255,255,.38),transparent 31%),radial-gradient(ellipse at 50% 92%,rgba(230,244,250,.34),transparent 35%),linear-gradient(180deg,#d2ebf733,#f6fbfd21 50%,#85bedb29)}body[data-altitude-zone=high] .altitude-atmosphere{opacity:.4;background:radial-gradient(circle at 50% -8%,rgba(151,196,244,.18),transparent 45%),linear-gradient(180deg,#1c469161,#4e91cf26 57%,#b9dcf50a)}body[data-altitude-zone=edge] .altitude-atmosphere{opacity:.54;background:radial-gradient(circle at 50% -4%,rgba(115,117,205,.34),transparent 43%),linear-gradient(180deg,#1e2a697a,#4568ad33 54%,#9dc2e50a)}#joystick,.island-mobile-controls,.island-mobile-controls button,.mode-switch-button,.jump-button,.interact-button,.place-decor-button{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}@media(max-width:800px),(pointer:coarse){body.island-mode .island-mobile-controls{display:flex;flex-direction:column;gap:10px;right:max(16px,env(safe-area-inset-right));bottom:calc(138px + env(safe-area-inset-bottom));width:auto}body.island-mode .island-mobile-controls button{width:58px;height:58px;min-width:58px;min-height:58px;padding:0;font-size:25px;line-height:1;border-radius:16px}body.island-mode .jump-button,body.island-mode .interact-button,body.island-mode .place-decor-button{display:none!important}}.camera-view-button{position:fixed;z-index:18;left:50%;bottom:72px;transform:translate(-50%);min-width:104px;min-height:42px;padding:9px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#0d2a4294;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:inherit;font-size:12px;font-weight:700;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}body.island-mode .camera-view-button{display:none}@media(max-width:800px),(pointer:coarse){.camera-view-button{bottom:calc(78px + env(safe-area-inset-bottom));min-width:96px;min-height:40px;padding:8px 12px}}