/* "Hoạt động sáng lên" (game/js/pcwin/eventglow.js — docs/ui.md «Hoạt động sáng lên»). Ảnh PC ui/pc/hud/egl_* (tools/build_pcimg.py glow):
   egl_frame = equip_heightlight.spr (khung sáng 36×36), egl_star = cd_flash.spr (15 khung 36×36), egl_tip = calendar\tip.spr (matchtip.ini),
   egl_box = img_baoxiang_2.spr (BtnMatch), loa = msg.webp (icon_message.spr, horntip.ini). */

/* ---- nút HUD sáng: lớp phủ <i class="egl-fx"> (::before = khung sáng nhấp nháy, ::after = chớp sao) */
.egl-on,.egl-pre{position:relative}
#pcSide .sbb.egl-on,#pcSide .sbb.egl-pre,.mmb.egl-on,.mmb.egl-pre{position:absolute}
.egl-fx{position:absolute;inset:0;pointer-events:none;z-index:2}   /* trong khung nút (không lòi ra ngoài màn ở nút sát mép) */
.act[style*="--aib"]:not(.noic) > .egl-fx{inset:auto;left:50%;top:0;width:34px;height:34px;margin-left:-17px}
.egl-fx::before{content:"";position:absolute;inset:0;background:url(../../assets/ui/pc/hud/egl_frame.webp) 0 0/100% 100% no-repeat;mix-blend-mode:screen;
  box-shadow:0 0 10px 3px rgba(255,214,70,.95),0 0 18px 4px rgba(255,170,20,.55),inset 0 0 10px 2px rgba(255,236,140,.8);border-radius:3px;animation:egl-pulse .8s ease-in-out infinite alternate}
.egl-on > .egl-fx::after{content:"";position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;
  background:url(../../assets/ui/pc/hud/egl_star.webp) 0 0 no-repeat;mix-blend-mode:screen;transform:scale(1.35);animation:egl-star 1.5s steps(15) infinite}
.egl-pre > .egl-fx::before{box-shadow:0 0 6px 1px rgba(150,230,255,.7),inset 0 0 6px rgba(170,240,255,.5);filter:hue-rotate(150deg);animation:egl-soft 2.2s ease-in-out infinite alternate}
.egl-on{filter:brightness(1.18)}
#actMore.egl-on,#tabAll.egl-on{color:#fff6a8;text-shadow:0 0 4px #ffcf3a,0 0 8px #ffb000}
#actMore > .egl-fx::after,#tabAll > .egl-fx::after{display:none}   /* nút chữ: chỉ khung sáng, không chớp sao che chữ */
@keyframes egl-pulse{from{opacity:.55}to{opacity:1}}
@keyframes egl-soft{from{opacity:.25}to{opacity:.7}}
@keyframes egl-star{to{background-position-x:-540px}}
@media (prefers-reduced-motion:reduce){.egl-fx::before{animation:none;opacity:.85}.egl-on > .egl-fx::after{animation:none;background-position-x:-144px}}

/* ---- dòng lịch đang báo danh / diễn ra (Nhật ký hoạt động + Thông báo hoạt động + tab Lịch cũ): vệt sáng img_highlight.spr */
.pcc-row:has(.st2),.pcc-row:has(.st3),.pcc-nrow:has(.st2),.pcc-nrow:has(.st3){background:url(../../assets/ui/pc/lucky/bbx_hl.webp) center/100% 100% no-repeat,rgba(255,200,60,.08);
  animation:egl-row 1.4s ease-in-out infinite alternate}
