.main-video { display: block; width: 100%; height: 100%; object-fit: cover; }
.main-title { display: flex; flex-direction: column; align-items: center; gap: calc(60px * var(--spc)); }
.main-head { display: flex; flex-direction: column; align-items: center; gap: calc(24px * var(--spc)); }
.main-logo { width: calc(523px * var(--spc)); height: calc(264px * var(--spc)); }
.main-actions { display: flex; flex-direction: column; align-items: center; gap: calc(16px * var(--spc)); }
.main-btns { display: flex; gap: calc(20px * var(--spc)); }
.main-store { width: calc(242px * var(--spc)); height: calc(82px * var(--spc)); border: calc(2px * var(--spc)) solid rgba(255, 255, 255, .5); border-radius: calc(8px * var(--spc)); font-family: var(--font-title); font-weight: 400; font-size: calc(20px * var(--spc)); letter-spacing: calc(0.4px * var(--spc)); color: #FFFFFF; }
.main-store { background: #12100B; }
.main-store__img--google { width: calc(180.78px * var(--spc)); height: calc(41.13px * var(--spc)); }
.main-store__img--apple { width: calc(177.70px * var(--spc)); height: calc(40.37px * var(--spc)); }
.main-store--pc { gap: calc(8px * var(--spc)); }
.main-store__ic { width: calc(28px * var(--spc)); height: calc(28px * var(--spc)); }
.main-spec { font-family: var(--font-body); font-weight: 700; font-size: calc(14px * var(--spc)); line-height: 1.2; color: #FFFFFF; text-decoration: underline; text-shadow: 0 calc(16px * var(--spc)) calc(32px * var(--spc)) rgba(12, 12, 13, .4); }
.main-note { font-family: var(--font-body); font-weight: 400; font-size: calc(14px * var(--spc)); line-height: 1.2; color: #FFFFFF; text-align: center; text-shadow: 0 calc(16px * var(--spc)) calc(32px * var(--spc)) rgba(12, 12, 13, .4); }
.main-start { position: relative; display: flex; align-items: center; justify-content: center; width: calc(524px * var(--spc)); height: calc(108px * var(--spc)); border-radius: calc(54px * var(--spc)); background: url('../assets/images/main/btn_game_start_ring.svg') center / 100% 100% no-repeat; overflow: hidden; font-family: var(--font-title); font-weight: 400; font-size: calc(40px * var(--spc)); line-height: 1.2; color: #1A1F38; transition: transform .2s ease, filter .2s ease, box-shadow .2s ease; }
.main-start__label { position: relative; z-index: 1; }
.main-start::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; z-index: 0; width: 60%; background: linear-gradient(105deg, transparent 32%, rgba(26, 31, 56, .05) 42%, rgba(255, 255, 255, .6) 50%, rgba(26, 31, 56, .05) 58%, transparent 68%); transform: translateX(-100%); animation: seal-start-sheen 3.5s cubic-bezier(.45, 0, .25, 1) infinite; pointer-events: none; }
@keyframes seal-start-sheen {
  0% { transform: translateX(-100%); }
  30% { transform: translateX(167%); }
  100% { transform: translateX(167%); }
}
.main-start:hover, .main-start:focus-visible { transform: translateY(calc(-2px * var(--spc))); filter: brightness(1.08); box-shadow: 0 0 calc(24px * var(--spc)) rgba(255, 255, 255, .45); }
.main-start:active { transform: translateY(0); filter: brightness(.96); box-shadow: none; }
.main-sns { display: none; }