.front-fill{flex:auto;min-height:0;position:relative;container-type:size}.front-fill-scene{color:color-mix(in srgb, var(--text-bright) 88%, transparent);display:none;position:absolute;inset:1.2rem 0 0;overflow:hidden}@container (height>=150px){.front-fill-scene{display:block}}.front-flock{animation:24s linear infinite front-flock-fly;position:absolute;top:12%;left:0}.front-flock--far{opacity:.6;animation-duration:37s;animation-delay:-15s;top:40%}.front-flock--high{opacity:.45;animation-duration:46s;animation-delay:-33s;top:2%}.front-fill-sun{background:color-mix(in srgb, var(--accent) 30%, transparent);border-radius:50%;width:4.2rem;height:4.2rem;transition:transform 4s ease-in-out;position:absolute;bottom:1.6rem;right:18%}.front-fill-glow,.front-fill-dark,.front-fill-stars,.front-fill-moon{opacity:0;transition:opacity 4s ease-in-out;position:absolute}.front-fill-glow{background:linear-gradient(#0000 25%,#e9965a3d);inset:0}.front-fill-dark{background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);inset:0}.front-fill-stars{width:2px;height:2px;color:color-mix(in srgb, var(--text-bright) 70%, transparent);border-radius:50%;top:0;left:0;box-shadow:8cqw 30cqh,17cqw 52cqh,24cqw 24cqh,33cqw 44cqh,41cqw 28cqh,47cqw 58cqh,55cqw 22cqh,61cqw 40cqh,68cqw 27cqh,74cqw 50cqh,83cqw 33cqh,90cqw 46cqh,95cqw 25cqh,12cqw 62cqh}.front-fill-moon{width:1.7rem;height:1.7rem;box-shadow:inset .5rem -.25rem 0 0 color-mix(in srgb, var(--text-bright) 72%, transparent);border-radius:50%;top:30%;right:34%}.front-fill[data-sky=dusk] .front-fill-sun{transform:translateY(50%)}.front-fill[data-sky=night] .front-fill-sun{transform:translateY(150%)}.front-fill[data-sky=dawn] .front-fill-sun{transform:translateY(22%)}.front-fill:is([data-sky=dusk],[data-sky=dawn]) .front-fill-glow,.front-fill[data-sky=night] :is(.front-fill-dark,.front-fill-stars,.front-fill-moon){opacity:1}.front-fill[data-sky=dawn] .front-fill-stars{opacity:.35}@media (prefers-reduced-motion:reduce){.front-fill-sun,.front-fill-glow,.front-fill-dark,.front-fill-stars,.front-fill-moon{transition:none}}.front-flock-bob{animation:5.5s ease-in-out infinite alternate front-flock-bob}.front-flock svg{display:block;overflow:visible}.front-crane{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%;animation:.85s ease-in-out infinite alternate front-crane-flap}.front-flock--far .front-crane,.front-flock--high .front-crane{stroke-width:1.6px}.front-fill-land{inset-inline:0;width:100%;height:4.2rem;position:absolute;bottom:0}.front-ridge{fill:var(--bg);stroke-linejoin:round;stroke:color-mix(in srgb, var(--text) 55%, transparent);stroke-width:1.6px;vector-effect:non-scaling-stroke}.front-ridge--back{stroke:color-mix(in srgb, var(--text) 32%, transparent)}.front-water{fill:none;stroke:color-mix(in srgb, var(--accent) 45%, transparent);stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.front-water--short{stroke:color-mix(in srgb, var(--accent) 28%, transparent)}@keyframes front-flock-fly{0%{transform:translate(100cqw)}to{transform:translate(-170px)}}@keyframes front-flock-fly-ltr{0%{transform:translate(-170px)}to{transform:translate(100cqw)}}:root[dir=ltr] .front-flock{animation-name:front-flock-fly-ltr}:root[dir=ltr] .front-flock svg{transform:scaleX(-1)}@keyframes front-flock-bob{0%{transform:translateY(-4px)}to{transform:translateY(6px)}}@keyframes front-crane-flap{0%{transform:scaleY(1)}to{transform:scaleY(-.45)}}@media (prefers-reduced-motion:reduce){.front-flock,.front-flock-bob,.front-crane{animation:none}.front-flock{transform:translate(42cqw)}.front-flock--far{transform:translate(12cqw)}.front-flock--high{transform:translate(70cqw)}}:root[data-accessibility=true] :is(.front-flock,.front-flock-bob,.front-crane){animation:none}:root[data-accessibility=true] .front-flock{transform:translate(42cqw)}:root[data-accessibility=true] .front-flock--far{transform:translate(12cqw)}:root[data-accessibility=true] .front-flock--high{transform:translate(70cqw)}.front-fill-art,.front-cranes,.front-cranes-stage{position:absolute;inset:0}.front-fill[data-cranes] .front-flock,.front-fill[data-cranes] .front-fill-land{display:none}.front-fill[data-game]:not([data-cranes]) .front-fill-scene{background:color-mix(in srgb, var(--accent) 7%, var(--bg));border-radius:12px}.front-fill[data-game]:not([data-cranes]) .front-fill-art{isolation:isolate}.front-fill[data-game]:not([data-cranes]) .front-fill-land{height:3.4rem}.front-fill[data-game]:not([data-cranes]) .front-ridge{fill:color-mix(in srgb, var(--accent) 21%, var(--bg));stroke:none}.front-fill[data-game]:not([data-cranes]) .front-ridge--back{fill:color-mix(in srgb, var(--accent) 13%, var(--bg))}.front-fill[data-game]:not([data-cranes]) .front-water,.front-fill[data-game]:not([data-cranes]) .front-flock--lead{display:none}.front-fill[data-game]:not([data-cranes]) .front-fill-sun{top:6%;bottom:auto;right:auto;background:color-mix(in srgb, var(--accent) 26%, var(--bg));width:2.3rem;height:2.3rem;inset-inline-end:5%}.front-fill[data-game]:not([data-cranes]) .front-flock{z-index:1;left:auto;animation:none;inset-inline-start:3%;transform:none}.front-fill[data-game]:not([data-cranes]) .front-flock--far{opacity:.85;transform-origin:0 100%;top:auto;bottom:.4rem;scale:.6}.front-fill[data-game]:not([data-cranes]) .front-flock--high{opacity:.55;transform-origin:0 0;top:4%;scale:.75}:root[dir=rtl] .front-fill[data-game]:not([data-cranes]) .front-flock--far{transform-origin:100% 100%}:root[dir=rtl] .front-fill[data-game]:not([data-cranes]) .front-flock--high{transform-origin:100% 0}@container (width<=540px){.front-fill[data-game]:not([data-cranes]) .front-flock--far{scale:.5}.front-fill[data-game]:not([data-cranes]) .front-flock--high{scale:.6}}.front-fill[data-game]:not([data-cranes]) :is(.front-cranes-how,.front-cranes-goal-line,.front-cranes-powers,.front-cranes-best){background:0 0}.front-cranes-stage{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}.front-fill:not([data-cranes]) .front-cranes-stage{pointer-events:none}.front-fill[data-cranes=playing] .front-cranes-stage{cursor:pointer;touch-action:none}.front-cranes-stage:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:-2px;border-radius:6px}:root[data-accessibility=true] .front-cranes-stage:focus-visible{outline-color:var(--accent)}.front-cranes-svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.front-cranes-bird .front-crane{stroke-width:2px;vector-effect:non-scaling-stroke;animation-name:front-crane-glide;animation-duration:1.3s}.front-cranes-flock[data-climb] .front-crane{animation-name:front-crane-flap;animation-duration:.3s}.front-cranes-bird--stray .front-crane{animation-name:front-crane-flap;animation-duration:.6s}.front-cranes-bird--lost .front-crane{animation-name:front-crane-flap;animation-duration:.16s}@keyframes front-crane-glide{0%{transform:scaleY(1)}to{transform:scaleY(.72)}}.front-cranes-halo{fill:none;stroke:color-mix(in srgb, var(--accent) 80%, transparent);stroke-width:1.5px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;animation:1.1s ease-in-out infinite alternate front-cranes-halo}.front-cranes-ring{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;animation:.6s ease-out forwards front-cranes-ring}.front-cranes-feather,.front-cranes-stand{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.front-cranes-bird--landed .front-cranes-stand{stroke-width:1.8px}.front-cranes-resident{opacity:.5}.front-cranes-reeds{fill:none;stroke:color-mix(in srgb, var(--text) 45%, transparent);stroke-width:1.2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.front-cranes-cloud-line circle{fill:var(--bg);stroke:color-mix(in srgb, var(--text) 52%, var(--bg));stroke-width:3px;vector-effect:non-scaling-stroke}.front-cranes-cloud--storm .front-cranes-cloud-line circle{stroke:color-mix(in srgb, var(--text-bright) 78%, var(--bg))}.front-cranes-cloud-fill circle{fill:var(--bg)}.front-cranes-bolt{fill:none;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:0;animation:2.7s linear infinite front-cranes-bolt}.front-cranes-tower{fill:none;stroke:color-mix(in srgb, var(--text) 62%, var(--bg));stroke-width:1.8px;stroke-linecap:round;vector-effect:non-scaling-stroke}.front-cranes-blade{fill:color-mix(in srgb, var(--text-bright) 84%, var(--bg))}.front-cranes-hub{fill:var(--bg);stroke:color-mix(in srgb, var(--text-bright) 84%, var(--bg));stroke-width:1.4px;vector-effect:non-scaling-stroke}.front-cranes-hud{top:.1rem;pointer-events:none;align-items:center;gap:.55rem;display:flex;position:absolute;inset-inline:.5rem}.front-cranes-hud--journey{direction:ltr}:root[dir=ltr] .front-cranes-hud--journey{flex-direction:row-reverse}:root[dir=ltr] .front-cranes-progress{transform-origin:0}.front-cranes-goal{fill:none;width:1.4rem;height:.6rem;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;flex:none}.front-cranes-track{background:color-mix(in srgb, var(--text) 24%, transparent);border-radius:1px;flex:auto;height:2px;position:relative;overflow:hidden}.front-cranes-progress{background:var(--accent);transform-origin:100%;position:absolute;inset:0;transform:scaleX(0)}.front-cranes-count{background:color-mix(in srgb, var(--bg) 80%, transparent);min-width:3.4rem;color:var(--text-bright);font:700 1rem/1 var(--sans);font-variant-numeric:tabular-nums;border-radius:.4rem;flex:none;justify-content:flex-end;align-items:center;gap:.35rem;padding:.15rem .4rem;display:inline-flex}.front-cranes-count svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.3rem;height:.6rem;overflow:visible}.front-cranes-panel{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.4rem 1rem 3rem;display:flex;position:absolute;inset:0}.front-cranes-panel>*{pointer-events:auto}.front-cranes-title,.front-cranes-best,.front-cranes-hint{background:color-mix(in srgb, var(--bg) 82%, transparent);max-width:34rem;color:var(--text-bright);font:700 1.05rem/1.35 var(--sans);text-wrap:balance;border-radius:.5rem;margin:0;padding:.1rem .55rem}.front-cranes-best{font-size:.95rem;font-weight:600}.front-cranes-reached{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:.4rem;display:inline-flex}.front-fill[data-cranes=over] .front-cranes-hud{display:none}.front-cranes-panel--over{gap:.45rem;padding-top:.6rem}.front-cranes-sky{fill:none;width:1.15rem;height:1.15rem;stroke:var(--text-bright);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.front-cranes-to-best{background:color-mix(in srgb, var(--bg) 82%, transparent);width:min(12rem,70%);height:.4rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-bright) 35%, transparent);border-radius:999px;flex:none;display:block;position:relative}.front-cranes-to-best i{border-radius:inherit;background:var(--accent);transform:scaleX(var(--share));transform-origin:0;position:absolute;inset:0}.front-cranes-to-best:after{content:"";background:var(--text-bright);border-radius:1px;width:2px;height:.8rem;position:absolute;top:-.2rem;right:0}:root[dir=rtl] .front-cranes-to-best i{transform-origin:100%}:root[dir=rtl] .front-cranes-to-best:after{left:0;right:auto}.front-cranes-panel--over .front-cranes-button{animation:1s ease-in both front-cranes-ready}@keyframes front-cranes-ready{0%{opacity:.35}90%{opacity:.6}to{opacity:1}}.front-cranes-hint{white-space:nowrap;pointer-events:none;font-size:.95rem;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.front-cranes-button{border:1px solid color-mix(in srgb, var(--accent) 70%, var(--text-bright));background:var(--accent);min-height:2.75rem;color:var(--accent-fg);font:700 .98rem/1.2 var(--sans);cursor:pointer;box-shadow:0 10px 24px -14px color-mix(in srgb, var(--accent) 80%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.4rem 1.35rem;transition:transform .12s,box-shadow .16s;display:inline-flex}.front-cranes-button:hover{box-shadow:0 14px 28px -14px color-mix(in srgb, var(--accent) 90%, transparent);transform:translateY(-1px)}.front-cranes-button:focus-visible{outline:2px solid var(--text-bright);outline-offset:3px}.front-cranes-button svg{fill:currentColor;width:.7rem;height:.7rem}.front-cranes-button[aria-busy=true]{cursor:progress}:root[data-accessibility=true] .front-cranes-button{min-height:44px;transition:none}@container (height<=189px){.front-cranes-panel--start{display:none}}@keyframes front-cranes-halo{0%{opacity:.4;transform:scale(.85)}to{opacity:.9;transform:scale(1.12)}}@keyframes front-cranes-ring{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2)}}@keyframes front-cranes-bolt{0%,86%,to{opacity:0}88%,92%{opacity:1}90%{opacity:.25}}@media (prefers-reduced-motion:reduce){.front-cranes-halo,.front-cranes-bolt,.front-cranes-button{transition:none;animation:none}.front-cranes-ring{animation-duration:10ms}:is(.front-cranes-bird,.front-cranes-flock[data-climb]) .front-crane{animation:none}.front-cranes-flock[data-climb] .front-crane{transform:scaleY(.55)}}:root[data-accessibility=true] :is(.front-cranes-halo,.front-cranes-bolt),:root[data-accessibility=true] :is(.front-cranes-bird,.front-cranes-flock[data-climb]) .front-crane{animation:none}:root[data-accessibility=true] .front-cranes-flock[data-climb] .front-crane{transform:scaleY(.55)}.front-cranes-panel--start{gap:.45rem;padding-block:1.6rem 1.2rem}.front-cranes-how{background:color-mix(in srgb, var(--bg) 82%, transparent);color:var(--text-bright);font:700 1.05rem/1.3 var(--sans);border-radius:.5rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin:0;padding:.15rem .6rem;display:flex}.front-cranes-how kbd{border:1px solid var(--border-strong);background:var(--bg-card);min-width:1.9rem;color:var(--text-bright);font:700 .85rem/1.4 var(--sans);text-align:center;border-bottom-width:2px;border-radius:.35rem;padding:.05rem .45rem}.front-cranes-how svg{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linejoin:round;width:1rem;height:1.15rem}.front-cranes-how--touch{display:none}@media (hover:none) and (pointer:coarse){.front-cranes-how--keys{display:none}.front-cranes-how--touch{display:flex}}.front-cranes-goal-line{background:color-mix(in srgb, var(--bg) 82%, transparent);max-width:34rem;color:var(--text-bright);font:600 .9rem/1.35 var(--sans);text-wrap:balance;border-radius:.4rem;margin:0;padding:.05rem .5rem}.front-cranes-powers{background:color-mix(in srgb, var(--bg) 82%, transparent);color:var(--text-bright);font:600 .88rem/1.4 var(--sans);border-radius:.4rem;flex-wrap:wrap;justify-content:center;gap:.2rem .75rem;margin:0;padding:.1rem .5rem;list-style:none;display:flex}.front-cranes-powers li{align-items:center;gap:.3rem;display:inline-flex}.front-cranes-power-glyph{flex:none;width:1.15rem;height:1.15rem;overflow:visible}.front-cranes-power-glyph circle{fill:color-mix(in srgb, var(--accent) 16%, var(--bg));stroke:var(--accent);stroke-width:.55px}.front-cranes-power-glyph path{fill:none;stroke:var(--text-bright);stroke-width:.6px;stroke-linecap:round;stroke-linejoin:round}.front-cranes-start-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .8rem;margin-top:.15rem;display:flex}.front-cranes-final{background:color-mix(in srgb, var(--bg) 82%, transparent);color:var(--text-bright);font:800 1.35rem/1.25 var(--sans);font-variant-numeric:tabular-nums;border-radius:.5rem;margin:0;padding:.1rem .55rem}.front-cranes-score{background:color-mix(in srgb, var(--bg) 80%, transparent);color:var(--text-bright);font:800 1.05rem/1.2 var(--sans);font-variant-numeric:tabular-nums;border-radius:.4rem;flex:none;align-items:baseline;gap:.35rem;padding:.12rem .45rem;display:inline-flex}.front-cranes-score-label{color:var(--text-bright);font:600 .85rem/1.2 var(--sans)}.front-cranes-score--high b{color:color-mix(in srgb, var(--accent) 62%, var(--text-bright))}.front-cranes-timers{flex:auto;justify-content:flex-end;gap:.45rem;display:inline-flex}.front-cranes-timer{--left:1;flex-direction:column;align-items:center;gap:.15rem;display:inline-flex}.front-cranes-timer[hidden]{display:none}.front-cranes-timer .front-cranes-power-glyph{width:1.4rem;height:1.4rem}.front-cranes-timer i{background:var(--accent);width:1.4rem;height:3px;transform:scaleX(var(--left));transform-origin:50%;border-radius:2px;display:block}.front-cranes-timer[data-ending=true]{animation:.4s steps(2,jump-none) infinite front-cranes-ending}@keyframes front-cranes-ending{0%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion:reduce){.front-cranes-timer[data-ending=true]{opacity:.6;animation:none}}:root[data-accessibility=true] .front-cranes-timer[data-ending=true]{opacity:.6;animation:none}.front-cranes-balloon-envelope{fill:color-mix(in srgb, var(--accent) 34%, var(--bg));stroke:color-mix(in srgb, var(--text-bright) 82%, var(--bg));stroke-width:1.4px;vector-effect:non-scaling-stroke}.front-cranes-balloon-gores{fill:none;stroke:color-mix(in srgb, var(--text-bright) 50%, var(--bg));stroke-width:1px;vector-effect:non-scaling-stroke}.front-cranes-balloon-basket{fill:var(--bg);stroke:color-mix(in srgb, var(--text-bright) 82%, var(--bg));stroke-width:1.2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.front-cranes-eagle-glyph{fill:none;stroke:var(--text-bright);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;animation:.36s ease-in-out infinite alternate front-crane-flap}.front-cranes-warn circle{fill:color-mix(in srgb, var(--accent) 22%, var(--bg));stroke:var(--accent);stroke-width:2px}.front-cranes-warn path{stroke:var(--text-bright);stroke-width:2.4px;stroke-linecap:round}.front-cranes-warn{animation:.4s ease-in-out infinite alternate front-cranes-warn}.front-cranes-warn-lock{fill:none;stroke:var(--accent);stroke-width:2px;opacity:0;transition:opacity .15s ease-out,transform .25s ease-out;transform:scale(1.5)}.front-cranes-warn[data-lock=true]{animation-duration:.2s}.front-cranes-warn[data-lock=true] .front-cranes-warn-lock{opacity:1;transform:none}.front-cranes-warn[data-lock=true] circle:not(.front-cranes-warn-lock){fill:var(--accent)}.front-cranes-warn[data-lock=true] path{stroke:var(--bg)}.front-cranes-strike{fill:none;stroke:var(--accent);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:0}.front-cranes-cloud[data-strike=on] .front-cranes-strike{opacity:1}.front-cranes-cloud[data-strike=warn] .front-cranes-cloud-line circle{stroke:var(--accent);animation:.4s steps(2,end) infinite front-cranes-charge}.front-cranes-strike-path{fill:none;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:.1 5;vector-effect:non-scaling-stroke;opacity:.45}.front-cranes-cloud[data-strike=warn] .front-cranes-strike-path{opacity:1;animation:.45s linear infinite front-cranes-drip}.front-cranes-cloud[data-strike=on] .front-cranes-strike-path{opacity:0}@keyframes front-cranes-drip{to{stroke-dashoffset:-5.1px}}.front-cranes-thermal circle{fill:var(--accent)}.front-cranes-flag-pole{fill:none;stroke:var(--text-bright);stroke-width:1.6px;stroke-linecap:round;vector-effect:non-scaling-stroke}.front-cranes-flag-cloth{fill:var(--accent);stroke:var(--accent);stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.front-cranes-flag[data-passed] .front-cranes-flag-cloth{fill:var(--text-bright);stroke:var(--text-bright)}.front-cranes-score--high[data-beaten]{box-shadow:inset 0 0 0 1.5px var(--accent);animation:.9s ease-out front-cranes-beaten}@keyframes front-cranes-beaten{0%{transform:scale(1.18)}to{transform:none}}@media (prefers-reduced-motion:reduce){.front-cranes-score--high[data-beaten]{animation:none}}.front-cranes-corn path{fill:color-mix(in srgb, var(--accent) 70%, var(--text-bright));stroke:var(--bg);stroke-width:.8px;vector-effect:non-scaling-stroke}.front-cranes-power-ring{fill:color-mix(in srgb, var(--accent) 18%, var(--bg));stroke:var(--accent);stroke-width:1.8px;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}.front-cranes-power-icon{fill:none;stroke:var(--text-bright);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.front-cranes-aura{fill:color-mix(in srgb, var(--accent) 10%, transparent);stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.front-cranes-call{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.front-cranes-ring--small{stroke-width:1.4px}.front-cranes-ring--shield{stroke:var(--text-bright)}.front-cranes-pop{fill:var(--text-bright);stroke:var(--bg);stroke-width:3px;paint-order:stroke;font:800 13px/1 var(--sans)}.front-cranes-pop--big{fill:var(--accent);font-size:16px}.front-cranes-pop--points{direction:ltr;unicode-bidi:isolate}.front-cranes-pop--close{fill:var(--accent);direction:ltr;unicode-bidi:isolate;font-size:15px}.front-cranes-ring--close{stroke-width:2.4px;stroke-dasharray:2 2}.front-cranes-streak{fill:none;stroke:color-mix(in srgb, var(--text-bright) 70%, transparent);stroke-width:1.5px;stroke-linecap:round}.front-cranes-streak--wind{stroke:color-mix(in srgb, var(--accent) 55%, transparent);stroke-width:1.2px}.front-cranes-multiplier{background:color-mix(in srgb, var(--bg) 80%, transparent);min-width:2.1rem;color:var(--text-bright);font:800 .95rem/1.1 var(--sans);text-align:center;--chain:0;direction:ltr;border-radius:.4rem;flex-direction:column;flex:none;align-items:stretch;gap:.1rem;padding:.1rem .35rem .15rem;display:inline-flex}.front-cranes-multiplier[hidden]{display:none}.front-cranes-multiplier:not([data-multiplier="1"]){background:color-mix(in srgb, var(--accent) 24%, var(--bg))}.front-cranes-multiplier[data-multiplier="4"]{background:var(--accent);color:var(--accent-fg)}.front-cranes-multiplier[data-multiplier="4"] i{background:var(--accent-fg)}.front-cranes-multiplier i{background:var(--accent);height:2px;transform:scaleX(var(--chain));transform-origin:0;border-radius:1px;display:block}.front-cranes-level{background:color-mix(in srgb, var(--accent) 16%, var(--bg));color:var(--text-bright);font:700 .85rem/1.3 var(--sans);font-variant-numeric:tabular-nums;--left:1;border-radius:.4rem;flex-direction:column;flex:none;align-items:stretch;gap:.12rem;padding:.12rem .45rem .18rem;display:inline-flex}.front-cranes-level i{background:color-mix(in srgb, var(--text) 22%, transparent);border-radius:2px;height:3px;display:block;overflow:hidden}.front-cranes-level i:before{content:"";background:var(--accent);height:100%;transform:scaleX(var(--left));transform-origin:0;display:block}:root[dir=rtl] .front-cranes-level i:before{transform-origin:100%}.front-cranes-banner{background:color-mix(in srgb, var(--bg) 78%, transparent);color:var(--text-bright);font:800 1.5rem/1.2 var(--sans);white-space:nowrap;pointer-events:none;opacity:0;border-radius:.5rem;margin:0;padding:.15rem .8rem;animation:1.7s ease-out forwards front-cranes-banner;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}@keyframes front-cranes-banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}15%,70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-62%)scale(1)}}@media (prefers-reduced-motion:reduce){.front-cranes-banner{animation-name:front-cranes-banner-still}.front-cranes-streak{display:none}}@keyframes front-cranes-banner-still{0%,80%{opacity:1}to{opacity:0}}@keyframes front-cranes-warn{0%{opacity:.55}to{opacity:1}}@keyframes front-cranes-charge{to{stroke:var(--text-bright)}}@media (prefers-reduced-motion:reduce){.front-cranes-warn-lock{transition:none}.front-cranes-cloud[data-strike=warn] .front-cranes-strike-path,.front-cranes-warn,.front-cranes-eagle-glyph,.front-cranes-cloud[data-strike=warn] .front-cranes-cloud-line circle{animation:none}}:root[data-accessibility=true] :is(.front-cranes-warn,.front-cranes-eagle-glyph,.front-cranes-strike-path){animation:none}.cranes-page{width:100%;max-width:80rem;padding:calc(clamp(1.25rem, 3vw, 2rem) + var(--route-top-inset,var(--safe-area-inset-top,0px))) clamp(1rem, 3.5vw, 2rem) 3rem;color:var(--text);margin-inline:auto;container-type:inline-size}.cranes-title{font:700 clamp(1.45rem, 1.25rem + .7vw, 1.85rem)/1.2 var(--serif);color:var(--text-bright);margin:0 0 .9rem}.cranes-page .front-fill{height:clamp(17rem,min(100svh - 14.5rem,75cqi),50rem)}@media (width<=1180px){.cranes-page .front-fill{height:clamp(17rem, min(100svh - 14rem - var(--bottom-nav-clearance,88px), 75cqi), 50rem)}}.cranes-page .front-fill-scene{inset:0}.cranes-page .front-fill[data-game]:not([data-cranes]) .front-flock--far svg{width:max(93px,23.4cqh);height:auto}.cranes-page .front-fill[data-game]:not([data-cranes]) .front-flock--high svg{width:max(78px,19.6cqh);height:auto}.cranes-page .front-fill[data-game]:not([data-cranes]) .front-fill-sun{width:max(2.3rem,9.3cqh);height:max(2.3rem,9.3cqh)}.cranes-page .front-fill[data-game]:not([data-cranes]) .front-fill-land{height:max(3.4rem,13.7cqh)}.cranes-page .front-fill[data-cranes] .front-fill-sun{width:max(4.2rem,17cqh);height:max(4.2rem,17cqh);bottom:max(1.6rem,6.4cqh)}.cranes-page .front-fill-moon{width:max(1.7rem,6.9cqh);height:max(1.7rem,6.9cqh);box-shadow:inset max(.5rem, 2cqh) min(-.25rem, -1cqh) 0 0 color-mix(in srgb, var(--text-bright) 72%, transparent)}body:has(.cranes-page .front-fill[data-cranes]) .mobile-app-banner{display:none}