/* 스페이스엔코 공통 모션 CSS (2026-11-02 시안) — 섹션에 class="scm" 를 붙인 곳만 적용. 사이트 기존 규칙은 건드리지 않는다. */
.scm { position: relative; isolation: isolate; }
.scm > .wrap { position: relative; z-index: 2; }
.scm-bgc, .scm-fxc { position: absolute; left: 0; top: 0; pointer-events: none; }
.scm-bgc { z-index: 0; }
.scm-fxc { z-index: 3; }
.scm-light { position: absolute; left: 0; top: 0; width: 1000px; height: 1000px; border-radius: 50%; pointer-events: none; z-index: 1; opacity: 0;
  background: radial-gradient(circle, rgba(232, 200, 144, .16) 0%, rgba(214, 224, 240, .06) 35%, transparent 65%); }
/* 글자 쪼개기 */
.scm-w { display: inline-block; white-space: nowrap; }
.scm-ch { display: inline-block; will-change: transform, opacity, filter; }
.scm-wd { display: inline-block; }
/* JS 가 준비되기 전 깜빡임 방지: html.scm-js 일 때만 숨겼다가 모듈이 그린다. 3초 안전장치는 head 스크립트 */
/* 테두리 빛(박스형) */
.scm-rim, .scm-run { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.scm-rim { padding: 1px; opacity: 0; }
.scm-run { padding: 1.5px; opacity: 0; z-index: 2; }
.scm-halo { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; }
/* 녹화 전용 가짜 커서·탭 */
#scmCursor { position: fixed; left: 0; top: 0; width: 22px; height: 22px; z-index: 9999; pointer-events: none; display: none; }
#scmTap { position: fixed; left: 0; top: 0; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; z-index: 9998; pointer-events: none; display: none;
  background: rgba(232, 200, 144, .22); border: 2px solid rgba(232, 200, 144, .8); }
@media (prefers-reduced-motion: reduce) { .scm-bgc, .scm-fxc, .scm-light { display: none; } }
/* 숫자 굴리기(공통) */
.scm-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.scm-roll { display: inline-flex; vertical-align: top; }
.scm-roll .scm-dg { display: inline-block; overflow: hidden; vertical-align: top; }
.scm-roll .scm-strip { display: block; will-change: transform; }
.scm-roll .scm-strip span { display: block; height: 1.25em; line-height: 1.25em; text-align: center; }