.event-entry{display:flex;align-items:center;justify-content:space-between;gap:20px}.event-entry h2{font-size:20px!important}.event-entry p{margin:8px 0 0;font-size:13px}.event-entry button{white-space:nowrap}
body.jade-site #events-dialog{width:min(1180px,calc(100% - 32px));max-width:none;max-height:92dvh;margin:auto;padding:0;border:2px solid #b72920;border-radius:20px;background:#f6efde;color:#211e1b;box-shadow:0 0 0 4px #f6efde70,0 25px 70px #211e1b55;overflow:auto}#events-dialog::backdrop{background:#211e1b99;backdrop-filter:blur(3px)}#events-dialog .events-shell{padding:12px}#events-dialog .events-header{position:relative;display:flex;align-items:center;gap:24px;padding:20px 60px 20px 26px;background:linear-gradient(90deg,#f6efdeb5,#f6efde80),url('/assets/design/hero.png') center/cover;border-radius:12px}#events-dialog .events-trophy{width:85px;height:85px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(#6d6257,#211e1b);border:3px solid #b72920;border-radius:24px;color:#c7bba5;font-size:42px;box-shadow:0 0 0 4px #f6efdeab}#events-dialog #events-title{font-size:43px;margin:0;font-weight:700}#events-dialog .events-header p{font-size:21px;color:#b72920;margin:3px 0 0}#events-dialog .events-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:38px;height:38px;padding:0;background:#6d6257;border:2px solid #f6efde;border-radius:50%;color:#f6efde;font-size:28px;line-height:1;cursor:pointer}#events-dialog .events-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}#events-dialog .events-tabs button{padding:13px 8px;border:1px solid #b72920;border-radius:9px;background:linear-gradient(#f6efde,#f6efde);color:#211e1b;font:700 18px "Be Vietnam Pro",Arial,sans-serif;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:13px}#events-dialog .events-tabs button[aria-selected=true]{background:linear-gradient(#211e1b,#211e1b);color:#f6efde;box-shadow:inset 0 0 0 2px #c7bba5}#events-dialog .events-tabs i{color:#b72920}#events-dialog .events-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:12px}#events-dialog .events-rewards,#events-dialog .events-rules{border:1px solid #c7bba5;border-radius:12px;padding:14px;background:#f6efde80}#events-dialog h3{font-size:24px;margin:0 0 14px;font-weight:700}#events-dialog .event-reward{display:flex;align-items:center;gap:16px;padding:15px 16px;margin-top:10px;border:1px solid #c7bba5;border-radius:12px;background:#f6efde}#events-dialog .event-rank-1{background:linear-gradient(110deg,#f6efde,#f6efde);border-color:#b72920;box-shadow:inset 0 0 0 3px #c7bba5}#events-dialog .event-rank{display:flex;align-items:center;gap:10px;flex-shrink:0;width:132px}#events-dialog .event-rank span{display:grid;place-items:center;min-width:52px;height:52px;border:2px solid #b72920;border-radius:50%;background:linear-gradient(140deg,#c7bba5,#b72920);color:#b72920;font-size:28px;font-weight:700;box-shadow:0 0 0 3px #c7bba5}#events-dialog .event-rank-2 .event-rank span{background:linear-gradient(140deg,#f6efde,#c7bba5);border-color:#6d6257;color:#211e1b;box-shadow:0 0 0 3px #f6efde}#events-dialog .event-rank-3 .event-rank span{background:linear-gradient(140deg,#f6efde,#6d6257);color:#211e1b;border-color:#6d6257}#events-dialog .event-rank-4 .event-rank span{background:#211e1b;color:#f6efde;font-size:17px}#events-dialog h4{font-size:15px;font-weight:700;margin:0;white-space:nowrap}#events-dialog .event-reward ul{margin:0;padding-left:17px;font-size:13px;line-height:1.7}#events-dialog .event-reward li::marker{color:#b72920}#events-dialog .events-rules{display:flex;flex-direction:column}#events-dialog .event-rule-body{padding:17px;border:1px solid #c7bba5;border-radius:10px;text-align:center;font-size:14px;line-height:1.85}#events-dialog .event-rule-label{display:block}#events-dialog .event-rule-number{display:block;font-size:58px;line-height:1.3}#events-dialog hr{border:0;border-top:1px solid #c7bba5;opacity:.7;margin:17px 0}#events-dialog .event-rule-body p{margin:0 0 10px}#events-dialog .event-date{display:block;padding:7px;border:1px solid #c7bba5;border-radius:30px;background:#f6efde;color:#b72920}#events-dialog .event-scenery{min-height:140px;flex:1;background:url('/assets/design/hero.png') 70% center/cover;border-radius:10px;margin-top:14px}#events-dialog .events-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #c7bba5;margin:14px 0 0;padding:14px 8px 2px}#events-dialog .events-footer p{font-size:12px;margin:0}#events-dialog [hidden]{display:none!important}#events-dialog a:focus-visible,#events-dialog button:focus-visible{outline:3px solid #b72920;outline-offset:3px}
@media(max-width:740px){.event-entry{align-items:flex-start;flex-direction:column}body.jade-site #events-dialog{width:calc(100% - 18px);max-height:94dvh;border-radius:14px}#events-dialog .events-shell{padding:8px}#events-dialog .events-header{padding:17px 42px 17px 12px;gap:15px}#events-dialog .events-trophy{width:54px;height:54px;font-size:28px;border-radius:17px}#events-dialog #events-title{font-size:29px}#events-dialog .events-header p{font-size:14px}#events-dialog .events-tabs{gap:6px}#events-dialog .events-tabs button{font-size:13px;gap:6px;padding:12px 4px}#events-dialog .events-columns{grid-template-columns:1fr}#events-dialog h3{font-size:21px}#events-dialog .event-reward{gap:12px;padding:14px 11px;align-items:flex-start}#events-dialog .event-rank{width:58px;flex-direction:column;gap:9px}#events-dialog .event-rank span{min-width:44px;height:44px;font-size:24px}#events-dialog h4{font-size:12px}#events-dialog .event-reward ul{font-size:12px;padding-left:13px}#events-dialog .events-footer{flex-direction:column;align-items:stretch;text-align:center}#events-dialog .event-scenery{display:none}}
