.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 #24614e;border-radius:20px;background:#faf3e3;color:#173e34;box-shadow:0 0 0 4px #faf3e370,0 25px 70px #173e3455;overflow:auto}#events-dialog::backdrop{background:#173e3499;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,#faf3e3b5,#faf3e380),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(#647064,#173e34);border:3px solid #24614e;border-radius:24px;color:#cbb37f;font-size:42px;box-shadow:0 0 0 4px #faf3e3ab}#events-dialog #events-title{font-size:43px;margin:0;font-weight:700}#events-dialog .events-header p{font-size:21px;color:#24614e;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:#647064;border:2px solid #faf3e3;border-radius:50%;color:#faf3e3;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 #24614e;border-radius:9px;background:linear-gradient(#faf3e3,#faf3e3);color:#173e34;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(#173e34,#173e34);color:#faf3e3;box-shadow:inset 0 0 0 2px #cbb37f}#events-dialog .events-tabs i{color:#24614e}#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 #cbb37f;border-radius:12px;padding:14px;background:#faf3e380}#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 #cbb37f;border-radius:12px;background:#faf3e3}#events-dialog .event-rank-1{background:linear-gradient(110deg,#faf3e3,#faf3e3);border-color:#24614e;box-shadow:inset 0 0 0 3px #cbb37f}#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 #24614e;border-radius:50%;background:linear-gradient(140deg,#cbb37f,#24614e);color:#24614e;font-size:28px;font-weight:700;box-shadow:0 0 0 3px #cbb37f}#events-dialog .event-rank-2 .event-rank span{background:linear-gradient(140deg,#faf3e3,#cbb37f);border-color:#647064;color:#173e34;box-shadow:0 0 0 3px #faf3e3}#events-dialog .event-rank-3 .event-rank span{background:linear-gradient(140deg,#faf3e3,#647064);color:#173e34;border-color:#647064}#events-dialog .event-rank-4 .event-rank span{background:#173e34;color:#faf3e3;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:#24614e}#events-dialog .events-rules{display:flex;flex-direction:column}#events-dialog .event-rule-body{padding:17px;border:1px solid #cbb37f;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 #cbb37f;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 #cbb37f;border-radius:30px;background:#faf3e3;color:#24614e}#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 #cbb37f;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 #24614e;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}}
