/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./app/games/Run4/run4.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.run4_root__3z1b9 {
  --bg: #101b20;
  --panel: #18252b;
  --line: #ffffff12;
  --muted: #8c9a9d;
  --text: #f0f0df;
  --lime: #c4ec88;
  min-height: 100dvh;
  background: var(--bg);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
  font-size: 14px;
  isolation: isolate;
  color-scheme: dark;
}
.run4_root__3z1b9 * {
  box-sizing: border-box;
}
.run4_root__3z1b9 :where(button, input, select) {
  font: inherit;
}
.run4_root__3z1b9 button {
  cursor: pointer;
}
.run4_root__3z1b9 button:disabled {
  cursor: not-allowed;
}
.run4_root__3z1b9 button:focus-visible,
.run4_root__3z1b9 select:focus-visible,
.run4_root__3z1b9 input:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 4px;
}
.run4_root__3z1b9 button {
  color: inherit;
}
.run4_root__3z1b9 h1,
.run4_root__3z1b9 h2,
.run4_root__3z1b9 h3,
.run4_root__3z1b9 p {
  margin: 0;
}
.run4_root__3z1b9 button {
  border: 0;
}
.run4_root__3z1b9 svg {
  flex-shrink: 0;
  vertical-align: middle;
}
.run4_shell__jhKUC {
  max-width: 1512px;
  margin: auto;
  padding: 0 5%;
}
.run4_header__F6PnN {
  height: 108px;
  display: flex;
  align-items: center;
  gap: 48px;
  border-bottom: 1px solid var(--line);
}
.run4_logo__XjmU7 {
  background: none;
  font-size: 33px;
  font-weight: 900;
  letter-spacing: -2px;
  display: inline-flex;
  align-items: baseline;
  position: relative;
  line-height: 1;
  padding: 0 0 12px !important;
  white-space: nowrap;
}
.run4_logo__XjmU7 > span {
  color: var(--lime);
  font-style: italic;
  margin-left: 2px;
}
.run4_logo__XjmU7 > i {
  font-style: normal;
  position: absolute;
  bottom: 0;
  left: 1px;
  font-size: 6.5px;
  letter-spacing: 1.85px;
  font-weight: 500;
}
.run4_header__F6PnN nav {
  display: flex;
  gap: 25px;
  align-items: center;
  height: 100%;
}
.run4_header__F6PnN nav button {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  background: none;
  color: var(--muted);
  font-size: 12px;
  white-space: nowrap;
  padding: 0 3px;
}
.run4_header__F6PnN nav .run4_activeNav__v1xYA {
  color: var(--text);
}
.run4_activeNav__v1xYA:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--lime);
}
.run4_header__F6PnN nav small {
  font-size: 9px;
  background: #ffffff13;
  padding: 1px 5px;
  border-radius: 4px;
}
.run4_headerRight__6WAhA {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.run4_saved__FJ4fa {
  font-size: 8px;
  letter-spacing: 1.4px;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: 12px;
  white-space: nowrap;
}
.run4_liveDot__6I9IF {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 10px #bde98930;
  flex-shrink: 0;
}
.run4_iconButton__OD61m {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line) !important;
  border-radius: 50%;
  background: #ffffff03;
}
.run4_iconButton__OD61m:hover {
  background: #ffffff10;
}
.run4_hero__H1Uoc {
  position: relative;
  min-height: 500px;
  border-bottom: 1px solid var(--line);
  overflow: hidden;
}
.run4_heroScene__cvjWL {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -9%;
  width: 79%;
  opacity: 0.96;
}
.run4_heroScene__cvjWL canvas {
  display: block;
}
.run4_heroShade__yS6kH {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      #101b20 12%,
      #101b20ed 32%,
      #101b2066 52%,
      #101b2000 78%
    ),
    linear-gradient(0deg, #101b20, transparent 25%);
  pointer-events: none;
}
.run4_heroText__l5o2G {
  position: relative;
  z-index: 1;
  padding: 64px 0 50px;
  max-width: 590px;
}
.run4_heroEyebrow__hSiUu {
  font-size: 9px;
  letter-spacing: 2px;
  color: #9aaaad;
  display: flex;
  align-items: center;
  gap: 10px;
}
.run4_hero__H1Uoc h1 {
  font-size: clamp(50px, 5vw, 75px);
  line-height: 1.045;
  letter-spacing: -3px;
  font-weight: 550;
  margin: 25px 0 20px;
}
.run4_hero__H1Uoc h1 em {
  font-style: normal;
  color: var(--lime);
}
.run4_heroText__l5o2G > p {
  font-size: 14px;
  line-height: 1.8;
  color: #a1adaf;
}
.run4_heroButtons__cCmSL {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: 27px;
}
.run4_primary__CXQZc,
.run4_secondary__7QG4S {
  padding: 13px 20px;
  border-radius: 7px;
  display: inline-flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  font-size: 12px !important;
  font-weight: 600;
  transition:
    background 0.15s,
    transform 0.15s;
}
.run4_primary__CXQZc {
  background: var(--lime);
  color: #1b2b1a !important;
}
.run4_primary__CXQZc:hover {
  background: #d6ffa0;
  transform: translateY(-1px);
}
.run4_primary__CXQZc:disabled {
  opacity: 0.4;
  transform: none;
}
.run4_secondary__7QG4S {
  background: #ffffff08;
  border: 1px solid #ffffff18 !important;
  color: var(--text);
}
.run4_secondary__7QG4S:hover {
  background: #ffffff14;
}
.run4_roundButton___0gVo {
  border: 1px solid #ffffff30 !important;
  border-radius: 50%;
  width: 43px;
  height: 43px;
  background: transparent;
  display: grid;
  place-items: center;
}
.run4_heroResume__etduN {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 24px;
  font-size: 8px;
  letter-spacing: 1.2px;
  color: #7c8d92;
}
.run4_heroResume__etduN > b {
  font-size: 10px;
  color: #b5c1c2;
  letter-spacing: 0;
  font-weight: 400;
}
.run4_tinyLine__Fz8lD {
  height: 1px;
  width: 22px;
  background: #93a68e;
}
.run4_heroTag__AGdpL {
  position: absolute;
  bottom: 34px;
  right: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  font-size: 7px;
  letter-spacing: 1.4px;
  color: #b1c1b6;
  width: 200px;
}
.run4_heroTag__AGdpL > span:last-child {
  display: block;
  padding-left: 13px;
  color: #617975;
  font-size: 6px;
}
.run4_orbitLabel__pSTH7 {
  position: absolute;
  top: 35px;
  right: 5px;
  color: #72887c;
  font-size: 7px;
  letter-spacing: 2px;
  text-align: right;
  line-height: 1.8;
}
.run4_dashboard__aGps1 {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1.15fr;
  gap: 18px;
  margin-top: 28px;
}
.run4_progressCard__UQzBA,
.run4_travelerCard__GCbg9,
.run4_rankCard__IfUVP {
  background: linear-gradient(120deg, #1c2a2e, #17232a);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 23px 24px;
  min-height: 185px;
}
.run4_cardEyebrow__EiUBB {
  font-size: 8px;
  letter-spacing: 1.5px;
  color: #93a3a6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.run4_statMain__3FNpU {
  font-size: 39px;
  line-height: 1.15;
  margin-top: 13px;
  letter-spacing: -1px;
}
.run4_statMain__3FNpU > span {
  font-size: 19px;
  color: #617677;
  margin-left: 8px;
}
.run4_progressCard__UQzBA > p,
.run4_rankCard__IfUVP > p {
  color: var(--muted);
  font-size: 10px;
  margin-top: 2px;
}
.run4_segmentBar__oYeAy {
  display: flex;
  gap: 4px;
  margin-top: 16px;
}
.run4_segmentBar__oYeAy i {
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 1px;
  background: #65816f55;
}
.run4_cardLink__b6xl_ {
  background: none;
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 10px;
  color: #c0cec6 !important;
  margin-top: 19px;
  padding: 0;
}
.run4_travelerCard__GCbg9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 8px;
  background:
    radial-gradient(ellipse at 90% 65%, #b9ec7830, transparent 65%), #19272b;
}
.run4_travelerCard__GCbg9 h3 {
  font-size: 29px;
  font-weight: 500;
  margin-top: 13px;
  line-height: 1.1;
}
.run4_travelerCard__GCbg9 h3 small {
  display: block;
  font-size: 10px;
  color: #8fa09d;
  font-weight: 400;
  margin-top: 5px;
}
.run4_powerTag__39S6T {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
  font-size: 8px;
  padding: 3px 6px;
  margin-top: 12px;
  background: #bddb8130;
  color: #d1eaa5;
}
.run4_travelerCard__GCbg9 .run4_cardLink__b6xl_ {
  margin-top: 13px;
}
.run4_rankTitle__D0Vyp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 23px;
  letter-spacing: -0.6px;
  margin-top: 24px;
}
.run4_rankTitle__D0Vyp > span {
  font-size: 11px;
  letter-spacing: 0;
  color: #d3dfc2;
}
.run4_meter__MFfY2 {
  height: 4px;
  overflow: hidden;
  border-radius: 4px;
  background: #ffffff10;
  margin-top: 14px;
}
.run4_meter__MFfY2 > i {
  display: block;
  height: 100%;
  background: var(--lime);
  transition: width 0.1s;
}
.run4_rankCard__IfUVP > p {
  margin-top: 8px;
}
.run4_rankCard__IfUVP .run4_cardLink__b6xl_ {
  margin-top: 22px;
}
.run4_exploreSection__OYkJq {
  margin-top: 48px;
}
.run4_sectionHeading__qtRZC {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 24px;
}
.run4_eyebrow__LtL4I {
  font-size: 8px;
  letter-spacing: 1.7px;
  color: #93a4a5;
}
.run4_sectionHeading__qtRZC h2 {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.8px;
  margin-top: 6px;
}
.run4_sectionHeading__qtRZC > span {
  font-size: 10px;
  color: #7b9092;
}
.run4_modeGrid___Vehv {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.run4_modeCard__J5jWn {
  text-align: left;
  background: #19262d;
  border: 1px solid var(--line) !important;
  border-radius: 9px;
  padding: 0;
  overflow: hidden;
  transition:
    transform 0.2s,
    border-color 0.2s;
}
.run4_modeCard__J5jWn:hover {
  transform: translateY(-3px);
  border-color: #b5d98350 !important;
}
.run4_miniMap__MPFPI,
.run4_infinityArt__r04z3,
.run4_anomalyArt__g1TR_ {
  height: 123px;
  position: relative;
  background: radial-gradient(ellipse at center, #4d686452, #12202a);
  overflow: hidden;
}
.run4_miniMap__MPFPI:after {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 50%;
  height: 1px;
  background: #a3cca04d;
  transform: rotate(-8deg);
}
.run4_miniMap__MPFPI > i {
  position: absolute;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  background: #b7e398;
  box-shadow:
    0 0 0 6px #b7e39812,
    0 0 20px #b7e39840;
}
.run4_miniMap__MPFPI > i:nth-child(n + 4) {
  background: #647d7b;
  box-shadow: 0 0 0 4px #b7e3980a;
}
.run4_modeInfo__Ux4y3 {
  padding: 20px;
}
.run4_modeInfo__Ux4y3 > span {
  font-size: 7px;
  letter-spacing: 1.5px;
  color: #8ca19e;
}
.run4_modeInfo__Ux4y3 h3 {
  font-size: 18px;
  letter-spacing: -0.3px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
}
.run4_modeInfo__Ux4y3 p {
  font-size: 10px;
  line-height: 1.7;
  color: #91a0a4;
  margin-top: 9px;
  max-width: 280px;
}
.run4_infinityArt__r04z3 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa2d2;
  background: radial-gradient(ellipse at center, #5e597d66, #1b2330);
}
.run4_infinityArt__r04z3 > svg {
  transform: rotate(-12deg);
}
.run4_infinityArt__r04z3 > span {
  position: absolute;
  bottom: 9px;
  font-size: 6px;
  letter-spacing: 2px;
  color: #9b96b6;
}
.run4_anomalyArt__g1TR_ {
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(ellipse at center, #6a594347, #242527);
  color: #dfc38d;
}
.run4_anomalyArt__g1TR_ > div {
  width: 58px;
  height: 58px;
  transform: rotate(45deg);
  border: 1px solid #c5a97d70;
  box-shadow:
    0 0 0 10px #c5a97d08,
    0 0 0 21px #c5a97d08;
  position: absolute;
}
.run4_homeBottom___y4Wl {
  margin: 23px 0 38px;
  color: #778d91;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 9px;
}
.run4_homeBottom___y4Wl > div,
.run4_homeBottom___y4Wl > span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.run4_footer__DECvL {
  border-top: 1px solid var(--line);
  padding: 23px 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 7px;
  letter-spacing: 1px;
  color: #657c7f;
}
.run4_footer__DECvL > b {
  margin: 0 7px;
}
.run4_footer__DECvL button {
  background: none;
  padding: 0;
  color: #85988f;
  font-size: 8px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.run4_tabContent___uG2b {
  padding: 47px 0 60px;
  min-height: 80vh;
}
.run4_tabContent___uG2b .run4_sectionHeading__qtRZC h1 {
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -1px;
  margin-top: 8px;
}
.run4_mapLayout__1MFeU {
  display: grid;
  grid-template-columns: 230px 1fr;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
}
.run4_sectorList__mulk_ {
  padding: 10px;
  border-right: 1px solid var(--line);
  background: #132026;
}
.run4_sectorList__mulk_ > button {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  text-align: left;
  padding: 12px 11px;
  border-radius: 6px;
  background: none;
}
.run4_sectorList__mulk_ > button > span {
  font-size: 10px;
}
.run4_sectorList__mulk_ > button > div {
  flex: 1;
}
.run4_sectorList__mulk_ strong {
  display: block;
  font-size: 11px;
  font-weight: 500;
}
.run4_sectorList__mulk_ small {
  font-size: 8px;
  color: var(--muted);
}
.run4_sectorList__mulk_ .run4_sectorActive__XNVOd {
  background: #bce98913;
}
.run4_sectorContent__rYg39 {
  padding: 30px;
}
.run4_sectorContent__rYg39 h2 {
  font-size: 30px;
  font-weight: 500;
  margin-top: 6px;
}
.run4_sectorContent__rYg39 > p {
  font-size: 11px;
  color: var(--muted);
  margin-top: 8px;
}
.run4_levelGrid__BBEQd {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 27px;
}
.run4_levelCard__VybJY {
  padding: 17px;
  background: #1b2a30;
  border: 1px solid var(--line) !important;
  border-radius: 7px;
  text-align: left;
  min-height: 145px;
}
.run4_levelCard__VybJY > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}
.run4_levelNumber__9ihUf {
  font-family: monospace;
  font-size: 22px;
  color: #819b96;
}
.run4_levelCard__VybJY strong {
  display: block;
  font-size: 12px;
  font-weight: 500;
}
.run4_levelCard__VybJY small {
  color: #809394;
  font-size: 8px;
  display: block;
  margin-top: 3px;
}
.run4_levelCard__VybJY:disabled {
  opacity: 0.42;
}
.run4_currentLevel__iW2ND {
  background: #c4ec8810;
  border-color: #c4ec8855 !important;
}
.run4_currentLevel__iW2ND .run4_levelNumber__9ihUf {
  color: var(--lime);
}
.run4_stars__LNces {
  display: flex;
  gap: 3px;
  color: var(--lime);
  margin-top: 12px;
}
.run4_mapNote__Gq9x3 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 10px !important;
  margin-top: 25px !important;
}
.run4_crewGrid__Tji0_ {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 17px;
}
.run4_crewCard__MaqIs {
  text-align: left;
  padding: 19px;
  border: 1px solid var(--line) !important;
  border-radius: 9px;
  background: #19272d;
  overflow: hidden;
  position: relative;
}
.run4_crewCard__MaqIs:disabled {
  opacity: 0.45;
}
.run4_crewCard__MaqIs.run4_selectedCrew__YKPBo {
  border-color: #c4ec8870 !important;
  background: #24332b;
}
.run4_crewTop___KhjU {
  display: flex;
  justify-content: space-between;
  font-size: 8px;
  letter-spacing: 0.7px;
  color: #9ca9a8;
}
.run4_crewTop___KhjU > span {
  display: flex;
  gap: 4px;
  align-items: center;
}
.run4_equipped__XxNCN {
  color: var(--lime) !important;
}
.run4_portrait__zTvOt {
  display: flex;
  justify-content: center;
  height: 145px;
  align-items: center;
}
.run4_crewCard__MaqIs h3 {
  font-size: 23px;
  font-weight: 500;
}
.run4_crewCard__MaqIs > small {
  font-size: 9px;
  color: var(--muted);
}
.run4_powerDescription__iU_0C {
  margin-top: 17px;
  border-top: 1px solid var(--line);
  padding-top: 13px;
  min-height: 115px;
}
.run4_powerDescription__iU_0C strong {
  font-size: 10px;
}
.run4_powerDescription__iU_0C p {
  font-size: 10px;
  color: #9facad;
  line-height: 1.7;
  margin-top: 5px;
}
.run4_crewStats__lMeKD {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid var(--line);
  padding-top: 12px;
  font-size: 6px;
  color: #839696;
}
.run4_crewStats__lMeKD b {
  display: block;
  font-size: 10px;
  color: #cad6ce;
  font-weight: 400;
  margin-top: 3px;
}
.run4_moduleBar__ltCMH {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  background: #c4ec8808;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 22px;
}
.run4_moduleBar__ltCMH > div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.run4_moduleBar__ltCMH strong {
  font-size: 12px;
  font-weight: 500;
}
.run4_moduleBar__ltCMH span {
  font-size: 10px;
  color: var(--muted);
}
.run4_root__3z1b9 select {
  background: #26373d;
  color: var(--text);
  padding: 7px 14px;
  border: 1px solid var(--line);
  border-radius: 5px;
  font-size: 12px;
}
.run4_trialGrid__TeXEM {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 17px;
}
.run4_trialCard__c_JmF {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #1a272d;
  display: flex;
  flex-direction: column;
}
.run4_trialTop__7ZjkI {
  display: flex;
  justify-content: space-between;
  font-size: 8px;
  letter-spacing: 1px;
  color: #9db98d;
  margin-bottom: 22px;
}
.run4_trialCard__c_JmF > small {
  font-size: 7px;
  letter-spacing: 1.2px;
  color: #b6a0cd;
}
.run4_trialCard__c_JmF h3 {
  font-size: 22px;
  font-weight: 500;
  margin-top: 6px;
  letter-spacing: -0.5px;
}
.run4_trialCard__c_JmF p {
  font-size: 11px;
  color: var(--muted);
  margin-top: 13px;
  line-height: 1.8;
  flex: 1;
}
.run4_trialBottom__RVNia {
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.run4_trialBottom__RVNia > span {
  font-size: 9px;
  color: #9caca5;
}
.run4_settingsLayout__NuVIn {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 60px;
  padding: 25px 0;
}
.run4_settingsLayout__NuVIn h3 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
.run4_settingsLayout__NuVIn p {
  font-size: 11px;
  color: var(--muted);
  margin-top: 9px;
  line-height: 1.8;
}
.run4_autoQuality__pZMZz {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  text-align: left;
  background: #1c2a30;
  border: 1px solid var(--line) !important;
  border-radius: 8px;
  padding: 20px;
  margin-top: 28px;
}
.run4_autoQuality__pZMZz > div {
  flex: 1;
}
.run4_autoQuality__pZMZz strong {
  font-size: 14px;
  font-weight: 500;
}
.run4_autoQuality__pZMZz small {
  display: block;
  font-size: 10px;
  color: var(--muted);
  margin-top: 3px;
}
.run4_autoQuality__pZMZz > span {
  font-size: 9px;
  letter-spacing: 1px;
}
.run4_selectedQuality__QLw6S {
  border-color: #c4ec8870 !important;
  background: #c4ec8810 !important;
}
.run4_qualityGrid__WP6A_ {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 13px;
}
.run4_qualityGrid__WP6A_ button {
  text-align: left;
  padding: 20px;
  border: 1px solid var(--line) !important;
  border-radius: 8px;
  background: #19282e;
}
.run4_qualityGrid__WP6A_ strong {
  font-size: 16px;
  font-weight: 500;
}
.run4_qualityGrid__WP6A_ p {
  font-size: 10px;
  margin-top: 8px;
}
.run4_settingRow__v995v {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 0;
  margin-top: 20px;
  border-top: 1px solid var(--line);
}
.run4_settingRow__v995v strong {
  font-size: 12px;
  font-weight: 500;
}
.run4_settingRow__v995v small {
  display: block;
  color: var(--muted);
  font-size: 10px;
  margin-top: 4px;
}
.run4_toggle__5KmF2 {
  background: #354439;
  border-radius: 20px;
  padding: 8px 18px;
  font-size: 10px !important;
  color: var(--lime) !important;
}
.run4_sliderLabel__sJK6g {
  display: block;
  margin-top: 22px;
  font-size: 11px;
  color: #a8b4b6;
}
.run4_sliderLabel__sJK6g > span {
  display: flex;
  justify-content: space-between;
}
.run4_sliderLabel__sJK6g b {
  font-size: 10px;
  color: var(--lime);
  font-weight: 400;
}
.run4_sliderLabel__sJK6g input {
  width: 100%;
  accent-color: var(--lime);
  height: 4px;
  margin: 16px 0 0;
}
.run4_finePrint__RKKii {
  font-size: 9px !important;
  margin-top: 26px !important;
}
.run4_backupPanel__OFWP3 {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 10px;
  margin-top: 28px;
  background: #17262b;
}
.run4_backupPanel__OFWP3 > svg {
  color: #b2cf95;
  margin-bottom: 12px;
}
.run4_backupPanel__OFWP3 h3 {
  font-size: 18px;
}
.run4_buttonRow__a6ztE {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 20px;
}
.run4_backupPanel__OFWP3 .run4_buttonRow__a6ztE {
  justify-content: flex-start;
}
.run4_guideGrid__jk1gK {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.run4_guideGrid__jk1gK article {
  padding: 30px;
  background: #1b2930;
  border: 1px solid var(--line);
  border-radius: 10px;
}
.run4_guideGrid__jk1gK h3 {
  font-size: 23px;
  font-weight: 500;
  color: var(--lime);
  margin-bottom: 18px;
}
.run4_guideGrid__jk1gK p {
  font-size: 12px;
  color: #a4b4b6;
  line-height: 1.85;
  margin-bottom: 12px;
}
.run4_loading__4OJx8 {
  min-height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.run4_loading__4OJx8 p {
  font-size: 12px;
  color: var(--muted);
}
.run4_game__mi_eq {
  height: 100dvh;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  background: #122027;
}
.run4_gameCanvas__HN1Ox {
  position: absolute;
  inset: 0;
}
.run4_gameCanvas__HN1Ox canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.run4_gameVignette__51BZ0 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    0deg,
    #07131a66,
    transparent 22%,
    transparent 80%,
    #07131aaa
  );
}
.run4_gameTop__XI1Lc {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 92px;
  display: flex;
  align-items: center;
  gap: 17px;
  padding: 0 32px;
}
.run4_courseTitle__633eI {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.run4_courseTitle__633eI > small {
  font-size: 8px;
  letter-spacing: 1.7px;
  color: #9baeb1;
}
.run4_courseTitle__633eI > strong {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
.run4_mapName__2Uz5b {
  font-size: 8px;
  letter-spacing: 1.1px;
  color: #91c8bb;
  text-transform: uppercase;
  margin-top: 2px;
}
.run4_gameMetrics__gvMEi {
  display: flex;
  align-items: center;
  gap: 27px;
  margin-left: auto;
  margin-right: 12px;
  font-size: 18px;
  font-family: monospace;
}
.run4_gameMetrics__gvMEi > span {
  display: flex;
  align-items: center;
  gap: 7px;
}
.run4_gameMetrics__gvMEi > span > small {
  font-size: 10px;
  color: var(--muted);
}
.run4_gameMetrics__gvMEi > span:nth-child(2) {
  font-size: 10px;
  color: #729096;
}
.run4_gameMetrics__gvMEi .run4_relicFound__fX8lW {
  color: #eac2ff !important;
}
.run4_courseProgress__uvLTj {
  position: absolute;
  top: 92px;
  left: 32px;
  right: 32px;
  height: 2px;
  background: #ffffff16;
}
.run4_courseProgress__uvLTj > i {
  display: block;
  height: 100%;
  transition: width 0.08s;
}
.run4_gameCorner__Nc39l {
  position: absolute;
  top: 110px;
  left: 33px;
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 7px;
  letter-spacing: 0.8px;
  color: #8caaa9;
}
.run4_gameCorner__Nc39l b {
  font-weight: 400;
  color: #577777;
}
.run4_tutorial__bWXTj {
  position: absolute;
  top: 135px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 18px;
  background: #12262ca6;
  border: 1px solid #a8ce9c1f;
  border-radius: 7px;
  font-size: 11px;
  color: #d3e4ca;
  white-space: nowrap;
}
.run4_powerDock__Z79qq {
  position: absolute;
  bottom: 29px;
  left: 32px;
  display: flex;
  gap: 18px;
  pointer-events: none;
}
.run4_powerDock__Z79qq > div {
  width: 177px;
  background: #0d1c2580;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
}
.run4_key__SILVe {
  font-family: monospace;
  font-size: 8px;
  color: #a3b6b5;
  border: 1px solid #ffffff22;
  border-radius: 3px;
  padding: 2px 4px;
}
.run4_powerDock__Z79qq strong {
  display: block;
  font-size: 12px;
  margin-top: 8px;
  font-weight: 500;
}
.run4_powerDock__Z79qq small {
  display: block;
  font-size: 7px;
  color: #a3c694;
  margin-top: 3px;
}
.run4_powerDock__Z79qq .run4_meter__MFfY2 {
  margin-top: 8px;
  height: 3px;
}
.run4_gameOverlay__pdTme,
.run4_resultOverlay__cLvpO {
  position: absolute;
  inset: 0;
  background: #07101679;
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  z-index: 10;
}
.run4_resultOverlay__cLvpO {
  position: fixed;
  background: #08151dbe;
  z-index: 25;
}
.run4_launchCard__Pcb0R,
.run4_resultCard__diCED {
  width: 480px;
  max-width: 100%;
  padding: 37px;
  background: linear-gradient(150deg, #203137f5, #16242a);
  border: 1px solid #bddbb12b;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 20px 80px #0003;
}
.run4_launchCard__Pcb0R h2,
.run4_resultCard__diCED h2 {
  font-size: 36px;
  line-height: 1.15;
  letter-spacing: -1.2px;
  font-weight: 500;
  margin: 14px 0;
}
.run4_launchCard__Pcb0R p,
.run4_resultCard__diCED > p {
  color: #a6b7b9;
  font-size: 12px;
  line-height: 1.7;
}
.run4_launchStats__ROxUp {
  display: flex;
  justify-content: space-around;
  margin: 24px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 18px 0;
}
.run4_launchStats__ROxUp > span {
  font-size: 21px;
}
.run4_launchStats__ROxUp small {
  display: block;
  font-size: 7px;
  letter-spacing: 1.3px;
  color: #87a29d;
  margin-top: 2px;
}
.run4_launchCard__Pcb0R > .run4_primary__CXQZc {
  width: 100%;
  margin-top: 14px;
}
.run4_launchCard__Pcb0R > .run4_secondary__7QG4S {
  width: 100%;
  margin-top: 10px;
}
.run4_controlsHint__6_vjl {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 23px;
  font-size: 7px;
  color: #95aaa8;
  flex-wrap: wrap;
}
.run4_root__3z1b9 kbd {
  border: 1px solid #819c9866;
  border-radius: 3px;
  padding: 3px 4px;
  font: 8px monospace;
  margin-right: 4px;
}
.run4_textButton__wmigH {
  background: transparent;
  color: #8aa199 !important;
  font-size: 10px !important;
  padding: 6px;
  margin-top: 22px;
}
.run4_textButton__wmigH:hover {
  color: var(--lime) !important;
}
.run4_retryNotice__Z28eQ {
  position: absolute;
  top: 36%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 30px;
  letter-spacing: -1px;
  color: #eeeeda;
  pointer-events: none;
}
.run4_retryNotice__Z28eQ small {
  display: block;
  font-size: 11px;
  margin-top: 9px;
  letter-spacing: 0;
  color: #aec2bb;
}
.run4_touchControls__mgiHo {
  display: none;
  position: absolute;
  bottom: 22px;
  left: 20px;
  right: 20px;
  justify-content: space-between;
  pointer-events: none;
}
.run4_touchControls__mgiHo > div {
  display: flex;
  gap: 8px;
}
.run4_touchControls__mgiHo button {
  touch-action: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  pointer-events: auto;
  background: #20323ca8;
  border: 1px solid #b5cfb945 !important;
  color: #d5e7ce;
  min-width: 54px;
  min-height: 54px;
  padding: 10px;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 700;
}
.run4_touchControls__mgiHo button:active {
  background: #92b76777;
}
.run4_errorBanner__3fkz5 {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #59382e;
  color: #ffe0c2;
  border-radius: 8px;
  padding: 13px 18px;
  font-size: 12px;
  max-width: 90%;
  z-index: 30;
  display: flex;
  gap: 20px;
  align-items: center;
}
.run4_errorBanner__3fkz5 button,
.run4_toast__ej0u6 button {
  background: none;
  color: inherit;
  font-size: 18px;
}
.run4_bigStars__hkWm8 {
  display: flex;
  justify-content: center;
  gap: 13px;
  color: var(--lime);
  margin: 25px 0;
}
.run4_resultXP__Torsi {
  font-size: 43px;
  letter-spacing: -1px;
  color: var(--lime);
  margin-top: 20px;
}
.run4_resultXP__Torsi span {
  display: block;
  font-size: 8px;
  letter-spacing: 2px;
  color: #819d88;
}
.run4_unlockBanner__skGPG {
  display: flex;
  align-items: center;
  gap: 13px;
  background: #b2d48514;
  border: 1px solid #b2d48524;
  border-radius: 8px;
  padding: 12px;
  margin-top: 18px;
  text-align: left;
}
.run4_unlockBanner__skGPG small {
  display: block;
  color: #bcdea0;
  font-size: 8px;
  letter-spacing: 1px;
}
.run4_unlockBanner__skGPG strong {
  display: block;
  font-size: 12px;
  font-weight: 500;
  margin-top: 3px;
}
.run4_toast__ej0u6 {
  position: fixed;
  bottom: 22px;
  right: 22px;
  max-width: 470px;
  z-index: 50;
  background: #2c413a;
  border: 1px solid #c4ec8845;
  border-radius: 8px;
  padding: 15px 20px;
  font-size: 12px;
  color: #dfebd7;
  display: flex;
  gap: 20px;
  align-items: center;
  box-shadow: 0 8px 30px #0004;
}
@media (min-width: 1500px) {
  .run4_hero__H1Uoc {
    min-height: 550px;
  }
  .run4_heroText__l5o2G {
    padding-top: 85px;
  }
  .run4_hero__H1Uoc h1 {
    font-size: 82px;
  }
  .run4_heroScene__cvjWL {
    right: -3%;
  }
}
@media (max-width: 1100px) {
  .run4_header__F6PnN {
    gap: 25px;
    height: 90px;
  }
  .run4_header__F6PnN nav {
    gap: 14px;
  }
  .run4_header__F6PnN nav button {
    font-size: 10px;
  }
  .run4_saved__FJ4fa {
    display: none;
  }
  .run4_shell__jhKUC {
    padding: 0 4%;
  }
  .run4_hero__H1Uoc {
    min-height: 475px;
  }
  .run4_hero__H1Uoc h1 {
    font-size: 60px;
  }
  .run4_heroScene__cvjWL {
    right: -18%;
    width: 90%;
  }
  .run4_dashboard__aGps1 {
    gap: 12px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .run4_progressCard__UQzBA,
  .run4_rankCard__IfUVP,
  .run4_travelerCard__GCbg9 {
    padding: 18px;
  }
  .run4_travelerCard__GCbg9 > svg {
    width: 95px;
  }
  .run4_rankTitle__D0Vyp {
    font-size: 20px;
  }
  .run4_rankTitle__D0Vyp > span {
    font-size: 9px;
  }
  .run4_crewGrid__Tji0_ {
    grid-template-columns: repeat(3, 1fr);
  }
  .run4_mapLayout__1MFeU {
    grid-template-columns: 190px 1fr;
  }
  .run4_sectorContent__rYg39 {
    padding: 23px;
  }
  .run4_levelGrid__BBEQd {
    grid-template-columns: repeat(2, 1fr);
  }
  .run4_trialGrid__TeXEM {
    grid-template-columns: repeat(2, 1fr);
  }
  .run4_settingsLayout__NuVIn {
    gap: 30px;
  }
}
@media (max-width: 760px) {
  .run4_header__F6PnN {
    height: auto;
    min-height: 112px;
    flex-wrap: wrap;
    padding-top: 19px;
    gap: 0;
    justify-content: space-between;
  }
  .run4_headerRight__6WAhA {
    order: 1;
    margin-left: auto;
  }
  .run4_header__F6PnN nav {
    order: 2;
    width: 100%;
    height: 45px;
    justify-content: space-between;
    gap: 12px;
    margin-top: 13px;
  }
  .run4_header__F6PnN nav button {
    font-size: 10px;
    height: 45px;
  }
  .run4_header__F6PnN nav svg {
    width: 14px;
  }
  .run4_logo__XjmU7 {
    font-size: 29px;
  }
  .run4_hero__H1Uoc {
    min-height: 490px;
  }
  .run4_heroText__l5o2G {
    padding: 48px 0 32px;
    max-width: 95%;
  }
  .run4_hero__H1Uoc h1 {
    font-size: 57px;
    letter-spacing: -2.6px;
  }
  .run4_heroText__l5o2G > p {
    font-size: 12px;
  }
  .run4_heroEyebrow__hSiUu {
    font-size: 7px;
    letter-spacing: 1.4px;
  }
  .run4_heroScene__cvjWL {
    width: 135%;
    right: -53%;
    opacity: 0.65;
  }
  .run4_heroShade__yS6kH {
    background:
      linear-gradient(90deg, #101b20 4%, #101b20cc 32%, #101b2044 100%),
      linear-gradient(0deg, #101b20, transparent 55%);
  }
  .run4_heroTag__AGdpL {
    display: none;
  }
  .run4_orbitLabel__pSTH7 {
    display: none;
  }
  .run4_dashboard__aGps1 {
    grid-template-columns: 1fr 1fr;
  }
  .run4_rankCard__IfUVP {
    grid-column: span 2;
    min-height: 150px;
  }
  .run4_rankTitle__D0Vyp {
    margin-top: 15px;
  }
  .run4_rankCard__IfUVP .run4_cardLink__b6xl_ {
    margin-top: 14px;
  }
  .run4_travelerCard__GCbg9 {
    position: relative;
    overflow: hidden;
  }
  .run4_travelerCard__GCbg9 > div {
    z-index: 1;
  }
  .run4_travelerCard__GCbg9 > svg {
    position: absolute;
    right: -20px;
    bottom: 0;
    opacity: 0.6;
  }
  .run4_travelerCard__GCbg9 h3 {
    font-size: 25px;
  }
  .run4_cardEyebrow__EiUBB {
    font-size: 6px;
  }
  .run4_sectionHeading__qtRZC {
    align-items: flex-start;
  }
  .run4_sectionHeading__qtRZC > span {
    display: none;
  }
  .run4_sectionHeading__qtRZC h2 {
    font-size: 24px;
  }
  .run4_exploreSection__OYkJq {
    margin-top: 33px;
  }
  .run4_modeGrid___Vehv {
    grid-template-columns: 1fr;
  }
  .run4_modeCard__J5jWn {
    display: grid;
    grid-template-columns: 110px 1fr;
  }
  .run4_miniMap__MPFPI,
  .run4_infinityArt__r04z3,
  .run4_anomalyArt__g1TR_ {
    height: 100%;
    min-height: 140px;
  }
  .run4_miniMap__MPFPI > i {
    width: 6px;
    height: 6px;
  }
  .run4_modeInfo__Ux4y3 {
    padding: 19px;
  }
  .run4_modeInfo__Ux4y3 p {
    font-size: 10px;
  }
  .run4_modeInfo__Ux4y3 h3 {
    font-size: 17px;
  }
  .run4_infinityArt__r04z3 > svg {
    width: 95px;
  }
  .run4_infinityArt__r04z3 > span {
    display: none;
  }
  .run4_homeBottom___y4Wl {
    font-size: 8px;
    margin: 22px 0;
  }
  .run4_homeBottom___y4Wl > span {
    display: none;
  }
  .run4_footer__DECvL {
    flex-wrap: wrap;
    gap: 12px;
    font-size: 6px;
    padding-bottom: 25px;
  }
  .run4_footer__DECvL > span:nth-child(2) {
    display: none;
  }
  .run4_tabContent___uG2b {
    padding-top: 30px;
  }
  .run4_tabContent___uG2b .run4_sectionHeading__qtRZC h1 {
    font-size: 29px;
    line-height: 1.2;
  }
  .run4_mapLayout__1MFeU {
    display: block;
  }
  .run4_sectorList__mulk_ {
    display: flex;
    overflow-x: auto;
    padding: 9px;
    border-bottom: 1px solid var(--line);
  }
  .run4_sectorList__mulk_ > button {
    min-width: 155px;
    padding: 9px;
  }
  .run4_sectorContent__rYg39 {
    padding: 20px;
  }
  .run4_sectorContent__rYg39 h2 {
    font-size: 27px;
  }
  .run4_levelGrid__BBEQd {
    gap: 9px;
  }
  .run4_levelCard__VybJY {
    padding: 13px;
  }
  .run4_levelCard__VybJY strong {
    font-size: 11px;
  }
  .run4_mapNote__Gq9x3 {
    align-items: flex-start;
    line-height: 1.7;
  }
  .run4_crewGrid__Tji0_ {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .run4_crewCard__MaqIs {
    padding: 14px;
  }
  .run4_crewTop___KhjU {
    font-size: 6px;
  }
  .run4_portrait__zTvOt {
    height: 128px;
  }
  .run4_portrait__zTvOt > svg {
    width: 100px;
  }
  .run4_powerDescription__iU_0C {
    min-height: 145px;
  }
  .run4_crewStats__lMeKD {
    gap: 4px;
    font-size: 5px;
  }
  .run4_trialGrid__TeXEM {
    grid-template-columns: 1fr;
  }
  .run4_moduleBar__ltCMH {
    padding: 16px;
    flex-direction: column;
  }
  .run4_moduleBar__ltCMH > div {
    flex-wrap: wrap;
  }
  .run4_moduleBar__ltCMH span {
    font-size: 9px;
  }
  .run4_settingsLayout__NuVIn {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .run4_settingsLayout__NuVIn h3 {
    font-size: 21px;
  }
  .run4_guideGrid__jk1gK {
    grid-template-columns: 1fr;
  }
  .run4_gameTop__XI1Lc {
    height: 78px;
    padding: 0 15px;
    gap: 10px;
  }
  .run4_courseTitle__633eI strong {
    font-size: 15px;
  }
  .run4_courseTitle__633eI small {
    font-size: 6px;
    letter-spacing: 0.8px;
  }
  .run4_mapName__2Uz5b {
  font-size: 8px;
  letter-spacing: 1.1px;
  color: #91c8bb;
  text-transform: uppercase;
  margin-top: 2px;
}
.run4_gameMetrics__gvMEi {
    gap: 12px;
    margin-right: 0;
    font-size: 15px;
  }
  .run4_gameMetrics__gvMEi > span:nth-child(2) {
    display: none;
  }
  .run4_gameMetrics__gvMEi svg {
    width: 15px;
  }
  .run4_gameTop__XI1Lc > .run4_iconButton__OD61m:nth-last-child(2) {
    display: none;
  }
  .run4_gameTop__XI1Lc .run4_iconButton__OD61m {
    width: 30px;
    height: 30px;
  }
  .run4_courseProgress__uvLTj {
    top: 78px;
    left: 15px;
    right: 15px;
  }
  .run4_gameCorner__Nc39l {
    left: 15px;
    top: 91px;
    font-size: 6px;
  }
  .run4_tutorial__bWXTj {
    top: 122px;
    white-space: normal;
    width: 85%;
    font-size: 10px;
    text-align: center;
    padding: 8px;
  }
  .run4_powerDock__Z79qq {
    bottom: 100px;
    left: 16px;
    gap: 10px;
  }
  .run4_powerDock__Z79qq > div {
    width: 137px;
    padding: 9px;
  }
  .run4_powerDock__Z79qq strong {
    font-size: 10px;
  }
  .run4_launchCard__Pcb0R,
  .run4_resultCard__diCED {
    padding: 25px;
  }
  .run4_launchCard__Pcb0R h2,
  .run4_resultCard__diCED h2 {
    font-size: 31px;
  }
  .run4_launchCard__Pcb0R p {
    font-size: 11px;
  }
  .run4_controlsHint__6_vjl {
    gap: 7px;
    font-size: 6px;
  }
  .run4_toast__ej0u6 {
    left: 15px;
    right: 15px;
    bottom: 15px;
    font-size: 11px;
  }
  .run4_retryNotice__Z28eQ {
    font-size: 25px;
  }
}
@media (pointer: coarse) {
  .run4_touchControls__mgiHo {
    display: flex;
  }
  .run4_powerDock__Z79qq {
    bottom: 105px;
  }
  .run4_touchControls__mgiHo button {
    min-width: 56px;
    min-height: 56px;
  }
}
@media (max-height: 600px) {
  .run4_launchCard__Pcb0R {
    padding: 20px;
  }
  .run4_launchCard__Pcb0R h2 {
    font-size: 25px;
    margin: 8px 0;
  }
  .run4_launchStats__ROxUp {
    margin: 12px 0;
    padding: 10px 0;
  }
  .run4_controlsHint__6_vjl {
    margin-top: 15px;
  }
  .run4_textButton__wmigH {
    margin-top: 10px;
  }
  .run4_gameTop__XI1Lc {
    height: 62px;
  }
  .run4_courseProgress__uvLTj {
    top: 62px;
  }
  .run4_gameCorner__Nc39l {
    top: 74px;
  }
  .run4_tutorial__bWXTj {
    top: 95px;
  }
  .run4_game__mi_eq {
    min-height: 360px;
  }
  .run4_resultCard__diCED {
    padding: 20px;
    max-height: 96dvh;
    overflow: auto;
  }
  .run4_bigStars__hkWm8 {
    margin: 10px 0;
  }
  .run4_resultXP__Torsi {
    margin-top: 9px;
    font-size: 30px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .run4_root__3z1b9 * {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}

@media (any-pointer: coarse), (max-width: 760px) {
  .run4_touchControls__mgiHo {
    display: flex;
  }
}
/* Chromatic update: responsive skill feedback and a more saturated observatory. */
.run4_root__3z1b9 {
  --bg: #111426;
  --panel: #192135;
  --lime: #ccff74;
  --muted: #97a5c0;
}
.run4_heroShade__yS6kH {
  background:
    linear-gradient(
      90deg,
      #111426 9%,
      #111426ef 30%,
      #11142655 55%,
      transparent 80%
    ),
    linear-gradient(0deg, #111426, transparent 25%);
}
.run4_hero__H1Uoc h1 em {
  background: linear-gradient(110deg, #deff7e, #7bffe6 60%, #cca6ff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.run4_heroEyebrow__hSiUu {
  color: #b1dff0;
}
.run4_heroTag__AGdpL {
  color: #9ef7e7;
}
.run4_modeCard__J5jWn {
  background: #1c2340;
}
.run4_progressCard__UQzBA,
.run4_rankCard__IfUVP {
  background: linear-gradient(120deg, #222d43, #191e37);
}
.run4_flowHUD__1VfFU {
  position: absolute;
  left: 32px;
  top: 156px;
  width: 190px;
  padding: 14px 17px;
  border: 1px solid #b0d3ff30;
  background: #101426bb;
  border-radius: 9px;
  pointer-events: none;
  backdrop-filter: blur(5px);
}
.run4_flowHUD__1VfFU > small {
  font-size: 8px;
  letter-spacing: 2px;
  color: #a5bdd0;
}
.run4_flowHUD__1VfFU > strong {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 29px;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}
.run4_flowHUD__1VfFU em {
  font-size: 25px;
  color: #ceff79;
  font-style: normal;
}
.run4_flowHUD__1VfFU > span {
  display: block;
  font-size: 7px;
  letter-spacing: 1px;
  color: #a9bdd3;
  margin-top: 10px;
}
.run4_flowHUD__1VfFU .run4_meter__MFfY2 {
  margin-top: 4px;
}
.run4_skillGoal__gTVbx {
  position: absolute;
  right: 32px;
  top: 156px;
  background: #101426aa;
  border: 1px solid #b0d3ff20;
  border-radius: 8px;
  padding: 12px 16px;
  width: 205px;
  pointer-events: none;
  font-size: 10px;
  color: #e1e9ff;
}
.run4_skillGoal__gTVbx .run4_meter__MFfY2 {
  height: 3px;
  margin-top: 8px;
}
.run4_zoneNotice__em0XR {
  position: absolute;
  top: 26%;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  border-radius: 30px;
  background: #35204bc9;
  border: 1px solid #f6b6ff66;
  color: #f6e0ff;
  font-size: 13px;
  letter-spacing: 1px;
  pointer-events: none;
}
.run4_flowPop__dw_7S {
  position: absolute;
  top: 62%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-4deg);
  text-align: center;
  pointer-events: none;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -1px;
  text-shadow:
    3px 3px #171b36,
    0 0 25px #62d3ff55;
  animation: run4_flowArrive__EUcX5 0.22s ease-out both;
}
.run4_flowPop__dw_7S > small {
  display: block;
  font-size: 12px;
  letter-spacing: 3px;
  color: white;
  margin-top: 3px;
}
@keyframes run4_flowArrive__EUcX5 {
  from {
    transform: translate(-50%, -40%) rotate(-7deg) scale(0.85);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -50%) rotate(-4deg) scale(1);
    opacity: 1;
  }
}
.run4_courseBrief__iqRCP {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid #cc9cff30;
  border-radius: 7px;
  background: #9c6fdb10;
}
.run4_courseBrief__iqRCP > span {
  font-size: 9px;
  letter-spacing: 1px;
  color: #c9b6f0;
  display: block;
}
.run4_courseBrief__iqRCP > small {
  font-size: 9px;
  color: #c6e5b6;
  display: block;
  margin-top: 5px;
}
.run4_resultFlow___pt63 {
  margin-top: 18px;
  padding: 15px;
  background: #9b6cdf13;
  border: 1px solid #d8b3ff30;
  border-radius: 8px;
}
.run4_resultFlow___pt63 strong {
  display: block;
  font-size: 32px;
  color: #c5b1ff;
}
.run4_resultFlow___pt63 span {
  display: block;
  font-size: 8px;
  letter-spacing: 1px;
  color: #b8c7d8;
}
.run4_resultFlow___pt63 small {
  display: block;
  font-size: 9px;
  color: var(--lime);
  margin-top: 7px;
}
@media (max-width: 760px) {
  .run4_flowHUD__1VfFU {
    left: 15px;
    top: 167px;
    width: 125px;
    padding: 9px;
  }
  .run4_flowHUD__1VfFU > strong {
    font-size: 23px;
  }
  .run4_flowHUD__1VfFU em {
    font-size: 20px;
  }
  .run4_flowHUD__1VfFU > span {
    font-size: 6px;
  }
  .run4_skillGoal__gTVbx {
    right: 15px;
    top: 167px;
    width: 156px;
    padding: 9px;
    font-size: 8px;
  }
  .run4_flowPop__dw_7S {
    font-size: 24px;
    top: 55%;
    white-space: nowrap;
  }
  .run4_zoneNotice__em0XR {
    top: 35%;
    font-size: 10px;
  }
  .run4_heroShade__yS6kH {
    background:
      linear-gradient(90deg, #111426 4%, #111426cc 32%, #11142644 100%),
      linear-gradient(0deg, #111426, transparent 55%);
  }
  .run4_heroText__l5o2G > p {
    max-width: 290px;
  }
  .run4_launchCard__Pcb0R {
    max-height: 92dvh;
    overflow: auto;
  }
}
@media (max-height: 600px) {
  .run4_flowHUD__1VfFU,
  .run4_skillGoal__gTVbx {
    top: 102px;
  }
  .run4_flowHUD__1VfFU {
    width: 145px;
  }
  .run4_flowHUD__1VfFU > strong {
    font-size: 23px;
  }
  .run4_courseBrief__iqRCP {
    padding: 7px;
    margin-top: 9px;
  }
  .run4_courseBrief__iqRCP > small {
    font-size: 8px;
  }
  .run4_launchCard__Pcb0R {
    max-height: 94dvh;
    overflow: auto;
  }
  .run4_flowPop__dw_7S {
    top: 55%;
  }
  .run4_tutorial__bWXTj {
    display: none;
  }
}
.run4_payStatementDetails__EB9ms{margin-top:10px;width:min(100%,520px);border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);padding:8px 10px;text-align:left}.run4_payStatementDetails__EB9ms summary{cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.08em;color:rgba(225,244,255,.7)}.run4_payStatementLines__VA69O{display:grid;gap:4px;margin-top:8px}.run4_payStatementLines__VA69O>div{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:rgba(220,232,247,.58)}.run4_payStatementLines__VA69O b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(228,248,255,.9)}

@media (max-width: 760px) { .run4_qualityGrid__WP6A_ { grid-template-columns: 1fr; } }