:root{--glass: rgba(10, 30, 42, .62);--line: rgba(255,255,255,.18);--ink: #f2fbff;--accent: #36d1c4}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#0b2a3a;color:var(--ink);font:14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#app canvas{display:block;position:fixed;inset:0;width:100vw;height:100vh}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#0b6e86,#0b2a3a);z-index:50}.ld-title{font-size:34px;font-weight:700;letter-spacing:.5px}.ld-sub{margin:8px 0 14px;opacity:.85}.ld-bar{width:200px;height:6px;border-radius:3px;background:#fff3;overflow:hidden}.ld-bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.hud-top{position:absolute;top:calc(8px + env(safe-area-inset-top));left:8px;right:8px;display:flex;gap:6px;align-items:flex-start;pointer-events:none}.hud-top>*{pointer-events:auto}.spacer{flex:1;pointer-events:none!important}.pill{background:var(--glass);color:var(--ink);border:1px solid var(--line);border-radius:18px;height:34px;padding:0 12px;font:inherit;font-weight:600;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pill.icon{width:34px;padding:0;font-size:16px}.cog-wrap{display:flex;flex-direction:column;align-items:center}.ver{font-size:10px;opacity:.8;margin-top:2px;text-shadow:0 1px 2px #000}.pop{position:absolute;top:calc(50px + env(safe-area-inset-top));left:8px;width:min(340px,calc(100vw - 16px));background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:10px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.view-pop{left:auto;right:8px;max-height:70vh;overflow:auto}.hidden{display:none!important}.row{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;margin:2px 0 6px}input[type=range]{width:100%;accent-color:var(--accent);height:28px}.seg{display:flex;gap:4px;margin:4px 0 8px}.seg button,.chip,.tab,.list-btn{background:#ffffff14;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:6px 9px;font:inherit;font-size:12.5px}.seg button{flex:1}.seg button.on,.chip.on,.tab.on{background:var(--accent);color:#022;border-color:transparent;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.list-btn{display:block;width:100%;text-align:left;margin:4px 0;padding:9px 10px;font-size:14px}.panel{position:absolute;inset:calc(8px + env(safe-area-inset-top)) 8px 8px 8px;max-width:520px;margin-left:auto;background:#081a24db;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.panel-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.panel-head b{flex:1;font-size:16px}.ver2{opacity:.7;font-size:12px}.tabs{display:flex;gap:6px;padding:8px 12px 0;flex-wrap:wrap}.panel-body{flex:1;overflow:auto;padding:8px 12px 16px;touch-action:pan-y}.srow{margin:8px 0}.srow label{display:flex;justify-content:space-between;font-size:13px;opacity:.95}.srow label span{opacity:.75}.check{display:flex;gap:8px;align-items:center;margin:10px 0}.hint{font-size:12.5px;opacity:.8;margin:6px 0}.update{position:absolute;left:50%;transform:translate(-50%);top:calc(52px + env(safe-area-inset-top));background:var(--glass);border:1px solid var(--line);padding:8px 12px;border-radius:12px}.update button{margin-left:8px;background:var(--accent);border:0;border-radius:8px;padding:5px 10px;font-weight:600}.barrel-tag{position:absolute;top:30%;left:50%;transform:translate(-50%,-10px);opacity:0;transition:all .3s;background:#00000059;padding:6px 14px;border-radius:20px;font-weight:700;font-size:18px;pointer-events:none!important}.barrel-tag.show{opacity:1;transform:translate(-50%)}#touch-ui{position:absolute;inset:0;pointer-events:none}#touch-ui>*{pointer-events:auto}.stick-base{position:absolute;bottom:calc(26px + env(safe-area-inset-bottom));width:124px;height:124px;border-radius:50%;border:2px solid rgba(255,255,255,.28);background:#ffffff12;pointer-events:none!important;transition:opacity .2s;opacity:.55}.stick-base.left{left:22px}.stick-base.right{right:22px}.stick-base.active{opacity:1}.stick-knob{position:absolute;left:37px;top:37px;width:46px;height:46px;border-radius:50%;background:#ffffff73;box-shadow:0 2px 8px #0000004d}.tbtn{position:absolute;right:22px;width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:var(--glass);color:var(--ink);font-size:18px}.tbtn.up{bottom:calc(222px + env(safe-area-inset-bottom))}.tbtn.down{bottom:calc(162px + env(safe-area-inset-bottom))}.tbtn.fast{right:auto;left:22px;bottom:calc(162px + env(safe-area-inset-bottom));font-size:20px}.tbtn.on{background:var(--accent);color:#022}@media(orientation:landscape)and (max-height:500px){.stick-base{bottom:14px;width:110px;height:110px}.stick-knob{left:31px;top:31px}.tbtn.up{bottom:142px;right:140px}.tbtn.down{bottom:82px;right:140px}.tbtn.fast{bottom:82px;left:140px}.pop{max-height:calc(100vh - 60px);overflow:auto}}@media(hover:hover)and (pointer:fine){body:not(.force-touch) .stick-base,body:not(.force-touch) .tbtn{display:none}}.list-btn.hot{background:#36d1c438;border-color:#36d1c499}.toast{position:absolute;left:50%;bottom:calc(170px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--glass);border:1px solid var(--line);padding:8px 14px;border-radius:14px;max-width:calc(100vw - 32px);text-align:center;transition:opacity .6s;pointer-events:none!important}.toast.gone{opacity:0}.pill.ride{font-size:13px;padding:0 10px}.barrel-marker{position:absolute;transform:translate(-50%,-100%);pointer-events:none!important;display:flex;align-items:center;gap:4px;background:#082834b8;border:1px solid rgba(54,209,196,.8);color:#fff;padding:3px 8px;border-radius:12px;font-size:12.5px;font-weight:700;white-space:nowrap;animation:bmPulse 1.2s ease-in-out infinite}.barrel-marker .bm-arrow{display:none;color:var(--accent)}.barrel-marker.edge{transform:translate(-50%,-50%)}.barrel-marker.edge .bm-arrow{display:inline-block}@keyframes bmPulse{0%,to{box-shadow:0 0 #36d1c480}50%{box-shadow:0 0 0 6px #36d1c400}}.pill.sound{animation:bmPulse 1.2s ease-in-out infinite}.status-pill{position:absolute;left:50%;transform:translate(-50%);bottom:calc(160px + env(safe-area-inset-bottom));background:var(--glass);border:1px solid var(--line);padding:5px 12px;border-radius:14px;font-weight:600;font-size:13px;pointer-events:none!important}.status-pill.hot{background:#36d1c4d9;color:#022}body.surfer-mode .tbtn.up,body.surfer-mode .tbtn.down{display:none}.tbtn.off{display:none;width:auto;height:50px;padding:0 16px;border-radius:25px;font-size:15px;font-weight:600;bottom:calc(222px + env(safe-area-inset-bottom))}body.surfer-mode.riding .tbtn.off{display:block}.tbtn.jump{display:none;width:auto;height:56px;padding:0 22px;border-radius:28px;font-size:16px;font-weight:800;bottom:calc(162px + env(safe-area-inset-bottom))}body.surfer-mode.surfing .tbtn.jump{display:block}@media(hover:hover)and (pointer:fine){body.surfer-mode.surfing .tbtn.jump{display:block}}.tbtn.tubeexit{display:none;width:auto;height:64px;padding:0 26px;border-radius:32px;font-size:18px;font-weight:800;bottom:calc(162px + env(safe-area-inset-bottom));background:#00aacde0;color:#fff;animation:tubePulse 1.2s ease-in-out infinite}body.surfer-mode.in-tube .tbtn.tubeexit{display:block}body.surfer-mode.in-tube .tbtn.jump{display:none!important}@keyframes tubePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.tbtn.board,.tbtn.ski{display:none;width:auto;height:46px;padding:0 14px;border-radius:23px;font-size:14px;font-weight:700}.tbtn.board{bottom:calc(282px + env(safe-area-inset-bottom));background:#f2a33a;color:#1b1205;border-color:#f2a33a}.tbtn.ski{right:auto;left:22px;bottom:calc(222px + env(safe-area-inset-bottom))}body.surfer-mode.can-board .tbtn.board,body.surfer-mode.can-ski .tbtn.ski{display:block}@media(hover:hover)and (pointer:fine){body.surfer-mode.can-board .tbtn.board,body.surfer-mode.can-ski .tbtn.ski{display:block}}.tbtn.popup-btn,.tbtn.duck{display:none;width:auto;height:50px;padding:0 16px;border-radius:25px;font-size:15px;font-weight:700}.tbtn.popup-btn{bottom:calc(222px + env(safe-area-inset-bottom))}.tbtn.duck{bottom:calc(162px + env(safe-area-inset-bottom))}body.surfer-mode.paddling .tbtn.popup-btn,body.surfer-mode.paddling .tbtn.duck{display:block}body.surfer-mode.ducking .tbtn.popup-btn{display:none}body.surfer-mode.catchable .tbtn.popup-btn{background:var(--accent);color:#022;box-shadow:0 0 18px var(--accent);animation:popGlow .5s ease-in-out infinite alternate}@keyframes popGlow{0%{transform:scale(1)}to{transform:scale(1.12)}}@media(hover:hover)and (pointer:fine){body.surfer-mode.paddling .tbtn.popup-btn,body.surfer-mode.paddling .tbtn.duck{display:block}}@media(hover:hover)and (pointer:fine){body.surfer-mode.riding .tbtn.off{display:block}}@media(orientation:landscape)and (max-height:500px){.status-pill{bottom:14px}}@media(orientation:landscape)and (max-height:500px){.tbtn.off{bottom:142px;right:140px}}.intro{position:fixed;inset:0;z-index:50;pointer-events:none;font-family:inherit}.intro.hidden{display:none}.intro-bar{position:absolute;left:0;right:0;height:0;background:#000;transition:height .9s ease}.intro-bar.top{top:0}.intro-bar.bottom{bottom:0}.intro.letterbox .intro-bar{height:7vh}.intro-fade{position:absolute;inset:0;background:#000;opacity:0}.intro-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:18px;color:#fff;opacity:0;white-space:nowrap;letter-spacing:.32em;font-weight:600;font-size:clamp(13px,3.4vw,22px);text-shadow:0 1px 12px rgba(0,0,0,.45)}.intro-card .ln{display:block;width:clamp(28px,9vw,90px);height:1px;background:currentColor;opacity:.85}.intro-card.big{font-size:clamp(30px,9vw,64px);letter-spacing:.22em;font-weight:800}.intro-card.dark{color:#111;text-shadow:none}.intro-shot{position:absolute;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));font:600 12px/1 ui-monospace,Menlo,monospace;color:#ffffff8c;letter-spacing:.08em;text-shadow:0 0 3px rgba(0,0,0,.6)}.intro-shot.flash{animation:introShot 1.2s ease-out}@keyframes introShot{0%{color:#fff}to{color:#ffffff8c}}.intro-skip{position:absolute;top:calc(7vh + 10px);right:12px;pointer-events:auto;background:#00000059;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:16px;padding:6px 12px;font-size:13px}.intro-skip.hidden{display:none}.intro-sub{position:absolute;left:50%;bottom:calc(7vh + 18px);transform:translate(-50%);width:min(92vw,560px);text-align:center;color:#fff;font-size:clamp(14px,3.8vw,18px);text-shadow:0 1px 4px rgba(0,0,0,.8);transition:opacity .4s}.intro-credit{position:absolute;left:12px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:70vw;color:#ffffffb3;font-size:10px;text-shadow:0 0 3px rgba(0,0,0,.7)}.intro-tut{position:absolute;left:50%;top:calc(14px + env(safe-area-inset-top));transform:translate(-50%);text-align:center;color:#fff;background:#04141e73;border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:10px 16px;font-size:clamp(13px,3.6vw,16px);text-shadow:0 1px 3px rgba(0,0,0,.6)}.intro-tut.hidden{display:none}.intro-tut .tt{font-weight:800;letter-spacing:.08em;margin-bottom:6px}.intro-tut .row{margin:3px 0}.intro-tut .hint{opacity:.7;font-size:12px;margin-top:4px}.intro-tut .key{display:inline-block;min-width:70px;padding:2px 8px;margin-right:6px;border-radius:8px;background:#ffffff2e;font-weight:700}.intro-tut .prog{letter-spacing:.3em;margin-top:4px;color:#7ff0d0}.intro-tut .arrow{font-size:44px;line-height:1;animation:introUp .8s ease-in-out infinite alternate;color:#7ff0d0}@keyframes introUp{0%{transform:translateY(6px)}to{transform:translateY(-6px)}}.intro-tap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#000;color:#fff}.intro-tap.hidden{display:none}.intro-tap-in{display:flex;flex-direction:column;align-items:center;gap:14px}.intro-tap-in b{font-size:34px;letter-spacing:.25em}.intro-tap-in span{padding:10px 22px;border:1px solid rgba(255,255,255,.5);border-radius:22px;animation:introPulse 1.4s ease-in-out infinite alternate}.intro-tap-in small{opacity:.6}@keyframes introPulse{0%{opacity:.55}to{opacity:1}}body.intro-on #ui>*:not(#touch-ui){display:none!important}body.intro-on:not(.intro-play) #touch-ui>*{visibility:hidden}body.intro-play #touch-ui .tbtn{display:none!important}@media(orientation:landscape)and (max-height:500px){.tbtn.popup-btn{bottom:142px;right:140px}.tbtn.duck{bottom:82px;right:140px}}.mission-ui{position:absolute;inset:0;pointer-events:none!important}.mission-ui>*{pointer-events:none}.mis-banner{position:absolute;left:50%;top:calc(56px + env(safe-area-inset-top));transform:translate(-50%);max-width:calc(100vw - 24px);background:#0a1e28b8;color:#fff;border:1px solid rgba(255,180,60,.7);border-radius:12px;padding:7px 12px;font-size:14px;text-align:center}.mis-banner b{color:#ffb43c}.mis-card{position:absolute;left:50%;bottom:calc(240px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(88vw,360px);background:#0c1c26eb;color:#fff;border:1px solid #ffb43c;border-radius:16px;padding:14px 16px;pointer-events:auto!important;text-align:center}.mis-kicker{font-size:11px;letter-spacing:.2em;color:#ffb43c;font-weight:700}.mis-title{font-size:20px;font-weight:800;margin:4px 0 6px}.mis-text{font-size:14px;opacity:.9}.mis-btns{display:flex;gap:10px;justify-content:center;margin-top:12px}.mis-btns button,.mis-next{border:0;border-radius:18px;padding:8px 18px;font-weight:700;font-size:15px}.mis-go{background:#ffb43c;color:#1b1205}.mis-later{background:#ffffff26;color:#fff}.mis-dlg{position:absolute;left:50%;bottom:calc(200px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(92vw,520px);background:#faf6ecf5;color:#1a2228;border-radius:16px;padding:12px 14px 10px;box-shadow:0 6px 24px #00000059;pointer-events:auto!important}.mis-who{font-weight:800;color:#c62828;font-size:13px;letter-spacing:.05em}.mis-say{font-size:15px;margin:4px 0 8px;line-height:1.35}.mis-next{float:right;background:#1a2228;color:#fff}.mis-arrow{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#34e0ff;text-shadow:0 0 6px rgba(0,0,0,.7)}.mis-arr{font-size:26px;line-height:1}.mis-dist{font:700 12px/1 ui-monospace,monospace;color:#fff;margin-top:2px}.mission-ui .hidden{display:none!important}body.intro-on .mission-ui{display:none}.boost-lines{position:fixed;inset:0;pointer-events:none!important;opacity:0;z-index:3;background:repeating-conic-gradient(from 0deg at 50% 55%,#5ff6ff00 0deg 5deg,#5ff6ff8c 5deg 5.6deg,#5ff6ff00 5.6deg 11deg);-webkit-mask-image:radial-gradient(ellipse at 50% 55%,transparent 38%,#000 78%);mask-image:radial-gradient(ellipse at 50% 55%,transparent 38%,#000 78%);animation:boostSpin .35s linear infinite}.boost-lines.burst{animation:boostSpin .35s linear infinite,boostBurst .45s ease-out}@keyframes boostSpin{0%{transform:rotate(0) scale(1.05)}50%{transform:rotate(2.5deg) scale(1)}to{transform:rotate(0) scale(1.05)}}@keyframes boostBurst{0%{filter:brightness(2.2);transform:scale(1.25)}to{filter:brightness(1);transform:scale(1.05)}}.designer{position:fixed;inset:0;z-index:60;background:radial-gradient(ellipse at 50% 30%,#f6efe0,#d6e9ee 55%,#9fc6d3);color:#10202a;font-family:inherit;touch-action:none}.designer .dz-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.dz-top{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 12px 8px;pointer-events:none}.dz-title{font-weight:800;font-size:17px;text-shadow:0 1px 0 #fff8}.dz-title span{font-weight:600;opacity:.6}.dz-btns{display:flex;gap:6px;pointer-events:auto}.dz-btn,.dz-save{height:38px;padding:0 14px;border-radius:19px;border:1px solid #0002;background:#fffc;font-weight:700;font-size:14px;color:#10202a}.dz-save{background:#0e9f8e;color:#fff;border-color:#0e9f8e}.dz-busy{position:absolute;left:50%;top:calc(58px + env(safe-area-inset-top));transform:translate(-50%);background:#10202acc;color:#fff;padding:4px 12px;border-radius:12px;font-size:13px}.dz-busy.hidden{display:none}.dz-panel{position:absolute;left:0;right:0;bottom:0;height:46%;background:#fffffff0;border-radius:18px 18px 0 0;box-shadow:0 -6px 24px #0002;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}@media(orientation:landscape){.dz-panel{left:auto;top:0;width:42%;height:auto;border-radius:18px 0 0 18px}.dz-top{right:42%}}.dz-tabs{display:flex;gap:4px;padding:8px 10px 4px}.dz-tab{flex:1;height:36px;border-radius:18px;border:1px solid #0001;background:#eef3f4;font-weight:700;font-size:14px;color:#34505c}.dz-tab.on{background:#10202a;color:#fff}.dz-list{flex:1;overflow-y:auto;padding:6px 14px 16px;-webkit-overflow-scrolling:touch;touch-action:pan-y}.dz-slider{margin:6px 0 10px}.dz-lab{display:flex;justify-content:space-between;font-size:13px;color:#34505c;margin-bottom:2px}.dz-lab b{font-variant-numeric:tabular-nums;color:#10202a}.dz-slider input[type=range]{width:100%;accent-color:#0e9f8e;height:26px}.dz-hint{font-size:13px;color:#5a7480;margin:6px 0 10px}.dz-item{border:1px solid #0001;border-radius:14px;padding:8px 12px 2px;margin-bottom:10px;background:#f7fafb;opacity:.75}.dz-item.on{opacity:1;background:#eefaf7;border-color:#0e9f8e55}.dz-item-top{display:flex;align-items:center;justify-content:space-between}.dz-check{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.dz-check input[type=checkbox]{width:20px;height:20px;accent-color:#0e9f8e}.dz-colour{width:40px;height:32px;border:none;background:none;padding:0}.dz-colour.big{width:64px;height:40px}.dz-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dz-swatch{width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 4px #0004}.pill.wallet{display:flex;gap:10px;font-size:13px;pointer-events:none!important}.pill.wallet b{font-variant-numeric:tabular-nums}.pill.wallet.bump{animation:walletBump .9s ease-out}@keyframes walletBump{0%{transform:scale(1)}25%{transform:scale(1.25);box-shadow:0 0 22px #ffd54a}to{transform:scale(1)}}.reward-burst{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-size:34px;font-weight:900;color:#fff;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.55);pointer-events:none;animation:rewardUp 2.6s ease-out forwards}@keyframes rewardUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}70%{opacity:1;transform:translate(-50%,-60%) scale(1)}to{opacity:0;transform:translate(-50%,-140%) scale(.9)}}body.surfer-mode.piloting .tbtn:not(.up):not(.down):not(.fast){display:none!important}body.surfer-mode.piloting .tbtn.up,body.surfer-mode.piloting .tbtn.down{display:block}@media(hover:hover)and (pointer:fine){body.surfer-mode.piloting:not(.force-touch) .tbtn.up,body.surfer-mode.piloting:not(.force-touch) .tbtn.down{display:none}}body.piloting .status-pill{display:none}.drone-hud{position:absolute;inset:0;pointer-events:none!important;color:#e9fbff;font-family:Trebuchet MS,Verdana,Arial,sans-serif}.drone-hud.hidden{display:none}.drone-hud>*{pointer-events:none}.dh-top{position:absolute;left:50%;transform:translate(-50%);top:calc(54px + env(safe-area-inset-top));display:flex;gap:14px;background:#05141c8c;border:1px solid rgba(160,240,255,.35);border-radius:10px;padding:4px 12px;font-size:13px;letter-spacing:.04em;white-space:nowrap}.dh-top b{font-size:16px;font-variant-numeric:tabular-nums;color:#fff}.dh-altbar{position:absolute;left:14px;top:30%;height:34%;width:8px;border-radius:4px;background:#05141c80;border:1px solid rgba(160,240,255,.4)}.dh-altbar i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#7af0ff,#2bb6d0);border-radius:4px}.dh-max{position:absolute;left:14px;top:-8px;font-size:10px;white-space:nowrap;color:#ffd54a}.dh-warn{position:absolute;left:50%;top:calc(92px + env(safe-area-inset-top));transform:translate(-50%);color:#ffd54a;font-weight:800;letter-spacing:.1em;font-size:13px;text-shadow:0 1px 4px #000;animation:blink .8s steps(2) infinite}.dh-warn.hidden{display:none}@keyframes blink{50%{opacity:.2}}.dh-rec{position:absolute;right:16px;top:calc(56px + env(safe-area-inset-top));font-size:11px;color:#ff6b6b;letter-spacing:.1em}.dh-shot{pointer-events:auto!important;position:absolute;right:20px;bottom:calc(290px + env(safe-area-inset-bottom));width:68px;height:68px;border-radius:50%;border:4px solid #fff;background:#ffffff38;font-size:28px;box-shadow:0 2px 12px #00000059}.dh-shot:active{transform:scale(.92);background:#ffffff80}.dh-thumb{pointer-events:auto!important;position:absolute;right:98px;bottom:calc(296px + env(safe-area-inset-bottom));width:72px;height:48px;border:2px solid #fff;border-radius:6px;overflow:hidden;background:#000}.dh-thumb.hidden{display:none}.dh-thumb img{width:100%;height:100%;object-fit:cover;display:block}.dh-thumb.pop{animation:thumbPop .5s ease-out}@keyframes thumbPop{0%{transform:scale(2.2) translate(-30%,-30%);opacity:.3}to{transform:none;opacity:1}}.dh-count{position:absolute;right:2px;bottom:1px;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000}.dh-btns{position:absolute;left:50%;transform:translate(-50%);top:calc(96px + env(safe-area-inset-top));display:flex;gap:8px}.dh-btns button{pointer-events:auto!important;border:1px solid rgba(160,240,255,.5);background:#05141cb3;color:#fff;border-radius:14px;padding:5px 12px;font-weight:700;font-size:13px}.dh-btns button.hidden{display:none}.dh-btns .dh-stop{background:#f2a33a;color:#1b1205;border-color:#f2a33a}.dh-flash{position:absolute;inset:0;background:#fff;opacity:0}.dh-flash.go{animation:shutter .35s ease-out}@keyframes shutter{0%{opacity:.85}to{opacity:0}}.drone-gallery{position:absolute;inset:0;background:#040e14f0;z-index:30;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top)) 12px 12px;pointer-events:auto!important}.drone-gallery.hidden{display:none}.dg-head{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:16px;margin-bottom:10px}.dg-head button{background:none;border:0;color:#fff;font-size:22px}.dg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;overflow-y:auto}.dg-grid img{width:100%;border-radius:6px;border:2px solid transparent}.dg-grid img.whale{border-color:#7af0ff}.dg-big{position:absolute;inset:0;margin:auto;max-width:96%;max-height:90%;border-radius:8px;box-shadow:0 6px 40px #000}.dg-big.hidden{display:none}body.piloting .mis-acts{top:calc(132px + env(safe-area-inset-top))}@media(orientation:landscape)and (max-height:500px){.dh-shot{bottom:150px;right:210px}.dh-thumb{bottom:158px;right:288px}}