.mobile-v3 {
  --mobile-heading-top: 19.31%; --mobile-heading-image-height: 39px; --mobile-badge-height: 42px;
  /* A short webview must not compress the gap beneath a fixed-height title. */
  --mobile-heading-bottom: calc(var(--mobile-heading-top) + var(--mobile-heading-image-height) + var(--mobile-badge-height) - 6px);
  --mobile-copy-top: calc(var(--mobile-heading-bottom) + 12px);
  --mobile-register-start: calc(var(--mobile-heading-bottom) + 22px);
  display: none; position: relative; width: 100%; max-width: 430px; height: 100svh; min-height: 700px; margin: 0 auto; overflow: clip;
  background: #67b8f3 url('/assets/mobile-v3/content-background.webp') center / 100% 100% no-repeat;
  color: #2788f5; font-family: "HarmonyOS Sans SC Web", "HarmonyOS Sans SC", "Microsoft YaHei", "PingFang SC", Arial, sans-serif; letter-spacing: 0; isolation: isolate;
}
.mobile-v3 *, .mobile-v3 *::before, .mobile-v3 *::after { box-sizing: border-box; letter-spacing: 0; }
.mobile-v3 [hidden] { display: none !important; }
.mobile-v3[data-mobile-current="home"] { height: 100svh; min-height: 0; max-height: 932px; background-color: #034b9b; background-image: url('/assets/mobile-v3/home-fit-background.webp'); background-size: 100% auto; background-position: center top; background-repeat: no-repeat; }
body:has(> .mobile-v3[data-mobile-current="home"]) { background: #034b9b; }
.mobile-v3[data-mobile-current="home"][data-mobile-title-custom="true"] { background-image: url('/assets/mobile-v3/home-fit-plain-background.webp'); }
.mobile-v3[data-mobile-current="home"] .mobile-v3-logo { top: 8%; height: auto; aspect-ratio: 74 / 56; }
.mobile-v3[data-mobile-current="home"] .mobile-v3-home-subtitle { top: auto; margin-top: 83.4%; }
.mobile-v3[data-mobile-current="about"] { background-image: url('/assets/mobile-v3/about-background.webp'); }
.mobile-v3[data-mobile-current="flow"] { background-image: url('/assets/mobile-v3/flow-background.webp'); }
.mobile-v3[data-mobile-current="registration-status"] { background-image: url('/assets/mobile-v3/status-background.webp'); }
.mobile-v3-page { position: absolute; inset: 0; overflow: hidden; }
.mobile-v3-logo { position: absolute; z-index: 5; left: 5.12%; top: 8.26%; width: 17.21%; height: 6.01%; }
.mobile-v3-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mobile-v3-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mobile-v3[data-mobile-title-custom="true"] [data-mobile-home-title] { position: absolute; top: 16%; left: 12%; right: 12%; width: auto; height: auto; overflow: visible; clip-path: none; white-space: normal; margin: 0; color: #fff; font-size: 44px; line-height: 1.3; text-align: center; overflow-wrap: anywhere; text-shadow: 0 3px 8px #029bbc; }
.mobile-v3-home-subtitle { position: absolute; top: 38.48%; left: 8%; right: 8%; margin: 0; text-align: center; color: #fff; font-size: 19px; font-weight: 500; line-height: 1.52; text-shadow: 0 1px 4px #023a72; }
.mobile-v3-heading { position: absolute; top: var(--mobile-heading-top); left: 50%; width: 80%; transform: translateX(-50%); text-align: center; }
.mobile-v3-heading > picture { display: block; }
.mobile-v3-heading img { display: block; width: 270px; height: var(--mobile-heading-image-height); max-width: 100%; object-fit: contain; margin: 0 auto; }
.mobile-v3-heading h1 { position: relative; width: 180px; max-width: 78%; height: var(--mobile-badge-height); margin: -6px auto 0; padding: 0 12px; display: flex; align-items: center; justify-content: center; background: url('/assets/mobile-v3/badge.webp') center / 100% 100% no-repeat; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.15; }
.mobile-v3-copy { position: absolute; top: var(--mobile-copy-top); bottom: 14.15%; left: 14.8%; right: 14.8%; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #4caee9 transparent; text-align: center; font-size: 12px; font-weight: 400; line-height: 1.82; overflow-wrap: anywhere; touch-action: pan-y; }
.mobile-v3-copy p { margin: 0 0 16px; }
.mobile-v3-copy p:last-child { margin-bottom: 0; }
.mobile-v3-copy h2 { display: flex; align-items: center; justify-content: center; min-height: 26px; width: 260px; max-width: 100%; margin: 22px auto 11px; padding: 2px 10px 3px; background: url('/assets/mobile-v3/subheading.webp') center / 100% 100% no-repeat; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.4; }
.mobile-v3-copy > h2:first-child { margin-top: 0; }
.mobile-v3-copy h3 { margin: 17px 0 4px; font-size: 14px; line-height: 1.6; color: #167efa; }
.mobile-v3-copy strong, .mobile-v3-copy b { color: #0054da; font-weight: 700; }
.mobile-v3-copy u { text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.mobile-v3-copy a { color: #0054da; text-decoration: underline; }
.mobile-v3-copy ul, .mobile-v3-copy ol { padding-left: 22px; text-align: left; }
.mobile-v3-copy table { border-collapse: separate; border-spacing: 0; width: 84%; margin: 0 auto 6px; overflow: hidden; border: 1px solid #fff; border-radius: 5px; box-shadow: 1px 2px 3px #4597d0; color: #fff; font-size: 10px; line-height: 1.7; }
.mobile-v3-copy th, .mobile-v3-copy td { border-right: 1px solid #bbddfa; border-bottom: 1px solid #bbddfa; padding: 0 5px; font-weight: 500; text-align: center; background: #6cb8f8; }
.mobile-v3-copy th { background: #67d1e9; padding-top: 2px; padding-bottom: 2px; }
.mobile-v3-copy tr:last-child td { border-bottom: 0; background: #5592fa; }
.mobile-v3-copy th:last-child, .mobile-v3-copy td:last-child { border-right: 0; }
.mobile-v3-copy:focus-visible { outline: 2px solid #0065de; outline-offset: 3px; }
.mobile-v3 [data-mobile-content="about"] { text-align: justify; font-size: 13px; line-height: 1.98; bottom: 19%; }
.mobile-v3 [data-mobile-content="about"] p { text-indent: 2em; margin: 0; }
.mobile-v3 [data-mobile-content="organizations"] { left: 10.5%; right: 10.5%; line-height: 1.82; }
.mobile-v3 [data-mobile-content="organizations"] h3 { margin: 13px auto 4px; }
.mobile-v3 [data-mobile-content="organizations"] h3::before, .mobile-v3 [data-mobile-content="organizations"] h3::after { content: ""; display: inline-block; vertical-align: middle; width: 38px; margin: 0 3px; border-top: 1px solid currentColor; }
.mobile-v3 [data-mobile-content="organizations"] p { margin-bottom: 0; }
.mobile-v3 [data-mobile-content^="schedule-"] { left: 20.45%; right: 17.65%; text-align: left; line-height: 1.82; }
.mobile-v3 [data-mobile-content^="schedule-"] h2 { margin-top: 24px; margin-bottom: 10px; }
.mobile-v3 [data-mobile-content^="schedule-"] > h2:first-child { margin-top: 0; }
.mobile-v3 [data-mobile-content="schedule-service"] p { margin-bottom: 8px; }
.mobile-v3 [data-mobile-content="schedule-intro"] h2 { margin-top: 16px; }
.mobile-v3 [data-mobile-content="schedule-intro"] p { margin-bottom: 10px; }
.mobile-v3 [data-mobile-content="guide-content"], .mobile-v3 [data-mobile-content="guide-object"] { left: 17%; right: 17%; }
.mobile-v3 [data-mobile-content="guide-object"] p { margin-bottom: 16px; }
.mobile-v3 [data-mobile-content="policy-awards"] p { margin-bottom: 1px; }
.mobile-v3 [data-mobile-content="policy-funding"] { left: 15.1%; right: 15.1%; }
.mobile-v3 [data-mobile-content="policy-funding"] p { margin-bottom: 14px; }
.mobile-v3 [data-mobile-content="flow"] { top: 0; bottom: 0; left: 12.78%; right: 12.56%; overflow: clip; }
.mobile-v3 [data-mobile-content="flow"] h2 { position: absolute; top: var(--mobile-copy-top); left: 50%; transform: translateX(-50%); }
.mobile-v3 [data-mobile-content="flow"] ol { position: absolute; top: 34.12%; left: 0; width: 100%; height: 45.17%; padding: 0; margin: 0; list-style: none; }
.mobile-v3 [data-mobile-content="flow"] li { position: absolute; display: flex; align-items: center; justify-content: center; width: 33%; height: 8%; margin: 0; padding: 0 3px; font-size: 16px; font-weight: 700; line-height: 1.15; color: #0087ed; text-align: center; }
.mobile-v3 [data-mobile-content="flow"] li:first-child { left: 40.5%; top: 9%; width: 17%; height: 10%; font-size: 17px; color: #00bbd8; }
.mobile-v3 [data-mobile-content="flow"] li:nth-child(even) { left: 59.8%; }
.mobile-v3 [data-mobile-content="flow"] li:nth-child(odd):not(:first-child) { left: 5%; color: #fff; }
.mobile-v3 [data-mobile-content="flow"] li:nth-child(2) { top: 25.3%; }
.mobile-v3 [data-mobile-content="flow"] li:nth-child(3) { top: 35.8%; }
.mobile-v3 [data-mobile-content="flow"] li:nth-child(4) { top: 46.4%; }
.mobile-v3 [data-mobile-content="flow"] li:nth-child(5) { top: 56.7%; }
.mobile-v3 [data-mobile-content="flow"] li:nth-child(6) { top: 67.3%; }
.mobile-v3 [data-mobile-content="flow"] li:nth-child(7) { top: 77.6%; }
.mobile-v3 [data-mobile-content="flow"] li:nth-child(8) { top: 88.3%; }
.mobile-v3 [data-mobile-registration] { position: absolute; inset: 0; }
.mobile-v3-status { position: absolute; top: 28.65%; left: 20.7%; width: 58.6%; aspect-ratio: 1; }
.mobile-v3-status img { display: block; width: 100%; height: 100%; content: url('/assets/mobile-v3/source-status-indicator.webp'); }
.mobile-v3-status p { position: absolute; top: 53.6%; left: 23%; right: 23%; margin: 0; text-align: center; color: #8e9bb0; font-size: 13px; font-weight: 600; line-height: 1.5; }
.mobile-v3-edit-registration { position: absolute; top: 61%; left: 35%; right: 35%; padding: 10px 0; color: #0065cf; text-align: center; font-size: 12px; text-decoration: underline; }
.mobile-v3-navigation { position: absolute; z-index: 7; left: 5%; right: 5%; top: calc(94.849785% - 24px); height: 48px; display: grid; grid-template-columns: 1fr 1fr 88px 1fr 1fr; grid-template-rows: 48px; align-items: center; }
.mobile-v3-navigation a { display: flex; min-width: 0; min-height: 44px; padding: 0; align-items: center; justify-content: center; color: #fff; font-size: 10px; font-weight: 500; line-height: 1.2; white-space: nowrap; text-decoration: none; text-shadow: none; }
.mobile-v3-navigation a[aria-current="page"] { font-size: 17px; }
.mobile-v3-navigation .mobile-v3-register-link { position: absolute; top: calc(50% - 72px); left: 50%; transform: translateX(-50%); width: 113px; height: 108px; margin: 0; font-size: 23px; line-height: 1.06; background: url('/assets/mobile-v3/source-psd-registration-button.webp') center / 100% 100% no-repeat; }
.mobile-v3-navigation a:nth-child(4) { grid-column: 4; }
.mobile-v3-navigation a:nth-child(5) { grid-column: 5; }
.mobile-v3-register-link span { position: absolute; top: 46.8%; left: 15px; right: 15px; transform: translateY(-50%); color: #00c9e4; font-weight: 700; text-align: center; opacity: 0; -webkit-text-stroke: 0; text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff, -1px 1px 0 #fff, 0 1px 0 #fff, 1px 1px 0 #fff; }
.mobile-v3-navigation .mobile-v3-register-link[aria-disabled="true"] { cursor: wait; }
.mobile-v3 a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
/* The supplied blank artwork replaces all non-home scenery, including signup. */
body .mobile-v3[data-mobile-current]:not([data-mobile-current="home"]) { background-color: #cce8fa; background-image: url('/assets/mobile-v3/source-blank-body.webp'); background-position: center top; background-size: 100% 100%; background-repeat: no-repeat; }
.mobile-v3:not([data-mobile-current="home"]) .mobile-v3-logo { display: none; }
.mobile-v3 [data-mobile-registration] .registration-row:nth-child(1) { background-image: url('/assets/mobile-v3/source-registration-field-1.webp'); }
.mobile-v3 [data-mobile-registration] .registration-row:nth-child(2) { background-image: url('/assets/mobile-v3/source-registration-field-2.webp'); }
.mobile-v3 [data-mobile-registration] .registration-row:nth-child(3) { background-image: url('/assets/mobile-v3/source-registration-field-3.webp'); }
.mobile-v3 [data-mobile-registration] .registration-row[data-field="region"] { background-image: url('/assets/mobile-v3/source-registration-field-5.webp'); }
.mobile-v3 [data-mobile-registration] .registration-row[data-field="category"] { background-image: url('/assets/mobile-v3/source-registration-field-6.webp'); }
.mobile-v3 [data-mobile-registration] .registration-row[data-field="project-intro"] { background-image: url('/assets/mobile-v3/source-registration-field-7.webp'); }
.mobile-v3 [data-mobile-registration] .registration-row[data-field="team-intro"] { background-image: url('/assets/mobile-v3/source-registration-field-8.webp'); }
/* CMS sections remain one continuous document with a separate transparent dock. */
body .mobile-v3[data-mobile-current][data-mobile-layout="continuous"] { height: auto; min-height: 100svh; padding: 150px 0 calc(150px + env(safe-area-inset-bottom, 0px)); background-image: url('/assets/mobile-v3/source-blank-top.webp'), url('/assets/mobile-v3/source-blank-bottom.webp'); background-position: center top, center bottom; background-size: 100% auto, 100% auto; }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-page { position: relative; inset: auto; overflow: visible; scroll-margin-top: 20px; }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-page[data-mobile-first="false"] { margin-top: 56px; }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-page[data-mobile-first="false"]::before { content: ""; position: absolute; top: -28px; left: 14.8%; right: 14.8%; border-top: 1px dashed #60bcd9; pointer-events: none; }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-heading { position: relative; top: auto; left: auto; width: 80%; margin: 0 auto 12px; transform: none; }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-page[data-mobile-first="false"] .mobile-v3-heading { display: none; }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-copy { position: relative; inset: auto; width: 70.4%; margin: 0 auto; overflow: visible; overscroll-behavior: auto; color: #0766bb; }
.mobile-v3[data-mobile-layout="continuous"] [data-mobile-content="organizations"] { width: 79%; }
.mobile-v3[data-mobile-layout="continuous"] [data-mobile-content^="schedule-"] { width: 66%; }
.mobile-v3[data-mobile-layout="continuous"] [data-mobile-content="guide-content"], .mobile-v3[data-mobile-layout="continuous"] [data-mobile-content="guide-object"] { width: 70%; }
.mobile-v3[data-mobile-layout="continuous"] [data-mobile-page="flow"] { aspect-ratio: 430 / 666; }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-page[data-mobile-page="flow"] .mobile-v3-heading { display: block; position: absolute; top: 4.8%; left: 10%; margin: 0; }
.mobile-v3[data-mobile-layout="continuous"] [data-mobile-content="flow"] { position: absolute; top: 0; left: 12.78%; width: 74.66%; height: 100%; }
.mobile-v3[data-mobile-layout="continuous"] [data-mobile-content="flow"] h2 { position: absolute; top: 17.22%; left: 50%; height: 4.655%; min-height: 0; transform: translateX(-50%); }
.mobile-v3[data-mobile-layout="continuous"] [data-mobile-content="flow"] ol { position: absolute; top: 25.55%; left: 0; width: 100%; height: 63.2%; background: url('/assets/mobile-v3/source-flow-diagram.webp') center / 100% 100% no-repeat; }
.mobile-v3[data-mobile-layout="continuous"] [data-mobile-content="flow"] li:nth-child(4), .mobile-v3[data-mobile-layout="continuous"] [data-mobile-content="flow"] li:nth-child(5), .mobile-v3[data-mobile-layout="continuous"] [data-mobile-content="flow"] li:nth-child(6) { display: block; padding: 2.2% 10.5% 0; text-align-last: justify; }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-navigation { position: fixed; top: auto; bottom: calc(min(11.16279vw, 48px) - 24px + env(safe-area-inset-bottom, 0px)); left: 50%; right: auto; width: min(90%, 387px); transform: translateX(-50%); }
.mobile-v3 .mobile-v3-navigation::before { content: ""; position: absolute; z-index: -1; top: 8px; left: -3.2%; right: -3.2%; height: 44px; background: url('/assets/mobile-v3/navigation-bar-fit.webp') center / 100% 100% no-repeat; pointer-events: none; }
.mobile-v3[data-mobile-current="home"] .mobile-v3-navigation { top: auto; bottom: calc(min(11.16279vw, 48px) - 24px + env(safe-area-inset-bottom, 0px)); }
body.mobile-preview .mobile-v3 { display: block; }
html:has(> body.mobile-preview > .mobile-v3) { height: auto; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; }
body.mobile-preview:has(> .mobile-v3) { display: block !important; height: auto; min-height: 100svh !important; overflow-x: hidden; overflow-y: auto; }
@media (min-width: 391px) {
  .mobile-v3[data-mobile-current="register"] { min-height: 720px; }
}
@media (max-width: 768px) {
  .mobile-v3 { display: block; }
  /* The legacy centered body must not clip a canvas taller than the viewport. */
  html:has(> body > .mobile-v3) { height: auto; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; }
  body:has(> .mobile-v3) { display: block !important; height: auto; min-height: 100svh !important; overflow-x: hidden; overflow-y: auto; }
}
@media (max-width: 390px) {
  .mobile-v3 { --mobile-heading-top: 19%; --mobile-heading-image-height: 36px; --mobile-badge-height: 38px; }
  .mobile-v3-home-subtitle { font-size: 17px; }
  .mobile-v3[data-mobile-title-custom="true"] [data-mobile-home-title] { font-size: 38px; }
  .mobile-v3-heading img { width: 248px; }
  .mobile-v3-heading h1 { width: 167px; font-size: 19px; }
  .mobile-v3-copy { font-size: 11px; line-height: 1.85; }
  .mobile-v3-copy h2 { min-height: 24px; font-size: 13px; }
  .mobile-v3 [data-mobile-content="about"] { font-size: 12px; line-height: 1.95; }
  .mobile-v3 [data-mobile-content="organizations"] h3 { font-size: 13px; margin-top: 10px; }
  .mobile-v3 [data-mobile-content^="schedule-"] h2 { margin-top: 17px; margin-bottom: 8px; }
  .mobile-v3 [data-mobile-content="policy-funding"] p { margin-bottom: 10px; }
  .mobile-v3-navigation { grid-template-columns: 1fr 1fr 80px 1fr 1fr; }
  .mobile-v3-navigation a[aria-current="page"] { font-size: 15px; }
  .mobile-v3-navigation .mobile-v3-register-link { top: calc(50% - 66px); width: 103px; height: 99px; font-size: 21px; }
  .mobile-v3 [data-mobile-content="flow"] li { font-size: 14px; }
  .mobile-v3 [data-mobile-content="flow"] li:first-child { font-size: 15px; }
}
@media (max-width: 350px) {
  .mobile-v3 { --mobile-heading-image-height: 30px; --mobile-badge-height: 34px; }
  .mobile-v3-home-subtitle { font-size: 14px; }
  .mobile-v3[data-mobile-title-custom="true"] [data-mobile-home-title] { font-size: 32px; }
  .mobile-v3-heading img { width: 210px; }
  .mobile-v3-heading h1 { width: 144px; font-size: 16px; }
  .mobile-v3-copy { left: 13%; right: 13%; font-size: 11px; }
  .mobile-v3 [data-mobile-content="about"] { font-size: 11px; line-height: 1.85; }
  .mobile-v3 [data-mobile-content^="schedule-"] { left: 15%; right: 15%; }
  .mobile-v3 [data-mobile-content="flow"] li { font-size: 13px; }
  .mobile-v3 [data-mobile-content="flow"] li:first-child { font-size: 14px; }
  .mobile-v3-navigation { left: 4%; right: 4%; grid-template-columns: 1fr 1fr 67px 1fr 1fr; }
  .mobile-v3-navigation a { font-size: 9px; }
  .mobile-v3-navigation a[aria-current="page"] { font-size: 13px; }
  .mobile-v3-navigation .mobile-v3-register-link { top: calc(50% - 56px); width: 88px; height: 84px; font-size: 18px; }
}

/* Latest supplied boards use the native header/frame, with live editable body copy. */
.mobile-v3 { --mobile-design-unit: min(.23255814vw, 1px); }
.mobile-v3[data-mobile-current="home"] { background-image: url('/assets/mobile-v3/fast-home-background.jpg'); }
.mobile-v3-home-motion { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; }
.mobile-v3-home-motion img { position: absolute; inset: 0; display: block; width: 100%; height: auto; max-width: none; user-select: none; mix-blend-mode: screen; will-change: opacity, transform, -webkit-mask-position, mask-position; }
.mobile-v3-home-particles { filter: brightness(2.35) saturate(1.45) drop-shadow(0 0 6px rgba(0, 226, 255, .86)); }
.mobile-v3-home-particles-a { opacity: .08; transform-origin: 50% 54%; animation: mobile-home-particle-pulse-a 1.55s ease-in-out infinite; }
.mobile-v3-home-particles-b { opacity: .06; transform-origin: 50% 55%; animation: mobile-home-particle-pulse-b 2.05s ease-in-out -.72s infinite; }
.mobile-v3-home-flow {
  opacity: 0;
  filter: brightness(2.1) saturate(1.45) drop-shadow(0 0 3px rgba(52, 231, 255, .72));
  -webkit-mask-image: radial-gradient(ellipse, #000 0 12%, rgba(0, 0, 0, .7) 35%, transparent 70%);
  mask-image: radial-gradient(ellipse, #000 0 12%, rgba(0, 0, 0, .7) 35%, transparent 70%);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: 40% 15%; mask-size: 40% 15%;
  -webkit-mask-position: 127% 36%; mask-position: 127% 36%;
  animation: mobile-home-source-flow 6s linear infinite;
}
.mobile-v3-home-flow-b { animation-delay: -2s; }
.mobile-v3-home-flow-c { animation-delay: -4s; }
@keyframes mobile-home-particle-pulse-a {
  0%, 100% { opacity: .06; transform: translate3d(0, 1px, 0) scale(1); }
  38% { opacity: 1; transform: translate3d(0, -2px, 0) scale(1.008); }
  64% { opacity: .2; transform: translate3d(1px, 0, 0) scale(1.002); }
}
@keyframes mobile-home-particle-pulse-b {
  0%, 100% { opacity: .05; transform: translate3d(0, 1px, 0) scale(1); }
  31% { opacity: .34; transform: translate3d(1px, 0, 0) scale(1.002); }
  69% { opacity: .94; transform: translate3d(-1px, -1px, 0) scale(1.006); }
}
@keyframes mobile-home-source-flow {
  0% { opacity: 0; -webkit-mask-position: 127% 36%; mask-position: 127% 36%; }
  5% { opacity: .96; }
  8% { -webkit-mask-position: 117% 44%; mask-position: 117% 44%; }
  16% { -webkit-mask-position: 103% 51%; mask-position: 103% 51%; }
  23% { -webkit-mask-position: 88% 56%; mask-position: 88% 56%; }
  29% { -webkit-mask-position: 74% 59%; mask-position: 74% 59%; }
  34% { -webkit-mask-position: 60% 60.5%; mask-position: 60% 60.5%; }
  41% { -webkit-mask-position: 37% 61%; mask-position: 37% 61%; }
  47% { -webkit-mask-position: 15% 62%; mask-position: 15% 62%; }
  52% { -webkit-mask-position: 0% 64%; mask-position: 0% 64%; }
  56% { -webkit-mask-position: -8% 66.5%; mask-position: -8% 66.5%; }
  59% { -webkit-mask-position: 0% 69%; mask-position: 0% 69%; }
  64% { -webkit-mask-position: 19% 70.5%; mask-position: 19% 70.5%; }
  71% { -webkit-mask-position: 47% 70.8%; mask-position: 47% 70.8%; }
  77% { -webkit-mask-position: 66% 72.4%; mask-position: 66% 72.4%; }
  82% { -webkit-mask-position: 86% 74.7%; mask-position: 86% 74.7%; }
  87% { -webkit-mask-position: 105% 76.8%; mask-position: 105% 76.8%; }
  91% { -webkit-mask-position: 122% 78%; mask-position: 122% 78%; }
  94% { -webkit-mask-position: 119% 82.4%; mask-position: 119% 82.4%; }
  96% { opacity: .96; -webkit-mask-position: 105% 85.8%; mask-position: 105% 85.8%; }
  98% { -webkit-mask-position: 87% 88%; mask-position: 87% 88%; }
  100% { opacity: 0; -webkit-mask-position: 71% 90.5%; mask-position: 71% 90.5%; }
}
.mobile-v3[data-mobile-current="home"] .mobile-v3-logo img, .mobile-v3[data-mobile-current="home"] .mobile-v3-home-subtitle { opacity: 0; }
.mobile-v3[data-mobile-current="home"]:has(.mobile-v3-home-subtitle.has-custom-copy) { background-image: url('/assets/mobile-v3/home-fit-background.webp'); }
.mobile-v3[data-mobile-current="home"]:has(.mobile-v3-home-subtitle.has-custom-copy) .mobile-v3-logo img,
.mobile-v3[data-mobile-current="home"]:has(.mobile-v3-home-subtitle.has-custom-copy) .mobile-v3-home-subtitle,
.mobile-v3[data-mobile-current="home"][data-mobile-title-custom="true"] .mobile-v3-logo img,
.mobile-v3[data-mobile-current="home"][data-mobile-title-custom="true"] .mobile-v3-home-subtitle { opacity: 1; }
body .mobile-v3[data-mobile-current="home"][data-mobile-title-custom="true"]:has(.mobile-v3-home-subtitle.has-custom-copy) { background-image: url('/assets/mobile-v3/home-fit-plain-background.webp'); }
.mobile-v3:is([data-mobile-group="home"], [data-mobile-group="about"]) .mobile-v3-navigation { grid-template-columns: 24% 16% 20% 17% 23%; }
.mobile-v3:is([data-mobile-group="home"], [data-mobile-group="about"]) .mobile-v3-navigation::before { top: calc(24px - 16 * var(--mobile-design-unit)); height: calc(44 * var(--mobile-design-unit)); left: -5.555556%; right: -5.555556%; background-image: url('/assets/mobile-v3/exact-about-navigation.webp'); }
.mobile-v3:is([data-mobile-group="home"], [data-mobile-group="about"]) .mobile-v3-navigation a { font-family: Arial, sans-serif; }
.mobile-v3:is([data-mobile-group="home"], [data-mobile-group="about"]) .mobile-v3-navigation a:not(.mobile-v3-register-link) { color: transparent; }
.mobile-v3:not([data-mobile-current="register"]) .mobile-v3-register-link { top: calc(24px - 72 * var(--mobile-design-unit)); width: calc(113 * var(--mobile-design-unit)); height: calc(108 * var(--mobile-design-unit)); }
.mobile-v3[data-mobile-current="home"]:not([data-mobile-title-custom="true"]) [data-mobile-home-title],
.mobile-v3[data-mobile-current="home"]:not([data-mobile-title-custom="true"]) .mobile-v3-home-subtitle:not(.has-custom-copy) { font-family: Arial, sans-serif; }
body .mobile-v3[data-mobile-current][data-mobile-group="about"] { min-height: 100svh; padding: 0; background: #51bff9; }
.mobile-v3[data-mobile-group="about"] .mobile-v3-page { min-height: calc(932 * var(--mobile-design-unit)); padding: calc(188 * var(--mobile-design-unit)) 0 calc(330 * var(--mobile-design-unit)); margin: 0; scroll-margin-top: 0; background: url('/assets/mobile-v3/exact-organization-background.webp') center / 100% 100% no-repeat; }
.mobile-v3[data-mobile-group="about"] .mobile-v3-page[data-mobile-first="false"] { margin: 0; }
.mobile-v3[data-mobile-group="about"] .mobile-v3-page[data-mobile-first="false"]::before { top: 0; left: 15%; right: 15%; border-color: #279fd2; }
.mobile-v3[data-mobile-group="about"] .mobile-v3-page .mobile-v3-heading { display: block; position: absolute; top: calc(104 * var(--mobile-design-unit)); left: 10%; margin: 0; opacity: 0; pointer-events: none; }
.mobile-v3[data-mobile-group="about"] .mobile-v3-page[data-mobile-page="about"] { background-image: url('/assets/mobile-v3/exact-about-background.webp'); }
.mobile-v3[data-mobile-group="about"] [data-mobile-content="about"] { width: 69.767442%; font-size: 12.74px; line-height: 25.75563px; color: #1372e5; font-weight: 400; }
.mobile-v3[data-mobile-group="about"] [data-mobile-content="about"] p { text-align: justify; }
.mobile-v3[data-mobile-group="about"] .mobile-v3-page[data-mobile-page="organizations"] { padding-top: calc(190 * var(--mobile-design-unit)); padding-bottom: calc(220 * var(--mobile-design-unit)); }
.mobile-v3[data-mobile-group="about"] [data-mobile-content="organizations"] { width: 80%; font-size: 11.76px; line-height: 21.75563px; color: #1372e5; }
.mobile-v3[data-mobile-group="about"] [data-mobile-content="organizations"] h2,
.mobile-v3[data-mobile-group="about"] [data-mobile-content="flow"] h2 { display: block; width: calc(220 * var(--mobile-design-unit)); height: calc(26 * var(--mobile-design-unit)); min-height: 0; padding: 0 calc(77 * var(--mobile-design-unit)); margin: 0 auto; font-size: 14px; line-height: calc(26 * var(--mobile-design-unit)); text-align-last: justify; background: none; }
.mobile-v3[data-mobile-group="about"] [data-mobile-content="organizations"] h3 { margin: 11px 0 5px; color: #1372e5; font-size: 13.5px; font-weight: 700; line-height: 22px; }
.mobile-v3[data-mobile-group="about"] [data-mobile-content="organizations"] h3:first-of-type { margin-top: 12px; }
.mobile-v3[data-mobile-group="about"] [data-mobile-content="organizations"] h3::before,
.mobile-v3[data-mobile-group="about"] [data-mobile-content="organizations"] h3::after { width: 38px; margin: 0 3px; }
.mobile-v3[data-mobile-group="about"] .mobile-v3-page[data-mobile-page="flow"] { aspect-ratio: auto; padding: 0; height: calc(932 * var(--mobile-design-unit)); }
.mobile-v3[data-mobile-group="about"] [data-mobile-content="flow"] { left: 12.790698%; width: 74.418604%; height: 100%; margin: 0; }
.mobile-v3[data-mobile-group="about"] [data-mobile-content="flow"] h2 { top: 20.386266%; }
.mobile-v3[data-mobile-group="about"] [data-mobile-content="flow"] ol { top: 26.180258%; height: 45.600858%; }
.mobile-v3[data-mobile-group="about"] [data-mobile-content="flow"] li { font-size: 16px; }
.mobile-v3[data-mobile-group="about"] [data-mobile-content="flow"] li:first-child { font-size: 17px; line-height: 18.16828px; }
@media (max-width: 390px) {
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="about"] { font-size: 11.55px; line-height: 23.36px; }
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="organizations"] { font-size: 10.67px; line-height: 19.73px; }
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="organizations"] h3 { font-size: 12.25px; line-height: 20px; margin-top: 10px; margin-bottom: 4px; }
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="organizations"] h2,
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="flow"] h2 { font-size: 13px; }
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="flow"] li { font-size: 14px; }
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="flow"] li:first-child { font-size: 15px; line-height: 16.5px; }
}
@media (max-width: 350px) {
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="about"] { font-size: 10px; line-height: 19.2px; }
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="organizations"] { font-size: 9px; line-height: 16.5px; }
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="organizations"] h3 { font-size: 11px; line-height: 18px; margin-top: 10px; margin-bottom: 4px; }
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="organizations"] h2,
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="flow"] h2 { font-size: 12px; }
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="flow"] li { font-size: 12px; }
  .mobile-v3[data-mobile-group="about"] [data-mobile-content="flow"] li:first-child { font-size: 13px; line-height: 14px; }
}

/* Original approved boards preserve their native type; CMS edits use the live copy layout. */
.mobile-v3 { font-family: Arial, sans-serif; }
.mobile-v3-page[data-mobile-native="false"], .mobile-v3-page[data-mobile-page="register"], .mobile-v3-page[data-mobile-page="registration-status"], .mobile-v3[data-mobile-current="register"] .mobile-v3-register-link { font-family: "HarmonyOS Sans SC Web", "Microsoft YaHei", "PingFang SC", sans-serif; }
.mobile-v3-native-art { display: none; }
.mobile-v3:not([data-mobile-group]) { background-image: none !important; }
.mobile-v3:not([data-mobile-group]) .mobile-v3-navigation::before { background-image: none !important; }
/* Each source page keeps its own transparent frame within the scrollable column. */
body .mobile-v3[data-mobile-current][data-mobile-layout="continuous"] {
  padding: 0 0 env(safe-area-inset-bottom, 0px);
  background-color: #caeafb;
  background-image: none;
}
.mobile-v3-content-group { position: relative; isolation: isolate; padding: 0; }
.mobile-v3-content-group::before { content: none; display: none; }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group .mobile-v3-page[data-mobile-page] {
  --mobile-panel-bottom: calc(193 * var(--mobile-design-unit));
  position: relative; isolation: isolate; inset: auto; min-height: calc(892 * var(--mobile-design-unit)); height: auto; aspect-ratio: auto;
  margin: 0; padding: calc(61 * var(--mobile-design-unit)) 0 calc(var(--mobile-panel-bottom) + 26 * var(--mobile-design-unit));
  overflow: visible; scroll-margin-top: 0;
  background-image: url('/assets/mobile-v3/remaining-blank-background.jpg');
  background-position: center calc(-40 * var(--mobile-design-unit));
  background-size: 100% calc(100% + 40 * var(--mobile-design-unit)); background-repeat: no-repeat;
}
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group .mobile-v3-page[data-mobile-page="about"] { --mobile-panel-bottom: calc(230 * var(--mobile-design-unit)); }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group .mobile-v3-page:is([data-mobile-page="schedule-intro"], [data-mobile-page="schedule-review"]) { --mobile-panel-bottom: calc(147 * var(--mobile-design-unit)); }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group .mobile-v3-page[data-mobile-page]::after {
  content: ""; position: absolute; z-index: -1; inset: calc(35 * var(--mobile-design-unit)) calc(28 * var(--mobile-design-unit)) var(--mobile-panel-bottom); pointer-events: none;
  border: calc(28 * var(--mobile-design-unit)) solid transparent;
  /* The source panel already contains the PSD's varying white alpha mask. */
  background-color: transparent; border-radius: calc(26 * var(--mobile-design-unit));
  border-image: url('/assets/mobile-v3/connected-panel.webp') 56 fill / calc(28 * var(--mobile-design-unit)) / 0 stretch;
}
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group .mobile-v3-page[data-mobile-first="false"] { padding-top: calc(61 * var(--mobile-design-unit)); }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group .mobile-v3-page[data-mobile-first="false"]::before {
  content: none; display: none; border: 0; background: none;
}
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group .mobile-v3-page .mobile-v3-heading {
  display: block; position: relative; inset: auto; width: 100%; height: auto; min-height: 0;
  margin: 0 auto calc(6 * var(--mobile-design-unit)); padding: 0; opacity: 1; transform: none; clip-path: none; overflow: visible;
}
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group [data-mobile-page="about"] > .mobile-v3-heading { margin-bottom: calc(8 * var(--mobile-design-unit)); }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group .mobile-v3-heading img[data-mobile-heading-art] {
  position: static; display: block; width: 100%; max-width: none; height: auto; aspect-ratio: 430 / 79;
}
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group [data-mobile-native="true"] :is(.mobile-v3-copy, .mobile-v3-heading h1) {
  position: absolute; inset: 0 auto auto 0; width: 1px; height: 1px; min-height: 0;
  padding: 0; margin: 0; overflow: hidden; clip-path: inset(50%); opacity: 0; pointer-events: none; font-family: Arial, sans-serif;
}
.mobile-v3-page[data-mobile-native="true"] :is(.mobile-v3-heading, .mobile-v3-copy) * { font-family: Arial, sans-serif !important; background-image: none !important; }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group [data-mobile-native="true"] .mobile-v3-native-art {
  display: block; position: relative; width: 100%; height: auto; overflow: visible;
}
.mobile-v3-native-art img { display: block; position: static; width: 100%; height: 100%; }
.mobile-v3-flow-halo { position: absolute; inset: 0; pointer-events: none; }
.mobile-v3-flow-halo span { position: absolute; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; opacity: 0; }
.mobile-v3-flow-halo-ring {
  left: 35.116279%; top: 11.482255%; width: 27.906977%; aspect-ratio: 1;
  background-image: url('/assets/mobile-v3/flow-halo-ring.png');
  filter: brightness(1.5) drop-shadow(0 0 5px #13d9ed) drop-shadow(0 0 9px rgba(43, 160, 255, .7));
  animation: mobile-flow-ring-halo 3s ease-in-out infinite;
}
.mobile-v3-flow-halo-dot {
  left: 45.465116%; width: 6.976744%; aspect-ratio: 1;
  background-image: url('/assets/mobile-v3/flow-halo-dot.png');
  filter: brightness(1.7) drop-shadow(0 0 4px #08d5f5) drop-shadow(0 0 7px rgba(24, 161, 255, .8));
  animation: mobile-flow-dot-halo 4.5s ease-in-out infinite;
}
@keyframes mobile-flow-ring-halo {
  0%, 100% { opacity: .12; }
  50% { opacity: .85; }
}
@keyframes mobile-flow-dot-halo {
  0%, 24%, 100% { opacity: 0; }
  10% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-v3-flow-halo span { animation: none; opacity: 0; }
}
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group [data-mobile-native="false"] .mobile-v3-copy {
  position: relative; inset: auto; height: auto; min-height: 0; margin: 0 auto; overflow: visible;
}
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group [data-mobile-native="false"] .mobile-v3-heading { margin-bottom: 18px; }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group [data-mobile-native="false"] [data-mobile-content="flow"] h2 {
  position: relative; inset: auto; transform: none; margin: 0 auto 12px;
}
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-content-group [data-mobile-native="false"] [data-mobile-content="flow"] ol {
  position: relative; inset: auto; height: calc(425 * var(--mobile-design-unit));
}
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-page:not([data-mobile-native="true"]) .mobile-v3-copy > h2:not(:first-child) { position: relative; margin-top: 42px; }
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-page:not([data-mobile-native="true"]) .mobile-v3-copy > h2:not(:first-child)::before { content: ""; position: absolute; top: -26px; left: 4%; right: 4%; height: 11px; background: url('/assets/mobile-v3/connected-divider.webp') center / 100% auto no-repeat; }
.mobile-v3[data-mobile-current="register"] { --mobile-heading-top: 9%; }
.mobile-v3[data-mobile-current="registration-status"] .mobile-v3-status { top: 14%; }
.mobile-v3[data-mobile-current="registration-status"] .mobile-v3-edit-registration { top: 47%; }
.mobile-v3:is([data-mobile-group="schedule"], [data-mobile-group="guide"], [data-mobile-group="policy"], [data-mobile-group="register"]) .mobile-v3-navigation { grid-template-columns: 24% 16% 20% 17% 23%; }
.mobile-v3:is([data-mobile-group="schedule"], [data-mobile-group="guide"], [data-mobile-group="policy"], [data-mobile-group="register"]) .mobile-v3-navigation::before { top: calc(24px - 16 * var(--mobile-design-unit)); height: calc(44 * var(--mobile-design-unit)); left: -5.555556%; right: -5.555556%; }
.mobile-v3[data-mobile-group="schedule"] .mobile-v3-navigation::before { background-image: url('/assets/mobile-v3/remaining-navigation-schedule.webp'); }
.mobile-v3[data-mobile-group="guide"] .mobile-v3-navigation::before { background-image: url('/assets/mobile-v3/remaining-navigation-guide.webp'); }
.mobile-v3[data-mobile-group="policy"] .mobile-v3-navigation::before { background-image: url('/assets/mobile-v3/remaining-navigation-policy.webp'); }
.mobile-v3[data-mobile-group="register"] .mobile-v3-navigation::before { background-image: url('/assets/mobile-v3/remaining-navigation-register.webp'); }
.mobile-v3 .mobile-v3-navigation a:not(.mobile-v3-register-link) { font-family: Arial, sans-serif; color: transparent; }
.mobile-v3:not([data-mobile-current="register"]) .mobile-v3-register-link { font-family: Arial, sans-serif; }
.mobile-v3[data-mobile-current="home"][data-mobile-title-custom="true"] [data-mobile-home-title], .mobile-v3[data-mobile-current="home"] .mobile-v3-home-subtitle.has-custom-copy { font-family: "HarmonyOS Sans SC Web", "Microsoft YaHei", "PingFang SC", sans-serif; }
.mobile-v3-navigation .mobile-v3-register-link::after {
  content: ""; position: absolute; z-index: 2; inset: -10%; pointer-events: none;
  background: url('/assets/mobile-v3/registration-activation-ring-thin.png') center / 100% 100% no-repeat;
  filter: brightness(1.9) saturate(1.4) drop-shadow(0 0 3px rgba(52, 231, 255, .82));
  opacity: 0; transform: rotate(0deg); transform-origin: 50% 46.3%;
}
.mobile-v3-navigation .mobile-v3-register-link.is-activating {
  transform-origin: 50% 50%; will-change: transform, filter;
  animation: mobile-register-press 900ms cubic-bezier(.2, .72, .22, 1) both;
}
.mobile-v3-navigation .mobile-v3-register-link.is-activating::after { animation: mobile-register-ring 900ms linear both; }
@keyframes mobile-register-press {
  0% { transform: translateX(-50%) scale(1); filter: brightness(1); }
  32% { transform: translateX(-50%) scale(.94); filter: brightness(1.14); }
  72% { transform: translateX(-50%) scale(1.04); filter: brightness(1.08); }
  100% { transform: translateX(-50%) scale(1); filter: brightness(1); }
}
@keyframes mobile-register-ring { to { opacity: 0; transform: rotate(360deg); } }
.mobile-v3-navigation .mobile-v3-register-link.is-activating::after { opacity: .92; }
@media (prefers-reduced-motion: reduce) {
  .mobile-v3-home-motion img { animation: none; }
  .mobile-v3-home-particles { opacity: .1; transform: none; }
  .mobile-v3-home-flow { opacity: 0; }
  .mobile-v3-navigation .mobile-v3-register-link.is-activating { animation: none; }
  .mobile-v3-navigation .mobile-v3-register-link.is-activating::after { animation: none; opacity: 0; }
}
.mobile-v3[data-mobile-layout="continuous"] .mobile-v3-page[data-mobile-native="false"] .mobile-v3-native-art { display: none; }
.mobile-v3[data-mobile-group="about"] .mobile-v3-page[data-mobile-native="false"] [data-mobile-content="organizations"] h2 { background: url('/assets/mobile-v3/subheading.webp') center / 100% 100% no-repeat; }