/* GO기릿 홍보 띠(2026-09-29) — 코인·지휘통제실·홈 공통(assets/js/promo-strip.js 가 그린다).
   캐시를 쓴 만큼 잘 보이게: 세 사이트 어디에도 없는 보라→핑크 그라데이션 + 흰 굵은 글씨 + 노란 닉네임.
   (코인 「매일 오후 2시」 띠·지휘통제실 코인 띠는 금색이라 겹쳐 보이지 않는다.) 사이트 테마(밝게/어둡게)와 상관없이 같은 색.
   빈 칸(예약 안내)은 짙은 보라로 한 단계 낮춰, 돈 낸 띠가 더 튀게 한다. 높이는 두 경우 같아 화면이 들썩이지 않는다. */
[data-gpromo]{display:block}
[data-gpromo][hidden]{display:none!important}
.gps{position:relative; display:flex; align-items:center; gap:12px; min-height:50px; padding:6px max(16px, calc((100% - 1440px) / 2 + 16px));
  background:linear-gradient(90deg,#5B21B6 0%,#A21CAF 45%,#E11D48 100%); color:#fff; overflow:hidden;
  font:500 17px/1.35 Pretendard, system-ui, -apple-system, 'Apple SD Gothic Neo', sans-serif; letter-spacing:-.2px;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.25); isolation:isolate; text-align:left}
.gps::before{content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%); background-size:250% 100%;
  animation:gps-shine 6s ease-in-out infinite}
@keyframes gps-shine{0%,55%{background-position:130% 0} 100%{background-position:-130% 0}}
.gps-tag{flex:none; font-size:12px; font-weight:900; letter-spacing:.06em; padding:3px 8px; border-radius:4px; background:#FDE047; color:#1A1022; line-height:1.3}
.gps-av{flex:none; width:30px; height:30px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px #FDE047}
.gps-view{flex:1 1 auto; min-width:0; overflow:hidden; white-space:nowrap}
.gps-run{display:inline-flex; white-space:nowrap}
.gps-seg{display:inline-block; padding-right:48px}
.gps-nick{flex:none; max-width:34%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:900; color:#FDE047; text-shadow:0 1px 0 rgba(0,0,0,.25)}
.gps-sep{flex:none; margin:0 -4px 0 -6px; opacity:.75; font-weight:700}
.gps-msg{font-weight:700; text-shadow:0 1px 0 rgba(0,0,0,.2)}
.gps-go{flex:none; display:inline-flex; align-items:center; gap:4px; height:34px; padding:0 14px; border-radius:999px; background:#fff; color:#9D174D;
  font-size:14px; font-weight:900; white-space:nowrap; text-decoration:none; box-shadow:0 2px 6px rgba(0,0,0,.2)}
.gps-go::after{content:'›'; font-size:18px; line-height:1; margin-top:-2px}
.gps-go:hover{background:#FDE047; color:#1A1022}
.gps-go:focus-visible{outline:3px solid #FDE047; outline-offset:2px}
.gps-go2{background:rgba(255,255,255,.16); color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
/* 길면 흐른다(마우스를 올리거나 키보드로 들어오면 멈춤) */
.gps-marq .gps-view{mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 24px),transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 24px),transparent 100%)}
.gps-marq .gps-run{animation:gps-marq var(--gps-dur,20s) linear infinite}
.gps-marq:hover .gps-run, .gps-marq:focus-within .gps-run{animation-play-state:paused}
@keyframes gps-marq{from{transform:translateX(0)} to{transform:translateX(-50%)}}
/* 움직임 줄이기 — 흐르지 않고 두 줄까지 */
.gps-wrap .gps-view{white-space:normal}
.gps-wrap .gps-run{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; white-space:normal}
.gps-wrap .gps-seg{padding-right:0}
/* 빈 칸 — 예약 안내 */
.gps-fill{background:linear-gradient(90deg,#241536,#2E1646 60%,#3A1440); color:#E9D5FF}
.gps-fill::before{animation:none; display:none}
.gps-fill .gps-tag{background:rgba(253,224,71,.16); color:#FDE047; box-shadow:inset 0 0 0 1px rgba(253,224,71,.5)}
.gps-fill .gps-nick{color:#fff; font-weight:800; text-shadow:none}
.gps-fill .gps-msg{font-weight:500; color:#D8C4F0; text-shadow:none}
.gps-fill .gps-nick{max-width:none}
.gps-fill .gps-go{background:#FDE047; color:#1A1022; box-shadow:none}
.gps-fill .gps-go:hover{background:#fff}
@media (max-width:860px){
  .gps{min-height:46px; gap:8px; padding:5px 12px; font-size:15px}
  .gps-tag{font-size:11px; padding:2px 6px}
  .gps-av{width:26px; height:26px}
  .gps-go{height:30px; padding:0 11px; font-size:12.5px}
  .gps-fill .gps-msg{font-size:13.5px}
  .gps-cn{display:none}
  .gps-fill .gps-nick{font-size:14px}
}
@media (max-width:420px){
  .gps-go{max-width:36vw; overflow:hidden; text-overflow:ellipsis}
  .gps-av{display:none}
  .gps-fill .gps-nick{font-size:14px; flex:1 1 auto; max-width:none}
  .gps-fill .gps-view{display:none}
}
@media (prefers-reduced-motion:reduce){ .gps::before{animation:none; display:none} .gps-marq .gps-run{animation:none} }
@media print{ [data-gpromo]{display:none!important} }
/* 띠를 누르면 홍보 예약 화면으로(2026-09-30) */
.gps-link{cursor:pointer}