/* 기본 박스 세팅 */
html{ box-sizing:border-box; }
*,*::before,*::after{ box-sizing:inherit; }
html,body{ height:100%; }
body{ margin:0; }
canvas{ display:block; }

/* 캔버스 풀 프레임 */
#unity-container{ width:100%; height:100%; }
#unity-canvas{
  width:100%; height:100%;
  background: #231F20;
}

/* ===== Intro (로고 단독) ===== */
#intro-screen{
  position:fixed; inset:0;
  display:flex; align-items:center; justify-content:center;
  background:#fff; z-index:50;
  transition: opacity .35s ease, transform .35s ease;
}
#intro-screen img{
  width:min(220px, 50vw);
  height:auto;
}
#intro-screen.hide{
  opacity:0; transform:scale(.985); pointer-events:none;
}

/* ===== Loading (로딩중 + 링 + 카드) ===== */
#loading-cover{
  position:fixed; inset:0; z-index:40;
  display:flex; justify-content:center; align-items:center;
  background:#fff;
}

#unity-loading-bar{
  flex: 0 1 auto;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}

.loading-stack{
  display:flex; flex-direction:column; align-items:center; gap:18px;
}

.loading-title{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans KR',Helvetica,Arial,sans-serif;
  font-size:18px; letter-spacing:.08em; color:#111;
}

/* 빨간 링 스피너 */
.ring{
  width:36px; height:36px; border-radius:50%;
  border:2.5px solid transparent;
  border-top-color:#e4002b;
  animation:ring-spin .8s linear infinite;
}
@keyframes ring-spin{ to{ transform:rotate(360deg); } }

/* 하단 프로모 카드 */
.ad-card{
  width:min(260px, 80vw);
  background:#fff; border-radius:10px; overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.ad-card img{ display:block; width:100%; height:auto; }

/* (Unity 기본 진행바 – 필요 시 활성화) */
#unity-progress-bar-empty{
  width:80%; max-width:420px; height:24px;
  margin:16px auto 0; text-align:left;
  border:1px solid #000; padding:2px;
}
#unity-progress-bar-full{ width:0%; height:100%; background:#000; }
.light #unity-progress-bar-empty{ border-color:#000; }
.light #unity-progress-bar-full{ background:#000; }

/* 전체화면 버튼 */
#unity-fullscreen-button{
  position:absolute; right:10px; bottom:10px;
  width:38px; height:38px;
  background:url('fullscreen-button.png') no-repeat center / contain;
}

/* 기존 회색 스피너는 사용 안 함 */
.spinner{ display:none !important; }