.title-screen{
  position:fixed;
  z-index:240;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 43%,rgba(34,151,143,.32) 0,rgba(8,71,75,.16) 28%,transparent 57%),
    linear-gradient(155deg,#071a29 0%,#07373d 52%,#04131f 100%);
  opacity:1;
  transition:opacity .18s ease-out;
  animation:title-screen-reveal .2s ease-out both;
}
.title-screen.hidden{display:none}
.title-screen.is-leaving{opacity:0;pointer-events:none}
.title-screen__trigger{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
  border:0;
  background:transparent;
  color:#fff4c7;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.title-screen__trigger:focus-visible{outline:4px solid #ffd66f;outline-offset:-8px}
.title-screen__ambient,.title-screen__ambient::before,.title-screen__ambient::after{position:absolute;inset:0;pointer-events:none;content:""}
.title-screen__ambient{
  opacity:.46;
  background:
    radial-gradient(circle at 11% 23%,#ffe6a1 0 1px,transparent 2px),
    radial-gradient(circle at 22% 72%,#77ddd0 0 1px,transparent 2px),
    radial-gradient(circle at 35% 16%,#fff0b8 0 1.5px,transparent 2.5px),
    radial-gradient(circle at 53% 81%,#ffe6a1 0 1px,transparent 2px),
    radial-gradient(circle at 66% 19%,#70d4cb 0 1px,transparent 2px),
    radial-gradient(circle at 82% 66%,#fff0b8 0 1.5px,transparent 2.5px),
    radial-gradient(circle at 91% 31%,#70d4cb 0 1px,transparent 2px);
  animation:title-dust-breathe 6s ease-in-out infinite alternate;
}
.title-screen__ambient::before{
  inset:-20%;
  opacity:.18;
  background:linear-gradient(118deg,transparent 38%,rgba(255,231,154,.16) 48%,transparent 57%);
  transform:translateX(-30%);
  animation:title-light-drift 9s ease-in-out infinite;
}
.title-screen__ambient::after{
  inset:50% auto auto 50%;
  width:min(70vw,860px);
  aspect-ratio:1;
  border:1px solid rgba(255,219,115,.1);
  border-radius:50%;
  box-shadow:0 0 70px rgba(40,191,177,.08),inset 0 0 70px rgba(40,191,177,.05);
  transform:translate(-50%,-50%);
}
.title-screen__content{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:min(92vw,900px);
  transform:translateY(-2vh);
}
.title-screen__logo{display:block;width:min(88vw,850px);height:auto;filter:drop-shadow(0 18px 18px rgba(0,0,0,.46))}
.title-screen__prompt{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:clamp(-34px,-3.2vw,-14px);
  color:#fff1be;
  text-shadow:0 2px 0 #04131f,0 0 15px rgba(255,207,92,.34);
  font:400 clamp(16px,2.2vw,24px)/1.4 var(--font-display);
  letter-spacing:.04em;
  animation:title-prompt-breathe 1.8s ease-in-out infinite;
}
.title-screen__prompt i{width:7px;height:7px;border:2px solid #ffd56c;transform:rotate(45deg);box-shadow:0 0 9px rgba(255,213,108,.75)}
@keyframes title-screen-reveal{from{opacity:0}to{opacity:1}}
@keyframes title-dust-breathe{from{opacity:.32}to{opacity:.55}}
@keyframes title-light-drift{0%,18%{transform:translateX(-42%);opacity:0}43%,62%{opacity:.18}82%,100%{transform:translateX(42%);opacity:0}}
@keyframes title-prompt-breathe{0%,100%{opacity:.62;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.18)}}

/* 타이틀 로고의 짙은 청록·크림·금색을 원정대 선택 화면에도 이어 준다. */
.profile-screen{
  background:
    radial-gradient(circle at 50% 14%,rgba(31,139,134,.62),transparent 46%),
    linear-gradient(155deg,#071a29 0%,#08454a 54%,#04131f 100%);
}
.profile-panel{border-color:#d5aa42;background:#fff8df;box-shadow:0 14px 0 #00172599,0 0 0 3px #07524f}
.profile-kicker{color:#0a6b67}
.profile-panel h1{color:#082d35}
.profile-card{border-color:#16746e;background:#fffdf0;color:#082d35;box-shadow:inset 0 0 0 1px #e6c96f}
.profile-card.empty{border-color:#649c94;background:#f4f0d8}
.profile-card-main:hover,.profile-card-main:focus-visible{background:#fff2bf;outline:3px solid #dcae3e;outline-offset:-3px}
.profile-tools{border-top-color:#d8bd67;background:#0b4f50}
.profile-tools button{border-color:#d1a744;background:#fff8df;color:#12343a}
.profile-tools button:hover,.profile-tools button:focus-visible{background:#ffe59b;outline:2px solid #fff4c7}
.profile-create{border-color:#16746e;background:#f9f3da}
.profile-create input{border-color:#16746e;background:#fffef6;color:#082d35}
.profile-create button,.profile-confirm button,.profile-button{border-color:#16746e;background:#fff8df;color:#082d35}
.profile-create button.primary,.profile-confirm button.primary{border-color:#9f6717;background:#ffd36d;color:#402700}
.profile-notice{color:#0d625e}
.profile-audio-button{border-color:#c8972c!important;background:#fff8df!important;color:#082d35!important;box-shadow:0 3px 0 #765214!important}

@media(max-width:600px){
  .title-screen__content{width:100%;transform:translateY(-1vh)}
  .title-screen__logo{width:min(94vw,620px)}
  .title-screen__prompt{gap:9px;margin-top:-16px;font-size:clamp(15px,4.4vw,19px)}
  .title-screen__prompt i{width:6px;height:6px}
}
@media(prefers-reduced-motion:reduce){
  .title-screen,.title-screen__ambient,.title-screen__ambient::before,.title-screen__prompt{animation:none}
  .title-screen{transition-duration:.08s}
  .title-screen__prompt{opacity:1}
}