/* Splash page (AGENT-A) — ตาม docs/refs/ref-1-splash.png */

.splash{
  flex:1;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:calc(18px + env(safe-area-inset-top)) 24px calc(36px + env(safe-area-inset-bottom));
  cursor:pointer;user-select:none;-webkit-user-select:none;outline:none;
  transition:opacity .38s ease,transform .38s ease;
}
.splash.splash-leave{opacity:0;transform:scale(1.03)}

/* language chips — มุมบนขวา */
.splash-lang{
  position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;
  display:flex;gap:7px;cursor:default;z-index:2;
  animation:splashUp .6s ease .15s both;
}
.splash-lang .chip{
  padding:5px 12px;font-size:12px;color:var(--ink-dim);
  transition:border-color .15s,color .15s,background .15s,transform .12s;
}
.splash-lang .chip:not(.active):hover{border-color:var(--glass-brd-hi);color:var(--ink)}
.splash-lang .chip:active{transform:scale(.94)}
.splash-lang .chip:focus-visible{border-color:var(--glass-brd-hi);box-shadow:var(--glow)}

/* logo + glow + float */
.splash-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}
.splash-logo-wrap{
  position:relative;width:132px;height:132px;margin-bottom:36px;
  display:flex;align-items:center;justify-content:center;
  animation:splashPop .8s cubic-bezier(.22,.9,.32,1.18) both,
            splashFloat 4.6s ease-in-out 1.1s infinite;
}
.splash-glow{
  position:absolute;inset:-48px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(92,172,255,.5) 0%,rgba(60,140,255,.16) 46%,transparent 72%);
  filter:blur(4px);
  animation:splashPulse 3.4s ease-in-out infinite;
}
.splash-logo{
  position:relative;width:120px;height:120px;border-radius:30px;
  filter:drop-shadow(0 0 26px rgba(92,176,255,.6)) drop-shadow(0 14px 34px rgba(0,18,50,.55));
}

/* app name — ไล่เฉดขาว→ฟ้า */
.splash-name{
  font-size:clamp(34px,10.5vw,42px);font-weight:800;letter-spacing:.5px;line-height:1.15;
  background:linear-gradient(180deg,#ffffff 18%,#cfe7ff 55%,#8fc6ff 96%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  text-shadow:0 0 34px rgba(120,190,255,.28);
  animation:splashUp .7s ease .2s both;
}
.splash-tagline{
  margin-top:11px;font-size:15.5px;color:var(--ink-dim);letter-spacing:.3px;
  animation:splashUp .7s ease .34s both;
}

/* จุดเด่น 4 คำ — บรรทัดล่างสุด */
.splash-features{
  font-size:14px;color:var(--ink-faint);letter-spacing:1.2px;white-space:nowrap;
  animation:splashUp .8s ease .52s both;
}

@keyframes splashPop{from{opacity:0;transform:translateY(18px) scale(.85)}to{opacity:1;transform:none}}
@keyframes splashUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes splashFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes splashPulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}

/* จอแคบมาก */
@media (max-width:374px){
  .splash-logo-wrap{width:114px;height:114px;margin-bottom:30px}
  .splash-logo{width:102px;height:102px;border-radius:26px}
  .splash-features{font-size:12.5px;letter-spacing:.8px}
}

@media (prefers-reduced-motion:reduce){
  .splash-logo-wrap,.splash-glow{animation:none}
  .splash,.splash-lang,.splash-name,.splash-tagline,.splash-features{animation:none;transition:none}
}