*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0d0d1a;--bg-panel:#10121eeb;--text-primary:#e8e8f0;--text-muted:#8888a0;--accent:#4fc3f7;--accent-warm:#ff8a65;--border:#ffffff14;--btn-bg:#ffffff0f;--btn-hover:#ffffff1f;--btn-active:#4fc3f733;--radius:8px;--font-size-base:13.5px;--font-size-lg:15px;--font-size-xl:20px}html,body,#root{width:100%;height:100%;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;overflow:hidden}.app-root{flex-direction:column;width:100%;height:100%;display:flex}.app-header{border-bottom:1px solid var(--border);z-index:10;background:#0a0c16f2;flex-shrink:0;align-items:center;gap:14px;padding:8px 22px;display:flex}.app-title{font-size:var(--font-size-xl);letter-spacing:.04em;color:#fff;font-weight:700}.app-version{color:#aeb8c7;letter-spacing:.04em;border:1px solid #ffffff24;border-radius:999px;align-items:center;min-height:22px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.app-subtitle{color:var(--text-muted);margin-left:auto;font-size:12px}.bug-feedback{color:#e6c8ad;white-space:nowrap;cursor:pointer;background:#ffb06b12;border:1px solid #ffb06b3d;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:4px 9px;font-size:10px;display:inline-flex}.feedback-control{z-index:45;position:relative}.feedback-popover{color:#c9d5e0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1019f2;border:1px solid #78a0b966;border-radius:14px;gap:10px;width:min(280px,100vw - 28px);padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #0000005c}.feedback-popover-heading,.feedback-contact-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.feedback-popover-heading strong{color:#fff;font-size:13px}.feedback-popover-heading button,.feedback-contact-row button{color:#c9d5e0;cursor:pointer;background:#ffffff0f;border:1px solid #b4cddc38;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:5px 8px;display:inline-flex}.feedback-popover p{color:#9eafbf;margin:0;font-size:11px;line-height:1.6}.feedback-contact-row{color:#fff;border-top:1px solid #b4cddc29;padding-top:9px;font-size:11px}.bug-feedback strong{color:#ffe3c8;letter-spacing:.02em;font-size:11px}.teacher-guide-trigger{color:#dff6ff;cursor:pointer;background:#4fc3f714;border:1px solid #4fc3f747;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.teacher-guide-trigger:hover{background:#4fc3f729;border-color:#4fc3f78f}.app-main{flex:1;min-height:0;display:flex;position:relative}.mobile-panel-toggle,.mobile-panel-backdrop{display:none}.app-sidebar{background:var(--bg-panel);border-right:1px solid var(--border);z-index:5;flex-direction:column;flex-shrink:0;gap:14px;width:248px;padding:12px;display:flex;overflow-y:auto}.sidebar-section-divider{background:linear-gradient(90deg,#0000,#4fc3f759,#0000);flex:0 0 1px;height:1px}.app-scene{opacity:1;transform-origin:50%;will-change:opacity, transform;flex:1;min-width:0;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);position:relative;transform:scale(1)}.app-scene.scene-transitioning{opacity:.16;pointer-events:none;transform:scale(.985)}.panel-title{font-size:var(--font-size-lg);color:#fff;letter-spacing:.03em;margin-bottom:10px;font-weight:700}button:focus-visible{outline-offset:2px;outline:3px solid #fff}.view-mode-control{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff09;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:12px;padding:3px;display:grid}.view-mode-btn{min-width:0;min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:5px 3px;font-family:inherit;font-size:11px;display:flex}.view-mode-btn:hover{background:var(--btn-hover);color:var(--text-primary)}.view-mode-btn.active{background:var(--btn-active);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.view-mode-btn span{white-space:normal;text-align:center;max-width:100%}.textbook-mode-note{color:#e8ddb7;background:#d7b85d17;border-left:3px solid #d7b85d;border-radius:0 7px 7px 0;margin:-3px 0 12px;padding:9px 10px;font-size:11.5px;line-height:1.65}.textbook-mode-note p{margin:0}.textbook-camera-lock{color:#e8ddb7;cursor:pointer;background:#d7b85d14;border:1px solid #d7b85d4d;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:34px;padding:6px 9px;display:inline-flex}.textbook-camera-lock.active{background:#d7b85d29;border-color:#d7b85d9e}.season-control{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff09;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:12px;padding:3px;display:grid}.season-btn{min-width:0;min-height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:5px 3px;font-family:inherit;font-size:11px;display:flex}.season-btn:hover:not(:disabled){background:var(--btn-hover);color:var(--text-primary)}.season-btn.active{background:var(--btn-active);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.season-btn:disabled{opacity:.38;cursor:not-allowed}.projection-toggle{border:1px solid var(--border);border-radius:var(--radius);background:var(--btn-bg);width:100%;min-height:40px;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin:0 0 12px;font-weight:600;display:flex}.projection-toggle.active{color:#fff;border-color:var(--accent);background:var(--btn-active);box-shadow:0 0 12px #4fc3f733}.circulation-focus-control{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff09;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:12px;padding:3px;display:grid}.circulation-focus-control button{min-width:0;min-height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-family:inherit;font-size:11px;font-weight:600}.circulation-focus-control button:hover{color:var(--text-primary);background:var(--btn-hover)}.circulation-focus-control button.active{color:#fff;background:var(--btn-active);box-shadow:inset 0 0 0 1px var(--accent)}.concept-demo-button{border-radius:var(--radius);color:#ffd8c9;width:100%;min-height:42px;font-family:inherit;font-size:var(--font-size-base);cursor:pointer;background:linear-gradient(135deg,#ff8a651f,#ffbe5c0f);border:1px solid #ff8a655c;justify-content:center;align-items:center;gap:8px;margin:0 0 12px;font-weight:700;display:flex}.concept-demo-button:hover,.concept-demo-button.active{border-color:var(--accent-warm);color:#fff;background:linear-gradient(135deg,#ff8a6540,#ffbe5c1f);box-shadow:0 0 14px #ff8a652e}.concept-demo-button.polar-front-button{color:#ccecff;background:linear-gradient(135deg,#70c8ff21,#c4b7ff12);border-color:#70c8ff5c;margin-top:-6px}.concept-demo-button.polar-front-button:hover,.concept-demo-button.polar-front-button.active{color:#fff;background:linear-gradient(135deg,#70c8ff40,#c4b7ff24);border-color:#70c8ff;box-shadow:0 0 14px #70c8ff33}.concept-demo-button.pressure-comparison-button{color:#e4d3ff;background:linear-gradient(135deg,#c299ff21,#4fc3f712);border-color:#c299ff5c;margin-top:-6px}.concept-demo-button.pressure-comparison-button:hover,.concept-demo-button.pressure-comparison-button.active{color:#fff;background:linear-gradient(135deg,#c299ff40,#4fc3f721);border-color:#c299ff;box-shadow:0 0 14px #c299ff33}.toggle-list{flex-direction:column;gap:6px;display:flex}.toggle-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--btn-bg);width:100%;color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;transition:all .15s;display:flex}.toggle-btn:hover{background:var(--btn-hover)}.toggle-btn:disabled,.action-btn:disabled{opacity:.38;cursor:not-allowed}.toggle-btn.active{background:var(--btn-active);border-color:var(--accent);box-shadow:0 0 8px #4fc3f726}.toggle-indicator{border:2px solid #ffffff4d;border-radius:4px;flex-shrink:0;width:11px;height:11px;transition:all .15s}.toggle-btn.active .toggle-indicator{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px #4fc3f766}.toggle-label{text-align:left;flex:1;font-weight:500}.toggle-shortcut{color:var(--text-muted);letter-spacing:.05em;background:#ffffff0f;border-radius:4px;padding:2px 7px;font-size:9px}.panel-actions{gap:8px;margin-top:4px;display:flex}.action-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--btn-bg);color:var(--text-primary);cursor:pointer;flex:1;padding:8px 7px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.action-btn:hover{background:var(--btn-hover);border-color:#fff3}.reset-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--btn-bg);width:100%;color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:9px;font-family:inherit;font-weight:500;transition:all .15s;display:flex}.reset-btn:hover{background:var(--btn-hover);border-color:#fff3}.lesson-steps{flex-direction:column;gap:10px;display:flex}.lesson-heading-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.lesson-heading-row .panel-title{margin-bottom:0}.lesson-heading-row>span{color:#bcecff;white-space:nowrap;background:#4fc3f714;border:1px solid #4fc3f747;border-radius:999px;padding:3px 7px;font-size:10px}.step-indicators{justify-content:center;gap:8px;display:flex}.step-dot{border:2px solid var(--border);background:var(--btn-bg);width:30px;height:30px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:flex}.step-dot:hover{background:var(--btn-hover)}.step-dot.active{background:var(--accent);border-color:var(--accent);color:#000;box-shadow:0 0 12px #4fc3f766}.step-dot.dimmed{opacity:.35}.step-description{background:var(--btn-bg);border:1px solid var(--border);border-radius:var(--radius);min-height:64px;padding:10px}.step-title{font-size:var(--font-size-base);color:var(--accent-warm);margin-bottom:6px;font-weight:700;line-height:1.4}.step-text{color:#c8c8d8;font-size:13px;line-height:1.5}.step-text.muted{color:var(--text-muted);font-style:italic}.step-teaching-cue{border-top:1px solid #ffffff14;gap:4px;margin-top:8px;padding-top:8px;display:grid}.step-teaching-cue p{color:#d6e2ec;font-size:11px;line-height:1.45}.step-teaching-cue strong{color:#9edfff}.step-nav{gap:6px;display:flex}.nav-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--btn-bg);color:var(--text-primary);cursor:pointer;white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 5px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s;display:flex}.nav-btn:hover:not(:disabled){background:var(--btn-hover)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.thermal-notes{border-radius:var(--radius);background:linear-gradient(135deg,#ff8a6514,#4fc3f714);border:1px solid #62d8ff3d;padding:12px}.thermal-notes ol{color:#cfd8e3;gap:10px;padding-left:20px;line-height:1.55;display:grid}.thermal-notes strong{color:#fff}.subtropical-notes{border-radius:var(--radius);background:linear-gradient(135deg,#ff8a651c,#ffc65c0d);border:1px solid #ff8a6552;padding:12px}.subtropical-notes ol{color:#e4d7d1;gap:8px;padding-left:20px;line-height:1.5;display:grid}.subtropical-notes li{border-radius:5px;padding:3px 5px;transition:color .15s,background .15s}.subtropical-notes li.active{color:#fff4ed;background:#ff8a652b;font-weight:700}.polar-front-notes li.active{color:#effaff;background:#70c8ff29}.subtropical-notes p{border-left:3px solid var(--accent-warm);color:#ffd6c8;background:#ff8a6514;margin-top:12px;padding:9px 10px;line-height:1.5}.polar-front-notes{background:linear-gradient(135deg,#70c8ff1a,#c4b7ff0f);border-color:#70c8ff52}.polar-front-notes ol{color:#d9e8f2}.polar-front-notes p{color:#d7f1ff;background:#70c8ff14;border-left-color:#70c8ff}.concept-exit-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--btn-bg);width:100%;min-height:38px;color:var(--text-primary);cursor:pointer;margin-top:10px;font-family:inherit;font-weight:600}.section-lock-badge{z-index:4;color:#aeeaff;pointer-events:none;background:#05121cd1;border:1px solid #65d7ff80;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:14px;right:14px}.subtropical-concept-overlay{z-index:3;pointer-events:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(760px,100% - 260px);display:grid;position:absolute;top:14px;left:50%;transform:translate(-50%)}.subtropical-concept-overlay button{color:#f4e7e1;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0c111ad6;border:1px solid #ff8a6542;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:7px 8px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,transform .15s;display:flex}.subtropical-concept-overlay button:hover,.subtropical-concept-overlay button.active{background:#5c2d18e0;border-color:#ffb06be6;transform:translateY(-1px)}.subtropical-concept-overlay b{background:var(--accent-warm);color:#1a0e09;border-radius:50%;flex:none;justify-content:center;align-items:center;width:23px;height:23px;display:inline-flex}.polar-front-overlay button{color:#e6f5ff;border-color:#70c8ff47}.polar-front-overlay button:hover,.polar-front-overlay button.active{background:#11394fe6;border-color:#70c8ffe6}.polar-front-overlay b{color:#06131d;background:#70c8ff}.concept-playback-controls{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060b14e6;border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:6px 8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000005c}.concept-playback-controls button{color:#eaf4ff;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:34px;height:32px;padding:0 8px;font-family:inherit;font-size:11px;display:inline-flex}.concept-playback-controls button:hover:not(:disabled),.concept-playback-controls button.active{background:#4fc3f72e;border-color:#4fc3f7a6}.concept-playback-controls button:disabled{opacity:.35;cursor:not-allowed}.concept-play-toggle{min-width:72px!important}.concept-speed-control{background:#ffffff09;border-radius:8px;gap:3px;padding:2px;display:flex}.concept-speed-control button{min-width:41px;padding-inline:5px}.concept-stage-status{color:#b7c4d2;text-align:center;white-space:nowrap;min-width:58px;font-size:11px}.subtropical-deflection-inset{z-index:4;color:#fff1e4;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:none;background:#070d16e0;border:1px solid #ffb06b57;border-radius:11px;width:360px;padding:10px 11px 9px;position:absolute;top:80px;left:16px}.subtropical-deflection-inset>strong{text-align:center;margin-bottom:3px;font-size:13px;display:block}.subtropical-deflection-inset svg{width:100%;height:auto;display:block;overflow:visible}.subtropical-deflection-inset text{fill:#b7c7d8;font-family:inherit;font-size:10px}.subtropical-deflection-inset .east-label{fill:#ffd1aa;text-anchor:middle;font-size:9px}.inset-latitude{stroke:#ffffff2e;stroke-width:1px;stroke-dasharray:4 5}.deflection-path{fill:none;stroke:#ffb06b;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 4px #ff9754ad)}.moving-air-parcel{fill:#fff3d7;filter:drop-shadow(0 0 5px #ff9a58)}.accumulation-cluster circle{fill:#ff9654;stroke:#ffd0a0;stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:1.35s ease-in-out infinite alternate accumulation-pulse}.accumulation-cluster circle:nth-child(2){animation-delay:.18s}.accumulation-cluster circle:nth-child(3){animation-delay:.36s}@keyframes accumulation-pulse{0%{opacity:.62;transform:scale(.82)}to{opacity:1;transform:scale(1.18)}}.subtropical-deflection-inset p{color:#d9c5b5;margin:-3px 2px 0;font-size:11px;line-height:1.4}.polar-front-inset{color:#e9f8ff;border-color:#70c8ff61}.polar-front-inset .front-ground{stroke:#ffffff6b;stroke-width:2px}.polar-front-inset .warm-air-mass{fill:#ffb06b1f}.polar-front-inset .cold-air-wedge{fill:#70c8ff4d;stroke:#a4e1ffc2;stroke-width:1.5px}.polar-front-inset .warm-flow-path,.polar-front-inset .cold-flow-path,.polar-front-inset .front-rising-path{fill:none;stroke-width:4px;stroke-linecap:round}.polar-front-inset .warm-flow-path{stroke:#ffb06b;filter:drop-shadow(0 0 4px #ffb06ba6)}.polar-front-inset .cold-flow-path{stroke:#70c8ff;filter:drop-shadow(0 0 4px #70c8ffad)}.polar-front-inset .front-rising-path{stroke:#fff0bd;stroke-width:3.5px;filter:drop-shadow(0 0 4px #fff0bd9e)}.polar-front-inset .warm-parcel{fill:#ffd0a1}.polar-front-inset .cold-parcel{fill:#b8e8ff;filter:drop-shadow(0 0 5px #70c8ff)}.polar-front-inset .rising-air-parcel{fill:#fff0bd;filter:drop-shadow(0 0 5px #fff0bd)}.polar-front-inset .front-collision{fill:#ffffff42;stroke:#fff;stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:1.15s ease-in-out infinite alternate front-collision-pulse}.polar-front-inset .warm-label{fill:#ffc48f}.polar-front-inset .cold-label{fill:#a9ddff;text-anchor:middle}.polar-front-inset .front-label{fill:#fff0bd;text-anchor:middle}@keyframes front-collision-pulse{0%{opacity:.45;transform:scale(.78)}to{opacity:1;transform:scale(1.18)}}.polar-front-inset p{color:#c9deec}.concept-paused .accumulation-cluster circle,.concept-paused .front-collision{animation-play-state:paused}.pressure-comparison-overlay{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0f1320f7,#070c17fb);border:1px solid #c299ff57;border-radius:16px;flex-direction:column;display:flex;position:absolute;inset:22px;overflow:hidden;box-shadow:0 24px 70px #00000094}.pressure-comparison-header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px 12px;display:flex}.pressure-comparison-header span{color:#c7a7f9;letter-spacing:.09em;margin-bottom:3px;font-size:10px;display:block}.pressure-comparison-header h2{color:#fff;font-size:21px}.pressure-comparison-header button{color:#eaf4ff;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.pressure-cause-legend{color:#c7d3df;background:#ffffff06;flex-wrap:wrap;gap:8px 18px;padding:10px 18px;font-size:11px;display:flex}.pressure-cause-legend span{align-items:center;gap:6px;display:inline-flex}.pressure-cause-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;padding:12px 18px;display:grid;overflow-y:auto}.pressure-cause-card{background:#ffffff09;border:1px solid #ffffff1a;border-radius:11px;flex-direction:column;gap:8px;padding:13px;display:flex}.pressure-cause-card.thermal{border-top:3px solid #ffb06b}.pressure-cause-card.dynamic{border-top:3px solid #70c8ff}.pressure-cause-card-top{grid-template-columns:52px 1fr auto;align-items:center;gap:10px;display:grid}.pressure-cause-card-top>b{color:#fff;font-size:24px}.pressure-cause-card h3{color:#f3f7fb;font-size:14px}.pressure-cause-animation{background:linear-gradient(#659ec70e,#ffffff04);border-radius:8px;height:92px;overflow:hidden}.pressure-cause-animation svg{width:100%;height:100%;display:block}.pressure-cause-animation text{fill:#9eacbb;font-family:inherit;font-size:9px}.pressure-cause-animation marker path{fill:currentColor}.pressure-cause-animation .animation-ground{fill:none;stroke:#d6e4ef57;stroke-width:2px}.pressure-cause-animation .warm-ground{stroke:#ff9f66;filter:drop-shadow(0 0 5px #ff8b5380)}.pressure-cause-animation .cold-ground{stroke:#91d7ff;filter:drop-shadow(0 0 5px #70c8ff7a)}.pressure-cause-animation .air-column,.pressure-cause-animation .surface-flow,.pressure-cause-animation .upper-flow,.pressure-cause-animation .front-slope,.pressure-cause-animation .rising-front-flow{fill:none;stroke-linecap:round;stroke-linejoin:round}.pressure-cause-animation .air-column{stroke:currentColor;stroke-width:3px}.thermal-rise-animation,.subtropical-sink-animation{color:#ffad72}.subpolar-rise-animation{color:#ffe6b0}.polar-sink-animation{color:#8ed7ff}.pressure-cause-animation .surface-flow,.pressure-cause-animation .upper-flow,.pressure-cause-animation .rising-front-flow{stroke-width:2.4px;stroke-dasharray:8 7;animation:1.15s linear infinite pressure-flow-dash}.pressure-cause-animation .warm-flow,.pressure-cause-animation .upper-flow{stroke:#ffad72}.pressure-cause-animation .cold-flow{stroke:#7cf}.pressure-cause-animation .divergence,.pressure-cause-animation .rising-front-flow{stroke:currentColor}.pressure-cause-animation .right-flow,.pressure-cause-animation .upper-flow-right,.pressure-cause-animation .front-cold-flow{animation-direction:reverse}.pressure-cause-animation .heat-waves path{fill:none;stroke:#ff8354;stroke-width:2px;stroke-linecap:round;stroke-dasharray:5 5;animation:1.4s ease-in-out infinite pressure-heat-wave}.pressure-cause-animation .heat-waves path:nth-child(2){animation-delay:.18s}.pressure-cause-animation .heat-waves path:nth-child(3){animation-delay:.36s}.pressure-cause-animation .air-particle{transform-box:fill-box;transform-origin:50%}.thermal-rise-animation .air-particle{fill:#ffb176;animation:2.1s ease-out infinite pressure-particle-rise}.thermal-rise-animation .p2{animation-delay:.7s}.thermal-rise-animation .p3{animation-delay:1.4s}.subtropical-sink-animation .accumulating-air circle{fill:#ff9a5f;stroke:#ffd0a7;stroke-width:1px;transform-box:fill-box;transform-origin:50%;animation:1.35s ease-in-out infinite alternate pressure-accumulate}.subtropical-sink-animation .accumulating-air circle:nth-child(2){animation-delay:.16s}.subtropical-sink-animation .accumulating-air circle:nth-child(3){animation-delay:.32s}.subtropical-sink-animation .accumulating-air circle:nth-child(4){animation-delay:.48s}.subtropical-sink-animation .accumulating-air circle:nth-child(5){animation-delay:.64s}.subtropical-sink-animation .sinking-particle{fill:#ffd0a7;animation:1.8s ease-in infinite pressure-particle-sink}.subtropical-sink-animation .sinking-particle.p2{animation-delay:.9s}.subpolar-rise-animation .cold-wedge{fill:#70c8ff38;stroke:#95dcffb3;stroke-width:1px}.subpolar-rise-animation .front-slope{stroke:#ffe9bc8c;stroke-width:1.5px}.subpolar-rise-animation .front-meeting-point{fill:#ffffff38;stroke:#fff;stroke-width:1px;transform-box:fill-box;transform-origin:50%;animation:1.15s ease-in-out infinite alternate pressure-front-pulse}.subpolar-rise-animation .warm-front-particle{fill:#ffae72;animation:2.2s ease-in-out infinite pressure-warm-converge}.subpolar-rise-animation .cold-front-particle{fill:#85d4ff;animation:2.2s ease-in-out infinite pressure-cold-converge}.subpolar-rise-animation .front-rise-particle{fill:#fff0bd;animation:2.2s ease-out infinite pressure-front-rise}.polar-sink-animation .cold-crystals path{fill:none;stroke:#a9e3ff;stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:1.5s ease-in-out infinite alternate pressure-cold-pulse}.polar-sink-animation .cold-crystals path:nth-child(2){animation-delay:.5s}.polar-sink-animation .cold-particle{fill:#8ed7ff;animation:2.25s ease-in infinite pressure-polar-sink}.polar-sink-animation .p2{animation-delay:.75s}.polar-sink-animation .p3{animation-delay:1.5s}@keyframes pressure-flow-dash{to{stroke-dashoffset:-30px}}@keyframes pressure-heat-wave{0%,to{opacity:.25;transform:translateY(3px)}50%{opacity:1;transform:translateY(-3px)}}@keyframes pressure-particle-rise{0%{opacity:0;transform:translateY(0)scale(.7)}18%{opacity:1}to{opacity:0;transform:translateY(-46px)scale(1.25)}}@keyframes pressure-accumulate{0%{opacity:.55;transform:scale(.75)}to{opacity:1;transform:scale(1.18)}}@keyframes pressure-particle-sink{0%{opacity:0;transform:translateY(0)scale(1.1)}18%{opacity:1}to{opacity:0;transform:translateY(28px)scale(.78)}}@keyframes pressure-front-pulse{0%{opacity:.45;transform:scale(.72)}to{opacity:1;transform:scale(1.2)}}@keyframes pressure-warm-converge{0%{opacity:0;transform:translate(0)}18%{opacity:1}72%{opacity:1;transform:translate(145px)}to{opacity:0;transform:translate(145px)}}@keyframes pressure-cold-converge{0%{opacity:0;transform:translate(0)}18%{opacity:1}72%{opacity:1;transform:translate(-82px)}to{opacity:0;transform:translate(-82px)}}@keyframes pressure-front-rise{0%,42%{opacity:0;transform:translate(0)}55%{opacity:1}to{opacity:0;transform:translate(76px,-45px)}}@keyframes pressure-cold-pulse{0%{opacity:.38;transform:rotate(0)scale(.82)}to{opacity:1;transform:rotate(25deg)scale(1.12)}}@keyframes pressure-polar-sink{0%{opacity:0;transform:translateY(0)scale(1.12)}18%{opacity:1}to{opacity:0;transform:translateY(48px)scale(.72)}}.pressure-cause-card-top div span{color:#9caaba;font-size:10px}.pressure-cause-card-top i{border-radius:999px;align-items:center;gap:3px;padding:5px 7px;font-size:10px;font-style:normal;font-weight:700;display:inline-flex}.pressure-cause-card-top i.high{color:#ffbd9f;background:#ff8a6524}.pressure-cause-card-top i.low{color:#a9e6ff;background:#4fc3f724}.pressure-cause-card p{color:#d5dee7;font-size:12px;line-height:1.55}.pressure-cause-card>strong{color:#fff;font-size:11px;line-height:1.5}.pressure-cause-card>button{color:#d6f2ff;cursor:pointer;background:#70c8ff1a;border:1px solid #70c8ff61;border-radius:7px;align-self:flex-start;min-height:32px;margin-top:auto;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:700}.pressure-comparison-summary{color:#dce3ed;background:#c299ff0f;border-top:1px solid #ffffff17;padding:11px 18px 14px;font-size:12px;line-height:1.5}.pressure-comparison-summary b{color:#d6baff}.scene-legend{z-index:3;color:#eaf4ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#050a14c7;border:1px solid #ffffff24;border-radius:10px;gap:7px;max-width:min(560px,100% - 32px);padding:10px 12px;font-size:12px;display:grid;position:absolute;bottom:16px;right:16px}.textbook-mode .app-scene{background:#f2efe5}.textbook-mode-heading{z-index:3;color:#1e3042;pointer-events:none;background:#fffdf6e6;border:1px solid #34475b47;border-radius:8px;flex-direction:column;gap:2px;max-width:min(280px,100% - 32px);padding:8px 11px;display:flex;position:absolute;bottom:88px;right:16px;box-shadow:0 4px 16px #3a372b17}.textbook-mode-heading strong{font-size:14px}.textbook-mode-heading span{color:#687581;font-size:10px}.textbook-latitude-marker{color:#445567;white-space:nowrap;background:#fffdf6e6;border:1px solid #44556733;border-radius:5px;justify-content:center;align-items:center;min-width:42px;padding:2px 5px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 2px 7px #2d37401a}.textbook-mode .section-lock-badge{color:#26394b;background:#fffdf6eb;border-color:#34475b59;box-shadow:0 4px 16px #3a372b14}.textbook-mode .scene-legend{color:#243649;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffdf6eb;border-color:#34475b40;left:16px;right:auto;box-shadow:0 4px 16px #3a372b14}.textbook-mode .legend-title{color:#687581}.textbook-mode .legend-swatch.low-cell,.textbook-mode .legend-swatch.mid-cell,.textbook-mode .legend-swatch.high-cell{color:#30465c;background:#30465c}.textbook-mode .legend-arrow{background:#78601c}.textbook-mode .legend-arrow:after{border-left-color:#78601c}.legend-row{flex-wrap:wrap;align-items:center;gap:7px 12px;display:flex}.legend-row>span{align-items:center;gap:5px;display:inline-flex}.legend-title{color:#8da0b5;min-width:34px;font-weight:700}.legend-swatch{border-radius:99px;width:18px;height:4px;box-shadow:0 0 7px}.legend-swatch.low-cell{color:#62d8ff;background:#62d8ff}.legend-swatch.mid-cell{color:#9fc7ff;background:#9fc7ff}.legend-swatch.high-cell{color:#c4b7ff;background:#c4b7ff}.legend-swatch.high-pressure{color:#ff8a65;background:#ff8a65;height:8px}.legend-swatch.low-pressure{color:#4fc3f7;background:#4fc3f7;height:8px}.legend-arrow{background:#ffe66d;width:22px;height:2px;position:relative}.legend-arrow:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid #ffe66d;position:absolute;top:-4px;right:-1px}.season-shift-note strong{color:#ffe9a6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.teacher-guide-backdrop{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02050cc7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.teacher-guide-dialog{background:linear-gradient(145deg,#121726fa,#080d19fc);border:1px solid #66cfff52;border-radius:14px;flex-direction:column;width:min(900px,100%);max-height:min(780px,100vh - 44px);display:flex;overflow:hidden;box-shadow:0 24px 80px #00000094,0 0 32px #4fc3f714}.teacher-guide-header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px 14px;display:flex}.teacher-guide-kicker{color:#8ddcff;letter-spacing:.06em;margin-bottom:4px;font-size:11px;display:block}.teacher-guide-header h2{color:#fff;letter-spacing:.03em;font-size:22px}.teacher-guide-close{border:1px solid var(--border);background:var(--btn-bg);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:9px;flex:0 0 38px;place-items:center;display:grid}.teacher-guide-content{grid-template-columns:1.15fr .85fr;gap:18px 22px;padding:18px 20px;display:grid;overflow-y:auto}.teacher-guide-content>section:first-child,.teacher-guide-content>section:last-child{grid-column:1/-1}.teacher-guide-content h3{color:#fff;margin-bottom:9px;font-size:14px}.teacher-route-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:0;list-style:none;display:grid}.teacher-route-list li{color:#cfd9e5;background:#ffffff09;border:1px solid #ffffff17;border-radius:9px;flex-direction:column;gap:7px;min-height:96px;padding:10px;font-size:12px;line-height:1.5;display:flex}.teacher-route-list b{color:#8ddcff}.teacher-core-grid{gap:7px;display:grid}.teacher-core-grid p{border-left:3px solid var(--accent);color:#dce7ef;background:#4fc3f712;padding:8px 10px;line-height:1.5}.teacher-core-grid b{color:#a7e5ff}.teacher-warning-list{color:#d8d1ce;gap:7px;padding-left:18px;line-height:1.5;display:grid}.teacher-warning-list li::marker{color:var(--accent-warm)}.teacher-shortcuts p{color:#b9c4d1;line-height:2}.teacher-shortcuts kbd{color:#fff;background:#ffffff12;border:1px solid #ffffff2e;border-radius:5px;justify-content:center;align-items:center;min-width:25px;min-height:25px;margin:0 2px;padding:2px 6px;font-family:inherit;font-size:11px;display:inline-flex}.teacher-guide-footer{border-top:1px solid #ffffff17;justify-content:flex-end;gap:8px;padding:13px 20px 16px;display:flex}.teacher-guide-start,.teacher-guide-secondary{cursor:pointer;border-radius:8px;min-height:40px;padding:8px 15px;font-family:inherit;font-size:13px;font-weight:700}.teacher-guide-start{color:#06121a;background:#4fc3f7;border:1px solid #63d2ff}.teacher-guide-secondary{border:1px solid var(--border);background:var(--btn-bg);color:var(--text-primary)}.projection-mode{--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px}.projection-mode .app-sidebar{gap:18px;width:330px;padding:16px}.projection-mode .view-mode-btn,.projection-mode .season-btn,.projection-mode .circulation-focus-control button,.projection-mode .nav-btn{font-size:14px}.projection-mode .step-text,.projection-mode .action-btn{font-size:16px}.projection-mode .scene-legend{padding:12px 15px;font-size:15px}@media (width<=900px){.bug-feedback span{display:none}.app-sidebar{gap:12px;width:226px;padding:10px;font-size:12px}.panel-title{font-size:13px}.toggle-btn{padding:8px 10px}.teacher-route-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px),(height<=520px) and (orientation:landscape){.app-sidebar{border-right:none;border-right:1px solid var(--border);width:min(88vw,360px);max-height:none;transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0;transform:translate(-105%);box-shadow:12px 0 32px #00000073}.app-sidebar.mobile-open{transform:translate(0)}.mobile-panel-toggle{border:1px solid var(--border);background:var(--btn-bg);min-height:36px;color:var(--text-primary);border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.mobile-panel-backdrop{z-index:4;background:#00000075;border:0;width:100%;height:100%;position:absolute;inset:0}.mobile-panel-backdrop.visible{display:block}.app-header{padding-top:max(8px, env(safe-area-inset-top));padding-right:max(12px, env(safe-area-inset-right));padding-bottom:8px;padding-left:max(12px, env(safe-area-inset-left));gap:8px}.app-title{font-size:16px}.app-version{padding-inline:5px;font-size:9px}.bug-feedback{margin-left:auto;padding-inline:6px}.bug-feedback svg{display:none}.bug-feedback strong{font-size:9px}.app-subtitle{display:none}.teacher-guide-trigger{margin-left:0;padding-inline:8px}.teacher-guide-backdrop{padding:8px}.teacher-guide-dialog{border-radius:11px;max-height:calc(100vh - 16px)}.teacher-guide-header{padding:14px 14px 11px}.teacher-guide-header h2{font-size:18px}.teacher-guide-content{grid-template-columns:1fr;gap:18px;padding:14px}.teacher-guide-content>section:first-child,.teacher-guide-content>section:last-child{grid-column:auto}.teacher-route-list{grid-template-columns:1fr}.teacher-route-list li{min-height:0}.teacher-guide-footer{padding:11px 14px 13px}.scene-legend{max-width:calc(100% - 16px);padding:7px 9px;font-size:10px;bottom:8px;right:8px}.section-lock-badge{padding:5px 8px;font-size:10px;top:8px;right:8px}.textbook-mode-heading{max-width:min(210px,100% - 24px);bottom:92px;left:auto;right:12px}.textbook-mode-heading strong{font-size:11px}.textbook-latitude-marker{min-width:36px;padding:1px 4px;font-size:9px}.subtropical-concept-overlay{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 16px);top:48px}.subtropical-concept-overlay button{min-height:38px;font-size:10px}.concept-playback-controls{gap:3px;max-width:calc(100% - 16px);padding:5px;bottom:10px}.concept-playback-controls button{min-width:30px;padding-inline:5px}.concept-play-toggle{min-width:42px!important}.concept-play-toggle span,.concept-stage-status{display:none}.concept-speed-control button{min-width:35px}.subtropical-deflection-inset{width:auto;padding:7px 8px;inset:auto 8px 82px}.subtropical-deflection-inset svg{max-height:118px}.subtropical-deflection-inset p{display:none}.pressure-comparison-overlay{border-radius:11px;inset:8px}.pressure-comparison-header{padding:12px 12px 9px}.pressure-comparison-header h2{font-size:17px}.pressure-cause-legend{padding:8px 12px}.pressure-cause-grid{grid-template-columns:1fr;padding:9px 12px}.pressure-comparison-summary{padding:9px 12px 11px;font-size:11px}}@media (width<=380px){.bug-feedback{display:none}.teacher-guide-trigger span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.teacher-guide-trigger{width:36px;padding:5px}}@media (prefers-reduced-motion:reduce){.app-scene,.app-scene.scene-transitioning{opacity:1;transition:none;transform:none}.app-sidebar{transition:none}.moving-air-parcel,.rising-air-parcel{display:none}.accumulation-cluster circle,.front-collision,.pressure-cause-animation *{animation:none}}:root{--bg-primary:#080f17;--bg-panel:#101b26;--text-muted:#a2b1bf;--accent:#85ddc5;--border:#afcedc24;--btn-active:#85ddc521}[hidden]{display:none!important}.app-header{background:#101923;gap:18px;min-height:84px;padding:14px 26px}.lab-home{color:#c5d2dc;border:1px solid var(--border);border-radius:12px;place-items:center;width:36px;height:36px;text-decoration:none;display:grid}.lab-brand>span{color:#95a8b7;letter-spacing:.1em;font-size:11px}.app-title{letter-spacing:.02em;margin-top:5px;font-size:22px}.app-version{color:#99b6ae;background:#162d2c;border:0;font-weight:500}.app-subtitle{letter-spacing:.14em}.app-main{min-height:0}.app-sidebar{background:#101b26;gap:24px;width:340px;padding:26px 22px}.lab-eyebrow{letter-spacing:.17em;color:#85ddc5;font-size:10px}.lab-sidebar-intro h2{margin:9px 0 4px;font-size:24px;font-weight:600;line-height:1.5}.lab-sidebar-intro p{color:var(--text-muted);font-size:12px;line-height:1.8}.workspace-switch{border:1px solid var(--border);background:#0b141d;border-radius:12px;gap:4px;padding:5px;display:flex}.workspace-switch button{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 2px;display:flex}.workspace-switch button[aria-pressed=true]{color:#c8ffed;background:#223a40}.lab-stage{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.lab-scene-toolbar{border-bottom:1px solid var(--border);background:#0c151f;align-items:center;gap:10px;padding:13px 24px;display:flex}.lab-view-tabs{flex:1;gap:6px;display:flex}.lab-view-tabs button,.lab-reset,.lab-stage-footer button{color:#a6b7c7;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 13px}.lab-view-tabs button[aria-pressed=true]{color:#ceffef;background:#233940}.lab-view-tabs button:hover,.lab-reset:hover{color:#fff;background:#1b2d3b}.lab-reset{border:1px solid var(--border);place-items:center;display:grid}.lab-stage-footer{color:#92a6b6;border-top:1px solid var(--border);background:#0c151f;justify-content:space-between;align-items:center;gap:8px;padding:6px 22px;font-size:11px;display:flex}.lab-stage-footer button{color:#b8e9d8;font-size:12px}.lesson-heading-row{margin-bottom:15px}.step-description{background:#152632;border:1px solid #2b424b;border-radius:14px;padding:18px}.step-title{color:#f0f6f5;font-size:19px;line-height:1.5}.step-text{color:#bdcbd7;line-height:1.95}.step-teaching-cue{background:0 0;border:0;margin-top:20px;padding:0}.step-teaching-cue p{line-height:1.9}.lab-answer{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.lab-answer summary{color:#a6efda;cursor:pointer;padding:5px 0}.lab-answer p{color:#e0eae7;margin-top:12px}.step-nav{gap:7px;margin-top:14px}.nav-btn{border-radius:9px;min-height:44px}.step-dot.active{color:#10251f;box-shadow:none;background:#85ddc5;border-color:#85ddc5}.lab-topics h3{margin:8px 0 14px;font-size:15px;font-weight:500}.lab-topics>button{text-align:left;color:#d6e3eb;border:1px solid var(--border);width:100%;font:inherit;cursor:pointer;background:#14232f;border-radius:11px;margin:8px 0;padding:14px;display:block}.lab-topics>button:hover{background:#1d3440;border-color:#658e8a}.lab-topics button span{color:#88a6b2;margin-top:7px;font-size:11px;display:block}.lab-footnote{color:#8a9eab;margin-top:auto;font-size:10px;line-height:1.9}.scene-legend{border-color:var(--border);box-shadow:none;background:#0d1b25e6;border-radius:12px}.projection-mode .app-sidebar{width:400px}.projection-mode .step-text,.projection-mode .step-teaching-cue p,.projection-mode .lab-view-tabs button{font-size:17px}@media (width<=1000px){.app-sidebar{width:300px;padding:20px 17px}.app-subtitle,.app-version{display:none}.lab-scene-toolbar{padding:12px}}@media (width<=640px),(height<=520px) and (orientation:landscape){.app-header{gap:10px;min-height:68px;padding:10px 12px}.app-title{font-size:17px}.lab-brand>span{font-size:9px}.lab-home{flex-shrink:0;width:30px;height:34px}.teacher-guide-trigger{margin-left:auto}.teacher-guide-trigger span{display:none}.mobile-panel-toggle{display:flex}.app-sidebar,.projection-mode .app-sidebar{width:min(340px,90vw);padding:20px;top:0}.lab-scene-toolbar{gap:6px;padding:9px 10px}.lab-view-tabs{gap:2px}.lab-view-tabs button{white-space:nowrap;flex:1;padding:10px 5px;font-size:11px}.lab-reset{padding:9px}.lab-stage-footer{padding:4px 10px;font-size:9px}.lab-stage-footer button{padding:10px 4px;font-size:11px}.lab-stage{width:100%}.lab-footnote{padding-bottom:16px}}@media (prefers-reduced-motion:reduce){.app-scene{transition:none}}@media (width<=640px),(height<=520px) and (orientation:landscape){.app-sidebar:not(.mobile-open){visibility:hidden}.app-scene:has(.concept-playback-controls) .scene-legend{display:none}}.air-journey{z-index:100;color:#e7efef;background:#09151e;flex-direction:column;padding:0 40px;font-family:inherit;display:flex;position:fixed;inset:0;overflow-y:auto}.air-journey button{font:inherit;cursor:pointer}.journey-header{border-bottom:1px solid #20313c;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.journey-header button{color:#b4c8cf;background:0 0;border:0;align-items:center;gap:9px;padding:12px 0;display:flex}.journey-header>span{color:#8aa3ae;letter-spacing:.06em;font-size:11px}.journey-header i{color:#425c68;margin:0 12px;font-style:normal}.journey-chapter{color:#e6c28e!important}.journey-intro{flex-shrink:0;padding-top:26px}.journey-kicker{color:#b8cbbb;letter-spacing:.19em;font-size:10px}.journey-intro h1{letter-spacing:.03em;margin-top:9px;font-size:32px;font-weight:500}.journey-intro h1 span{color:#8ea7b2;vertical-align:middle;letter-spacing:.06em;border-left:1px solid #37505a;margin-left:18px;padding-left:18px;font-size:13px;display:inline-block}.journey-body{flex:1;grid-template-columns:290px minmax(0,1fr);gap:10px;min-height:330px;display:grid}.journey-caption{z-index:1;align-self:center;padding:22px 0;position:relative}.journey-step-number{color:#e9cda4;font-variant-numeric:tabular-nums;font-size:43px;font-weight:300}.journey-step-number span{color:#536e7b;font-size:12px}.journey-caption h2{max-width:270px;margin:16px 0;font-size:25px;font-weight:500;line-height:1.5}.journey-caption p{color:#b2c5ce;font-size:14px;line-height:1.95}.journey-observe{border-left:2px solid #d6b885;margin-top:25px;padding-left:14px}.journey-observe>span{color:#eacb9d;font-size:11px}.journey-observe p{color:#92adb9;margin-top:7px;font-size:12px}.journey-color-key{color:#809ba8;align-items:center;gap:8px;margin-top:25px;font-size:10px;display:flex}.journey-color-key i{background:#ffb46a;border-radius:50%;width:5px;height:5px}.journey-canvas{min-width:0;min-height:0;position:relative}.journey-scene-note{color:#a7c5c9;text-align:right;pointer-events:none;font-size:11px;position:absolute;bottom:20px;right:8px}.journey-scene-note span{color:#718b97;margin-top:7px;font-size:9px;display:block}.journey-world-label,.journey-parcel-label{white-space:nowrap;color:#c7e9e4;pointer-events:none;background:#11232dec;border:1px solid #47606b;border-radius:5px;padding:6px 10px;font-size:11px;display:block}.journey-parcel-label{color:#ffdbb2;background:#2c261deb;border-color:#80684c}.journey-timeline{border-top:1px solid #253a45;flex-shrink:0;padding:18px 0 23px}.journey-timeline-top{color:#a9bbc4;justify-content:space-between;font-size:11px;display:flex}.journey-timeline-top>span:last-child{font-variant-numeric:tabular-nums;color:#e0c69d}.journey-timeline input{accent-color:#e9c28e;cursor:ew-resize;width:100%;height:28px;margin:7px 0}.journey-timeline-bottom{align-items:center;gap:18px;display:flex}.journey-play{color:#1b262b;background:#e7c69a;border:0;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-width:158px;min-height:46px;padding:10px 15px;display:flex}.journey-stops{flex:1;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.journey-stops button{color:#839fac;text-align:left;background:0 0;border:0;border-radius:5px;padding:10px 7px}.journey-stops button[aria-pressed=true]{color:#edddbd;background:#193039}.journey-stops b{margin-bottom:5px;font-size:10px;font-weight:400;display:block}.journey-stops span{font-size:11px}.journey-restart{color:#adbec7;background:0 0;border:1px solid #304653;border-radius:6px;padding:12px}.journey-finish{color:#dcecd8;background:0 0;border:0;align-items:center;gap:6px;display:flex;font-size:12px!important}.journey-entry{text-align:left;color:#f4d4a9;width:100%;font:inherit;cursor:pointer;background:linear-gradient(125deg,#302b22,#192b32);border:1px solid #766045;border-radius:12px;padding:17px;display:block}.journey-entry>span{letter-spacing:.12em;color:#bca787;font-size:10px;display:block}.journey-entry strong{margin:7px 0;font-size:17px;font-weight:500;display:block}.journey-entry small{color:#afbfc4;font-size:11px;display:block}@media (width<=1000px){.air-journey{padding:0 24px}.journey-body{grid-template-columns:245px minmax(0,1fr)}.journey-caption h2{font-size:22px}.journey-timeline-bottom{gap:8px}.journey-play{min-width:130px}}@media (width<=640px){.air-journey{padding:0 17px}.journey-header{height:53px}.journey-header>span:not(.journey-chapter){display:none}.journey-header button{font-size:12px}.journey-intro{padding-top:18px}.journey-intro h1{font-size:24px}.journey-intro h1 span{margin-left:10px;padding-left:10px;font-size:11px}.journey-kicker{font-size:8px}.journey-body{grid-template-rows:auto minmax(220px,1fr);grid-template-columns:1fr;gap:0;min-height:380px}.journey-caption{align-self:start;padding:17px 0 0 42px}.journey-step-number{font-size:25px;position:absolute;top:18px;left:0}.journey-step-number span{display:none}.journey-caption h2{max-width:none;margin:0 0 6px;font-size:17px}.journey-caption p{font-size:12px;line-height:1.7}.journey-observe{margin-top:10px;padding-left:10px}.journey-observe>span{display:none}.journey-observe p{margin:0;font-size:10px}.journey-color-key{display:none}.journey-canvas{min-height:220px}.journey-scene-note{font-size:9px;bottom:4px;right:0}.journey-scene-note span{font-size:8px}.journey-timeline{padding:13px 0 max(16px,env(safe-area-inset-bottom))}.journey-timeline-top{font-size:10px}.journey-timeline-bottom{grid-template-columns:1fr auto;gap:10px;display:grid}.journey-stops{grid-area:1/1/auto/-1;gap:3px}.journey-stops button{padding:6px 4px}.journey-stops span{font-size:9px}.journey-play{min-height:40px;font-size:12px!important}.journey-restart{padding:10px}.journey-finish{grid-column:1/-1;justify-content:center}}@media (height<=550px) and (orientation:landscape){.air-journey{overflow-y:auto}.journey-header{height:46px}.journey-intro{padding-top:12px}.journey-intro h1{font-size:23px}.journey-body{min-height:320px}.journey-timeline{padding-bottom:15px}}