.vortex-scene{box-sizing:border-box;color:#d9e6ea;background:radial-gradient(at 32% 22%,#14313e,#0d2029 76%);border-radius:26px;width:100%;max-width:1080px;margin:auto;padding:20px 24px 17px;font-family:inherit;font-size:16px;line-height:1.55}.vortex-scene *{box-sizing:border-box;min-width:0}.vortex-strip{color:#a3bdc6;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;margin-bottom:8px;display:flex}.vortex-stage{aspect-ratio:16/8.5;touch-action:pan-y;background:#0f2833;border-radius:18px;width:100%;height:auto;display:block}.vortex-measure{color:#a3bdc6;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:12px 2px 4px;display:grid}.vortex-measure .metric{border:0;padding:0}.vortex-measure .metric span,.vortex-measure .metric strong small{color:#a3bdc6;font-size:16px}.vortex-measure .metric strong{color:#e3ece7;font-size:23px}.vortex-explore{border-top:1px solid #37536080;gap:14px;margin-top:14px;padding-top:14px;display:grid}.vortex-pair{gap:12px;display:grid}.vortex-buttons{flex-wrap:wrap;gap:10px;display:flex}.vortex-buttons button{color:#d9e6ea;cursor:pointer;background:#1d3a47;border:1px solid #52707e;border-radius:999px;min-height:44px;padding:8px 18px;font-size:16px}.vortex-buttons button[aria-pressed=true]{background:#2c5563;border-color:#88b3c2}.vortex-hint{color:#8fa9b2;margin:0;font-size:16px;line-height:1.6}@media (max-width:760px){.vortex-scene{border-radius:18px;padding:14px 12px 12px}.vortex-stage{aspect-ratio:4/4.4;border-radius:12px}.vortex-measure{gap:6px 18px}}.vortex-domains{flex-wrap:wrap;gap:8px;margin:8px 0 14px;display:flex}.vortex-domains button{color:#dceee9;min-height:44px;font:inherit;cursor:pointer;background:#153441;border:1px solid #527381;border-radius:999px;padding:8px 18px}.vortex-domains button[aria-pressed=true]{color:#0d2c32;background:#b9ddd3;border-color:#b9ddd3}.ocean-lesson{color:#e3eeea;padding:8px 4px 4px}.ocean-intro{flex-wrap:wrap;justify-content:space-between;gap:8px;margin:4px 8px 16px;font-size:16px;display:flex}.ocean-intro>span{color:#a7c6d0}.ocean-intro strong{font-weight:500}.ocean-panels{max-width:630px;margin:auto}.ocean-paired{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:none;display:grid}.ocean-eddy-card{background:#14323d;border:1px solid #52747d70;border-radius:22px;min-width:0;padding:16px 18px 10px;overflow:hidden}.ocean-card-heading,.ocean-map-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;margin:0 2px 8px;font-size:16px;display:flex}.ocean-card-heading span,.ocean-map-caption>span{color:#a4bec6}.ocean-card-heading strong,.ocean-map-caption strong{font-weight:500}.ocean-map{width:100%;height:auto;max-height:350px;display:block}.ocean-map-caption{margin-top:4px}.ocean-map-caption strong{color:#f0d69f}.ocean-profile{width:100%;height:82px;margin:0 auto;display:block}.ocean-card-readout{color:#a6cbd0;margin:8px 2px 0;font-size:16px}.ocean-card-readout strong{color:#e1ece7;white-space:nowrap;font-weight:500}.ocean-force-key{flex-wrap:wrap;justify-content:center;gap:8px 24px;margin:14px 0 0;font-size:16px;display:flex}.ocean-force-key span:before{content:"";vertical-align:middle;background:#f4be84;border-radius:3px;width:20px;height:3px;margin-right:8px;display:inline-block}.ocean-force-key span+span:before{background:#a9c7ff}.ocean-model-note{color:#abc2c8;margin:12px 8px 0;font-size:16px;line-height:1.6}.vortex-scale-note{color:#adc8ce;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;font-size:16px;display:grid}.vortex-scale-note span{border-top:1px solid #52707e;padding-top:10px}@media (max-width:760px){.ocean-lesson{padding:4px 0}.ocean-intro{gap:4px;margin:4px 3px 12px;display:grid}.ocean-eddy-card{border-radius:16px;padding:10px 8px}.ocean-paired{gap:8px}.ocean-paired .ocean-map{width:calc(100% + 8px);margin-inline:-4px}.ocean-paired .ocean-card-heading{gap:4px}.ocean-paired .ocean-map-caption{display:grid}.ocean-map{max-height:235px}.ocean-profile{height:65px}.ocean-force-key{justify-content:flex-start;gap:6px 16px;margin:12px 3px 0}.ocean-model-note{margin-inline:3px}}@media (min-width:761px){.ocean-panels:not(.ocean-paired){max-width:950px}.ocean-panels:not(.ocean-paired) .ocean-eddy-card{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:28px;display:grid}.ocean-panels:not(.ocean-paired) .ocean-card-heading{grid-column:1/-1}.ocean-panels:not(.ocean-paired) .ocean-map{grid-area:2/1/5;max-height:300px}.ocean-panels:not(.ocean-paired) .ocean-profile{grid-area:2/2;align-self:end}.ocean-panels:not(.ocean-paired) .ocean-card-readout{grid-area:3/2}.ocean-panels:not(.ocean-paired) .ocean-map-caption{grid-area:5/1;align-self:start}.ocean-paired .ocean-map{max-height:280px}}@media (max-width:760px){.vortex-scene .ocean-map{max-height:195px}.vortex-scene .ocean-profile{height:52px}}