/* 강의 상태 배지 — 플레이스식 (영업 중 / 곧 마감 / 종료) */
.tag .dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;
  background:currentColor;vertical-align:1px}
.tag.ph-ok{color:#173300;background:linear-gradient(180deg,#C6FF4D,#9FDC1F);border:0}
.tag.ph-ok .dot{background:#173300}
.tag.ph-warn{color:#3A1B00;background:linear-gradient(180deg,#FFC15E,#F0983F);border:0}
.tag.ph-hot{color:#fff;background:linear-gradient(180deg,#FF6A48,#D8441C);border:0;
  animation:phpulse 1.9s ease-in-out infinite}
.tag.ph-hot .dot{background:#fff}
.tag.ph-off{color:rgba(242,231,218,.55);background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14)}
.tag.ph-off .dot{background:rgba(242,231,218,.45)}
.tag.ph-d{color:#C6FF4D;background:rgba(198,255,77,.1);border:1px solid rgba(198,255,77,.3)}
@keyframes phpulse{0%,100%{box-shadow:0 0 0 0 rgba(216,68,28,.5)}
  50%{box-shadow:0 0 0 7px rgba(216,68,28,0)}}
@media (prefers-reduced-motion:reduce){ .tag.ph-hot{animation:none} }
/* 표지 큰 배지 */
.dday[data-ph="ok"]{background:linear-gradient(135deg,#8FD62F,#5E9E00);box-shadow:0 14px 32px -12px rgba(94,158,0,.7)}
.dday[data-ph="warn"]{background:linear-gradient(135deg,#FFA93C,#E07800);box-shadow:0 14px 32px -12px rgba(224,120,0,.7)}
.dday[data-ph="hot"]{background:linear-gradient(135deg,#FF5C3C,#D8441C);box-shadow:0 14px 32px -12px rgba(216,68,28,.85)}
.dday[data-ph="off"]{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
  box-shadow:none;filter:none}
.dday[data-ph="off"] .n{color:rgba(242,231,218,.7)}

/* 마감·종료·준비 중이면 카드 버튼도 함께 가라앉는다 */
.c[data-ph="off"]{opacity:.72}
.c[data-ph="off"] .go{background:rgba(255,255,255,.06)!important;color:rgba(242,231,218,.58)!important;
  border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}

/* 대문으로 돌아가기 — 모든 속장 왼쪽 위에 고정 */
.gg-home{position:fixed;left:12px;top:calc(10px + env(safe-area-inset-top));z-index:640;
  display:inline-flex;align-items:center;gap:7px;text-decoration:none;
  font:800 13px -apple-system,'Apple SD Gothic Neo',sans-serif;
  padding:10px 17px;border-radius:999px;
  background:rgba(14,11,10,.86);color:#F2E7DA;border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 6px 22px rgba(0,0,0,.36)}
.gg-home:hover{border-color:rgba(232,135,58,.5)}
body.room-open .gg-home,body.gge-on .gg-home{display:none}
@media (max-width:420px){ .gg-home{font-size:12.5px;padding:9px 15px} }