.combination-transition {
  position: fixed; inset: 0; z-index: 12000; overflow: hidden;
  display: flex; flex-direction: column; justify-content: space-between;
  color: rgba(var(--ui-source-2510bd46d5e499-rgb, 228, 239, 248), var(--ui-source-2510bd46d5e499-alpha, 1)); background: transparent;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --combination-digit-count: 6;
}
.combination-transition [hidden] { display: none !important; }
.combination-scene { position: absolute; inset: 0; background: rgba(var(--ui-source-9ac500cc51933d-rgb, 3, 9, 19), var(--ui-source-9ac500cc51933d-alpha, 1)); overflow: hidden; pointer-events: none; }
.combination-scene-canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.combination-vignette { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 48%, transparent 24%, rgba(var(--ui-source-d9013e60bdcba3-rgb, 2, 6, 16), var(--ui-source-d9013e60bdcba3-alpha, 0.188235294)) 62%, rgba(var(--ui-source-a30280eb7d40fa-rgb, 2, 6, 16), var(--ui-source-a30280eb7d40fa-alpha, 0.737254902)) 110%), linear-gradient(rgba(var(--ui-source-6b0ab47b93d4fd-rgb, 2, 6, 16), var(--ui-source-6b0ab47b93d4fd-alpha, 0.266666667)), transparent 24%, transparent 78%, rgba(var(--ui-source-2e8d60afe80cf2-rgb, 2, 6, 16), var(--ui-source-2e8d60afe80cf2-alpha, 0.466666667))); }
.combination-scene-fallback .combination-scene { background: radial-gradient(ellipse at 20% 60%, rgba(var(--ui-source-52a7725b96b3ef-rgb, 41, 79, 83), var(--ui-source-52a7725b96b3ef-alpha, 0.333333333)), transparent 48%), radial-gradient(ellipse at 80% 36%, rgba(var(--ui-source-12b3e03a1d6f21-rgb, 90, 71, 42), var(--ui-source-12b3e03a1d6f21-alpha, 0.266666667)), transparent 50%), rgba(var(--ui-source-9ac500cc51933d-rgb, 3, 9, 19), var(--ui-source-9ac500cc51933d-alpha, 1)); }
.combination-topline, .combination-footer { position: relative; z-index: 3; display: flex; justify-content: space-between; align-items: center; padding: 28px 40px; color: rgba(var(--ui-source-f3227b486c7b8d-rgb, 155, 170, 186), var(--ui-source-f3227b486c7b8d-alpha, 1)); font-size: 11px; letter-spacing: .18em; }
.combination-topline > span:first-child { color: rgba(var(--ui-source-6934989df12b0d-rgb, 197, 213, 225), var(--ui-source-6934989df12b0d-alpha, 1)); font-size: 13px; }
.combination-signal { display: flex; align-items: center; gap: 9px; font-size: 11px; }
.combination-signal::before { content: ""; width: 4px; height: 4px; background: rgba(var(--ui-source-6898e09b03eca1-rgb, 173, 207, 218), var(--ui-source-6898e09b03eca1-alpha, 1)); box-shadow: 0 0 12px rgba(var(--ui-source-c656ca5e3fc9d9-rgb, 145, 212, 237), var(--ui-source-c656ca5e3fc9d9-alpha, 1)); }
.combination-content { position: relative; z-index: 3; text-align: center; padding: 28px 18px; margin-top: -2vh; }
.combination-kicker { color: rgba(var(--ui-source-b74fc404c20c2b-rgb, 145, 168, 184), var(--ui-source-b74fc404c20c2b-alpha, 1)); font-size: 10px; letter-spacing: .46em; margin-bottom: 20px; }
.combination-transition h1 { color: rgba(var(--ui-source-d760e28ce9b4d2-rgb, 234, 241, 245), var(--ui-source-d760e28ce9b4d2-alpha, 1)); font-family: "AiNameHuiwen", "Songti SC", serif; font-weight: 400; font-size: clamp(24px, 2.8vw, 38px); letter-spacing: .22em; margin: 0 0 15px; text-shadow: 0 2px 24px rgba(var(--ui-source-4acccc648a7377-rgb, 3, 9, 19), var(--ui-source-4acccc648a7377-alpha, 1)); }
.combination-status { font-size: 12px; color: rgba(var(--ui-source-54a1e5896fed62-rgb, 149, 170, 186), var(--ui-source-54a1e5896fed62-alpha, 1)); margin: 0; min-height: 20px; text-shadow: 0 1px 12px rgba(var(--ui-source-4acccc648a7377-rgb, 3, 9, 19), var(--ui-source-4acccc648a7377-alpha, 1)); }
.combination-count-line { display: flex; justify-content: center; align-items: baseline; gap: 19px; margin: 27px auto 0; white-space: nowrap; max-width: 100%; }
.combination-count { color: rgba(var(--ui-source-868478d971c1ad-rgb, 242, 248, 255), var(--ui-source-868478d971c1ad-alpha, 1)); display: inline-flex; font: 400 min(14vw, 180px, calc(75vw / var(--combination-digit-count) * 1.5))/1.08 Georgia, "Times New Roman", serif; font-variant-numeric: tabular-nums; letter-spacing: -.018em; text-shadow: 0 0 28px rgba(var(--ui-source-3a0e06107c00e8-rgb, 185, 222, 255), var(--ui-source-3a0e06107c00e8-alpha, 0.266666667)), 0 2px 24px rgba(var(--ui-source-4acccc648a7377-rgb, 3, 9, 19), var(--ui-source-4acccc648a7377-alpha, 1)); }
.combination-count-label { color: rgba(var(--ui-source-519a94edec19c0-rgb, 179, 193, 203), var(--ui-source-519a94edec19c0-alpha, 1)); font-family: "AiNameHuiwen", "Songti SC", serif; font-size: 18px; letter-spacing: .15em; }
.combination-count [data-combination-digit] { display: inline-block; opacity: 0; }
.combination-count [data-combination-digit].is-revealed { opacity: 1; }
.combination-query-mark { height: 32px; display: flex; align-items: center; justify-content: center; margin-top: 30px; }
.combination-query-mark i { display: block; height: 1px; width: 64px; background: linear-gradient(90deg, transparent, rgba(var(--ui-source-3cf83fbe9ddba3-rgb, 190, 217, 233), var(--ui-source-3cf83fbe9ddba3-alpha, 1)), transparent); box-shadow: 0 0 16px rgba(var(--ui-source-a14c389c38f96d-rgb, 189, 214, 238), var(--ui-source-a14c389c38f96d-alpha, 0.466666667)); animation: combination-query-breathe 2.8s ease-in-out infinite; }
.combination-transition button { font: inherit; letter-spacing: .02em; cursor: pointer; border: 1px solid rgba(var(--ui-source-4d032a58f9f80e-rgb, 119, 150, 173), var(--ui-source-4d032a58f9f80e-alpha, 0.266666667)); border-radius: 5px; background: rgba(var(--ui-source-b0331d39549ead-rgb, 18, 32, 49), var(--ui-source-b0331d39549ead-alpha, 0.439215686)); color: rgba(var(--ui-source-3d8970c1cf3509-rgb, 185, 203, 216), var(--ui-source-3d8970c1cf3509-alpha, 1)); padding: 10px 17px; box-shadow: none; backdrop-filter: blur(8px); }
.combination-transition button:hover { background: rgba(var(--ui-source-a2732e882f7244-rgb, 35, 55, 76), var(--ui-source-a2732e882f7244-alpha, 1)); border-color: rgba(var(--ui-source-837d5392a659af-rgb, 141, 187, 211), var(--ui-source-837d5392a659af-alpha, 1)); }
.combination-transition button:focus-visible { outline: 2px solid rgba(var(--ui-source-238174a79ad232-rgb, 175, 219, 237), var(--ui-source-238174a79ad232-alpha, 1)); outline-offset: 4px; }
.combination-error { max-width: 560px; margin: 24px auto 16px; color: rgba(var(--ui-source-63e923fd01ef42-rgb, 235, 198, 161), var(--ui-source-63e923fd01ef42-alpha, 1)); font-size: 14px; line-height: 1.6; }
.combination-transition[data-phase="failed"] .combination-query-mark { visibility: hidden; }
.combination-transition[data-phase="failed"] .combination-signal::before { background: rgba(var(--ui-source-82b9cee2e0e648-rgb, 223, 168, 122), var(--ui-source-82b9cee2e0e648-alpha, 1)); box-shadow: none; }
.combination-transition[data-phase="holding"] .combination-status { color: transparent; }
body.combination-transition-active:not(.combination-transition-transferring) .names-screen { visibility: hidden; }
body.combination-transition-active [data-combination-total] { visibility: hidden; }
body[data-theme="tech"] .names-screen .regular-name-display .name-stats strong { color: #163f50; }
.names-screen .regular-name-display [data-combination-total] { justify-self: start; font-family: Georgia, "Times New Roman", serif; font-weight: 400; line-height: 1.08; letter-spacing: -.018em; font-variant-numeric: tabular-nums; }
body.combination-transition-transferring .names-screen { animation: combination-results-enter 760ms ease var(--combination-reveal-delay, 0ms) both; }
body.combination-transition-transferring .names-result-panel .screen-list-area { animation: combination-list-enter 760ms cubic-bezier(.22,.75,.15,1) var(--combination-reveal-delay, 0ms) both; }
.combination-transition[data-phase="transferring"] { pointer-events: none; }
.combination-transition[data-phase="transferring"] .combination-scene { opacity: 0; transition: opacity 760ms cubic-bezier(.4,0,.6,1); }
.combination-transition[data-phase="transferring"] .combination-topline, .combination-transition[data-phase="transferring"] .combination-footer, .combination-transition[data-phase="transferring"] .combination-kicker, .combination-transition[data-phase="transferring"] h1, .combination-transition[data-phase="transferring"] .combination-status, .combination-transition[data-phase="transferring"] .combination-count-label { opacity: 0; transition: opacity 300ms ease; }
@keyframes combination-query-breathe { 50% { opacity: .28; transform: scaleX(.7); } }
@keyframes combination-results-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes combination-list-enter { from { opacity: 0; transform: translateY(16px); clip-path: inset(0 0 100% 0); } to { opacity: 1; transform: translateY(0); clip-path: inset(0); } }
@media (max-width: 600px) {
  /* Keep the real destination and first names visible during the handoff. */
  .names-screen:has(.regular-name-display),
  .names-screen .names-workbench:has(> .regular-name-display) { grid-template-columns: minmax(0, 1fr); min-width: 0; }
  .names-screen .names-workbench:has(> .regular-name-display) > *,
  .names-screen .regular-name-display,
  .names-screen .regular-name-display > * { min-width: 0; }
  .names-screen .regular-name-display { grid-template-columns: minmax(0, 1fr); }
  .names-screen .regular-name-display .name-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: 100%; }
  .names-screen .regular-name-display .name-stats span { white-space: normal; }
  .names-screen .regular-name-display .name-stats strong { overflow-wrap: anywhere; }
  .combination-topline, .combination-footer { padding: 20px; }
  .combination-footer > span { max-width: 110px; line-height: 1.7; font-size: 10px; }
  .combination-content { padding-inline: 12px; }
  .combination-count-line { gap: 8px; flex-wrap: wrap; margin-top: 24px; }
  .combination-count { font-size: min(20vw, calc(88vw / var(--combination-digit-count) * 1.65)); }
  .combination-count-label { font-size: 13px; }
  .combination-count-label:first-child { flex-basis: 100%; }
  .combination-kicker { letter-spacing: .3em; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .combination-transition *, body.combination-transition-transferring .names-screen, body.combination-transition-transferring .names-result-panel .screen-list-area { animation: none !important; transition: none !important; }
  .combination-count [data-combination-digit].is-revealed { opacity: 1; }
}