/* 엠블럼 애니메이션(2026-11-14 운영 변경 126 — 오프닝 · 접속 연출, 움직임은 emblem.js) — 가림막 · 무대 모양.
   스크립트가 멈춰도 화면이 막히지 않게: 로그인 칸은 6초 · 진짜 로고는 2초 · 가림막은 8초 뒤 저절로 걷힌다(평소엔 2.5~4초 안에 끝남) */
html.cc-intro-on .box { opacity: 0; animation: cc-intro-show 0s 6s forwards; }
html.cc-intro-mark .mark { visibility: hidden; animation: cc-intro-see 0s 2s forwards; }
@keyframes cc-intro-show { to { opacity: 1; } }
@keyframes cc-intro-see { to { visibility: visible; } }
@keyframes cc-intro-gone { to { opacity: 0; visibility: hidden; } }

.cc-intro { position: fixed; inset: 0; z-index: 2147483000; overflow: hidden; contain: strict; cursor: pointer; touch-action: none;
  -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; animation: cc-intro-gone .3s 8s forwards; }
.cc-intro-bg { position: absolute; inset: 0; background: #202124; }
/* 2048 좌표 상자 — 화면 자리 · 크기는 emblem.js 가 transform 으로 */
.cc-intro-box { position: absolute; left: 0; top: 0; width: 2048px; height: 2048px; transform-origin: 0 0; }
.cc-intro-box div { position: absolute; background-repeat: no-repeat; }
.cc-intro-box .cc-intro-in, .cc-intro-box .cc-intro-a { left: 0; top: 0; width: 2048px; height: 2048px; }
.cc-intro-box .cc-intro-in { transform-origin: 1024px 1090px; }
/* 금빛 번짐 · 고리를 그리는 끝의 불꽃(라임) — 원본 색 그대로 */
.cc-intro-box .cc-intro-glow { left: 224px; top: 290px; width: 1600px; height: 1600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(247,205,80,.9) 0%, rgba(247,205,80,.3) 32%, rgba(247,205,80,0) 66%); }
.cc-intro-box .cc-intro-spark { width: 240px; height: 240px; border-radius: 50%; opacity: 0;
  background: radial-gradient(circle, rgba(245,255,225,1) 0%, rgba(190,240,110,.8) 20%, rgba(134,217,35,0) 62%); }