.sprite.sky-sprite{background-image:var(--sky-art);background-size:contain!important;background-position:center!important;background-repeat:no-repeat;aspect-ratio:1;filter:drop-shadow(0 6px 4px #163c4024)}
.collection-grid .sky-sprite,.stage-loot-dialog .sky-sprite{background-image:var(--sky-thumb)}
.sky-page{max-width:1360px!important;padding:18px!important;background:transparent!important}
.sky-game{position:relative;overflow:hidden;border:3px solid #173e53;border-radius:24px;color:#173e53;background:#f6f5df;box-shadow:0 7px 0 #28566a55,0 18px 40px #1b5b5d25;isolation:isolate;font-weight:700}
.sky-game button,.sky-game a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.sky-game button:focus-visible,.sky-game a:focus-visible,.sky-game input:focus-visible{outline:4px solid #e97936;outline-offset:4px}
.sky-hud{display:flex;align-items:center;gap:16px;min-height:78px;padding:12px 20px;background:#153e53;color:#fff6d9;border-bottom:4px solid #d6be78}
.sky-brand{display:flex;gap:9px;align-items:center;font-size:25px;white-space:nowrap}.sky-brand b{font-size:18px}
.sky-back,.sky-pause{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #8ca8ac;border-radius:12px;color:#fff7d4;background:#254e60;text-decoration:none;font-size:26px;font-weight:900;cursor:pointer}
.sky-route{display:flex;justify-content:center;gap:22px;margin:0 0 0 auto;padding:0;list-style:none}.sky-route li{display:flex;gap:7px;align-items:center;font-size:14px;color:#adc4cc}.sky-route li>span{display:grid;place-items:center;border:1px solid #819ba6;border-radius:50%;width:27px;height:27px}.sky-route .active{color:#ffdf83}.sky-route .active>span{color:#143f53;background:#ffdf83;border-color:#ffdf83}.sky-route .finished{color:#93e2c0}
.sky-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:11px 27px;border:2px solid #805c24;border-radius:15px;color:#163e53;background:linear-gradient(#ffe9a3,#ffcb55);box-shadow:0 4px 0 #ad7b2f,inset 0 2px #fff8d9;font-family:inherit;font-size:21px;font-weight:900;cursor:pointer;transition:transform .15s,filter .15s}
.sky-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.sky-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #ad7b2f}.sky-button:disabled{cursor:default;opacity:.6}
.sky-intro{position:relative;min-height:610px;padding:70px 6% 130px;background:linear-gradient(90deg,#effbffec 0%,#effbff75 49%,transparent 70%),url('./assets/sky/sky-airfield.webp') center/cover}
.sky-intro-copy{position:relative;z-index:2;width:60%}.sky-ticket{display:inline-block;color:#2e6474;font-size:15px;letter-spacing:.06em;padding:7px 15px;background:#fff9df;border-radius:7px;border:1px solid #dece91;box-shadow:0 2px 0 #dece9144}.sky-intro h1{font-size:clamp(30px,4vw,51px);line-height:1.45;margin:21px 0 16px;color:#16475b;letter-spacing:.02em;text-shadow:0 2px 0 white}.sky-intro h1 em{font-style:normal;color:#c3662c}.sky-intro-copy p{font-size:18px;margin-bottom:24px}.sky-intro-copy small{display:block;margin:15px 65px;color:#355c69}
.sky-pilot-hero{position:absolute;right:3%;bottom:115px;width:44%;max-width:480px;text-align:center}.sky-pilot-hero .sprite{width:100%;height:auto;min-height:290px;margin:auto;animation:sky-hover 4s ease-in-out infinite}.sky-pilot-hero>span{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center;font-size:12px;color:#496875;padding:8px 15px;background:#fff9eae8;border:1px solid #ccb97a;border-radius:9px;box-shadow:0 3px 0 #38657533}.sky-pilot-hero b{font-size:15px;color:#174458}
.sky-flight-plan{position:absolute;bottom:24px;left:6%;right:6%;display:flex;gap:12px;justify-content:center;background:#153e53ee;border:1px solid #a3bcc6;border-radius:16px;padding:15px;color:#fff1bc;box-shadow:0 4px 0 #173d5480}.sky-flight-plan>span{flex:1;display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid #94b3be66}.sky-flight-plan>span:last-child{border:0}.sky-flight-plan i{font-size:30px;font-style:normal;color:#9ee1e0}.sky-flight-plan b{font-size:18px}
.sky-mission{position:relative;display:flex;align-items:center;gap:16px;min-height:106px;padding:20px 24px;background:#fff9e4;border-bottom:1px solid #d4d7c7;z-index:2}.sky-mission-icon{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:16px;background:#205d73;color:#fff0b9;font-size:36px}.sky-mission h2{font-size:clamp(21px,2.4vw,29px);line-height:1.45;margin:0;flex:1;letter-spacing:.02em}.sky-round-dots{display:flex;gap:6px;flex-wrap:wrap;max-width:110px}.sky-round-dots i{width:10px;height:10px;border-radius:50%;background:#d5decf}.sky-round-dots .current{background:#eead3c;box-shadow:0 0 0 3px #f3d98a66}.sky-round-dots .passed{background:#3b9b87}
.sky-scene{position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 28%,#fff9 0%,transparent 26%),radial-gradient(ellipse at 80% 90%,#ffffffe0,transparent 35%),linear-gradient(#77bcd9,#bde9ef);isolation:isolate}
.sky-lines:before,.sky-angles:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ffffff12 1px,transparent 1px),linear-gradient(#ffffff12 1px,transparent 1px);background-size:42px 42px}
.sky-diagram{position:relative;display:block;width:100%;max-height:460px;min-height:300px;overflow:hidden;animation:sky-scene-in .5s ease-out}
.cloud-haze{stroke:#f5ffffb3;stroke-width:17;fill:none;filter:url(#cloud-soft)}.cloud-trail{stroke:#fffaf1;stroke-width:6;fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:sky-contrail 1.8s linear var(--line-delay) forwards;filter:drop-shadow(0 2px 1px #15506955)}.reference .cloud-trail{stroke:#e95847;stroke-width:8}.reference .cloud-haze{stroke:#ffb6a8}.cloud-path circle{fill:#f9fcff;stroke:#23526b;stroke-width:2}.cloud-path text{font:bold 23px sans-serif;fill:#204e64;text-anchor:middle}.reference circle{fill:#fff1c7;stroke:#d0543e}.reference text{fill:#ad422d;font-size:18px}.sky-airplane{opacity:0;animation:sky-plane-show 1.8s var(--line-delay) linear forwards}
.sky-controls{padding:18px 22px 22px;display:flex;justify-content:center;gap:20px;align-items:center;flex-wrap:wrap;background:#f7f6e9;border-top:1px solid #d5ddcd}.sky-choices{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.sky-choices .sky-button{min-width:80px;background:#fff;border-color:#638d99;box-shadow:0 4px 0 #527988;font-size:28px}.sky-choices .sky-button[aria-pressed=true]{background:#ffdf7b;border-color:#ad7636;box-shadow:0 4px 0 #a76a25}
.angle-line{fill:none;stroke:#245e7a;stroke-width:5;stroke-linecap:round;animation:sky-scene-in .9s}.angle-line.slant{stroke:#426e92}.parallel-mark{stroke:#263d69;stroke-width:4;fill:none;stroke-linejoin:round}.known-angle{fill:#e888645e;stroke:#b34e2f;stroke-width:3}.known-label{font:bold 29px sans-serif;text-anchor:middle;fill:#a63e23;paint-order:stroke;stroke:#fff9ed;stroke-width:4}.angle-choice path{fill:#fffbea88;stroke:#59899b;stroke-width:2}.angle-choice text{font:bold 27px sans-serif;fill:#204d65;text-anchor:middle;paint-order:stroke;stroke:#eaffff;stroke-width:5}.angle-choice.selected path{fill:#ffcf59b3;stroke:#ad731f;stroke-width:4}.parallel-key{font:bold 18px sans-serif;text-anchor:middle;fill:#2f6075}.sky-angle-form{display:flex;gap:12px;align-items:center;font-size:28px}.sky-angle-form input{width:105px;height:62px;text-align:center;border:2px solid #638c99;border-radius:12px;font:900 33px inherit;color:#174457;background:#fff}.sky-keypad{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.sky-keypad .sky-button{min-height:40px;width:37px;padding:5px;font-size:20px;border-color:#75929a;background:#fdfdf5;box-shadow:0 2px 0 #75929a}
.sky-feedback{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 22px;min-height:15px;background:#f7f6e9}.sky-feedback:not(:empty){padding:19px 22px;min-height:98px;border-top:1px solid #c3cdb8}.sky-feedback>span{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#388577;color:white;font-size:28px}.sky-feedback p{font-size:18px;line-height:1.6;margin:0;max-width:700px}.sky-feedback .sky-button{white-space:nowrap;font-size:17px;margin-left:auto}.sky-feedback.retry{background:#fff0d5}.sky-feedback.retry>span{background:#b57430}.sky-feedback.correct{background:#e8f3d8}
.sky-flight{height:540px;background:linear-gradient(#78bfdda8,#a5dcefd9),url('./assets/sky/sky-airfield.webp') center 60%/cover;perspective:600px}.sky-flight:before{content:'';position:absolute;inset:45% -50% -30%;background:repeating-conic-gradient(from -4deg at 50% 0,#ffffff18 0deg 1deg,transparent 1deg 15deg);pointer-events:none}.sky-flight-tools{position:absolute;top:15px;left:20px;right:20px;z-index:5;display:flex;justify-content:space-between;align-items:center}.sky-target-count{display:flex;align-items:center;gap:9px;padding:5px 17px;border-radius:30px;background:#173e53e6;color:#e0f5ed;font-size:15px;box-shadow:0 3px 0 #173e5333}.sky-target-count b{font-size:28px;color:#ffdf80}.sky-hint-button{border:1px solid #548394;border-radius:25px;background:#fffff2e6;color:#245368;font:700 15px inherit;padding:10px 16px;cursor:pointer}.sky-hint-button[aria-pressed=true]{background:#ffdf80}
.sky-targets{position:absolute;inset:68px 5% 100px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);align-items:center;justify-items:center;gap:8px 20px}.sky-target{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:min(100%,220px);height:165px;padding:0;border:0;background:none;color:#154656;font:900 18px inherit;cursor:crosshair;animation:sky-approach var(--approach-time) ease-out var(--target-delay) both;filter:drop-shadow(0 6px 2px #34687630)}.sky-target>svg{height:145px;width:100%;overflow:visible}.sky-target>span{margin-top:-13px;background:#fffff1ee;border:1px solid #598b97;border-radius:16px;padding:2px 13px;white-space:nowrap;box-shadow:0 2px 0 #28627b44}.shape-fill{fill:#fff6bf;fill-opacity:.95;stroke:#2e7190;stroke-width:3;stroke-linejoin:round}.sky-target:hover .shape-fill{stroke:#d28a27;stroke-width:4;fill:#ffe4a0}.diagonal{stroke-width:3;stroke-linecap:round}.d0{stroke:#ba5045;fill:#ba5045}.d1{stroke:#2671b7;fill:#2671b7}.measure-mark{fill:none;stroke:#204e67;stroke-width:2}.measure-mark.d0{stroke:#ba5045}.measure-mark.d1{stroke:#2671b7}.measure-text{font:bold 13px sans-serif;fill:#154354;stroke:#ffffef;stroke-width:3;paint-order:stroke;text-anchor:middle}.measure-text.d0{fill:#a94336}.measure-text.d1{fill:#216aa5}.shape-hint{opacity:0;animation:sky-reveal .7s calc(var(--approach-time)*.58 + var(--target-delay)) forwards}.show-hints .shape-hint{animation:none;opacity:1}.sky-target-burst{position:absolute;font-size:90px;font-style:normal;color:#fffbd4;opacity:0;text-shadow:0 0 20px #ffc43e}.sky-target.hit{animation:sky-hit .7s ease-out forwards;pointer-events:none}.sky-target.hit .sky-target-burst{animation:sky-burst .65s ease-out forwards}.sky-target.miss{filter:drop-shadow(0 0 10px #e57656)}.sky-target.miss .shape-fill{fill:#ffd5b8;stroke:#c85b4b}.sky-target:disabled:not(.hit){cursor:default}.sky-crosshair{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font-size:55px;color:#ffffff67;font-weight:400;pointer-events:none;z-index:-1}.sky-cockpit{position:absolute;bottom:-2px;left:0;width:100%;height:115px;pointer-events:none;z-index:3;filter:drop-shadow(0 -4px 0 #fff5)}.sky-laser{position:absolute;width:4px;background:#fffac0;box-shadow:0 0 7px 4px #ffcf5e;border-radius:4px;transform-origin:top center;pointer-events:none;opacity:0;z-index:7}.sky-laser.firing{animation:sky-laser .25s linear}.sky-measure-key{position:absolute;bottom:103px;left:15px;font-size:12px;background:#e9faffcc;border-radius:5px;padding:3px 7px;color:#275870}
.sky-transition{position:relative;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 20px 195px;background:linear-gradient(#ecfaffed,#d7f2f1c9),url('./assets/sky/sky-airfield.webp') center/cover;text-align:center}.sky-transition h2{font-size:32px;margin:19px 0 9px}.sky-transition p{font-size:18px;line-height:1.5;margin:0 0 25px}.sky-wing-medal{display:grid;place-items:center;width:85px;height:85px;border-radius:50%;background:linear-gradient(135deg,#ffecab,#eebc48);border:5px double #a3772b;box-shadow:0 5px 0 #35677a33;font-size:47px;color:#20576b;margin:0 0 23px}.sky-transition-pilot{position:absolute;bottom:-24px;width:210px}.sky-transition-pilot .sprite{width:100%;height:auto;aspect-ratio:1}
.sky-pause-layer{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#0c2c43c9;backdrop-filter:blur(6px)}.sky-pause-layer[hidden]{display:none}.sky-pause-layer>div{display:flex;flex-direction:column;align-items:center;gap:28px;padding:40px;background:#fffae4;border:3px solid #d8bd75;border-radius:25px;box-shadow:0 10px 40px #081e3a88}.sky-pause-layer b{font-size:30px}.sky-pause-layer a{color:#376a7b;font-size:16px}.is-paused *{animation-play-state:paused!important}
@keyframes sky-contrail{to{stroke-dashoffset:0}}@keyframes sky-plane-show{0%,96%{opacity:1}100%{opacity:0}}@keyframes sky-scene-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sky-hover{50%{transform:translateY(-10px)}}@keyframes sky-approach{from{transform:scale(.46);opacity:.4}20%{opacity:1}to{transform:scale(1);opacity:1}}@keyframes sky-reveal{to{opacity:1}}@keyframes sky-hit{0%{transform:scale(1);opacity:1}40%{transform:scale(1.12);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes sky-burst{20%{opacity:1;transform:scale(1.2)}100%{opacity:0;transform:scale(2)}}@keyframes sky-laser{30%,70%{opacity:1}100%{opacity:0}}
@media(max-width:850px){.sky-hud{gap:10px;padding:10px}.sky-brand b{font-size:15px}.sky-route{gap:10px}.sky-route li b{display:none}.sky-route li.active b{display:block}.sky-intro{min-height:600px;padding-left:5%}.sky-pilot-hero{right:0;width:43%;bottom:140px}.sky-intro-copy{width:65%}.sky-flight-plan{left:4%;right:4%}.sky-flight-plan b{font-size:15px}.sky-flight-plan>span{gap:8px}.sky-round-dots{max-width:75px}.sky-mission{padding:16px;gap:10px}.sky-mission-icon{width:44px;height:44px;flex-basis:44px;font-size:28px}.sky-feedback{flex-wrap:wrap}.sky-feedback p{flex:1}.sky-feedback .sky-button{margin:0}.sky-diagram{min-height:280px}.sky-targets{left:3%;right:3%;gap:3px}.sky-target{height:160px}.sky-keypad .sky-button{width:33px}}
@media(max-width:560px){.sky-page{padding:6px!important}.sky-game{border-radius:16px;border-width:2px}.sky-hud{min-height:64px;flex-wrap:wrap;gap:8px}.sky-brand{font-size:20px}.sky-brand b{font-size:14px}.sky-route{order:4;flex-basis:100%;justify-content:space-around;margin:2px 0}.sky-route li b{display:block;font-size:12px}.sky-route li>span{width:22px;height:22px;font-size:12px}.sky-pause{margin-left:auto}.sky-back,.sky-pause{width:33px;height:33px;flex-basis:33px;font-size:22px}.sky-intro{min-height:660px;padding:25px 23px 330px;background-position:35% center}.sky-intro-copy{width:100%;text-align:center}.sky-intro h1{font-size:30px;margin:12px 0}.sky-ticket{font-size:11px;padding:6px 9px}.sky-intro-copy p{font-size:14px;margin:0 0 18px}.sky-button{font-size:18px;min-height:49px;padding:9px 20px}.sky-intro-copy small{margin:13px 0}.sky-pilot-hero{width:65%;right:17.5%;bottom:94px;max-width:280px}.sky-pilot-hero .sprite{min-height:0;max-height:220px}.sky-pilot-hero>span{padding:4px 10px;font-size:9px;gap:4px}.sky-pilot-hero b{font-size:12px}.sky-flight-plan{bottom:16px;left:14px;right:14px;padding:11px 5px;gap:4px}.sky-flight-plan>span{gap:6px}.sky-flight-plan i{font-size:22px}.sky-flight-plan b{font-size:11px}.sky-mission{padding:13px 11px;flex-wrap:wrap;min-height:93px}.sky-mission h2{font-size:20px}.sky-mission-icon{display:none}.sky-round-dots{flex-basis:100%;max-width:none;justify-content:center}.sky-round-dots i{width:7px;height:7px}.sky-diagram{min-height:0;height:auto;aspect-ratio:1000/650}.sky-controls{padding:14px 10px;gap:14px}.sky-choices{gap:10px}.sky-choices .sky-button{min-width:56px;font-size:24px;padding:6px 12px}.sky-feedback:not(:empty){padding:14px 12px;gap:9px}.sky-feedback>span{width:29px;height:29px;flex-basis:29px;font-size:21px}.sky-feedback p{font-size:15px;min-width:230px}.sky-feedback .sky-button{font-size:16px;min-height:44px}.sky-angle-form{font-size:24px;gap:8px}.sky-angle-form input{height:53px;width:75px;font-size:28px}.sky-keypad{gap:5px}.sky-keypad .sky-button{width:27px;font-size:18px;min-height:36px;padding:3px}.sky-flight{height:580px}.sky-targets{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);inset:60px 7px 91px;gap:2px 4px}.sky-target{height:135px;width:100%;font-size:14px}.sky-target>svg{height:120px}.sky-target>span{padding:1px 8px;font-size:13px}.sky-cockpit{height:86px}.sky-flight-tools{top:12px;left:12px;right:12px}.sky-target-count b{font-size:24px}.sky-hint-button{font-size:13px;padding:8px 12px}.sky-measure-key{bottom:84px;font-size:10px}.sky-transition{min-height:580px;padding:40px 15px 210px}.sky-transition h2{font-size:25px}.sky-transition p{font-size:15px}.sky-transition-pilot{width:210px}.sky-pause-layer>div{padding:30px}}
@media(prefers-reduced-motion:reduce){.sky-game *{animation:none!important;transition:none!important}.cloud-trail{stroke-dashoffset:0}.sky-airplane{display:none}.sky-target{opacity:1;transform:none}.shape-hint{opacity:1}.sky-target.hit{visibility:hidden}.sky-laser{display:none}}
body[data-screen=sky] .topbar{min-height:60px;padding:9px 20px}body[data-screen=sky] .brand{font-size:22px}body[data-screen=sky] .brand small{display:none}body[data-screen=sky] .main-nav{display:none}body[data-screen=sky] .game-shell{margin-top:8px}
.cloud-haze{stroke-dasharray:1;stroke-dashoffset:1;animation:sky-contrail 1.8s linear var(--line-delay) forwards}.cloud-trail{filter:drop-shadow(0 1px 2px #24597d)}
/* Keep the mission readable while a player scrolls through the large targets. */
body[data-screen=sky] .game-shell,.sky-game{overflow:clip}.sky-mission{position:sticky;top:0;z-index:10}
.sky-shape-note:empty{display:none}
.sky-lives{display:inline-flex;flex-shrink:0;padding:5px 10px;border-radius:20px;background:#092c3b;font-size:21px;white-space:nowrap}.sky-lives>span{display:flex;gap:3px}.sky-lives i{font-style:normal;color:#ffb2a0}.sky-lives i.lost{color:#617c86}
.sky-wave-clear .sky-exit{display:inline-block;margin-top:22px;font-size:15px;color:#416977}.sky-flight-out .sky-clear-medal{background:#e1eff0;border-color:#7394a0;color:#416c7d;box-shadow:none}
.sky-wave-clear{position:fixed;inset:0;margin:auto;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px 30px 32px;border:3px solid #cba24d;border-radius:25px;background:radial-gradient(ellipse at top,#ffffff,#fff8dc 75%);color:#17475b;box-shadow:0 8px 0 #855f2d55,0 22px 70px #072c4a55;text-align:center;overflow:auto}
.sky-wave-clear[open]{animation:sky-clear-in .35s cubic-bezier(.2,.8,.2,1)}.sky-wave-clear::backdrop{background:#092f4a99;backdrop-filter:blur(3px)}
.sky-clear-medal{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 18px;border:5px double #b68023;border-radius:50%;background:linear-gradient(135deg,#fff6b7,#f9cb59);color:#8d5a18;font-size:45px;line-height:1;box-shadow:0 4px 0 #c3943d44,0 0 0 9px #f8dc7c33}
.sky-wave-clear h2{margin:0;font-size:clamp(23px,4.5vw,31px);line-height:1.4;color:#17475b}.sky-wave-clear p{margin:14px 0 24px;font-size:16px;line-height:1.7;color:#3b6470}
.sky-wave-clear .sky-button{width:100%;min-height:66px;font-size:27px;border-radius:16px;box-shadow:0 5px 0 #ad7b2f,inset 0 2px #fff8d9}
@keyframes sky-clear-in{from{opacity:0;transform:translateY(15px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:560px){.sky-wave-clear{padding:24px 20px 27px}.sky-clear-medal{width:65px;height:65px;font-size:37px;margin-bottom:16px}.sky-wave-clear p{font-size:15px}.sky-wave-clear .sky-button{min-height:60px;font-size:25px}}
@media(prefers-reduced-motion:reduce){.cloud-haze{stroke-dashoffset:0}}
/* Character layers stay separate from landscape WebPs, so the art is cached once. */
.world-thumbnail .world-companion{position:absolute;right:1%;top:0;width:65%;height:88%;pointer-events:none;z-index:0;filter:drop-shadow(0 3px 2px #0d2c4e66)}.world-companion img{display:block;width:100%;height:100%;object-fit:contain}.unit-division .world-companion{width:57%;right:2%;height:94%}.unit-sky .world-thumbnail:after,.unit-division .world-thumbnail:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#102c45db);pointer-events:none;z-index:0}.unit-sky .thumbnail-copy,.unit-division .thumbnail-copy,.unit-sky .thumbnail-play,.unit-division .thumbnail-play{z-index:1}
/* The shapes grow into large, readable targets as they approach the cockpit. */
.sky-flight{height:830px}.sky-targets{inset:65px 3% 115px;gap:16px 18px}.sky-target{width:min(100%,365px);height:315px}.sky-target>svg{height:280px;flex-shrink:0}.sky-target>span{margin-top:-18px;font-size:18px}.sky-shape-note{min-height:30px;line-height:30px;margin-top:4px;padding:0 11px;border-radius:9px;background:#fffdf2;box-shadow:0 2px 4px #15465f24;color:#194a5d;font-size:17px;white-space:nowrap}.sky-shape-note b{font-size:23px}.sky-shape-note small{font-size:13px}.sky-length-red{color:#b64036}.sky-length-blue{color:#176eac}.sky-target .diagonal{stroke-width:3.6}.sky-target .measure-mark{stroke-width:2.6}
@media(max-width:850px) and (min-width:561px){.sky-target>svg{height:250px}.sky-target{height:290px}.sky-shape-note{font-size:15px}.sky-shape-note b{font-size:20px}}
@media(max-width:560px){.sky-flight{height:820px}.sky-targets{inset:58px 6px 95px;gap:3px 5px}.sky-target{height:215px}.sky-target>svg{height:180px}.sky-target>span{font-size:14px;margin-top:-9px}.sky-shape-note{min-height:25px;line-height:25px;font-size:13px;padding:0 6px;margin-top:3px}.sky-shape-note b{font-size:19px}.sky-shape-note small{font-size:10px}.world-thumbnail .world-companion{height:88%}}