.nats-lesson{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;height:100%;min-height:0;display:grid}.nats-lesson-footer{flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px;display:flex}.nats-lesson-nav{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:inline-flex}.nats-lesson-nav svg{width:22px;height:22px;display:block}.nats-lesson-nav:hover:not(:disabled){background:#eef5ff;border-color:#93c5fd}.nats-lesson-nav:disabled{opacity:.28;cursor:default}.nats-lesson-stage{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:safe center;align-items:center;gap:10px;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden auto}.nats-lesson-stage>*{flex-shrink:0}.nats-lesson-kicker{color:#0057b8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}.nats-lesson-split{grid-template-columns:minmax(0,1.25fr) minmax(16rem,.7fr);align-items:center;gap:28px;width:100%;min-width:0;display:grid}.nats-lesson-split.is-text-only{grid-template-columns:minmax(0,36rem);justify-content:center}.nats-lesson-demo{pointer-events:none;width:100%;min-width:0}.nats-lesson-text{justify-items:start;gap:12px;min-width:0;display:grid}.nats-lesson-slide-title{color:#0f172a;text-align:left;margin:0;font-size:1.2rem;font-weight:800;line-height:1.15}.nats-lesson-copy{color:#334155;text-align:left;gap:10px;max-width:32rem;font-size:1.02rem;font-weight:600;line-height:1.45;display:grid}.nats-lesson-copy p{margin:0}.nats-lesson-copy strong{color:#0f172a;font-weight:800}.nats-lesson-dots{flex-wrap:wrap;justify-content:center;gap:8px;min-width:0;display:flex}.nats-lesson-dot{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:1rem;font-weight:800;display:inline-flex}.nats-lesson-dot:hover{background:#eef5ff;border-color:#93c5fd}.nats-lesson-dot.is-active{color:#fff;background:#0057b8;border-color:#0057b8}@media (max-width:980px){.nats-lesson-split{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);justify-items:center;width:100%}.nats-lesson-text,.nats-lesson-copy{overflow-wrap:break-word;justify-self:start;justify-items:start;width:min(40rem,100%);max-width:100%}.nats-lesson-slide-title,.nats-lesson-copy{text-align:left}.nats-lesson-nav,.nats-lesson-dot{width:40px;height:40px}}
.ball-and-plate-layout{flex-direction:column;gap:12px;width:100%;height:100%;min-height:0;display:flex}.ball-and-plate-stage{background:#e7eef6;border-radius:26px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 2px 4px #0c27470a,0 12px 32px #0c274714}.bap-scene{--bap-view:52deg;--bap-ball:34px;--bap-unit:36%;background:radial-gradient(circle at 50% 42%,#f7fbff 0%,#e7eef6 58%,#d5e2ef 100%);justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.bap-scene.is-lesson{--bap-ball:22px;border:1px solid #e2e8f0;border-radius:18px;height:320px}.bap-world{perspective:1000px;perspective-origin:50% 40%;width:min(70vh,640px);height:min(54vh,520px);position:relative}.bap-scene.is-lesson .bap-world{width:min(280px,100%);height:240px}.bap-rig{width:min(46vh,360px);height:min(46vh,360px);transform-style:preserve-3d;transform:translate(-50%, -50%) rotateX(var(--bap-view)) rotateX(var(--bap-pitch)) rotateY(calc(var(--bap-roll) * -1));position:absolute;top:54%;left:50%}.bap-scene.is-lesson .bap-rig{width:210px;height:210px}.bap-ground-shadow{background:radial-gradient(#0c203333,#0000 72%);height:14%;position:absolute;top:62%;left:18%;right:18%}.bap-plate,.bap-plate-face,.bap-plate-side{position:absolute;inset:0}.bap-plate{transform-style:preserve-3d}.bap-plate-side{background:#0c2033;transform:translateZ(-16px)}.bap-plate-face{background:linear-gradient(165deg,#35688f 0%,#1a3d5c 58%,#10283d 100%)}.bap-target{width:calc(var(--bap-centre) * 2 * var(--bap-unit));height:calc(var(--bap-centre) * 2 * var(--bap-unit));background:radial-gradient(circle at 50% 42%,#f7fbff 0%,#d5e3f0 72%,#b7c9da 100%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bap-ball,.bap-ball-shadow{left:calc(50% + (var(--bap-x) * var(--bap-unit)));top:calc(50% + (var(--bap-y) * var(--bap-unit)));position:absolute}.bap-ball-shadow{width:var(--bap-ball);height:var(--bap-ball);background:radial-gradient(circle,#0000006b 0%,#0000002e 45%,#0000 72%);border-radius:50%;transform:translate(-50%,-50%)}.bap-ball{width:var(--bap-ball);height:var(--bap-ball);transform:translate(-50%, -50%) translateZ(calc(var(--bap-ball) / 2)) rotateY(var(--bap-roll)) rotateX(calc(var(--bap-pitch) * -1)) rotateX(calc(var(--bap-view) * -1));background:radial-gradient(circle at 34% 30%,#fff8df 0%,#f6d36a 28%,#e0a322 60%,#8d6410 100%);border-radius:50%;box-shadow:inset -3px -5px 7px #50300047}.bap-stick{grid-template-rows:repeat(3,36px);grid-template-columns:repeat(3,36px);gap:6px;width:auto;height:auto;display:grid;position:absolute;bottom:28px;right:28px}.bap-scene.is-lesson .bap-stick{grid-template-rows:repeat(3,28px);grid-template-columns:repeat(3,28px);gap:4px;bottom:12px;right:12px}.bap-stick-btn{color:#f4f8fc;cursor:pointer;touch-action:none;background:#12304a;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.bap-stick-btn.is-up{grid-area:1/2}.bap-stick-btn.is-left{grid-area:2/1}.bap-stick-btn.is-right{grid-area:2/3}.bap-stick-btn.is-down{grid-area:3/2}.bap-stick-btn svg{width:22px;height:22px}.bap-stick-btn.is-right svg{transform:rotate(90deg)}.bap-stick-btn.is-down svg{transform:rotate(180deg)}.bap-stick-btn.is-left svg{transform:rotate(-90deg)}.bap-stick-btn:active{background:#0c2438}@media (max-width:720px){.bap-stick{grid-template-rows:repeat(3,32px);grid-template-columns:repeat(3,32px);bottom:14px;right:14px}.bap-scene:not(.is-lesson){--bap-ball:26px}}
.free-training-statusbar{flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex;container:free-training-statusbar/inline-size}.free-training-statusbar-left{flex-wrap:nowrap;flex:0 auto;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.free-training-statusbar-chip,.free-training-statusbar-message,.free-training-statusbar-button{box-sizing:border-box;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;height:40px;min-height:40px;padding:10px 16px;font-size:.9rem;font-weight:700;line-height:1;display:inline-flex}.free-training-statusbar-chip{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff2e;flex-shrink:0}.free-training-statusbar-message{text-overflow:ellipsis;flex:auto;width:auto;min-width:0;overflow:hidden}.free-training-statusbar-message-compact{display:none}.free-training-statusbar-message.is-neutral{color:#fff;background:#ffffff1f;border:1px solid #ffffff2e}.free-training-statusbar-message.is-success{color:#f0fdf4;background:#16a34a42;border:1px solid #bbf7d066;box-shadow:inset 0 0 0 1px #f0fdf414}.free-training-statusbar-message.is-error{color:#fff5f5;background:#dc262657;border:1px solid #fecaca80;box-shadow:inset 0 0 0 1px #ffffff14}.free-training-statusbar-actions{flex-wrap:nowrap;flex:none;align-items:center;gap:12px;margin-left:auto;display:flex}.free-training-statusbar-context{text-overflow:ellipsis;white-space:nowrap;color:#fff;min-width:0;margin:0;font-size:.95rem;font-weight:800;line-height:1.2;overflow:hidden}.free-training-statusbar-button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff2e;flex-shrink:0;text-decoration:none}.free-training-statusbar-button.primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #bfdbfe73;box-shadow:0 4px 16px #2563eb59}.free-training-statusbar-button.primary:hover{filter:brightness(1.06)}.free-training-statusbar-button:disabled{opacity:.45;cursor:not-allowed}@container free-training-statusbar (max-width:680px){.free-training-statusbar-message-full{display:none}.free-training-statusbar-message-compact{display:inline}}@media (max-width:640px){.free-training-statusbar,.free-training-statusbar-left,.free-training-statusbar-actions{gap:8px}.free-training-statusbar-chip,.free-training-statusbar-message,.free-training-statusbar-button{border-radius:12px;height:36px;min-height:36px;padding:8px 12px;font-size:.82rem}.free-training-statusbar-context{font-size:.82rem}.free-training-statusbar-message-full{display:none}.free-training-statusbar-message-compact{display:inline}}
.free-training-summary-upsell{background:linear-gradient(#f4f9ff 0%,#eef5ff 100%);border:1px solid #0057b829;border-radius:18px;margin:4px 0 14px;padding:16px}.free-training-summary-upsell.has-leaderboard{padding:12px}.free-training-summary-upsell.is-milestone{background:linear-gradient(#fffaed 0%,#fff3d6 100%);border-color:#d9770647}.free-training-summary-upsell-body{color:#3f5266;margin:0 0 14px;font-size:.92rem;line-height:1.5}.free-training-summary-teaser-upsell{background:linear-gradient(#f4f9ff 0%,#eef5ff 100%);border:1px solid #0057b829;border-radius:18px;margin:0 0 14px;padding:16px}.free-training-summary-teaser-title{color:#0c2747;margin:0 0 12px;font-size:1.45rem;font-weight:800;line-height:1.2}.free-training-summary-leaderboard,.free-training-summary-leaderboard-teaser{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #0057b81f;border-radius:16px;padding:0;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:block;overflow:hidden}.free-training-summary-leaderboard:hover,.free-training-summary-leaderboard-teaser:hover{border-color:#0057b838;box-shadow:0 10px 24px #0c274714}.free-training-summary-leaderboard:focus-visible,.free-training-summary-leaderboard-teaser:focus-visible{outline-offset:3px;outline:2px solid #0057b8}.free-training-summary-leaderboard-teaser{position:relative}.free-training-summary-leaderboard-teaser-media{display:block;overflow:hidden}.free-training-summary-leaderboard-teaser img{filter:blur(1.4px);width:100%;height:auto;display:block;transform:scale(1)}.free-training-summary-leaderboard-teaser .free-training-summary-leaderboard-cta{z-index:1;width:max-content;max-width:calc(100% - 24px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.free-training-summary-leaderboard-header,.free-training-summary-leaderboard-row{grid-template-columns:56px minmax(0,1fr) 72px;align-items:center;gap:12px;padding:8px 14px;display:grid}.free-training-summary-leaderboard-header{color:#7b8a9c;letter-spacing:.08em;text-transform:uppercase;background:#0c27470a;font-size:.68rem;font-weight:800}.free-training-summary-leaderboard-row.is-locked{min-height:54px}.free-training-summary-leaderboard-row.is-you{background:#f8fbff;border-block:1px solid #0057b81f;min-height:68px;padding-top:12px;padding-bottom:12px}.free-training-summary-leaderboard-rank,.free-training-summary-leaderboard-score{align-items:center;min-height:22px;display:inline-flex}.free-training-summary-leaderboard-candidate{align-items:center;gap:10px;min-width:0;display:inline-flex}.free-training-summary-leaderboard-flag{justify-content:center;align-items:center;width:28px;font-size:1.35rem;line-height:1;display:inline-flex}.free-training-summary-leaderboard-flag.is-soft{filter:blur(.8px);opacity:.88}.free-training-summary-leaderboard-flag.is-empty{width:28px}.free-training-summary-upsell.has-airlines .free-training-summary-leaderboard-flag{width:64px}.free-training-summary-leaderboard-flag.is-airline img{object-fit:contain;max-width:64px;max-height:22px;display:block}.free-training-summary-leaderboard-name{text-overflow:ellipsis;white-space:nowrap;color:#0c2747;min-width:0;font-size:.95rem;font-weight:800;overflow:hidden}.free-training-summary-leaderboard-name.is-soft{filter:blur(1.2px);opacity:.82;font-weight:700}.free-training-summary-leaderboard-row.is-you .free-training-summary-leaderboard-rank{color:#0057b8}.free-training-summary-leaderboard-row.is-you .free-training-summary-leaderboard-score{color:#0c2747;font-size:1.3rem;font-weight:800;line-height:1}.free-training-summary-leaderboard-score{justify-content:flex-end}.free-training-summary-leaderboard-blur{background:linear-gradient(90deg,#5a6d8247 0%,#5a6d821f 100%);border-radius:999px;height:12px;display:block}.free-training-summary-leaderboard-blur.is-rank{filter:blur(4px);width:24px}.free-training-summary-leaderboard-blur.is-score{filter:blur(3px);width:36px}.free-training-summary-leaderboard-cta{color:#fff;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(#ffffff2e 0%,#fff0 46%),linear-gradient(135deg,#0057b8 0%,#1a7fd4 100%);border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;margin:10px 12px 12px;padding:12px 18px;font-size:.9rem;font-weight:800;line-height:1;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:inset 0 1px #ffffff3d,0 10px 20px #0057b842}.free-training-summary-leaderboard-cta svg{flex-shrink:0}.free-training-summary-leaderboard:hover .free-training-summary-leaderboard-cta{background:linear-gradient(#ffffff38 0%,#fff0 46%),linear-gradient(135deg,#004895 0%,#166fc0 100%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,0 14px 26px #0057b852}.free-training-summary-leaderboard-teaser:hover .free-training-summary-leaderboard-cta{background:linear-gradient(#ffffff38 0%,#fff0 46%),linear-gradient(135deg,#004895 0%,#166fc0 100%);transform:translate(-50%,calc(-50% - 1px));box-shadow:inset 0 1px #ffffff47,0 14px 26px #0057b852}.free-training-summary-upsell-actions{flex-wrap:wrap;gap:10px;display:flex}.free-training-summary-upsell-button{box-sizing:border-box;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:40px;padding:10px 16px;font-size:.88rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.free-training-summary-upsell-button.primary{color:#fff;background:#0057b8;box-shadow:0 8px 18px #0057b83d}@media (max-width:640px){.free-training-summary-upsell-button{width:100%}}@media (max-height:780px){.free-training-summary-upsell,.free-training-summary-teaser-upsell{padding:12px}.free-training-summary-teaser-title{margin-bottom:10px;font-size:1.28rem}.free-training-summary-upsell-body{margin-bottom:12px;font-size:.88rem}.free-training-summary-leaderboard-row.is-locked{min-height:48px}.free-training-summary-leaderboard-row.is-you{min-height:58px}.free-training-summary-leaderboard-row.is-you .free-training-summary-leaderboard-score{font-size:1.15rem}.free-training-summary-leaderboard-cta{min-height:40px;margin:8px 10px 10px;padding:10px 14px;font-size:.84rem}.free-training-summary-upsell-button{height:36px;min-height:36px;padding:8px 14px;font-size:.84rem}}
.free-training-summary-shell{background:#fff;border:1px solid #0c274714;border-radius:24px;flex-direction:column;align-self:center;width:min(100%,980px);max-height:min(100%,100dvh - 24px);margin:auto;padding:18px;display:flex;overflow:auto;box-shadow:0 12px 30px #0c27470d}.free-training-summary-shell h2{color:#0c2747;margin-bottom:12px}.free-training-summary-status{color:#0057b8;letter-spacing:.1em;text-transform:uppercase;background:#eef5ff;border:1px solid #0057b82e;border-radius:999px;justify-content:center;align-items:center;width:fit-content;margin:0 0 10px;padding:6px 12px;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 8px 16px #0057b81f}.free-training-summary-status.is-top-performance{color:#8a4b00;text-shadow:0 1px #ffefb2cc;background:linear-gradient(135deg,#ffefb0 0%,#ffd54f 100%);border-color:#d9770647;box-shadow:0 10px 20px #d977062e}.free-training-summary-status:not(.is-top-performance){color:#166534;background:#16a34a1f;border-color:#16a34a3d;box-shadow:0 8px 16px #16a34a1f}.free-training-summary-progress{color:#5a6d82;margin:-4px 0 14px;font-size:.95rem}.free-training-summary-grid{gap:12px;margin-bottom:14px;display:grid}.free-training-summary-grid.cols-1{grid-template-columns:1fr}.free-training-summary-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.free-training-summary-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.free-training-summary-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.free-training-summary-card{background:#f8fbff;border:1px solid #0057b81f;border-radius:18px;padding:14px}.free-training-summary-card span{color:#5a6d82;margin-bottom:6px;font-size:.85rem;display:block}.free-training-summary-card strong{color:#0c2747;font-size:1.3rem}.free-training-summary-actions{flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:6px;display:flex}.free-training-summary-button{box-sizing:border-box;white-space:nowrap;border:none;border-radius:14px;justify-content:center;align-items:center;height:40px;min-height:40px;padding:10px 16px;font-size:.9rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.free-training-summary-button.primary{color:#fff;background:#0057b8}.free-training-summary-button.back{color:#fff;background:#0057b8;border:1px solid #0057b833;box-shadow:0 8px 18px #0057b83d}.free-training-summary-button.secondary{color:#0057b8;background:#eef5ff;border:1px solid #0057b826}@media (max-width:900px){.free-training-summary-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.free-training-summary-grid.cols-2,.free-training-summary-grid.cols-3,.free-training-summary-grid.cols-4{grid-template-columns:1fr}}@media (max-height:780px){.free-training-summary-shell{border-radius:20px;padding:14px}.free-training-summary-shell h2{margin-bottom:10px;font-size:1.4rem}.free-training-summary-status{margin-bottom:8px;padding:5px 10px;font-size:.75rem}.free-training-summary-progress{margin-bottom:12px;font-size:.9rem}.free-training-summary-grid{gap:10px;margin-bottom:12px}.free-training-summary-card{padding:12px}.free-training-summary-card span{margin-bottom:4px;font-size:.8rem}.free-training-summary-card strong{font-size:1.15rem}.free-training-summary-button{border-radius:12px;height:36px;min-height:36px;padding:8px 14px;font-size:.86rem}}
.adapt-layout{--ad-navy:#0c2747;--ad-blue:#0057b8;--ad-blue-strong:#004494;--ad-blue-tint:#eef5ff;--ad-green-tint:#ecfdf3;--ad-green-ink:#166534;--ad-red-tint:#fef2f2;--ad-red-ink:#b91c1c;--ad-line:#0f172a14;--ad-ring:#0057b847;--ad-shadow-xs:0 1px 2px #0f172a0d;--ad-shadow-sm:0 1px 2px #0f172a0a, 0 4px 12px #0f172a0d;--ad-shadow-md:0 2px 4px #0c27470a, 0 12px 32px #0c274714;--ad-ease:cubic-bezier(.22, .61, .36, 1);flex-direction:column;gap:12px;width:100%;height:100%;min-height:0;margin:0 auto;display:flex}.adapt-section-kicker{color:#475569;margin:0;padding:0 4px;font-size:.92rem;font-weight:600}.adapt-section-stage{flex-direction:column;flex:1;min-height:0;display:flex}.adapt-section-stage>*{flex:1;min-height:0}.adapt-section-stage>.adapt-choice-feedback{flex:none;margin-top:12px}.adapt-stage-card{border:1px solid var(--ad-line);min-height:0;box-shadow:var(--ad-shadow-md);background:#fff;border-radius:26px;flex-direction:column;flex:1;display:flex;overflow:auto}.adapt-hint{color:#5b5f67;text-align:center;margin:0;padding:0 20px 16px;font-size:.9rem}.adapt-button{letter-spacing:.02em;cursor:pointer;min-height:48px;transition:transform .18s var(--ad-ease), box-shadow .18s var(--ad-ease), background .18s ease;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;padding:0 22px;font-size:.98rem;font-weight:800;display:inline-flex}.adapt-button.primary{background:var(--ad-blue);color:#fff;box-shadow:0 8px 18px #0057b833}.adapt-button.primary:hover{background:var(--ad-blue-strong);transform:translateY(-2px)}.adapt-button:focus-visible,.adapt-choice-option:focus-visible{box-shadow:0 0 0 3px var(--ad-ring);outline:none}.adapt-choice{grid-template-columns:15rem minmax(0,1fr);gap:20px;padding:20px;display:grid}.adapt-choice.is-single{grid-template-columns:minmax(0,1fr)}.adapt-choice-sections{border:1px solid var(--ad-line);background:#f8fbff;border-radius:20px;flex-direction:column;align-self:start;gap:6px;margin:0;padding:10px;list-style:none;display:flex}.adapt-choice-sections li{color:#475569;border-radius:12px;padding:.55rem .75rem;font-size:.92rem;font-weight:600}.adapt-choice-sections li.is-current{background:var(--ad-blue);color:#fff}.adapt-choice-main{flex-direction:column;gap:14px;min-width:0;display:flex}.adapt-choice-count{color:#64748b;margin:0;font-size:.85rem;font-weight:600}.adapt-question{color:var(--ad-navy);letter-spacing:-.01em;box-shadow:var(--ad-shadow-xs);background:linear-gradient(#fff 0%,#f4f8ff 100%);border:1px solid #0057b81f;border-radius:16px;margin:0;padding:.8rem 1.15rem;font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:800;line-height:1.4}.adapt-choice-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.adapt-choice-option{text-align:left;background:linear-gradient(180deg, #fff 0%, var(--ad-blue-tint) 100%);min-height:4.5rem;box-shadow:var(--ad-shadow-xs);color:var(--ad-navy);cursor:pointer;transition:transform .18s var(--ad-ease), box-shadow .18s var(--ad-ease), border-color .18s ease;border:1px solid #0057b829;border-radius:16px;align-items:flex-start;gap:.75rem;padding:.95rem 1rem;font-size:.98rem;font-weight:600;display:flex}.adapt-choice-option:hover:not(:disabled){box-shadow:var(--ad-shadow-sm);border-color:#0057b866;transform:translateY(-2px)}.adapt-choice-option:disabled{cursor:default}.adapt-choice-option span{color:var(--ad-blue);font-weight:800}.adapt-choice-option.is-correct{background:var(--ad-green-tint);color:var(--ad-green-ink);border-color:#86efac}.adapt-choice-option.is-wrong{background:var(--ad-red-tint);color:var(--ad-red-ink);border-color:#fecaca}.adapt-choice-feedback{border:1px solid var(--ad-line);background:#f8fbff;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.adapt-choice-feedback p{color:#334155;margin:0;font-size:.95rem;line-height:1.5}.adapt-choice-feedback .adapt-button{flex-shrink:0}.ft{color:#dfe5ec;-webkit-user-select:none;user-select:none;background:#152033;border:1px solid #0b1524;border-radius:20px;flex-direction:column;flex:1;gap:.6rem;min-height:680px;margin:14px;padding:.7rem .8rem .5rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.ft-top{flex:1;grid-template-columns:minmax(0,1fr) 290px;gap:.6rem;min-height:300px;display:grid}.ft-view{background:#1b2026;border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0e1216}.ft-view svg{width:100%;height:100%;position:absolute;inset:0}.deck-windows{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ft-cloud ellipse{fill:#ffffffc7}.ft-ridge{fill:#7d93aa}.ft-hills{fill:#6b7f5e}.ft-field{fill:#ffffff0f}.ft-ray{stroke:#1420121a;stroke-width:1.5px}.ft-card{color:#0c2747;background:#fff;border:1px solid #0f172a14;border-radius:18px;flex-direction:column;gap:.45rem;min-height:0;padding:.75rem .8rem;display:flex;overflow:auto}.ft-card header{color:#0057b8;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:.5rem;font-size:.68rem;font-weight:800;display:flex}.ft-card h3{margin:0;font-size:1.08rem;font-weight:800}.ft-card p{color:#475569;margin:0;font-size:.78rem;line-height:1.4}.ft-card ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ft-card li{background:#f8fbff;border:1px solid #0f172a14;border-radius:10px;align-items:center;gap:.5rem;padding:.3rem .55rem;font-size:.8rem;font-weight:600;display:flex}.ft-card li i{border:2px solid #94a3b8;border-radius:50%;flex:none;width:9px;height:9px}.ft-card li span{flex:1}.ft-card li small{color:#64748b;font-variant-numeric:tabular-nums;font-size:.72rem}.ft-card li.is-ok{color:#166534;background:#ecfdf3;border-color:#bbf7d0}.ft-card li.is-ok i{background:#22c55e;border-color:#22c55e}.ft-card li.is-off{color:#92400e;background:#fffbeb;border-color:#fde68a}.ft-card li.is-off i{border-color:#f59e0b}.ft-card li.is-ok small,.ft-card li.is-off small{color:inherit}.ft-cue{color:#fff;background:#0c2747;border-radius:12px;flex-direction:column;gap:.4rem;margin-top:auto;padding:.6rem .7rem;display:flex}.ft-cue b{font-size:.88rem}.ft-cue small{color:#9fb3cc;font-size:.7rem}.ft-hold{background:#22324a;border-radius:99px;height:7px;overflow:hidden}.ft-hold i{background:#f2c14d;height:100%;transition:width .1s linear;display:block}.ft-panel{background:#1b2a40;border:1px solid #0b1524;border-radius:16px;grid-template-columns:70px minmax(0,720px) 140px;justify-content:center;align-items:center;gap:1.2rem;padding:.6rem;display:grid}.ft-gauges{grid-template-columns:repeat(4,minmax(0,1fr));justify-self:center;gap:.5rem;width:100%;max-width:720px;display:grid}.ft-gauge{background:#22324a;border:1px solid #0b1524;border-radius:14px;flex-direction:column;align-items:center;gap:2px;margin:0;padding:6px 6px 5px;display:flex;box-shadow:inset 0 1px #ffffff0d}.ft-gauge svg{width:100%;max-width:min(150px,16vh);height:auto;font-family:inherit;display:block}.ft-gauge figcaption{color:#9fb3cc;letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:700}.ft-gauge-rim{fill:#0b1524}.ft-gauge-face{fill:#101b2c;stroke:#2c3e58;stroke-width:1.5px}.ft-dial-label{fill:#e8edf3;text-anchor:middle;font-weight:600}.ft-dial-label.is-cardinal{fill:#f2c14d;font-weight:800}.ft-dial-unit{fill:#7d8fa8;letter-spacing:.06em;text-anchor:middle;font-weight:700}.ft-dial-select{fill:#f2c14d;text-anchor:middle;font-weight:700}.ft-readout{fill:#050b14;stroke:#2c3e58}.ft-readout-text{fill:#f6f1e7;text-anchor:middle;font-family:ui-monospace,Menlo,monospace;font-weight:700}.ft-readout-text.is-low{fill:#fb923c}.ft-band{fill:none;stroke:#4ade80;stroke-width:7px;stroke-opacity:.45}.ft-redline{fill:none;stroke:#ef4444;stroke-width:6px}.ft-att-sky{fill:#3f7cc0}.ft-att-ground{fill:#8a6236}.ft-clock-ring{stroke:#4ade80}.ft-clock-ring.is-low{stroke:#fb923c}.ft-throttle,.ft-stick{color:#9fb3cc;letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.35rem;font-size:.62rem;font-weight:700;display:flex}.ft-throttle b{color:#f6f1e7;font-variant-numeric:tabular-nums;font-size:.78rem}.ft-throttle small{opacity:.75;font-size:.58rem}.ft-throttle-track{cursor:ns-resize;touch-action:none;background:#0b1524;border:1px solid #2c3e58;border-radius:13px;width:26px;height:min(240px,26vh);position:relative}.ft-throttle-track em{background:linear-gradient(#4ade80,#166534);border-radius:4px;position:absolute;bottom:0;left:9px;right:9px}.ft-throttle-track i{background:#e8edf3;border-radius:5px;height:16px;position:absolute;left:-10px;right:-10px;transform:translateY(50%);box-shadow:0 2px 6px #0006}.ft-stick-pad{cursor:grab;touch-action:none;background:radial-gradient(circle,#22324a 0 30%,#0b1524 31% 100%);border:1px solid #2c3e58;border-radius:50%;width:128px;height:128px;position:relative}.ft-stick-pad:before,.ft-stick-pad:after{content:"";background:#2c3e58;position:absolute}.ft-stick-pad:before{height:1px;top:50%;left:12%;right:12%}.ft-stick-pad:after{width:1px;top:12%;bottom:12%;left:50%}.ft-stick-pad small{font-size:.55rem;position:absolute;left:50%;transform:translate(-50%)}.ft-stick-pad small.is-top{top:6px}.ft-stick-pad small.is-bottom{bottom:6px}.ft-stick-pad span{z-index:1;background:radial-gradient(circle at 35% 30%,#f6f1e7,#9fb3cc);border-radius:50%;width:44px;height:44px;position:absolute;top:50%;left:50%;box-shadow:0 3px 8px #00000073}.ft-help{color:#9fb3cc;text-align:center;margin:0;font-size:.72rem}.ft-help button{color:#dfe5ec;cursor:pointer;background:0 0;border:1px solid #2c3e58;border-radius:6px;padding:.1rem .5rem;font-size:.68rem}.ck{-webkit-user-select:none;user-select:none;background:#152033;border:1px solid #0b1524;border-radius:20px;flex-direction:column;flex:1;gap:.6rem;min-height:600px;margin:14px;padding:.7rem .8rem .5rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.ck-view{background:#1b2026;border-radius:10px;flex:1;min-height:180px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0e1216}.ck-scene{transform-origin:50%;background:linear-gradient(#a9bccf 0%,#c9d6e2 40%,#e3e2da 50%,#f2e3cc 55%);position:absolute;inset:-110% -20%}.ck-land{background:linear-gradient(#8b9a8a,#6d7f6a 60%,#5b6c58);position:absolute;inset:62% 0 0}.ck-ridge{height:70px;position:absolute;bottom:calc(100% - 1px);left:0;right:0}.ck-ridge svg{height:100%;position:absolute;top:0}.ck-ridge.is-far{height:90px}.ck-ridge.is-far path{fill:#a3afbf}.ck-ridge.is-near{height:60px;bottom:calc(100% - 12px)}.ck-ridge.is-near path{fill:#7d8d7b}.ck-marker{transform-origin:bottom;background:#1e2430;border:2px solid #5cc6b6;place-items:center;width:24px;height:24px;display:grid;position:absolute;rotate:45deg}.ck-marker span{color:#e8f7f4;font-size:.72rem;font-weight:700;rotate:-45deg}.ck-traffic{pointer-events:none;width:8%;max-width:120px;position:absolute;transform:translate(-50%,-50%)}.ck-traffic svg,.ck-alt-plane svg{width:100%;height:auto;display:block}.ck-dash{background:#1c2a40;border-radius:12px;grid-template-columns:auto minmax(0,320px) auto;justify-content:center;align-items:center;gap:1.4rem;padding:.5rem 1rem;display:grid}.ck-tank,.ck-tape{color:#9aa6b6;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;flex-direction:column;align-items:center;gap:.25rem;padding:0;font-size:.62rem;display:flex}.ck-tank{cursor:pointer;touch-action:none}.ck-tank-body{background:#121821;border:2px solid #3a4458;border-radius:6px;width:26px;height:58px;position:relative;overflow:hidden}.ck-tank-body i{z-index:1;border-top:2px dashed #5cc6b6;border-bottom:2px dashed #5cc6b6;position:absolute;left:0;right:0}.ck-tank-body b{background:#ff7a66;position:absolute;bottom:0;left:0;right:0}.ck-tank-body b.is-ok{background:#f08a3e}.ck-tape{width:100%}.ck-tape svg{background:#121821;border-radius:8px;width:100%;display:block}.ck-lights{border:2px solid #0000;border-radius:8px;flex-direction:column;gap:.3rem;padding:3px;display:flex}.ck-lights button{color:#6c788a;cursor:pointer;background:#1a202b;border:1px solid #3a4458;border-radius:999px;justify-content:space-between;align-items:center;gap:.6rem;min-width:7.5rem;padding:.22rem .5rem;font-size:.66rem;font-weight:600;display:flex}.ck-lights button:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.ck-lights button span{text-align:left;flex:1}.ck kbd{opacity:.75;border:1px solid;border-radius:3px;padding:0 .3rem;font-family:inherit;font-size:.58rem}.ck-lights button.is-live{color:#1e2430}.ck-lights .is-advisory.is-live{background:#9fe3d8;border-color:#9fe3d8}.ck-lights .is-caution.is-live{background:#ffc46b;border-color:#ffc46b}.ck-lights .is-warning.is-live{background:#ff7a66;border-color:#ff7a66}.ck-consoles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.ck-screen{color:#dfe5ec;background:#121821;border:2px solid #2f394a;border-radius:12px;flex-direction:column;height:178px;display:flex;overflow:hidden}.ck-screen.is-flash,.ck-lights.is-flash{border-color:#ff7a66}.ck-screen header{border-bottom:1px solid #263042;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.4rem .7rem;display:flex}.ck-screen header span{color:#f08a3e;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:700}.ck-screen header small{color:#8592a4;font-size:.66rem}.ck-nav-map{flex:1;min-height:0}.ck-nav-map svg{width:100%;height:100%;display:block}.ck-nav-buttons{grid-template-columns:1fr 1fr;gap:.4rem;padding:.4rem;display:grid}.ck-nav-buttons button,.ck-alt-buttons button{color:#dfe5ec;cursor:pointer;touch-action:none;background:0 0;border:1px solid #3a4458;border-radius:6px;padding:.3rem;font-size:.68rem}.ck-nav-buttons button:active,.ck-alt-buttons button:active{background:#263042;border-color:#5cc6b6}.ck-alt-body{flex:1;min-height:0;display:flex}.ck-alt-track{background:repeating-linear-gradient(#121821 0 19px,#18202c 19px 20px);flex:1;position:relative;overflow:hidden}.ck-alt-track i{background:#5cc6b6;border-radius:2px;position:absolute}.ck-alt-plane{position:absolute;transform:translateY(50%)}.ck-alt-buttons{border-left:1px solid #263042;flex-direction:column;justify-content:center;gap:.4rem;width:58px;padding:.4rem;display:flex}.ck-alt-buttons button{flex:1}.ck-psa-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.4rem .7rem .6rem;display:flex}.ck-psa em{color:#66738a;font-size:.74rem}.ck-psa.is-live{border-color:#5cc6b6}.ck-psa.is-live header small{color:#9fe3d8}.ck-psa p{margin:0;font-size:.74rem}.ck-psa strong{color:#e8edf3;letter-spacing:.08em;overflow-wrap:anywhere;background:#1a2433;border:1px solid #3a4458;border-radius:6px;max-width:100%;padding:.2rem .6rem;font-family:ui-monospace,Menlo,monospace;font-size:.92rem}.ck-psa-choices{gap:.4rem;display:flex}.ck-psa-choices button{color:#e8edf3;cursor:pointer;background:#243044;border:1px solid #3a4458;border-radius:6px;width:2.2rem;padding:.25rem 0;font-weight:700}.ck-psa-choices button:hover{border-color:#5cc6b6}.ck-help{color:#8592a4;text-align:center;margin:0;font-size:.7rem}@media (max-width:800px){.adapt-choice,.adapt-choice-grid,.ck-consoles{grid-template-columns:1fr}.adapt-choice-feedback{flex-direction:column;align-items:stretch}}@media (max-width:900px){.ft-top{flex:none;grid-template-columns:1fr}.ft-card{overflow:visible}.ft-view{min-height:220px}.ft-panel{grid-template-columns:1fr 1fr;justify-items:center}.ft-gauges{grid-area:1/1/auto/-1}}@media (max-width:560px){.ft-gauges{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cube-folding-layout{flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;margin:0 auto;display:flex}.cube-folding-stage-card{background:#fff;border:1px solid #0c274714;border-radius:24px;flex-direction:column;flex:1;gap:clamp(8px,1.3vh,12px);min-height:0;padding:clamp(10px,1.6vh,16px) clamp(12px,1.6vw,18px) clamp(12px,1.8vh,18px);display:flex;overflow:hidden;box-shadow:0 12px 30px #0c27470d;container-type:size}.cube-folding-copy{text-align:center}.cube-folding-instruction{color:#0f172a;margin:0;font-size:1.08rem;font-weight:700}.cube-folding-board-wrap{--cube-cols:var(--option-count);--cube-rows:max(1, calc((var(--option-count) + var(--cube-cols) - 1) / var(--cube-cols)));--cube-size:min(150px, calc(100cqw / (var(--cube-cols) * 1.08)), calc(100cqw / ((var(--net-cols) + .6) * var(--cube-scale))), calc(100cqh / (var(--cube-rows) * 1.7 + var(--net-rows) * var(--cube-scale) + .85)));--cube-scale:.84;--net-face:calc(var(--cube-size) * var(--cube-scale));flex:1;grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,1.4vh,14px);min-height:0;display:grid}.cube-folding-options-grid{grid-template-columns:repeat(var(--cube-cols), minmax(0, 1fr));gap:clamp(4px,.8vh,8px) clamp(8px,1.2vw,14px);min-height:0;display:grid}.cube-folding-option-card{min-height:0;box-shadow:none;background:0 0;border:none;border-radius:22px;flex-direction:column;gap:clamp(4px,.8vh,8px);padding:clamp(2px,.5vh,6px) clamp(6px,.9vw,10px);display:flex}.cube-folding-option-card.is-none-option{justify-content:space-between}.cube-folding-cube-viewport{box-sizing:border-box;width:100%;min-height:calc(var(--cube-size) * 1.42);font:inherit;color:inherit;cursor:pointer;touch-action:none;text-align:center;appearance:none;-webkit-tap-highlight-color:transparent;background:#f1f5f9;border:1px solid #94a3b847;border-radius:14px;justify-content:center;align-items:center;margin:0;padding:clamp(4px,1vh,8px);transition:transform .12s,background .12s,border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:visible}.cube-folding-cube-viewport:focus-visible{outline-offset:2px;outline:3px solid #2563eb73}.cube-folding-cube-viewport:disabled{cursor:default;opacity:1}.cube-folding-cube-viewport[data-can-rotate=true]{cursor:grab}.cube-folding-cube-viewport[data-can-rotate=true]:active{cursor:grabbing}.cube-folding-cube{width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;transform:scale(var(--cube-scale,.84)) var(--cube-transform);pointer-events:none;flex-shrink:0;transition:transform 70ms linear;position:relative}.cube-folding-face{transform:var(--face-transform);backface-visibility:hidden;pointer-events:none;background:linear-gradient(#fff 0%,#f8fafc 100%);border:2px solid #0f172a9e;border-radius:14px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffffe6,0 12px 18px #0f172a14}.cube-folding-face-pips{transform:rotate(var(--pip-rotation));transform-origin:50%;pointer-events:none;position:absolute;inset:0}.cube-folding-pip{pointer-events:none;background:#020617;border-radius:999px;width:clamp(10px,1.7vh,16px);height:clamp(10px,1.7vh,16px);margin-top:calc(clamp(10px,1.7vh,16px)/-2);margin-left:calc(clamp(10px,1.7vh,16px)/-2);position:absolute;box-shadow:0 1px 2px #0f172a29}.cube-folding-face-pips.is-folded .cube-folding-pip{width:16%;height:16%;margin-top:-8%;margin-left:-8%}.cube-folding-face-pips.is-unfolded .cube-folding-pip{width:16%;height:16%;box-shadow:none;margin-top:-8%;margin-left:-8%}.cube-folding-cube-viewport.is-correct{background:#ecfdf5;border-color:#16653466;box-shadow:0 0 0 2px #16653438}.cube-folding-cube-viewport.is-wrong{background:#fef2f2;border-color:#991b1b59;box-shadow:0 0 0 2px #991b1b38}.cube-folding-none-copy{text-align:center;color:#334155;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.cube-folding-none-copy span{color:#0f172a;font-size:1.4rem;font-weight:800}.cube-folding-none-copy p{max-width:20ch;margin:0;line-height:1.5}.cube-folding-net-section{flex-direction:column;min-width:0;min-height:0;display:flex}.cube-folding-net-header{text-align:center}.cube-folding-net-header h3{color:#0f172a;margin:0;font-size:1rem;font-weight:800}.cube-folding-net-shell{background:0 0;border:none;border-radius:22px;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;padding:clamp(2px,.4vh,6px);display:flex}.cube-folding-net-board{width:calc((var(--net-width) / var(--net-cell)) * var(--net-face));max-width:100%;max-height:100%;aspect-ratio:var(--net-width) / var(--net-height);position:relative}.cube-folding-net-face{background:#fffffff5;border:2px solid #0f172abf;border-radius:12px;position:absolute;box-shadow:0 8px 18px #5b3a1e14}@media (max-width:960px){.cube-folding-layout{width:100%}.cube-folding-stage-card{gap:8px;padding:10px 12px 12px}.cube-folding-board-wrap{--cube-cols:2}.cube-folding-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;margin-bottom:6px}.cube-folding-option-card{gap:4px;padding:4px 8px}.cube-folding-cube-viewport{padding:clamp(4px,1.2vh,8px)}.cube-folding-net-shell{padding:4px 0 0}}@media (max-width:640px){.cube-folding-stage-card{padding:14px}.cube-folding-board-wrap{gap:10px}.cube-folding-options-grid{gap:4px 6px}.cube-folding-option-card,.cube-folding-cube-viewport{padding:4px 6px}}.cube-folding-workspace.is-compact .cube-folding-board-wrap{--cube-cols:2;--cube-size:72px;--net-face:60px;flex:none;grid-template-rows:auto auto;gap:12px}.cube-folding-workspace.is-compact .cube-folding-net-section,.cube-folding-workspace.is-compact .cube-folding-net-shell{height:auto;container-type:normal}.cube-folding-workspace.is-compact .cube-folding-options-grid{grid-template-columns:repeat(2,minmax(0,160px));justify-content:center}.cube-folding-workspace.is-compact .cube-folding-cube-viewport{--cube-size:72px}.cube-folding-workspace.is-compact .cube-folding-net-board{width:min(100%, calc((var(--net-width) / var(--net-cell)) * var(--net-face)));max-height:none}
.cf-lesson{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;height:100%;min-height:0;display:grid}.cf-lesson-footer{flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px;display:flex}.cf-lesson-nav{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:inline-flex}.cf-lesson-nav svg{width:22px;height:22px;display:block}.cf-lesson-nav:hover:not(:disabled){background:#eef5ff;border-color:#93c5fd}.cf-lesson-nav:disabled{opacity:.28;cursor:default}.cf-lesson-stage{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:safe center;align-items:center;gap:10px;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden auto}.cf-lesson-stage>*{flex-shrink:0}.cf-lesson-kicker{color:#0057b8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}.cf-lesson-split{grid-template-columns:minmax(0,1.25fr) minmax(16rem,.7fr);align-items:center;gap:28px;width:100%;min-width:0;display:grid}.cf-lesson-text{justify-items:start;gap:12px;min-width:0;display:grid}.cf-lesson-slide-title{color:#0f172a;text-align:left;margin:0;font-size:1.2rem;font-weight:800;line-height:1.15}.cf-lesson-copy{color:#334155;text-align:left;gap:10px;max-width:32rem;font-size:1.02rem;font-weight:600;line-height:1.45;display:grid}.cf-lesson-copy p{margin:0}.cf-lesson-copy strong{color:#0f172a;font-weight:800}.cf-lesson-stage .cube-folding-workspace{width:100%}.cf-lesson-stage .cube-folding-workspace.is-compact .cube-folding-options-grid{grid-template-columns:repeat(2,minmax(0,200px));gap:16px}.cf-lesson-stage .cube-folding-workspace.is-compact .cube-folding-cube-viewport{--cube-size:108px;--cube-scale:.88;min-height:calc(var(--cube-size) * 1.28 + 18px)}.cf-lesson-stage .cube-folding-workspace.is-compact .cube-folding-net-board{width:min(320px,100%)}.cf-lesson-stage .cube-folding-workspace.is-compact .cube-folding-board-wrap{gap:22px}.cf-lesson-stage .cube-folding-cube-viewport.is-correct{background:#dcfce7;border:2px solid #22c55e;box-shadow:0 0 0 3px #22c55e52}.cf-lesson-dots{flex-wrap:wrap;justify-content:center;gap:8px;min-width:0;display:flex}.cf-lesson-dot{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:1rem;font-weight:800;display:inline-flex}.cf-lesson-dot:hover{background:#eef5ff;border-color:#93c5fd}.cf-lesson-dot.is-active{color:#fff;background:#0057b8;border-color:#0057b8}@media (max-width:980px){.cf-lesson-split{grid-template-rows:auto auto;grid-template-columns:1fr;justify-items:center}.cf-lesson-text{justify-self:start;justify-items:start;width:min(40rem,100%)}.cf-lesson-slide-title,.cf-lesson-copy{text-align:left}.cf-lesson-nav,.cf-lesson-dot{width:40px;height:40px}.cf-lesson-stage .cube-folding-workspace.is-compact .cube-folding-cube-viewport{--cube-size:88px}.cf-lesson-stage .cube-folding-workspace.is-compact .cube-folding-net-board{width:min(260px,100%)}}
.training-click-target{display:inline-flex;position:relative;overflow:visible}.training-click-hint{pointer-events:none;width:18px;height:26px;position:absolute;bottom:2px;right:20px}.training-click-hint-cursor{filter:drop-shadow(0 2px 4px #0f172a59);width:18px;height:26px;animation:1.6s cubic-bezier(.22,.61,.36,1) infinite training-click-hint-cursor;display:block}.training-click-hint-ripple{opacity:0;border:2px solid #fffffff2;border-radius:50%;width:26px;height:26px;animation:1.6s ease-out infinite training-click-hint-ripple;position:absolute;top:-12px;left:-12px}.training-click-target.is-hinting>button{animation:1.6s cubic-bezier(.22,.61,.36,1) infinite training-click-hint-press}@keyframes training-click-hint-cursor{0%,38%{transform:translate(0)}50%,62%{transform:translate(-1px,2px)}to{transform:translate(0)}}@keyframes training-click-hint-ripple{0%,44%{opacity:0;transform:scale(.2)}52%{opacity:.85}80%,to{opacity:0;transform:scale(1.6)}}@keyframes training-click-hint-press{0%,44%{filter:brightness();transform:translateY(0)}52%,62%{filter:brightness(.92);transform:translateY(1px)}to{filter:brightness();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.training-click-hint-cursor,.training-click-hint-ripple,.training-click-target.is-hinting>button{animation:none}}
.distinguish-left-and-right-layout,.distinguish-left-and-right-workspace{--dlr-navy:#0c2747;--dlr-blue:#0057b8;--dlr-blue-strong:#004494;--dlr-blue-tint:#eef5ff;--dlr-green-tint:#ecfdf3;--dlr-green-ink:#166534;--dlr-line:#0f172a14;--dlr-ring:#0057b847;--dlr-radius-xl:26px;--dlr-shadow-xs:0 1px 2px #0f172a0d;--dlr-shadow-sm:0 1px 2px #0f172a0a, 0 4px 12px #0f172a0d;--dlr-shadow-md:0 2px 4px #0c27470a, 0 12px 32px #0c274714;--dlr-shadow-lg:0 4px 10px #0c27470f, 0 24px 56px #0c274724;--dlr-ease:cubic-bezier(.22, .61, .36, 1)}.distinguish-left-and-right-layout{flex-direction:column;gap:12px;width:100%;height:100%;min-height:0;margin:0 auto;display:flex}.distinguish-left-and-right-stage-card{border:1px solid var(--dlr-line);border-radius:var(--dlr-radius-xl);min-height:0;box-shadow:var(--dlr-shadow-md);background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.distinguish-left-and-right-board-wrap{flex-direction:column;flex:1;align-self:stretch;gap:14px;width:100%;min-width:0;min-height:0;padding:18px 20px 14px;display:flex}.distinguish-left-and-right-question-row{flex-shrink:0;justify-content:center;align-items:center;min-height:52px;display:flex;position:relative}.distinguish-left-and-right-question-row.is-feedback{grid-template-columns:minmax(168px,1fr) minmax(0,auto) minmax(168px,1fr);align-items:center;gap:12px;min-height:56px;display:grid}.distinguish-left-and-right-question{text-align:center;width:fit-content;min-width:0;max-width:100%;color:var(--dlr-navy);letter-spacing:-.02em;background:linear-gradient(#fff 0%,#f4f8ff 100%);border:1px solid #0057b81f;border-radius:16px;margin:0 auto;padding:.7rem 1.15rem;font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:800;line-height:1.35;box-shadow:0 1px 2px #0f172a0a}.distinguish-left-and-right-question-row.is-feedback .distinguish-left-and-right-question{grid-column:2;width:auto;margin:0}.distinguish-left-and-right-board{background:radial-gradient(70% 55% at 50% 42%,#ffffffe6 0%,#0000 58%),radial-gradient(circle at 18% 18%,#73b5e829,#0000 32%),radial-gradient(circle at 84% 22%,#0057b814,#0000 30%),linear-gradient(#f8fbff 0%,#eef4fb 100%);border:1px solid #0c274714;border-radius:20px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc}.distinguish-left-and-right-board-svg{width:100%;height:100%;max-height:100%;display:block}.distinguish-left-and-right-stage-bg{fill:#0000}.distinguish-left-and-right-shape{fill:var(--shape-color);stroke:#fff;stroke-width:5px;filter:drop-shadow(0 8px 14px #0f172a2e)}.distinguish-left-and-right-body-image{filter:drop-shadow(0 16px 28px #0c274729)}.distinguish-left-and-right-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f7fafdb8;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.distinguish-left-and-right-overlay-card{text-align:center;border:1px solid var(--dlr-line);width:min(100%,540px);box-shadow:var(--dlr-shadow-lg);background:#fffffff5;border-radius:20px;padding:24px 26px}.distinguish-left-and-right-overlay-card p{color:var(--dlr-navy);margin:0;font-size:1.05rem;font-weight:700;line-height:1.6}.distinguish-left-and-right-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:4px 20px 18px;display:grid}.distinguish-left-and-right-button{letter-spacing:.02em;width:100%;min-height:52px;color:var(--dlr-navy);background:linear-gradient(180deg, #fff 0%, var(--dlr-blue-tint) 100%);box-shadow:var(--dlr-shadow-xs);cursor:pointer;transition:transform .18s var(--dlr-ease), box-shadow .18s var(--dlr-ease), background .18s ease, border-color .18s ease, color .18s ease;border:1px solid #0c27471a;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:1.05rem;font-weight:800;display:inline-flex}.distinguish-left-and-right-button.is-left,.distinguish-left-and-right-button.is-right{background:linear-gradient(180deg, #fff 0%, var(--dlr-blue-tint) 100%);border-color:#0057b829}.distinguish-left-and-right-button:hover:not(:disabled){box-shadow:var(--dlr-shadow-sm);background:var(--dlr-blue);color:#fff;border-color:#0057b847;transform:translateY(-2px)}.distinguish-left-and-right-button:active:not(:disabled){transform:translateY(0)}.distinguish-left-and-right-button:focus-visible{box-shadow:0 0 0 3px var(--dlr-ring);outline:none}.distinguish-left-and-right-button-label{line-height:1}.distinguish-left-and-right-button:disabled{opacity:1;cursor:default;transform:none}.distinguish-left-and-right-button.is-correct{background:var(--dlr-green-tint);color:var(--dlr-green-ink);border-color:#16653438;box-shadow:inset 0 0 0 1px #1665340f}.distinguish-left-and-right-button.is-timeout-correct{color:#9a3412;background:linear-gradient(#ffedd5 0%,#fed7aa 100%);border-color:#c2410c3d;box-shadow:inset 0 0 0 1px #c2410c0f}.distinguish-left-and-right-button.is-wrong{color:#991b1b;background:#fef2f2;border-color:#991b1b2e;box-shadow:inset 0 0 0 1px #991b1b0d}.distinguish-left-and-right-button.primary{color:#fff;background:var(--dlr-blue);border-color:#0000;box-shadow:0 8px 18px #0057b833}.distinguish-left-and-right-button.primary:hover:not(:disabled){background:var(--dlr-blue-strong);color:#fff;transform:none}.distinguish-left-and-right-next-spacer{visibility:hidden;pointer-events:none;grid-column:3;justify-self:start;width:168px}.distinguish-left-and-right-next-inline{flex-shrink:0;grid-column:1;justify-self:start;width:168px;min-width:168px;min-height:44px;padding:0 14px;font-size:.92rem}.distinguish-left-and-right-next-inline:active:not(:disabled),.distinguish-left-and-right-next-inline:hover:not(:disabled){transform:none}.distinguish-left-and-right-workspace{flex-direction:column;align-items:stretch;gap:12px;width:100%;display:flex}.distinguish-left-and-right-workspace.is-compact .distinguish-left-and-right-question{padding:.5rem .8rem;font-size:.92rem}.distinguish-left-and-right-workspace.is-compact .distinguish-left-and-right-board{flex:none;height:340px;min-height:340px}.distinguish-left-and-right-workspace.is-compact .distinguish-left-and-right-actions{gap:8px;padding:0}.distinguish-left-and-right-workspace.is-compact .distinguish-left-and-right-button{min-height:42px;font-size:.92rem}@media (max-width:640px){.distinguish-left-and-right-board-wrap{gap:12px;padding:14px 14px 10px}.distinguish-left-and-right-question-row.is-feedback{grid-template-columns:1fr;gap:10px;min-height:0}.distinguish-left-and-right-question-row.is-feedback .distinguish-left-and-right-question,.distinguish-left-and-right-next-spacer,.distinguish-left-and-right-next-inline{grid-column:auto;justify-self:stretch;width:100%}.distinguish-left-and-right-question{width:100%;padding:.65rem .9rem;font-size:1.02rem}.distinguish-left-and-right-next-spacer{display:none}.distinguish-left-and-right-actions{gap:10px;padding:0 14px 14px}.distinguish-left-and-right-question-row{flex-wrap:wrap;justify-content:center;row-gap:8px;min-height:0}.distinguish-left-and-right-board{border-radius:16px;min-height:280px}.distinguish-left-and-right-board-svg{width:100%;height:auto}.distinguish-left-and-right-button{min-height:48px}}@media (max-width:460px){.distinguish-left-and-right-question{text-align:center;font-size:.98rem}.distinguish-left-and-right-question-row{flex-direction:column;align-items:stretch;min-height:0}.distinguish-left-and-right-actions{grid-template-columns:1fr}.distinguish-left-and-right-next-inline{width:100%;position:static;transform:none}}
.dlr-lesson{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;height:100%;min-height:0;display:grid}.dlr-lesson-footer{flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px;display:flex}.dlr-lesson-nav{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:inline-flex}.dlr-lesson-nav svg{width:22px;height:22px;display:block}.dlr-lesson-nav:hover:not(:disabled){background:#eef5ff;border-color:#93c5fd}.dlr-lesson-nav:disabled{opacity:.28;cursor:default}.dlr-lesson-stage{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:safe center;align-items:center;gap:10px;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden auto}.dlr-lesson-stage>*{flex-shrink:0}.dlr-lesson-kicker{color:#0057b8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}.dlr-lesson-split{grid-template-columns:minmax(0,1.25fr) minmax(16rem,.7fr);align-items:center;gap:28px;width:100%;min-width:0;display:grid}.dlr-lesson-text{justify-items:start;gap:12px;min-width:0;display:grid}.dlr-lesson-slide-title{color:#0f172a;text-align:left;margin:0;font-size:1.2rem;font-weight:800;line-height:1.15}.dlr-lesson-copy{color:#334155;text-align:left;gap:10px;max-width:32rem;font-size:1.02rem;font-weight:600;line-height:1.45;display:grid}.dlr-lesson-copy p{margin:0}.dlr-lesson-copy strong{color:#0f172a;font-weight:800}.dlr-lesson-stage .distinguish-left-and-right-workspace{width:100%}.dlr-lesson-stage .distinguish-left-and-right-workspace.is-compact .distinguish-left-and-right-board{height:400px;min-height:400px}.dlr-lesson-stage .distinguish-left-and-right-actions .training-click-target{width:100%}.dlr-lesson-dots{flex-wrap:wrap;justify-content:center;gap:8px;min-width:0;display:flex}.dlr-lesson-dot{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:1rem;font-weight:800;display:inline-flex}.dlr-lesson-dot:hover{background:#eef5ff;border-color:#93c5fd}.dlr-lesson-dot.is-active{color:#fff;background:#0057b8;border-color:#0057b8}@media (max-width:980px){.dlr-lesson-split{grid-template-rows:auto auto;grid-template-columns:1fr;justify-items:center}.dlr-lesson-text{justify-self:start;justify-items:start;width:min(40rem,100%)}.dlr-lesson-slide-title,.dlr-lesson-copy{text-align:left}.dlr-lesson-nav,.dlr-lesson-dot{width:40px;height:40px}.dlr-lesson-stage .distinguish-left-and-right-workspace.is-compact .distinguish-left-and-right-board{height:260px;min-height:260px}}
.scan-figures-layout{flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;margin:0 auto;display:flex}.scan-figures-stage-card{background:#fff;border:1px solid #0c274714;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;min-height:0;padding:20px;display:flex;overflow:auto;box-shadow:0 12px 30px #0c27470d}.scan-figures-stage-card.is-learning{justify-content:flex-start;overflow:auto}.scan-figures-lesson{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.scan-figures-lesson-task{text-align:center;width:min(100%,42rem)}.scan-figures-lesson-task-title{color:#0f172a;margin:0 0 6px;font-size:1.15rem;font-weight:800}.scan-figures-lesson-task-text{color:#334155;margin:0;font-size:.98rem;font-weight:600;line-height:1.45}.scan-figures-lesson-task-text strong{color:#0f172a;font-weight:800}.scan-figures-lesson-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.scan-figures-lesson-example{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:16px 12px 18px;display:flex}.scan-figures-lesson-label{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.scan-figures-lesson-copy{color:#64748b;margin:0 0 4px;font-size:.92rem;font-weight:600}.scan-figures-start-button{color:#fff;cursor:pointer;background:#0057b8;border:0;border-radius:14px;min-width:180px;padding:12px 24px;font-size:1rem;font-weight:700}.scan-figures-start-button:hover{background:#004494}.scan-figures-workspace.is-compact{gap:12px}.scan-figures-workspace.is-compact .scan-figures-cell,.scan-figures-workspace.is-compact .scan-figures-cell.is-probe{flex-basis:132px;width:132px;height:148px;padding:12px 10px 8px}.scan-figures-workspace.is-compact .scan-figures-figure{flex-basis:96px;width:96px;height:96px}.scan-figures-workspace.is-compact .scan-figures-answer-button{min-width:120px;padding:10px 16px}.scan-figures-workspace{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.scan-figures-row{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.scan-figures-candidates{align-items:center;gap:12px;display:flex}.scan-figures-vs{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:.85rem;font-weight:800}.scan-figures-cell{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;flex:0 0 176px;justify-content:flex-start;align-items:center;gap:8px;width:176px;height:188px;padding:16px 14px 10px;display:flex}.scan-figures-cell.is-probe{background:#fff;border-color:#93c5fd;flex-basis:176px;width:176px;height:188px;box-shadow:0 0 0 3px #3b82f61f}.scan-figures-cell.is-empty{color:#cbd5e1;background:#f8fafc;border-style:dashed}.scan-figures-cell.is-match{background:#f0fdf4;border-color:#86efac;box-shadow:0 0 0 3px #22c55e29}.scan-figures-cell.is-correct-cell{border-color:#86efac;box-shadow:0 0 0 3px #22c55e29}.scan-figures-cell.is-incorrect-cell{border-color:#fca5a5;box-shadow:0 0 0 3px #ef44441f}.scan-figures-caption{color:#64748b;letter-spacing:.04em;flex:0 0 18px;font-size:.75rem;font-weight:700;line-height:18px}.scan-figures-cell.is-probe .scan-figures-caption{color:#2563eb}.scan-figures-figure{flex:0 0 132px;width:132px;height:132px;display:block}.scan-figures-answer-buttons{justify-content:center;gap:12px;display:flex}.scan-figures-answer-button{color:#fff;background:#0057b8;border:0;border-radius:14px;min-width:148px;padding:12px 20px;font-size:1rem;font-weight:700;transition:transform .14s,background .14s}.scan-figures-answer-button:hover:not(:disabled){transform:translateY(-1px)}.scan-figures-answer-button:disabled{cursor:default}.scan-figures-answer-button.is-correct{background:#15803d}.scan-figures-answer-button.is-missed-correct{background:#d97706}.scan-figures-answer-button.is-incorrect{background:#dc2626}.scan-figures-answer-button.is-disabled{background:#94a3b8}@media (max-width:900px){.scan-figures-lesson-board{grid-template-columns:1fr}}@media (max-width:720px){.scan-figures-row{flex-wrap:wrap}.scan-figures-vs{display:none}.scan-figures-cell,.scan-figures-cell.is-probe{flex-basis:152px;width:152px;height:168px}.scan-figures-figure{flex-basis:112px;width:112px;height:112px}}
.scf-lesson{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;height:100%;min-height:0;display:grid}.scf-lesson-footer{flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px;display:flex}.scf-lesson-nav{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:inline-flex}.scf-lesson-nav svg{width:22px;height:22px;display:block}.scf-lesson-nav:hover:not(:disabled){background:#eef5ff;border-color:#93c5fd}.scf-lesson-nav:disabled{opacity:.28;cursor:default}.scf-lesson-stage{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:safe center;align-items:center;gap:10px;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden auto}.scf-lesson-stage>*{flex-shrink:0}.scf-lesson-kicker{color:#0057b8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}.scf-lesson-split{grid-template-columns:minmax(0,1.25fr) minmax(16rem,.7fr);align-items:center;gap:28px;width:100%;min-width:0;display:grid}.scf-lesson-text{justify-items:start;gap:12px;min-width:0;display:grid}.scf-lesson-slide-title{color:#0f172a;text-align:left;margin:0;font-size:1.2rem;font-weight:800;line-height:1.15}.scf-lesson-copy{color:#334155;text-align:left;gap:10px;max-width:32rem;font-size:1.02rem;font-weight:600;line-height:1.45;display:grid}.scf-lesson-copy p{margin:0}.scf-lesson-copy strong{color:#0f172a;font-weight:800}.scf-lesson-stage .scan-figures-workspace{width:100%;min-width:0;max-width:100%}.scf-lesson-stage .scan-figures-row,.scf-lesson-stage .scan-figures-candidates{justify-content:center;width:auto;max-width:100%}.scf-lesson-stage .scan-figures-workspace.is-compact .scan-figures-cell,.scf-lesson-stage .scan-figures-workspace.is-compact .scan-figures-cell.is-probe{flex-basis:156px;width:156px;height:176px}.scf-lesson-stage .scan-figures-workspace.is-compact .scan-figures-figure{flex-basis:118px;width:118px;height:118px}.scf-lesson-dots{flex-wrap:wrap;justify-content:center;gap:8px;min-width:0;display:flex}.scf-lesson-dot{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:1rem;font-weight:800;display:inline-flex}.scf-lesson-dot:hover{background:#eef5ff;border-color:#93c5fd}.scf-lesson-dot.is-active{color:#fff;background:#0057b8;border-color:#0057b8}@media (max-width:980px){.scf-lesson-split{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);justify-items:center;width:100%}.scf-lesson-text,.scf-lesson-copy{overflow-wrap:break-word;justify-self:start;justify-items:start;width:min(40rem,100%);max-width:100%}.scf-lesson-slide-title,.scf-lesson-copy{text-align:left}.scf-lesson-nav,.scf-lesson-dot{width:40px;height:40px}.scf-lesson-stage .scan-figures-row,.scf-lesson-stage .scan-figures-candidates{flex-wrap:wrap;justify-content:center;width:100%;min-width:0}.scf-lesson-stage .scan-figures-workspace.is-compact .scan-figures-cell,.scf-lesson-stage .scan-figures-workspace.is-compact .scan-figures-cell.is-probe{flex:0 132px;width:min(132px,30vw);height:auto;min-height:148px}.scf-lesson-stage .scan-figures-workspace.is-compact .scan-figures-figure{flex:none;width:min(96px,22vw);height:min(96px,22vw)}}@media (max-width:640px){.scf-lesson-stage .scan-figures-vs{display:none}.scf-lesson-stage .scan-figures-workspace.is-compact .scan-figures-cell,.scf-lesson-stage .scan-figures-workspace.is-compact .scan-figures-cell.is-probe{flex:0 104px;width:min(104px,28vw);min-height:124px;padding:10px 8px 6px}.scf-lesson-stage .scan-figures-workspace.is-compact .scan-figures-figure{width:min(76px,20vw);height:min(76px,20vw)}.scf-lesson-stage .scan-figures-workspace.is-compact .scan-figures-answer-button{width:min(132px,42vw);min-width:0;padding:10px 12px}}
.free-training-level-content,.free-training-level-content *{-webkit-user-select:none;user-select:none}.free-training-level-content input,.free-training-level-content textarea,.free-training-level-content [contenteditable=true]{-webkit-user-select:text;user-select:text}
.free-training-level-container{background:radial-gradient(circle at top,#73b5e833,#0000 32%),linear-gradient(#03172c 0%,#082542 48%,#0a3155 100%);justify-content:center;align-items:stretch;width:100%;height:100dvh;padding:12px;display:flex;overflow:hidden}.free-training-level-content{flex-direction:column;align-items:stretch;width:100%;height:100%;min-height:0;display:flex}.free-training-level-content>*{flex:1;width:100%;min-height:0}.free-training-play,.free-training-play>*{width:100%;max-width:none}
.free-training-countdown-shell{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.free-training-countdown-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:28px;min-width:min(80vw,360px);padding:36px 44px;box-shadow:0 18px 44px #03172c33}.free-training-countdown-card.has-briefing{text-align:left;width:min(92vw,560px);min-width:0;max-height:calc(100dvh - 48px);padding:28px 32px;overflow:auto}.free-training-countdown-briefing{margin-bottom:22px}.free-training-countdown-module{color:#fff;margin:0 0 10px;font-size:1.5rem;font-weight:800}.free-training-countdown-steps{color:#ffffffe0;gap:8px;margin:0;padding-left:20px;font-size:.94rem;line-height:1.45;display:grid}.free-training-countdown-note{color:#ffffffb8;margin:12px 0 0;font-size:.86rem;font-style:italic}.free-training-countdown-highlight{color:#fff7cc;background:#facc152e;border:1px solid #facc158c;border-radius:14px;margin:14px 0 0;padding:12px 14px;font-size:.96rem;font-weight:700;line-height:1.4}.free-training-countdown-highlight strong{color:#fde047;letter-spacing:.04em;font-size:1.02rem;font-weight:800;display:inline}.free-training-countdown-ready{color:#0c2747;background:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;width:100%;height:48px;padding:12px 20px;font-size:1rem;font-weight:800;display:inline-flex;box-shadow:0 12px 26px #03172c47}.free-training-countdown-timer{text-align:center}.free-training-countdown-label{color:#ffffffd1;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:1rem;font-weight:600;display:block}.free-training-countdown-value{color:#fff;font-size:clamp(4rem,16vw,8rem);font-weight:800;line-height:1;display:block}.free-training-countdown-card.has-briefing .free-training-countdown-label{margin-bottom:6px;font-size:.8rem}.free-training-countdown-card.has-briefing .free-training-countdown-value{font-size:clamp(2.6rem,9vw,4rem)}@media (max-width:640px){.free-training-countdown-card{border-radius:24px;min-width:min(88vw,300px);padding:28px 24px}.free-training-countdown-card.has-briefing{padding:22px 20px}.free-training-countdown-label{font-size:.9rem}.free-training-countdown-module{font-size:1.28rem}.free-training-countdown-steps{font-size:.88rem}}@media (max-height:640px){.free-training-countdown-card.has-briefing{padding:18px 20px}.free-training-countdown-briefing{margin-bottom:16px}.free-training-countdown-module{font-size:1.2rem}.free-training-countdown-steps{gap:6px;font-size:.86rem}}
.training-learning-layout{flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;margin:0 auto;display:flex}.training-learning-layout.is-full-width{width:100%}.training-learning-stage-card{background:#fff;border:1px solid #0c274714;border-radius:24px;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:22px;min-height:0;padding:20px;display:flex;overflow:auto;box-shadow:0 12px 30px #0c27470d}.training-learning-lesson{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.training-learning-layout.is-full-width .training-learning-stage-card{justify-content:stretch;padding:16px 18px 18px}.training-learning-layout.is-full-width .training-learning-lesson{flex:1;gap:14px;height:100%;min-height:0}.training-learning-layout.is-full-width .training-learning-play-button{flex-shrink:0}.training-learning-task{text-align:center;width:min(100%,42rem)}.training-learning-task-title{color:#0f172a;margin:0 0 6px;font-size:1.15rem;font-weight:800}.training-learning-task-text{color:#334155;margin:0;font-size:.98rem;font-weight:600;line-height:1.45}.training-learning-task-text p{margin:0}.training-learning-task-text strong{color:#0f172a;font-weight:800}.training-learning-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.training-learning-board.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.training-learning-board.is-slides{flex:1;height:100%;min-height:0;display:flex}.training-learning-example{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:16px 12px 18px;display:flex}.training-learning-example.is-wide{grid-column:1/-1}.training-learning-label{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.training-learning-copy{color:#64748b;text-align:center;margin:0 0 4px;font-size:.92rem;font-weight:600}.training-learning-play-button{letter-spacing:.04em;color:#0f172a;cursor:pointer;background:#fff;border:2px solid #0f172a;border-radius:999px;min-width:180px;padding:11px 28px;font-size:1rem;font-weight:800}.training-learning-play-button:hover{color:#fff;background:#0f172a}.training-learning-note{color:#64748b;text-align:center;margin:0;font-size:.86rem;font-style:italic}.training-learning-fallback-steps{color:#334155;gap:8px;width:min(100%,36rem);margin:0;padding-left:20px;font-size:.95rem;font-weight:600;line-height:1.45;display:grid}@media (max-width:900px){.training-learning-board,.training-learning-board.is-three{grid-template-columns:1fr}.training-learning-example.is-wide{grid-column:auto}}
.ability-to-concentrate-layout{flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;margin:0 auto;display:flex}.ability-to-concentrate-stage-card{background:#f3ecdf;border:1px solid #3a2a181f;border-radius:28px;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 16px 34px #3a2a1814}.ability-to-concentrate-stage{background:radial-gradient(circle at 50% 42%,#fffaf0b3,#0000 42%),#f3ecdf;flex:1;justify-content:center;align-items:center;min-height:280px;padding:18px 16px 4px;display:flex}.ability-to-concentrate-figure{width:min(78vw,420px);height:auto;display:block}.ability-to-concentrate-plate{fill:#1e3b34}.ability-to-concentrate-orbit{fill:none;stroke:#f3ecdf47;stroke-width:2px;stroke-dasharray:3 7}.ability-to-concentrate-segment{fill:#f6f1e6}.ability-to-concentrate-mark{fill:#e4b15a;stroke:#f8e7c4;stroke-width:1.5px}.ability-to-concentrate-keys{grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.ability-to-concentrate-key{touch-action:manipulation;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;display:flex}.ability-to-concentrate-key-code{letter-spacing:.04em;font-size:1.35rem;font-weight:800}.ability-to-concentrate-key.is-other{color:#1e3b34;background:#f7f1e6;border:1px solid #c9bba6}.ability-to-concentrate-key.is-target{color:#f6f1e6;background:#1e3b34;border:0}.ability-to-concentrate-key:hover:not(:disabled){filter:brightness(1.04)}.ability-to-concentrate-key:disabled{cursor:default}.ability-to-concentrate-key.is-correct{color:#f6f1e6;background:#1f7a45;border-color:#1f7a45}.ability-to-concentrate-key.is-wrong{color:#fff7f4;background:#a33b32;border-color:#a33b32}@media (max-width:640px){.ability-to-concentrate-figure{width:min(86vw,320px)}.ability-to-concentrate-key{min-height:56px}}
.ac-lesson{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;height:100%;min-height:0;display:grid}.ac-lesson-stage{flex-direction:column;justify-content:safe center;align-items:center;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden auto}.ac-lesson-split{grid-template-columns:minmax(0,1.1fr) minmax(16rem,.75fr);align-items:center;gap:28px;width:100%;min-width:0;display:grid}.ac-lesson-demo{flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.ac-lesson-demo .ability-to-concentrate-figure{width:min(100%,300px)}.ac-lesson-keys{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,420px);display:grid}.ac-lesson-keys .ability-to-concentrate-key{cursor:default;min-height:58px}.ac-lesson-keys .ability-to-concentrate-key.is-hint{box-shadow:0 0 0 4px #1e3b342e}.ac-lesson-text{justify-items:start;gap:12px;min-width:0;display:grid}.ac-lesson-kicker{color:#1e3b34;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}.ac-lesson-slide-title{color:#1c1917;text-align:left;margin:0;font-size:1.2rem;font-weight:800;line-height:1.15}.ac-lesson-copy{color:#44403c;text-align:left;gap:10px;max-width:32rem;font-size:1.02rem;font-weight:600;line-height:1.45;display:grid}.ac-lesson-copy p{margin:0}.ac-lesson-copy strong{color:#1c1917;font-weight:800}.ac-lesson-footer{flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px;display:flex}.ac-lesson-nav,.ac-lesson-dot{color:#1c1917;cursor:pointer;background:#fff;border:1px solid #e4d9c8;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:inline-flex}.ac-lesson-nav svg{width:22px;height:22px;display:block}.ac-lesson-nav:hover:not(:disabled),.ac-lesson-dot:hover{background:#f6f1e6;border-color:#1e3b34}.ac-lesson-nav:disabled{opacity:.28;cursor:default}.ac-lesson-dot{font-size:1rem;font-weight:800}.ac-lesson-dot.is-active{color:#f6f1e6;background:#1e3b34;border-color:#1e3b34}@media (max-width:980px){.ac-lesson-split{grid-template-columns:1fr;justify-items:center}.ac-lesson-text{width:min(40rem,100%)}.ac-lesson-nav,.ac-lesson-dot{width:40px;height:40px}}
.grid-deduction-layout{flex-direction:column;gap:10px;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.grid-deduction-stage{box-sizing:border-box;background:#fff;border:1px solid #0f172a14;border-radius:28px;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:0;min-height:0;padding:12px;display:flex;overflow:hidden;box-shadow:0 12px 30px #0c27470d}.grid-deduction-grid{flex:none;gap:10px;width:min(100%,560px,58vh);margin:0 auto;display:grid}.grid-deduction-compare{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:0;width:min(100%,980px);min-height:0;display:grid;container-type:inline-size}.grid-deduction-board{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;padding:0 16px;display:flex}.grid-deduction-board+.grid-deduction-board{border-left:2px solid #0c274747}.grid-deduction-compare .grid-deduction-grid{aspect-ratio:1;width:min(100%,280px,42vh);height:auto;margin:0 auto}.grid-deduction-caption{text-align:center;color:#0c2747;margin:0 0 8px;font-size:.95rem;font-weight:750}.grid-deduction-cell{aspect-ratio:1;background:#e7eef6;border-radius:22%;place-items:center;min-width:0;min-height:0;display:grid}.grid-deduction-cell.is-gap{background:#fff;box-shadow:inset 0 0 0 3px #0057b8}.grid-deduction-cell.is-correct{background:#e8f6ee;box-shadow:inset 0 0 0 3px #1f7a45}.grid-deduction-cell.is-wrong{background:#fdeceb;box-shadow:inset 0 0 0 3px #a33b32}.grid-deduction-shape{width:62%;height:62%;display:block}.grid-deduction-choices{flex-wrap:wrap;flex:1 0 auto;place-content:center;align-items:center;gap:8px;width:100%;min-height:3.75rem;display:flex}.grid-deduction-choice{cursor:pointer;touch-action:manipulation;background:#f4f7fb;border:2px solid #0000;border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.grid-deduction-choice .grid-deduction-shape{width:58%;height:58%}.grid-deduction-choice:hover:not(:disabled){border-color:#0057b8}.grid-deduction-choice:disabled{cursor:default}.grid-deduction-choice.is-correct{background:#e8f6ee;border-color:#1f7a45}.grid-deduction-choice.is-wrong{opacity:.45;background:#fdeceb;border-color:#a33b32}@media (max-width:900px){.grid-deduction-stage{padding:8px}.grid-deduction-compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}.grid-deduction-board{flex-direction:column;align-items:center;padding:8px 8px 0}.grid-deduction-board+.grid-deduction-board{border-top:0;border-left:0}.grid-deduction-board.is-start{border-bottom:2px solid #0c274747;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);place-items:center;padding-bottom:8px;display:grid}.grid-deduction-board.is-start .grid-deduction-caption{text-align:right;grid-column:1;justify-self:end;margin:0 10px 0 0}.grid-deduction-board.is-start .grid-deduction-grid{grid-column:2}.grid-deduction-board.is-correct{border-left:2px solid #0c274747}.grid-deduction-caption{text-align:center;width:auto;margin:0 0 6px;font-size:.85rem}.grid-deduction-compare .grid-deduction-grid{gap:4px;width:min(50cqi - 1.25rem,30vh)}}@media (max-width:700px){.grid-deduction-choice{border-radius:14px;width:48px;height:48px}.grid-deduction-grid{gap:8px}}
.gd-lesson{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:320px;margin:0 auto;display:flex}.gd-lesson .grid-deduction-grid{width:min(100%,280px)}.gd-lesson .grid-deduction-choices{width:100%}.gd-lesson .grid-deduction-choice{width:min(56px,18vw);height:min(56px,18vw)}.gd-lesson .grid-deduction-choice.is-hint{border-color:#0057b8;box-shadow:0 0 0 4px #0057b833}
.inductive-reasoning-layout{flex-direction:column;gap:10px;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;margin:0 auto;display:flex;overflow:hidden}.inductive-reasoning-stage-card{box-sizing:border-box;background:#fff;border:1px solid #0f172a14;border-radius:28px;flex-direction:column;flex:1;gap:14px;width:100%;min-width:0;max-width:100%;min-height:0;padding:16px 16px 18px;display:flex;overflow:hidden;box-shadow:0 12px 30px #0c27470d}.inductive-reasoning-board{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:stretch;gap:16px;min-width:0;min-height:0;display:grid;overflow:hidden;container:ir-board/inline-size}.inductive-reasoning-panel{box-sizing:border-box;background:#f4f7fb;border:1px solid #0f172a14;border-radius:20px;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:14px;display:flex;overflow:hidden}.inductive-reasoning-heading{color:#0c2747;flex-shrink:0;margin:0;font-size:1rem;font-weight:750;line-height:1.15}@container ir-board (min-width:0){.inductive-reasoning-heading{font-size:clamp(.65rem,.42rem + 1.15cqi,1rem)}}.inductive-reasoning-examples,.inductive-reasoning-options{flex:1;gap:10px;min-width:0;min-height:0;display:grid;overflow:hidden}.inductive-reasoning-examples{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.inductive-reasoning-options{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.inductive-reasoning-option,.inductive-reasoning-example{box-sizing:border-box;background:0 0;border:2px solid #0000;border-radius:16px;place-items:center;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:0;line-height:0;display:grid;container-type:size}.inductive-reasoning-option{cursor:pointer;touch-action:manipulation}.inductive-reasoning-option:disabled{cursor:default}.inductive-reasoning-option.is-selected{border-color:#0057b8}.inductive-reasoning-option.is-correct{border-color:#1f7a45}.inductive-reasoning-option.is-wrong{border-color:#a33b32}.inductive-reasoning-option.is-fog{opacity:.38}.inductive-reasoning-figure{width:min(100cqw,100cqh);min-width:0;max-width:100%;height:min(100cqw,100cqh);min-height:0;max-height:100%;display:block}.inductive-reasoning-plate{fill:#fff;stroke:#0f172a24;stroke-width:1px}.inductive-reasoning-cell{fill:#e8eef5}.inductive-reasoning-cell-group.is-rule .inductive-reasoning-cell{fill:#d7e8fb;stroke:#0057b8;stroke-width:1.25px}.inductive-reasoning-cell-group.is-quiet{opacity:.35}.inductive-reasoning-confirm{color:#fff;cursor:pointer;touch-action:manipulation;background:#0057b8;border:0;border-radius:14px;flex-shrink:0;min-height:36px;margin-top:auto;font-size:1rem;font-weight:750}.inductive-reasoning-confirm:disabled{cursor:default;opacity:.45}.inductive-reasoning-confirm:hover:not(:disabled){filter:brightness(1.06)}.inductive-reasoning-explanation{color:#0c2747;background:#eef5fc;border:1px solid #0057b82e;border-radius:14px;flex-shrink:0;margin:0;padding:10px 14px;font-size:.92rem;line-height:1.4}@media (max-width:800px){.inductive-reasoning-stage-card{gap:8px;padding:8px}.inductive-reasoning-board{--chrome:154px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);gap:8px;container-type:size}.inductive-reasoning-board:not(:has(.inductive-reasoning-confirm)){--chrome:110px}.inductive-reasoning-panel{gap:8px;padding:8px}.inductive-reasoning-examples,.inductive-reasoning-options{--square:min((100cqw - 28px) / 2, max(0px, (100cqh - var(--chrome)) / 3));grid-template-columns:var(--square) var(--square);grid-template-rows:var(--square);flex:none;justify-content:center;align-self:center}.inductive-reasoning-options{grid-template-rows:var(--square) var(--square)}}
.ir-lesson{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;height:100%;min-height:0;display:grid}.ir-lesson-footer{flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px;display:flex}.ir-lesson-nav{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:inline-flex}.ir-lesson-nav svg{width:22px;height:22px;display:block}.ir-lesson-nav:hover:not(:disabled){background:#eef5ff;border-color:#93c5fd}.ir-lesson-nav:disabled{opacity:.28;cursor:default}.ir-lesson-stage{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:safe center;align-items:center;gap:10px;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden auto}.ir-lesson-stage>*{flex-shrink:0}.ir-lesson-kicker{color:#0057b8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}.ir-lesson-split{grid-template-columns:minmax(0,1.25fr) minmax(16rem,.7fr);align-items:center;gap:28px;width:100%;min-width:0;display:grid}.ir-lesson-text{justify-items:start;gap:12px;min-width:0;display:grid}.ir-lesson-slide-title{color:#0f172a;text-align:left;margin:0;font-size:1.2rem;font-weight:800;line-height:1.15}.ir-lesson-copy{color:#334155;text-align:left;gap:10px;max-width:32rem;font-size:1.02rem;font-weight:600;line-height:1.45;display:grid}.ir-lesson-copy p{margin:0}.ir-lesson-copy strong{color:#0f172a;font-weight:800}.ir-lesson-board.inductive-reasoning-board{width:100%;max-width:100%;height:auto;min-height:unset;pointer-events:none;flex:none;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;overflow:visible;container-type:inline-size}.ir-lesson-board .inductive-reasoning-panel{min-width:0;height:auto;min-height:unset;overflow:visible;container-type:inline-size}.ir-lesson-board .inductive-reasoning-heading{overflow-wrap:anywhere}.ir-lesson-board .inductive-reasoning-examples,.ir-lesson-board .inductive-reasoning-options{--square:min(112px, (100cqi - 10px) / 2);width:100%;height:auto;min-height:unset;grid-template-columns:var(--square) var(--square);grid-template-rows:var(--square);flex:none;justify-content:center;align-self:center;overflow:visible}.ir-lesson-board .inductive-reasoning-options{grid-template-rows:var(--square) var(--square)}.ir-lesson-board .inductive-reasoning-example,.ir-lesson-board .inductive-reasoning-option{width:var(--square);height:var(--square)}.ir-lesson-board .inductive-reasoning-confirm.is-hint{box-shadow:0 0 0 4px #0057b838}.ir-lesson-dots{flex-wrap:wrap;justify-content:center;gap:8px;min-width:0;display:flex}.ir-lesson-dot{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:1rem;font-weight:800;display:inline-flex}.ir-lesson-dot:hover{background:#eef5ff;border-color:#93c5fd}.ir-lesson-dot.is-active{color:#fff;background:#0057b8;border-color:#0057b8}@media (max-width:980px){.ir-lesson-split{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);justify-items:center;width:100%}.ir-lesson-text,.ir-lesson-copy{overflow-wrap:break-word;justify-self:start;justify-items:start;width:min(40rem,100%);max-width:100%}.ir-lesson-slide-title,.ir-lesson-copy{text-align:left}.ir-lesson-nav,.ir-lesson-dot{width:40px;height:40px}.ir-lesson-board.inductive-reasoning-board{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);height:auto;overflow:visible;container-type:inline-size}}
.listening-comprehension-layout{flex-direction:column;gap:10px;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.listening-comprehension-layout.is-summary{justify-content:center;align-items:center;overflow:visible}.listening-comprehension-stage{box-sizing:border-box;background:linear-gradient(#fff 0%,#f7fbff 100%);border:1px solid #0c274714;border-radius:24px;flex-direction:column;flex:1;gap:clamp(8px,1.2vh,16px);min-height:0;padding:clamp(10px,1.6vh,22px) clamp(12px,1.6vh,22px);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #0c27470d}.listening-comprehension-audio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.listening-comprehension-player{background:linear-gradient(90deg,#1d4ed8 0 4px,#0000 4px),linear-gradient(#fff 0%,#f3f7fd 100%);border:1px solid #0f274414;border-radius:18px;gap:10px;padding:16px 18px;display:grid}.listening-comprehension-progress{background:#dbe7f5;border-radius:999px;height:8px;overflow:hidden}.listening-comprehension-progress span{border-radius:inherit;background:#1d4ed8;height:100%;display:block}.listening-comprehension-player-status,.listening-comprehension-wait{color:#334155;margin:0;font-size:1rem;font-weight:650;line-height:1.45}.listening-comprehension-question{align-content:start;gap:clamp(6px,1vh,14px);min-height:0;display:grid}.listening-comprehension-question h2{color:#0f2744;margin:0;font-size:clamp(.84rem,1.7vh,1.28rem);font-weight:800;line-height:1.3}.listening-comprehension-choices{gap:clamp(4px,.7vh,10px);display:grid}.listening-comprehension-choice{color:#0f2744;text-align:left;cursor:pointer;background:#fff;border:1px solid #0f27441f;border-radius:16px;align-items:center;gap:12px;width:100%;padding:clamp(6px,.8vh,12px) 14px;font-size:clamp(.78rem,1.5vh,1rem);font-weight:700;line-height:1.3;display:flex}.listening-comprehension-choice:hover:not(:disabled){background:#f8fbff;border-color:#93c5fd}.listening-comprehension-choice:disabled{cursor:default}.listening-comprehension-set{flex:auto;grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(8px,1.4vh,22px);min-height:0;display:grid}.listening-comprehension-choice.is-selected{background:#eff6ff;border-color:#1d4ed8}.listening-comprehension-choice.is-correct{background:#f0fdf4;border-color:#15803d}.listening-comprehension-choice.is-wrong{background:#fef2f2;border-color:#b91c1c}.listening-comprehension-letter{color:#1d4ed8;background:#e8f1fc;border-radius:10px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:inline-flex}.listening-comprehension-note{color:#334155;background:#f8fafc;border-radius:16px;gap:4px;margin:0;padding:14px 16px;font-size:.98rem;font-weight:600;line-height:1.45;display:grid}.listening-comprehension-note strong{color:#0f2744}@media (max-width:800px){.listening-comprehension-stage{gap:8px;padding:10px 12px}.listening-comprehension-player{gap:6px;padding:8px 10px}.listening-comprehension-player-status,.listening-comprehension-wait{font-size:.84rem;line-height:1.3}.listening-comprehension-set{gap:8px}.listening-comprehension-question{gap:6px;min-height:0;overflow:hidden}.listening-comprehension-question h2{font-size:.84rem;line-height:1.25}.listening-comprehension-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.listening-comprehension-choice{border-radius:12px;gap:8px;padding:6px 8px;font-size:.78rem;line-height:1.25}.listening-comprehension-letter{border-radius:8px;width:24px;height:24px;font-size:.75rem}.listening-comprehension-note{gap:2px;padding:8px 10px;font-size:.75rem;line-height:1.3}}
.monitoring-ability-layout{flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;margin:0 auto;display:flex}.monitoring-ability-stage-card{background:#fff;border:1px solid #0c274714;border-radius:24px;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 12px 30px #0c27470d}.monitoring-ability-board{background:#f3f7fb;flex:1;min-height:280px;position:relative}.monitoring-ability-canvas{width:100%;height:100%;display:block}.monitoring-ability-answers{background:#fff;border-top:1px solid #0c274714;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px;display:grid}.monitoring-ability-answer{color:#fff;font-variant-numeric:tabular-nums;background:#2563eb;border:1px solid #2563eb52;border-radius:14px;min-height:52px;font-size:1.15rem;font-weight:700;box-shadow:0 8px 18px #2563eb29}.monitoring-ability-answer:hover:not(:disabled){transform:translateY(-1px)}.monitoring-ability-answer:disabled{cursor:default;transform:none}.monitoring-ability-answer:disabled:not(.is-correct):not(.is-incorrect):not(.is-missed){opacity:.72}.monitoring-ability-answer.is-correct{background:#15803d;border-color:#166534}.monitoring-ability-answer.is-incorrect{background:#b91c1c;border-color:#991b1b}.monitoring-ability-answer.is-missed{color:#15803d;background:#fff;border-color:#15803d}.monitoring-ability-buffer{color:#0f2744;font-variant-numeric:tabular-nums;min-height:1.2rem;margin:0;padding:8px 14px 0;font-weight:700}@media (max-width:720px){.monitoring-ability-answer{min-height:46px;font-size:1rem}.monitoring-ability-board{min-height:220px}}
.ma-lesson{background:#fff;border:1px solid #0c274714;border-radius:20px;flex-direction:column;width:100%;max-width:460px;margin:0 auto;display:flex;overflow:hidden}.ma-lesson-arena{background:#f3f7fb;width:100%;height:auto;display:block}.ma-lesson .monitoring-ability-answers{grid-template-columns:repeat(5,minmax(0,1fr))}.ma-lesson .training-click-target{min-width:0;display:flex}.ma-lesson .training-click-target>.monitoring-ability-answer{flex:1;width:100%}
.motion-challenge-layout{flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;margin:0 auto;display:flex}.motion-challenge-stage-card{background:#e7eef6;border:1px solid #0c274714;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;width:100%;min-height:0;padding:22px 16px 16px;display:flex;box-shadow:0 12px 30px #0c27470d}.motion-challenge-board-slot{flex:auto;place-items:center;width:100%;min-width:0;min-height:0;display:grid;container-type:size}.motion-challenge-board{--gap:6px;--cell:min(calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols)), calc((100cqh - (var(--rows) - 1) * var(--gap)) / var(--rows)), 68px);gap:var(--gap);grid-template-columns:repeat(var(--cols), var(--cell));grid-template-rows:repeat(var(--rows), var(--cell));touch-action:none;-webkit-user-select:none;user-select:none;width:max-content;height:max-content;display:grid}.motion-challenge-board.is-solution .motion-piece{pointer-events:none;cursor:default}.motion-cell{background:#d5e1f0;border-radius:2px}.motion-cell.is-target{background:#d7efd4;box-shadow:inset 0 0 0 2px #15803d73}.motion-piece{z-index:2;box-sizing:border-box;touch-action:none;border:0;place-self:stretch stretch;width:calc(100% - 8px);min-width:0;height:calc(100% - 8px);min-height:0;margin:4px;padding:0;box-shadow:0 6px 14px #14182129}.motion-piece.is-block{border-radius:3px;place-self:center;margin:0;box-shadow:inset 7px 0 #00000047}.motion-piece.is-block[data-span=wide]{width:calc(100% - 8px);height:44%}.motion-piece.is-block[data-span=tall]{width:44%;height:calc(100% - 8px)}.motion-piece.is-block[data-span=square]{width:62%;height:62%}.motion-piece.is-wall{box-shadow:none;pointer-events:none;border-radius:2px;background:repeating-linear-gradient(135deg,#334155,#334155 5px,#1e293b 5px 10px)!important}.motion-piece.is-ball,.motion-piece.is-goal{box-shadow:none;place-items:center;display:grid;background:0 0!important}.motion-piece.is-ball{z-index:3;width:100%;height:100%;margin:0}.motion-piece.is-goal{z-index:1;pointer-events:none;border:0;width:100%;height:100%;margin:0}.motion-token{background:radial-gradient(circle at 34% 30%,#dbeafe 0%,#60a5fa 18%,#2563eb 48%,#1e3a8a 100%);border-radius:50%;width:68%;height:68%;box-shadow:inset -4px -6px 8px #0f172a61,0 3px 4px #0f172a47}.motion-hole{background:radial-gradient(circle at 50% 56%,#0f172a 0 38%,#334155 56%,#94a3b8 72%,#e8eef6 88%,#d5e1f0 100%);border-radius:50%;width:80%;height:80%;box-shadow:inset 0 6px 9px #0f172a8c}.motion-piece.is-movable{cursor:grab}.motion-piece.is-selected{outline-offset:1px;outline:3px solid #243044}.motion-piece.is-ball.is-selected{outline:none}.motion-piece.is-ball.is-selected .motion-token{box-shadow:inset -4px -6px 8px #0f172a61,0 0 0 3px #243044,0 3px 4px #0f172a47}.motion-piece.is-dragging{z-index:4;cursor:grabbing;opacity:.92}.motion-piece.is-replaying{z-index:5;outline-offset:1px;outline:3px solid #1d4ed8}.motion-piece.is-ball.is-replaying{outline:none}.motion-piece.is-ball.is-replaying .motion-token{box-shadow:inset -4px -6px 8px #0f172a61,0 0 0 3px #1d4ed8,0 3px 4px #0f172a47}.motion-challenge-rule{text-align:center;color:#3d4d5c;max-width:520px;margin:0;font-size:.98rem;line-height:1.45}.motion-challenge-toolbar{justify-content:center;align-items:center;gap:12px;width:min(100%,420px);display:flex}.motion-challenge-steps{text-align:center;color:#243044;font-variant-numeric:tabular-nums;width:100%;margin:0;font-weight:700}.motion-challenge-next{color:#243044;background:#fff;border:1px solid #24304433;border-radius:12px;min-height:44px;padding:0 18px;font-weight:700}.motion-challenge-toolbar.is-solution{flex-direction:column;align-items:stretch}.motion-challenge-solution-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.motion-challenge-step-row{gap:8px;display:flex}.motion-challenge-step{color:#243044;cursor:pointer;background:#fff;border:1px solid #24304433;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-weight:700;display:inline-flex}.motion-challenge-step:disabled{opacity:.45;cursor:default}@media (max-width:640px){.motion-challenge-rule{font-size:.92rem}}
.mc-lesson{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;margin:0 auto;display:flex}.mc-lesson .motion-challenge-board{--gap:6px;--cell:min(58px, 16vw)}.mc-lesson .motion-challenge-steps{color:#243044;margin:0;font-weight:750}.mc-lesson .motion-piece.is-lesson-sliding{z-index:6;animation:2.8s ease-in-out infinite mc-lesson-slide}@keyframes mc-lesson-slide{0%,16%{transform:translate(var(--from-x), var(--from-y))}48%,74%{transform:translate(0)}75%,to{transform:translate(var(--from-x), var(--from-y))}}@media (prefers-reduced-motion:reduce){.mc-lesson .motion-piece.is-lesson-sliding{animation:none}}
.sj-lesson{gap:12px;width:100%;min-width:0;display:grid}.sj-lesson-situation{color:#0f2744;background:linear-gradient(90deg,#1d4ed8 0 4px,#0000 4px),linear-gradient(#fff 0%,#f3f7fd 100%);border:1px solid #0f274414;border-radius:16px;margin:0;padding:14px 16px 14px 18px;font-size:.98rem;font-weight:650;line-height:1.45}.sj-lesson-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;display:grid}.sj-lesson-column{background:#ffffffb8;border:1px solid #0f27441a;border-radius:16px;gap:8px;min-width:0;padding:12px;display:grid}.sj-lesson-column.is-most{background:linear-gradient(#eff6ffe6 0%,#ffffffe6 100%);border-color:#2563eb29}.sj-lesson-column.is-least{background:linear-gradient(#fff7edf2 0%,#ffffffeb 100%);border-color:#b4530929}.sj-lesson-label{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-self:start;margin:0;padding:5px 10px;font-size:.72rem;font-weight:800;line-height:1.2}.sj-lesson-column.is-most .sj-lesson-label{color:#1d4ed8;background:#2563eb1a}.sj-lesson-column.is-least .sj-lesson-label{color:#9a3412;background:#ea580c1f}.sj-lesson-option{color:#1c334d;background:#fff;border:1px solid #0f27441a;border-radius:12px;margin:0;padding:10px 12px;font-size:.92rem;font-weight:650;line-height:1.35}.sj-lesson-column.is-most .sj-lesson-option.is-chosen{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#1d4ed866}.sj-lesson-column.is-least .sj-lesson-option.is-chosen{color:#fff;background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);border-color:#c2410c66}@media (max-width:720px){.sj-lesson-columns{grid-template-columns:1fr}}
.situational-judgement-layout{flex-direction:column;gap:10px;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.situational-judgement-layout.is-summary{justify-content:center;align-items:center;overflow:visible}.situational-judgement-stage{box-sizing:border-box;background:linear-gradient(#fff 0%,#f7fbff 100%);border:1px solid #0c274714;border-radius:24px;flex-direction:column;flex:1;gap:18px;min-height:0;padding:20px 22px 24px;display:flex;overflow:hidden;box-shadow:0 12px 30px #0c27470d}.situational-judgement-scenario{color:#0f2744;background:linear-gradient(90deg,#1d4ed8 0 4px,#0000 4px),linear-gradient(#fff 0%,#f3f7fd 100%);border:1px solid #0f274414;border-radius:18px;flex:none;margin:0;padding:18px 20px 18px 22px;font-size:clamp(1.02rem,1.4vw,1.16rem);font-weight:650;line-height:1.55}.situational-judgement-choices{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:14px;min-height:0;display:grid;overflow:auto}.situational-judgement-fieldset{background:#ffffffb8;border:1px solid #0f27441a;border-radius:18px;flex-direction:column;gap:8px;min-width:0;margin:0;padding:14px;display:flex}.situational-judgement-fieldset--most{background:linear-gradient(#eff6ffe6 0%,#ffffffe6 100%);border-color:#2563eb29}.situational-judgement-fieldset--least{background:linear-gradient(#fff7edf2 0%,#ffffffeb 100%);border-color:#b4530929}.situational-judgement-fieldset legend{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:4px;padding:5px 10px;font-size:.72rem;font-weight:800;line-height:1.2}.situational-judgement-fieldset--most legend{color:#1d4ed8;background:#2563eb1a}.situational-judgement-fieldset--least legend{color:#9a3412;background:#ea580c1f}.situational-judgement-option{color:#1c334d;cursor:pointer;background:#fff;border:1px solid #0f27441a;border-radius:14px;align-items:flex-start;gap:12px;margin:0;padding:12px 14px;line-height:1.4;transition:border-color .15s,background .15s,box-shadow .15s,color .15s;display:flex;position:relative;box-shadow:inset 0 1px #ffffffe6}.situational-judgement-option:hover{border-color:#0f274438;box-shadow:0 8px 18px #0f27420f,inset 0 1px #ffffffe6}.situational-judgement-option:focus-within{outline-offset:2px;outline:2px solid #2563eb73}.situational-judgement-option:before{content:"";box-sizing:border-box;background:#fff;border:2px solid #0f274447;border-radius:50%;flex:0 0 16px;width:16px;height:16px;margin-top:2px}.situational-judgement-option input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.situational-judgement-option span{flex:1;min-width:0;font-size:.94rem}.situational-judgement-fieldset--most .situational-judgement-option.is-selected{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#1d4ed866;box-shadow:0 10px 20px #2563eb38}.situational-judgement-fieldset--least .situational-judgement-option.is-selected{color:#fff;background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);border-color:#c2410c66;box-shadow:0 10px 20px #ea580c33}.situational-judgement-option.is-selected:before{background:radial-gradient(circle,#fff 0 3px,#0000 3.5px);border-color:#fffffff2}.situational-judgement-option.is-selected span{font-weight:700}.situational-judgement-fieldset.is-review .situational-judgement-option{pointer-events:none;color:#1c334d;box-shadow:none}.situational-judgement-option.is-correct{background:#f0fdf4;border-color:#15803d}.situational-judgement-option.is-correct:before{background:radial-gradient(circle,#15803d 0 3px,#fff 3.5px);border-color:#15803d}.situational-judgement-option.is-wrong{background:#fef2f2;border-color:#b91c1c}.situational-judgement-option.is-wrong:before{background:radial-gradient(circle,#b91c1c 0 3px,#fff 3.5px);border-color:#b91c1c}.situational-judgement-option.is-missed{background:#f0fdf4;border-color:#15803d}.situational-judgement-option.is-missed:before{background:#fff;border-color:#15803d}.situational-judgement-option.is-correct span,.situational-judgement-option.is-wrong span,.situational-judgement-option.is-missed span{font-weight:700}.situational-judgement-explanation{z-index:1;color:#334155;background:#f7fbff;border:1px solid #0f274414;border-radius:16px;flex:none;margin:0;padding:16px 18px;font-size:.95rem;line-height:1.6;position:relative}@media (max-width:800px),(max-height:720px){.situational-judgement-stage{border-radius:18px;gap:8px;padding:10px 12px}.situational-judgement-scenario{padding:8px 10px 8px 14px;font-size:.84rem;line-height:1.3}.situational-judgement-choices{gap:8px}.situational-judgement-fieldset{border-radius:14px;gap:4px;padding:8px}.situational-judgement-option{border-radius:10px;gap:8px;padding:6px 8px;line-height:1.25}.situational-judgement-option span{font-size:.78rem}.situational-judgement-explanation{padding:8px 10px;font-size:.78rem;line-height:1.3}}@media (max-width:549px){.situational-judgement-option.is-spare{display:none}}@media (prefers-reduced-motion:reduce){.situational-judgement-option{transition:none}}
.spatial-orientation-layout{flex-direction:column;gap:10px;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.spatial-orientation-stage{box-sizing:border-box;background:#fff;border:1px solid #0f172a14;border-radius:28px;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px 18px 14px;display:flex;overflow:hidden;box-shadow:0 12px 30px #0c27470d;container:so-play/size}.spatial-orientation-prompt{color:#0c2747;flex-shrink:0;margin:0;font-size:1.02rem;font-weight:750;line-height:1.35}.spatial-orientation-board{flex:1 1 0;grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);align-items:center;gap:18px;min-width:0;min-height:0;display:grid;overflow:hidden}.spatial-orientation-instruments{justify-content:center;align-items:center;gap:18px;min-width:0;display:flex}.spatial-orientation-dial{justify-items:center;gap:6px;width:min(100%,240px);margin:0;display:grid}.spatial-orientation-dial svg{width:100%;height:auto;display:block}.spatial-orientation-dial figcaption{color:#0c2747;letter-spacing:.08em;margin:0;font-size:.82rem;font-weight:800}.spatial-orientation-dial.is-emphasis svg{filter:drop-shadow(0 0 .45rem #0057b873)}.spatial-orientation-bezel{fill:#d7dee8}.spatial-orientation-face{fill:#172033}.spatial-orientation-tick{stroke:#d5deea;stroke-width:1.4px}.spatial-orientation-tick.is-major{stroke-width:2.4px}.spatial-orientation-cardinal,.spatial-orientation-intercardinal{fill:#f8fbff;font-family:inherit;font-weight:750}.spatial-orientation-cardinal{font-size:15px}.spatial-orientation-intercardinal{fill:#c5d2e4;font-size:11px}.spatial-orientation-lubber,.spatial-orientation-aircraft,.spatial-orientation-needle{fill:#f2c14e}.spatial-orientation-needle-tail{stroke:#f2c14e;stroke-width:7px;stroke-linecap:round}.spatial-orientation-hub{fill:#f7fbff}.spatial-orientation-answer{align-content:center;justify-items:center;gap:14px;min-width:0;display:grid}.spatial-orientation-choices{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.spatial-orientation-choice{color:#0c2747;cursor:pointer;touch-action:manipulation;background:#f4f7fb;border:2px solid #0000;border-radius:16px;justify-items:center;gap:2px;width:74px;min-height:78px;padding:6px 4px 4px;display:grid}.spatial-orientation-choice-letter{letter-spacing:.04em;font-size:.78rem;font-weight:800}.spatial-orientation-aircraft-mark{width:42px;height:42px;display:block}.spatial-orientation-choice .spatial-orientation-aircraft{fill:#0c2747}.spatial-orientation-choice:hover{border-color:#0057b8}.spatial-orientation-choice[tabindex="-1"]{cursor:default}.spatial-orientation-choice[tabindex="-1"]:hover:not(.is-correct):not(.is-wrong):not(.is-hint){border-color:#0000}.spatial-orientation-choice.is-selected{background:#e7f1ff;border-color:#0057b8}.spatial-orientation-choice.is-correct{background:#e8f6ee;border-color:#1f7a45}.spatial-orientation-choice.is-wrong{background:#fdeceb;border-color:#a33b32}.spatial-orientation-choice.is-hint{border-color:#0057b8;box-shadow:0 0 0 3px #0057b82e}.spatial-orientation-map{justify-items:center;gap:4px;display:grid}.spatial-orientation-north{color:#0c2747;margin:0;font-size:.95rem;font-weight:800}.spatial-orientation-zones{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:252px;display:grid}.spatial-orientation-zone,.spatial-orientation-station{aspect-ratio:1;box-sizing:border-box;border-radius:12px}.spatial-orientation-zone{color:#0c2747;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #c5d0de;position:relative}.spatial-orientation-zone:hover{border-color:#0057b8}.spatial-orientation-zone-number{color:#7b8da3;font-size:.85rem;font-weight:750;position:absolute;top:6px;left:8px}.spatial-orientation-zone-letter{place-items:center;font-size:1.7rem;font-weight:800;display:grid;position:absolute;inset:0}.spatial-orientation-zone.is-correct{background:#e8f6ee;border-color:#1f7a45}.spatial-orientation-zone.is-wrong{background:#fdeceb;border-color:#a33b32}.spatial-orientation-zone.is-hint{border-color:#0057b8;box-shadow:inset 0 0 0 2px #0057b8}.spatial-orientation-station{background:0 0;border:none;place-items:center;display:grid}.spatial-orientation-station-mark{width:82%;height:82%;display:block;overflow:visible}.spatial-orientation-station-building,.spatial-orientation-station-runway{fill:#0c2747}.spatial-orientation-station-mast{stroke:#0c2747;stroke-width:1.6px;stroke-linecap:round}.spatial-orientation-station-beacon{fill:#f2c14e}.spatial-orientation-hint{color:#526277;text-align:center;flex-shrink:0;margin:0;font-size:.92rem;font-weight:650}.spatial-orientation-lesson .spatial-orientation-board{grid-template-columns:minmax(0,1fr);gap:12px}.spatial-orientation-lesson .spatial-orientation-dial{width:min(100%,168px)}.spatial-orientation-lesson .spatial-orientation-zones{width:196px}.spatial-orientation-lesson .spatial-orientation-zone,.spatial-orientation-lesson .spatial-orientation-choice{cursor:default}.so-letters{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 28px;display:flex}.so-letters .so-compass{width:min(100%,240px)}.so-letter-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.so-letter{background:#f4f7fb;border-radius:16px;align-content:center;justify-items:center;gap:2px;width:84px;min-height:108px;padding:8px 4px;display:grid}.so-letter-name,.so-letter-dir{color:#0c2747;font-weight:800}.so-letter-name{letter-spacing:.04em;font-size:.82rem}.so-letter-dir{text-transform:capitalize;font-size:.78rem}.so-letter .spatial-orientation-aircraft-mark{width:46px;height:46px}.so-letter .spatial-orientation-aircraft{fill:#0c2747}.so-compass{width:min(100%,340px);height:auto;margin:0 auto;display:block}.so-compass-face{fill:#f7f9fc;stroke:#d5deea;stroke-width:3px}.so-compass-cross{stroke:#c5d0de;stroke-width:2px}.so-compass-name{fill:#526277;text-anchor:middle;dominant-baseline:central;font-family:inherit;font-size:16px;font-weight:800}.so-compass-name.is-cardinal{fill:#0c2747;font-size:22px}.so-compass-name.is-hot{fill:#0057b8}.so-translate{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;width:100%;display:flex}.so-translate-step{justify-items:center;gap:8px;width:max-content;max-width:100%;margin:0;display:grid}.so-translate-step figcaption{color:#334155;text-align:center;max-width:16rem;margin:0;font-size:.92rem;font-weight:750}.so-translate .spatial-orientation-dial{width:min(100%,210px)}.so-translate .so-compass{width:min(100%,270px)}.so-translate-arrow{color:#0057b8;flex:none;place-items:center;width:4.5rem;height:4.5rem;display:grid}.so-translate-arrow svg{width:4.5rem;height:4.5rem;display:block}.so-translate-arrow line{stroke:currentColor;stroke-width:8px;stroke-linecap:round}.so-translate-arrow polygon{fill:currentColor}.spatial-orientation-lesson{width:100%;min-width:0;container:so-lesson/inline-size}@container so-lesson (max-width:44rem){.so-translate{flex-flow:column}.so-translate-arrow{width:100%}.so-translate-arrow svg{transform:rotate(90deg)}}.so-translate-note{color:#334155;text-align:center;flex:1 0 100%;margin:4px 0 0;font-size:.92rem;font-weight:750}.so-translate .spatial-orientation-choices{flex:1 0 100%;justify-content:center}.so-translate .training-click-hint{bottom:16px;right:-6px}.so-cells{grid-template-columns:auto auto auto;grid-template-areas:".north.""west board east"".south.";justify-content:center;align-items:center;gap:10px 14px;width:100%;display:grid}.so-cells .spatial-orientation-map{grid-area:board}.so-cells .spatial-orientation-north{display:none}.so-cells-wind{color:#0c2747;font-size:1rem;font-weight:800}.so-cells-wind.is-north{grid-area:north;justify-self:center}.so-cells-wind.is-east{grid-area:east}.so-cells-wind.is-south{grid-area:south;justify-self:center}.so-cells-wind.is-west{grid-area:west;justify-self:end}.so-place .so-map-figure{width:min(100%,250px)}.so-place .spatial-orientation-dial{width:min(100%,170px)}.so-place .spatial-orientation-map{flex:1 0 100%}.so-place .spatial-orientation-zones>.training-click-target{min-width:0;display:grid}.so-place .spatial-orientation-zones>.training-click-target>.spatial-orientation-zone{width:100%;height:100%;font:inherit;padding:0}.so-place .training-click-hint{bottom:0;right:2px}.so-place,.so-instrument{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex}.so-kicker,.so-rbi-caption,.so-map-figure figcaption{color:#334155;text-align:center;margin:0;font-size:.92rem;font-weight:750}.so-kicker{color:#0057b8;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.so-instrument{flex-direction:column;gap:14px}.so-instrument .spatial-orientation-dial{width:min(100%,220px)}.so-map-figure{justify-items:center;gap:8px;width:min(100%,300px);margin:0;display:grid}.so-map{width:100%;height:auto;display:block}.so-map-ring{fill:#f7f9fc;stroke:#d5deea;stroke-width:3px}.so-map-cross{stroke:#e2e8f0;stroke-width:2px}.so-map-wind,.so-map-note{fill:#0c2747;text-anchor:middle;dominant-baseline:central;font-family:inherit;font-weight:800}.so-map-wind{font-size:20px}.so-map-note{fill:#0057b8;font-size:14px}.so-map-arrow line{stroke:#0057b8;stroke-width:6px;stroke-linecap:round}.so-map-arrow polygon{fill:#0057b8}.so-map-station{fill:none;stroke:#0c2747;stroke-width:3px}@container so-play (max-width:860px){.spatial-orientation-stage{gap:8px;padding:10px 12px}.spatial-orientation-board{grid-template-columns:minmax(0,1fr);align-content:center;align-items:center;gap:10px}.spatial-orientation-instruments{flex-wrap:nowrap}.spatial-orientation-dial{width:min(42cqw,20cqh,180px)}.spatial-orientation-zones{width:min(78cqw,38cqh,240px)}.spatial-orientation-choice{width:min(18cqw,64px);min-height:0;padding:4px 2px}.spatial-orientation-aircraft-mark{width:min(12cqw,34px);height:min(12cqw,34px)}.spatial-orientation-zone-letter{font-size:1.25rem}}
.spatial-recall-layout{color:#f5f9ff;flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;margin:0 auto;display:flex}.spatial-recall-stage-card{background:#1a4f86;border:1px solid #ffffff24;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:100%;min-height:0;padding:22px 16px 28px;display:flex;overflow:auto;box-shadow:0 12px 30px #0818302e}.spatial-recall-prompt{text-align:center;letter-spacing:.01em;color:#fff;max-width:34rem;margin:0;font-size:1.05rem;font-weight:650}.spatial-recall-field{width:100%;min-height:240px;box-shadow:none;background:0 0;border:none;border-radius:0;flex:auto;position:relative}.spatial-recall-token{color:#12365e;background:#fff;border:2px solid #0c274747;border-radius:50%;width:34px;height:34px;margin:0;padding:0;font-weight:750;line-height:1;position:absolute;transform:translate(-50%,-50%)}.spatial-recall-token:disabled{opacity:1;cursor:default}.spatial-recall-token.is-lit{color:#fff;background:#ff4d6a;border-color:#fff;box-shadow:0 0 0 6px #ff4d6a59}.spatial-recall-token.is-marked{color:#fff;background:#0c2747;border-color:#fff}.spatial-recall-token.is-ready{cursor:pointer}.spatial-recall-compare,.spatial-recall-merge{background:#08183038;border:1px solid #ffffff29;border-radius:18px;flex:auto;justify-content:center;align-items:center;gap:18px;width:100%;min-height:0;padding:16px;display:flex}.spatial-recall-compare.is-tables{width:min(100%,680px);height:min(58vh,520px);box-shadow:none;background:0 0;border:none;border-radius:0;flex:auto;align-items:stretch;padding:0}.spatial-recall-compare.is-tables.is-square{width:min(100%,720px);height:min(46vh,380px)}.spatial-recall-compare.is-tables .spatial-recall-table-wrap{background:0 0;border:none;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex}.spatial-recall-table{width:100%;height:100%;display:block}.spatial-recall-table-cell{fill:#ffffff29;stroke:#ffffff47;stroke-width:.6px}.spatial-recall-table-cell.is-filled{fill:#fff;stroke:#fff}.spatial-recall-divider{background:#ffffffd9;border-radius:99px;align-self:stretch;width:2px}.spatial-recall-merge{flex-direction:column;gap:8px}.spatial-recall-merge-row{align-items:center;gap:12px;display:flex}.spatial-recall-op{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#fff;min-width:4.5rem;font-size:.78rem;font-weight:700}.spatial-recall-links{aspect-ratio:1;background:#12365e;border:1px solid #ffffff29;border-radius:12px;width:min(28vw,240px);height:auto;display:block}.spatial-recall-link{stroke:#fff}.spatial-recall-link-node{fill:#fff}.spatial-recall-choices{gap:12px;display:flex}.spatial-recall-choice{color:#12365e;background:#fff;border:1px solid #fff;border-radius:999px;min-width:118px;padding:12px 22px;font-weight:750}.spatial-recall-choice:disabled{opacity:.45}.spatial-recall-rule{text-align:center;color:#ffffffe0;max-width:36rem;margin:0;font-size:.95rem}@media (max-width:640px){.spatial-recall-field{height:240px}.spatial-recall-token{width:30px;height:30px}.spatial-recall-compare.is-tables{gap:8px;height:min(48vh,420px);padding:8px}}
.sr-lesson{box-sizing:border-box;background:#1a4f86;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:760px;margin:0 auto;padding:16px;display:flex}.sr-lesson .spatial-recall-field{flex:none;width:100%;height:min(200px,52vw);min-height:150px}.sr-lesson .spatial-recall-compare.is-tables,.sr-lesson .spatial-recall-merge{background:0 0;border:none;flex:none;gap:6px;width:100%;height:auto;min-height:0;padding:0}.sr-lesson-kinds{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.sr-lesson-kind{background:#08183038;border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px 6px;display:flex}.sr-lesson-kind-label{color:#fff;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.sr-lesson-kind .spatial-recall-table{aspect-ratio:3/2;width:100%;max-width:88px;height:auto}.sr-lesson-kind .spatial-recall-compare.is-square .spatial-recall-table{aspect-ratio:1;max-width:72px}.sr-lesson-kind .spatial-recall-merge{align-items:center}.sr-lesson-kind .spatial-recall-merge-row{justify-content:center;gap:4px;width:100%}.sr-lesson-kind .spatial-recall-links{flex:none;width:min(100%,64px)}.sr-lesson-kind .spatial-recall-op{letter-spacing:.04em;min-width:0;font-size:.58rem}.sr-lesson-kinds.is-single{grid-template-columns:minmax(0,1fr);width:min(100%,420px);margin-inline:auto}.sr-lesson-kinds.is-single .spatial-recall-table{max-width:180px}.sr-lesson-kinds.is-single .spatial-recall-compare.is-square .spatial-recall-table{max-width:160px}.sr-lesson-kinds.is-single .spatial-recall-links{width:min(100%,120px)}@media (max-width:720px){.sr-lesson-kinds{grid-template-columns:minmax(0,1fr)}}.sr-lesson .spatial-recall-choice{opacity:1}.sr-lesson .spatial-recall-choice.is-hint{box-shadow:0 0 0 4px #ffffff73}
.symbol-match-layout{flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;margin:0 auto;display:flex}.symbol-match-stage-card{--symbol-match-blue:#1a3d73;background:#f7f8f6;border:1px solid #0c274714;border-radius:24px;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 12px 30px #0c27470d}.symbol-match-stage{flex:1;justify-content:center;align-items:center;min-height:280px;padding:28px 16px 12px;display:flex}.symbol-match-pair{justify-content:center;align-items:center;gap:28px;min-height:140px;display:flex}.symbol-match-badge{background:var(--symbol-match-blue);border-radius:50%;flex-shrink:0;place-items:center;width:108px;height:108px;display:grid;box-shadow:0 10px 22px #10285047}.symbol-match-badge svg{width:62%;height:62%;display:block}.symbol-match-badge.is-correct{box-shadow:0 0 0 5px #dbeafe,0 10px 22px #10285047}.symbol-match-badge.is-wrong{box-shadow:0 0 0 5px #b91c1c,0 10px 22px #10285047}.symbol-match-rule{text-align:center;color:#3d4d5c;margin:0 20px 8px;font-size:.98rem;line-height:1.45}.symbol-match-matched{background:var(--symbol-match-blue);color:#fff;letter-spacing:.01em;touch-action:manipulation;border:0;border-radius:14px;min-height:56px;margin:8px 16px 16px;font-size:1.05rem;font-weight:700}.symbol-match-matched:hover:not(:disabled){filter:brightness(1.05)}.symbol-match-matched:disabled{opacity:.45;cursor:default}@media (max-width:640px){.symbol-match-badge{width:84px;height:84px}.symbol-match-pair{gap:18px}.symbol-match-rule{font-size:.92rem}}
.sm-lesson{--symbol-match-blue:#1a3d73;flex-direction:column;align-items:stretch;gap:14px;width:100%;max-width:420px;margin:0 auto;display:flex}.sm-lesson .symbol-match-pair{min-height:0}.sm-lesson .symbol-match-badge{width:min(108px,28vw);height:min(108px,28vw)}.sm-lesson .training-click-target,.sm-lesson .training-click-target>.symbol-match-matched{width:100%}