#astra-loading{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at 50% 38%,#286b7c,#102443 72%);display:flex;align-items:center;justify-content:center;color:#fff3d4;font-family:system-ui,-apple-system,sans-serif;transition:opacity .35s}#astra-loading.done{opacity:0;pointer-events:none}#astra-loading>div{width:min(360px,72vw);text-align:center}#astra-loading .loader-bot{width:54px;height:42px;margin:0 auto 22px;border:7px solid #f5f2e8;border-radius:16px;background:#143b59;position:relative;box-shadow:0 10px 35px #061a3155}#astra-loading .loader-bot:before,#astra-loading .loader-bot:after{content:"";position:absolute;top:12px;width:6px;height:11px;border-radius:5px;background:#75fff0;box-shadow:0 0 9px #75fff0}.loader-bot:before{left:10px}.loader-bot:after{right:10px}#astra-loading strong{display:block;font-size:15px;letter-spacing:.18em;margin-bottom:16px}#astra-loading p{font-size:11px;color:#c6dfe2;letter-spacing:.08em;min-height:16px}#astra-loading .track{height:4px;background:#ffffff1e;border-radius:5px;overflow:hidden}#astra-loading i{display:block;width:8%;height:100%;background:linear-gradient(90deg,#69eadf,#ffe59b);box-shadow:0 0 15px #70fff0;transition:width .35s ease}:root{--touch-opacity:.72;--touch-size:min(25vh,132px);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body{width:var(--app-width,100%);height:var(--app-height,100%);overscroll-behavior:none}body{position:fixed;inset:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game,canvas{width:var(--app-width,100vw)!important;height:var(--app-height,100vh)!important}#mobile-controls{position:fixed;inset:0;z-index:42;pointer-events:none;display:none;touch-action:none}html.touch-device #mobile-controls{display:block}.touch-stick{position:absolute;left:calc(var(--safe-left) + 22px);bottom:calc(var(--safe-bottom) + 18px);width:var(--touch-size);height:var(--touch-size);border-radius:50%;pointer-events:auto;touch-action:none;background:radial-gradient(circle,#dffcff18 0 28%,#153d5980 30% 67%,#b9fbff55 69% 71%,#12374c52 73%);opacity:var(--touch-opacity);box-shadow:inset 0 0 30px #9ff7ff12,0 6px 25px #08263d40}.touch-stick:before{content:"";position:absolute;inset:18%;border:1px solid #d7ffff44;border-radius:50%}.touch-stick i{position:absolute;left:50%;top:50%;width:44%;height:44%;margin:-22%;border-radius:50%;background:linear-gradient(145deg,#e9ffffb8,#5ab7c5a0);border:2px solid #ffffff9c;box-shadow:0 7px 16px #062d4790;will-change:transform}.touch-actions{position:absolute;right:calc(var(--safe-right) + 20px);bottom:calc(var(--safe-bottom) + 18px);display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:end;gap:9px;pointer-events:none}.touch-actions button{width:clamp(66px,12vh,88px);height:clamp(58px,11vh,82px);padding:0;border-radius:50%;pointer-events:auto;touch-action:none;opacity:var(--touch-opacity);font-size:clamp(9px,1.8vh,13px);font-weight:800;letter-spacing:.06em;background:linear-gradient(145deg,#2d617bcf,#133b55e0);border:2px solid #d9ffffa0;box-shadow:0 8px 20px #08273b75}.touch-actions button.primary{grid-row:1/3;grid-column:2;width:clamp(82px,15vh,108px);height:clamp(82px,15vh,108px);background:linear-gradient(145deg,#fff0a8e8,#e99d5edc);color:#173a51;border-color:#fff8d5}.touch-actions button[data-key=special]{grid-column:1;grid-row:1;transform:translate(-22px);width:clamp(58px,10vh,74px);height:clamp(48px,9vh,66px)}.touch-actions button.pressed{transform:scale(.91);filter:brightness(1.25)}.touch-actions button[data-key=special].pressed{transform:translate(-22px) scale(.91)}#rotate-phone{display:none;position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 40%,#2d7184,#102746 75%);color:#fff4cf;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;padding:40px}#rotate-phone span{font-size:60px}#rotate-phone strong{font:600 24px Outfit,system-ui}#rotate-phone small{color:#c6e2e5}.overlay{z-index:60}@media(pointer:coarse)and (orientation:portrait){#rotate-phone{display:flex}}@media(pointer:coarse){body.game-active{touch-action:none}body.game-active button{-webkit-tap-highlight-color:transparent}body.game-active #controls{display:none}body.game-active #tip{bottom:calc(var(--safe-bottom) + 8px);font-size:10px;width:52%;left:24%;opacity:.8}body.game-active header{top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 16px);right:calc(var(--safe-right) + 16px)}body.game-active #hud{top:calc(var(--safe-top) + 54px);left:calc(var(--safe-left) + 18px)}body.game-active #audio-control{top:calc(var(--safe-top) + 48px);right:calc(var(--safe-right) + 16px)}body.game-active #levels-button{top:calc(var(--safe-top) + 48px);right:calc(var(--safe-right) + 126px)}body.game-active main{left:calc(var(--safe-left) + 7%);top:16%}body.game-active main h1{font-size:clamp(42px,12vh,78px);margin:14px 0}body.game-active main p{margin:12px 0;line-height:1.5}body.game-active .title-foot{display:none}body.game-active :is(#snow-objective,#desert-objective){top:calc(var(--safe-top) + 8px)}body.game-active :is(#reef-objective,#space-objective,#pirate-objective){max-width:245px;left:calc(var(--safe-left) + 14px);top:calc(var(--safe-top) + 96px);padding:9px 12px}}@media(pointer:coarse)and (max-height:440px){:root{--touch-size:min(28vh,112px)}.touch-stick,.touch-actions{bottom:calc(var(--safe-bottom) + 9px)}.counter{font-size:20px}.area{margin-top:4px}body.game-active :is(#reef-objective,#space-objective,#pirate-objective){top:calc(var(--safe-top) + 76px);transform:scale(.85);transform-origin:top left}}.touch-device body.game-active{touch-action:none}.touch-device body.game-active button{-webkit-tap-highlight-color:transparent}.touch-device body.game-active #controls{display:none}.touch-device body.game-active #tip{bottom:calc(var(--safe-bottom) + 8px);font-size:10px;width:52%;left:24%;opacity:.8}.touch-device body.game-active header{top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 16px);right:calc(var(--safe-right) + 16px)}.touch-device body.game-active #hud{top:calc(var(--safe-top) + 54px);left:calc(var(--safe-left) + 18px)}.touch-device body.game-active #audio-control{top:calc(var(--safe-top) + 48px);right:calc(var(--safe-right) + 16px)}.touch-device body.game-active #levels-button{top:calc(var(--safe-top) + 48px);right:calc(var(--safe-right) + 126px)}.touch-device body.game-active main{left:calc(var(--safe-left) + 7%);top:16%}.touch-device body.game-active main h1{font-size:clamp(42px,12vh,78px);margin:14px 0}.touch-device body.game-active main p{margin:12px 0;line-height:1.5}.touch-device body.game-active .title-foot{display:none}.touch-device body.game-active :is(#snow-objective,#desert-objective){top:calc(var(--safe-top) + 7px);left:44%;min-width:240px;width:260px;padding:6px 11px}.touch-device body.game-active :is(#reef-objective,#space-objective,#pirate-objective){max-width:245px;left:calc(var(--safe-left) + 14px);top:calc(var(--safe-top) + 76px);padding:9px 12px}@media(max-height:440px){.touch-device{--touch-size:min(28vh,112px)}.touch-device .touch-stick,.touch-device .touch-actions{bottom:calc(var(--safe-bottom) + 9px)}.touch-device .counter{font-size:20px}.touch-device .area{margin-top:4px}.touch-device body.game-active :is(#reef-objective,#space-objective,#pirate-objective){transform:scale(.85);transform-origin:top left}}