/* K STELLA WAY RC125 — PURE WHITE / VIDEO-SYNCED CAPTION / SMART NUMERIC DISPLAY
   Scope: intro captions and date/time entry UX only.
   - Text fill is pure white #FFFFFF only.
   - One prompt line per video scene.
   - Caption completes before the input panel appears.
   - Input keyboard opens only when the user taps the field.
   - Numeric date/time are rendered as Korean date/time after entry loses focus.
*/
:root{--ksw-intro-white:#fff}

/* Keep the approved opening art, but remove the older multi-line impact copy.
   The single RC125 cinematic line sits over the same scene. */
#introFlowApp .sw-impact-copy{display:none!important}
#introCinematicCaption{z-index:28!important;width:min(96vw,560px)!important;min-height:78px!important}
#introCinematicCaption .sw-cinematic-copy{display:flex!important;align-items:center!important;justify-content:center!important;min-height:78px!important;transition:opacity .24s ease,transform .24s ease!important}
#introCinematicCaption strong,
#introCinematicCaption span,
#introCinematicCaption.accent-gold strong,
#introCinematicCaption.accent-blue strong{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  filter:none!important;
}
#introCinematicCaption strong{
  display:block!important;
  margin:0 auto!important;
  max-width:96vw!important;
  white-space:nowrap!important;
  font-family:"Nanum Myeongjo","Noto Serif KR",Georgia,serif!important;
  font-size:clamp(24px,6.9vw,39px)!important;
  font-weight:760!important;
  line-height:1.18!important;
  letter-spacing:-.045em!important;
  -webkit-text-stroke:.34px rgba(0,0,0,.80)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.88),0 4px 10px rgba(0,0,0,.46)!important;
}
#introCinematicCaption.line-long strong{font-size:clamp(19px,5.45vw,31px)!important}
#introCinematicCaption.line-xlong strong{font-size:clamp(16px,4.55vw,26px)!important}
#introCinematicCaption span{display:none!important}
#introCinematicCaption,
#introCinematicCaption .sw-cinematic-copy,
#introCinematicCaption::before{
  background:transparent!important;background-image:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:none!important;
}
#introCinematicCaption::before{content:none!important;display:none!important;opacity:0!important}

/* Input panel appears only after the prompt is gone. No auto focus is used in JS. */
#introFlowApp .sw-input-wrap{transition:opacity .18s ease,transform .18s ease!important}
#introFlowApp .sw-field[data-smart-format]{
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:0!important;
  font-size:17px!important;
}
#introFlowApp .sw-field[data-smart-format]::placeholder{letter-spacing:.05em!important;color:rgba(255,255,255,.40)!important}

/* Main white screens: same smart fields, plain readable text. */
.digitInput[data-smart-format]{font-variant-numeric:tabular-nums;letter-spacing:0!important}

@media(max-width:420px){
  #introCinematicCaption{top:57.5%!important;width:97vw!important;min-height:72px!important}
  #introCinematicCaption strong{font-size:clamp(22px,6.4vw,32px)!important}
  #introCinematicCaption.line-long strong{font-size:clamp(18px,5.15vw,27px)!important}
  #introCinematicCaption.line-xlong strong{font-size:clamp(15px,4.25vw,23px)!important}
}