/* ¦¡¦¡¦¡ ±âº» ¿µ¿ª ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
#event{position:relative;font-family:'Pretendard','Arial',sans-serif;text-align:center;}


/* Åä±Û ¹öÆ° (ÀÛ°í ¿©¹é ÃÖ¼Ò) */
.event-toggle{
  padding:4px 12px;margin:12px auto;
  background:#2e9f6b;color:#fff;font-size:.95rem;font-weight:700;
  border:none;border-radius:20px;cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.1);min-width:120px;
}
.blink-text{animation:blink 1.2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}


/* ¦¡¦¡¦¡ overlay ·¹ÀÌ¾î ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.overlay{
  position:fixed;inset:0;display:none;
  background:rgba(0,0,0,.35);z-index:900;
}


/* ¦¡¦¡¦¡ »ó¼¼ ¹Ú½º(¸Þ¸ðÀå ´À³¦, °ãÃÄ ¶ä) ¦¡ */
.event-box{
  position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);
  display:none;flex-direction:column;align-items:center;
  width:320px;max-width:90vw;
  background:#fffce8;border:1px solid #ffd54f;border-radius:8px;
  padding:18px 16px;gap:14px;z-index:1000;
  box-shadow:0 4px 15px rgba(0,0,0,.25);
}
.event-title{font-size:1.15rem;font-weight:600;color:#333;}
.event-item{display:flex;flex-direction:column;align-items:center;font-size:.95rem;gap:6px;}
.event-item img{width:80px;}
.event-note{font-size:.75rem;color:#666;}


/* ¸ð¹ÙÀÏ ÀÛÀº º¸Á¤ */
@media(max-width:480px){
  .event-box{width:260px;padding:14px;}
  .event-item img{width:68px;}
  .event-toggle{font-size:.85rem;padding:3px 10px;}
}