.pcc-row:has(.st2) .nm,.pcc-row:has(.st3) .nm{color:#fff3a0;text-shadow:0 0 4px rgba(255,200,40,.7)}
.pcc-row.on:has(.st2),.pcc-row.on:has(.st3){background:url(../../assets/ui/pc/lucky/bbx_hl.webp) center/100% 100% no-repeat,rgba(200,0,0,.45)}
.sys-events-tbl tr:has(.sys-events-st.open){background:rgba(255,200,60,.12);animation:egl-row 1.4s ease-in-out infinite alternate}
@keyframes egl-row{from{box-shadow:inset 0 0 0 1px rgba(255,210,80,.15)}to{box-shadow:inset 0 0 10px 1px rgba(255,210,80,.55)}}
@media (prefers-reduced-motion:reduce){.pcc-row:has(.st2),.pcc-row:has(.st3),.pcc-nrow:has(.st2),.pcc-nrow:has(.st3),.sys-events-tbl tr:has(.sys-events-st.open){animation:none}}

/* ---- loa nhắc (horntip.ini: Main 230×20, BtnHornTip icon_message.spr 24×23 nhấp nháy, ScrollDescText, BtnClose) */
#egHorn{position:absolute;z-index:6;left:clamp(360px,calc(50% - 260px),100vw);bottom:84px;display:flex;align-items:center;gap:6px;max-width:min(520px,calc(100vw - 376px));box-sizing:border-box;
  padding:3px 6px 3px 4px;background:rgba(10,14,12,.82);border:1px solid #8a7a3a;border-radius:3px;box-shadow:0 0 10px rgba(255,200,40,.45);font-size:12px;color:#fff3a0}
#egHorn.hidden,#egTip.hidden{display:none}
#egHorn.eg-new{animation:eg-in .5s ease-out,eg-ring 1.2s ease-in-out .5s 3}
.eg-horn{flex:none;width:24px;height:24px;padding:0;border:0;background:url(../../assets/ui/pc/hud/msg.webp) 0 0 no-repeat;animation:eg-horn .36s steps(1) infinite;cursor:pointer}
.eg-msg{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;cursor:pointer;text-shadow:0 0 3px #000}
.eg-msg > span{display:inline-block;padding-left:4px}
#egHorn .eg-go{flex:none;padding:1px 8px;min-height:24px;font-size:12px}
.eg-x{flex:none;width:24px;height:24px;padding:0;border:0;background:none;color:#cfc6a0;font:14px/24px var(--font);cursor:pointer}
.eg-x::before{content:"✕"}
.eg-x:hover{color:#fff}
@keyframes eg-horn{0%{background-position-x:0}50%{background-position-x:-24px}}
@keyframes eg-in{from{opacity:0;transform:translateY(8px)}}
@keyframes eg-ring{50%{box-shadow:0 0 18px 4px rgba(255,210,60,.9)}}
#chatLog .eg-c{color:#ffd84a}
#chatLog .eg-link{display:inline-block;min-width:24px;min-height:24px;line-height:24px;color:#00ff2a;text-decoration:none;cursor:pointer}
#chatLog .eg-link:hover{text-decoration:underline}

/* ---- bảng Nhắc nhở (matchtip.ini: Main 220×350 tip.spr, TxtTitle (70,11), TxtMsg1/2 (56,40)/(40,60), BtnMatch1-3 38×38 (25,95/160/220),
   TxtMatchName/Time/Left (75,…), BtnLeft/Right (70/120,285), BtnOK (55,315)) */
#egTip{position:absolute;z-index:7;left:50%;top:124px;width:220px;height:350px;margin-left:-110px;box-sizing:border-box;padding:0;
  background:url(../../assets/ui/pc/hud/egl_tip.webp) 0 0 no-repeat;color:#e8e2c8;font-size:12px;text-shadow:0 0 2px #000}
#egTip h4{position:absolute;left:0;right:0;top:9px;margin:0;text-align:center;font-size:13px;color:#ffe08a}
#egTip .eg-x{position:absolute;right:2px;top:4px}
#egTip .eg-m1,#egTip .eg-m2{position:absolute;left:18px;right:14px;margin:0;text-align:center;line-height:15px}
#egTip .eg-m1{top:38px;color:#fff}
#egTip .eg-m2{top:58px;color:#94e08a}
#egTip .eg-rows{position:absolute;left:20px;right:12px;top:88px;height:190px}
#egTip .eg-row{display:flex;gap:10px;align-items:flex-start;height:62px}
#egTip .eg-row > div{min-width:0;display:flex;flex-direction:column;line-height:15px}
#egTip .eg-row a{display:block;min-height:24px;line-height:24px;margin-top:-5px;color:#ffd84a;font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#egTip .eg-row a:hover{text-decoration:underline}
#egTip .eg-row small{color:#6fd06a;font-size:11px}
.eg-box{flex:none;width:38px;height:38px;padding:0;border:0;background:url(../../assets/ui/pc/hud/egl_box.webp) 0 0/152px 38px no-repeat;cursor:pointer}
.eg-box:hover{background-position-x:-38px}
#egTip .eg-pg{position:absolute;left:58px;top:278px;width:104px;display:flex;justify-content:space-between;align-items:center}
#egTip .eg-pg button{width:24px;height:24px;padding:0;border:0;background:none;color:#ffd84a;font-size:13px;cursor:pointer}
#egTip .eg-ok{position:absolute;left:55px;top:313px;width:110px}
@media (max-width:820px),(max-height:500px){
  #egTip{top:50%;margin-top:-175px}
  #egHorn{left:16px;right:16px;max-width:none}
}
@media (max-width:820px){
  #egHorn{bottom:232px}
}
@media (max-height:500px){
  #egHorn{bottom:auto;top:46px;left:50%;right:auto;width:min(480px,calc(100vw - 32px));transform:translateX(-50%)}
  #egHorn.eg-new{animation:eg-ring 1.2s ease-in-out .2s 3}
}