.event-trigger{cursor:pointer;position:relative;border-radius:5px;transition:background .18s ease}
.event-trigger:hover,.event-trigger:focus{background:#eaf2ff;outline:2px solid rgba(10,61,145,.15);outline-offset:-2px}
.event-trigger .final-score{box-shadow:0 2px 7px rgba(7,27,58,.18)}
.event-trigger::after{content:'ดูเหตุการณ์';display:block;margin-top:3px;color:#0a3d91;font:600 7px 'Prompt';white-space:nowrap}
.match-event-dialog{width:min(570px,calc(100% - 28px));max-height:calc(100vh - 32px);overflow:auto;border:0;border-radius:16px;padding:22px;box-shadow:0 22px 70px rgba(2,18,43,.38);color:#071b3a}
.match-event-dialog::backdrop{background:rgba(2,18,43,.7);backdrop-filter:blur(3px)}
.event-close{position:absolute;top:10px;right:12px;border:0;background:#edf3fa;color:#0a3d91;width:32px;height:32px;border-radius:50%;font-size:22px;cursor:pointer}
.event-kicker{color:#e5162f;font:700 10px 'Prompt'}
.match-event-dialog h2{margin:3px 38px 12px 0;font:700 22px 'Kanit'}
.event-score{display:grid;grid-template-columns:1fr 65px 1fr;align-items:center;gap:8px;background:linear-gradient(90deg,#071b3a,#0a3d91);color:#fff;padding:13px;border-radius:10px;text-align:center;font:600 11px 'Prompt'}
.event-score strong{background:#e5162f;border-radius:7px;padding:7px 5px;font-size:17px}
.event-timeline{margin-top:12px;border:1px solid #dce6f0;border-radius:10px;overflow:hidden}
.event-timeline>div{display:grid;grid-template-columns:45px 25px 1fr;align-items:center;gap:7px;padding:10px;border-bottom:1px solid #e8eef5}
.event-timeline>div:last-child{border-bottom:0}
.event-timeline time{color:#64778d;font:700 10px 'Prompt';text-align:right}
.event-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px}
.event-icon.goal{background:#e7f7ef}
.event-icon.yellow{color:#ffc107;font-size:18px}
.event-icon.red{color:#e5162f;font-size:18px}
.event-timeline p{margin:0;display:grid;gap:2px}
.event-timeline b{font:600 11px 'Prompt'}
.event-timeline small{color:#6f8093;font-size:9px}
.event-note{margin:10px 0 0;color:#7a899a;font-size:9px}
@media(max-width:720px){.event-trigger::after{content:'เหตุการณ์'}.match-event-dialog{padding:18px}.match-event-dialog h2{font-size:19px}.event-score{grid-template-columns:1fr 56px 1fr;padding:10px 6px;font-size:9px}.event-score strong{font-size:14px}.event-timeline>div{grid-template-columns:38px 22px 1fr;padding:9px 6px}.event-timeline b{font-size:10px}}