/* Etkinlikler (11 Nov 2026 redesign). Same tokens as guide-systems.css: bg #111214, card #191a1d, raised #25231f, line #2f2b26 / #3a332c,
   gold #aa8051 / #c2a172, text #d2c7b6, title #ead8ba, muted #aaa39a / #9a8f7e. Accents: FT #d0624c (event), BDW gold, AFK #4fb0a5 (social), Chaos Stone #a77fd1 (char), Collection Race #93b85c.
   Nations: Karus #b9583f, El Morad #6f9fd0. R Box tiers: 1 wood #b07a48, 2 steel #6f9fd0, 3 royal #d9a441. */
.eg{--ac:#aa8051;--karus:#b9583f;--elmo:#6f9fd0;--t1:#b07a48;--t2:#6f9fd0;--t3:#d9a441;min-width:0}
.eg-ft{--ac:#d0624c}.eg-bdw{--ac:#c2a172}.eg-afk{--ac:#4fb0a5}.eg-chaos{--ac:#a77fd1}.eg-cr{--ac:#93b85c}
.eg-svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.eg a{color:#c2a172}
.eg-lead{margin:-4px 0 14px;font-size:14px;line-height:1.7;color:#b5ada1}

/* chips */
.eg-chips{display:flex;flex-wrap:wrap;gap:6px}
.eg-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-size:10.5px;font-weight:600;line-height:1.4;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,#111214);border:1px solid color-mix(in srgb,var(--ac) 40%,transparent);border-radius:2px}
.eg-chip.is-solid{color:#111214;background:var(--ac);border-color:var(--ac)}
.eg-chip.is-soon{--ac:#d9b25a}
.eg-chip.is-soon:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:egPulse 2.2s ease-out infinite}
@keyframes egPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,#d9b25a 70%,transparent)}80%,100%{box-shadow:0 0 0 6px transparent}}
@media (prefers-reduced-motion:reduce){.eg-chip.is-soon:before{animation:none}.eg-card{transition:none}}

/* icon holders */
.eg-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;color:var(--ac);background:color-mix(in srgb,var(--ac) 13%,#111214);border:1px solid color-mix(in srgb,var(--ac) 45%,#3a332c);border-radius:50%}
.eg-ico .eg-svg{width:20px;height:20px}
.eg-glyph{flex:none;display:grid;place-items:center;width:64px;height:64px;color:var(--ac);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--ac) 22%,#15161a),#111214 70%);border:1px solid color-mix(in srgb,var(--ac) 60%,#3a332c);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--ac) 10%,transparent),0 0 28px color-mix(in srgb,var(--ac) 30%,transparent)}
.eg-glyph .eg-svg{width:30px;height:30px}
.eg-glyph.is-lg{width:88px;height:88px}.eg-glyph.is-lg .eg-svg{width:42px;height:42px}
.eg-glyph.is-xl{width:96px;height:96px}.eg-glyph.is-xl .eg-svg{width:48px;height:48px;stroke-width:1.4}

/* ---------- hub hero ---------- */
.eg-hhero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:center;margin:0 0 20px;padding:24px;overflow:hidden;background:#191a1d;border:1px solid #2f2b26;border-top:3px solid #aa8051;border-radius:4px}
.eg-hhero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.eg-hhero:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#111214 8%,rgba(17,18,20,.9) 42%,rgba(17,18,20,.62) 100%)}
.eg-hhero-in,.eg-join-wrap{position:relative;z-index:1;min-width:0}
.eg-hhero h2{margin:12px 0 8px;font:600 26px/1.2 RonarkDisplay,Georgia,serif;color:#ead8ba}
.eg-hhero p{margin:0;font-size:14px;line-height:1.7;color:#d2c7b6}
.eg-join-title{display:block;margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#c2a172}
.eg-join{list-style:none;counter-reset:egj;display:grid;gap:8px;margin:0;padding:0}
.eg-join li{counter-increment:egj;position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;background:rgba(17,18,20,.78);border:1px solid #3a332c;border-radius:4px;backdrop-filter:blur(2px)}
.eg-join li:nth-child(1){--ac:#d9b25a}.eg-join li:nth-child(2){--ac:#c2a172}.eg-join li:nth-child(3){--ac:#4fb0a5}
.eg-join .eg-glyph{width:42px;height:42px;box-shadow:none}.eg-join .eg-glyph .eg-svg{width:21px;height:21px}
.eg-join li:after{content:counter(egj);position:absolute;right:10px;top:8px;font:600 13px/1 RonarkDisplay,Georgia,serif;color:color-mix(in srgb,var(--ac) 70%,#6f6658)}
.eg-join li>span>strong{display:block;font-size:14px;color:#ead8ba}
.eg-join small strong{color:#ead8ba}
.eg-join small{display:block;margin-top:2px;padding-right:12px;font-size:12.5px;line-height:1.5;color:#b5ada1}

/* ---------- event cards ---------- */
.eg-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin:0 0 22px}
.eg-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;color:inherit;text-decoration:none;background:#191a1d;border:1px solid #2f2b26;border-radius:4px;transition:border-color .15s,transform .15s,box-shadow .15s}
.eg .eg-card{color:inherit}
.eg-card:hover,.eg-card:focus-visible{border-color:var(--ac);transform:translateY(-2px);box-shadow:0 8px 24px #0008}
.eg-card:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.eg-card-art{position:relative;display:grid;place-items:center;height:168px;overflow:hidden;background:radial-gradient(70% 90% at 50% 62%,color-mix(in srgb,var(--ac) 34%,#191a1d) 0%,#141518 72%);border-bottom:1px solid color-mix(in srgb,var(--ac) 45%,#2f2b26)}
.eg-card-art:before{content:"";position:absolute;inset:0;opacity:.5;background:repeating-linear-gradient(45deg,transparent 0 14px,color-mix(in srgb,var(--ac) 7%,transparent) 14px 15px)}
.eg-card-art>*{position:relative}
.eg-card-chips{position:absolute;left:12px;top:12px;right:12px;z-index:1;display:flex;flex-wrap:wrap;gap:6px}
.eg-card-short{position:absolute;right:14px;bottom:8px;font:700 34px/1 RonarkDisplay,Georgia,serif;letter-spacing:1px;color:color-mix(in srgb,var(--ac) 22%,transparent)}
.eg-card-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:16px 18px 16px}
.eg-card-title{font:600 21px/1.25 RonarkDisplay,Georgia,serif;color:#ead8ba}
.eg-card-lead{font-size:13.5px;line-height:1.6;color:#b5ada1}
.eg-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.eg-kv-i{display:flex;align-items:center;gap:9px;min-width:0;padding:8px 10px;background:#111214;border:1px solid #2f2b26;border-radius:3px}
.eg-kv-i>.eg-svg{flex:none;width:18px;height:18px;color:var(--ac)}
.eg-kv-i>span{min-width:0}
.eg-kv small{display:block;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#9a8f7e}
.eg-kv b{display:block;font-size:13px;font-weight:600;line-height:1.3;color:#ead8ba;overflow-wrap:anywhere}
.eg-go{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;font-size:13px;font-weight:600;color:var(--ac);border-top:1px solid #2f2b26}
.eg-go .eg-svg{width:18px;height:18px;transition:transform .15s}
.eg-card:hover .eg-go .eg-svg{transform:translateX(3px)}
.eg-card.is-wide{grid-column:1/-1;flex-direction:row}
.eg-card.is-wide .eg-card-art{flex:0 0 38%;height:auto;min-height:190px;border-bottom:0;border-right:1px solid color-mix(in srgb,var(--ac) 45%,#2f2b26)}
.eg-card.is-wide .eg-kv{grid-template-columns:repeat(3,minmax(0,1fr))}
/* BDW art: nation shields */
.eg-art-vs{display:flex;align-items:center;gap:14px}
.eg-art-vs i{font:700 18px/1 RonarkDisplay,Georgia,serif;font-style:normal;color:#ead8ba;text-shadow:0 0 12px #000}
.eg-shield{position:relative;display:grid;place-items:center;width:78px;height:78px;color:var(--n)}
.eg-shield .eg-svg{position:absolute;inset:0;width:100%;height:100%;stroke-width:1.2;fill:color-mix(in srgb,var(--n) 22%,#111214);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--n) 55%,transparent))}
.eg-shield .eg-svg path+path{display:none}
.eg-shield b{position:relative;font:700 28px/1 RonarkDisplay,Georgia,serif;color:#ead8ba}
.eg-shield.is-karus{--n:var(--karus)}.eg-shield.is-elmo{--n:var(--elmo)}
/* AFK art: three items */
.eg-art-items{display:flex;align-items:center}
.eg-art-items img{width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 4px 10px #000c)}
.eg-art-items img:nth-child(1){transform:rotate(-12deg) translateX(22px)}
.eg-art-items img:nth-child(2){z-index:1;width:124px;height:124px}
.eg-art-items img:nth-child(3){transform:rotate(12deg) translateX(-22px)}

/* ---------- page hero ---------- */
.eg-phero{position:relative;display:flex;gap:20px;align-items:center;margin:0 0 20px;padding:20px;overflow:hidden;background:radial-gradient(120% 160% at 0 0,color-mix(in srgb,var(--ac) 24%,#191a1d) 0%,#191a1d 62%);border:1px solid #2f2b26;border-top:3px solid var(--ac);border-radius:4px}
.eg-phero:after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ac) 16%,transparent),transparent 70%);pointer-events:none}
.eg-phero-art{flex:none;display:grid;place-items:center;min-width:110px}
.eg-phero-art .eg-shield{width:64px;height:64px}.eg-phero-art .eg-shield b{font-size:22px}.eg-phero-art .eg-art-vs{gap:8px}
.eg-phero-text{flex:1;min-width:0;display:grid;gap:10px}
.eg-phero-title{font:600 22px/1.2 RonarkDisplay,Georgia,serif;color:#ead8ba}
.eg-phero .eg-kv{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}

/* ---------- info strip ---------- */
.eg-info{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;margin:0 0 22px;padding:0}
.eg-info li{display:flex;flex-direction:column;gap:9px;min-width:0;padding:14px;background:#191a1d;border:1px solid #2f2b26;border-radius:4px}
.eg-info li.is-key{background:linear-gradient(160deg,color-mix(in srgb,#4fb0a5 12%,#191a1d),#191a1d 60%);border-color:color-mix(in srgb,#4fb0a5 50%,#2f2b26)}
.eg-info li.is-key .eg-ico{--ac:#4fb0a5}
.eg-info-top{display:flex;align-items:center;gap:11px;min-width:0}
.eg-info-top>span:last-child{min-width:0}
.eg-info-label{display:block;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:#9a8f7e}
.eg-info b{display:block;margin-top:2px;font:600 17px/1.2 RonarkDisplay,Georgia,serif;color:#ead8ba;overflow-wrap:normal;word-break:normal;hyphens:none}
.eg-info b a{color:#7fd0c5;text-decoration:none;border-bottom:1px dashed currentColor}
.eg-info small{font-size:12.5px;line-height:1.6;color:#aaa39a}

/* ---------- numbered flow ---------- */
.eg-flow{list-style:none;margin:0 0 22px;padding:0}
.eg-step{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding-bottom:14px}
.eg-step:before{content:"";position:absolute;left:23px;top:50px;bottom:2px;width:2px;background:linear-gradient(var(--ac),color-mix(in srgb,var(--ac) 18%,#2f2b26))}
.eg-step:last-child{padding-bottom:0}.eg-step:last-child:before{display:none}
.eg-num{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;font:700 20px/1 RonarkDisplay,Georgia,serif;color:#111214;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ac) 70%,#fff),var(--ac) 60%);border-radius:50%;box-shadow:0 0 0 4px #111214,0 0 0 5px color-mix(in srgb,var(--ac) 55%,#3a332c),0 0 22px color-mix(in srgb,var(--ac) 35%,transparent)}
.eg-step-card{min-width:0;padding:14px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 9%,#191a1d),#191a1d 55%);border:1px solid #2f2b26;border-radius:4px}
.eg-step-head{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.eg-step-head h3{margin:0;font:600 18px/1.25 RonarkDisplay,Georgia,serif;color:#ead8ba}
.eg-step-head small{display:block;margin-top:2px;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--ac)}
.eg-step-card>p{margin:0 0 8px;font-size:13.5px;line-height:1.7;color:#d2c7b6}
.eg-step-card strong{color:#ead8ba}
.eg-note{display:flex;gap:9px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;font-size:13px;line-height:1.6;color:#d8cdb9;background:#111214;border-left:3px solid var(--ac);border-radius:0 3px 3px 0}
.eg-note .eg-svg{flex:none;width:17px;height:17px;margin-top:2px;color:var(--ac)}
/* AFK: three steps side by side on wide screens */
@media(min-width:900px){
 .eg-flow.is-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .eg-flow.is-row .eg-step{display:flex;flex-direction:column;gap:0;padding:0}
 .eg-flow.is-row .eg-step:before{left:56px;right:-14px;top:23px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--ac),color-mix(in srgb,var(--ac) 25%,#2f2b26))}
 .eg-flow.is-row .eg-step:last-child:before{display:none}
 .eg-flow.is-row .eg-num{flex:none;margin:0 0 -24px 16px}
 .eg-flow.is-row .eg-step-card{flex:1;padding-top:34px}
}

/* BDW room diagram */
.eg-room{position:relative;margin:12px 0 4px;padding:8px 8px 0 0}
.eg-room-stack span{position:absolute;top:0;right:0;bottom:8px;left:8px;border:1px solid #2f2b26;border-radius:4px;background:#15161a}
.eg-room-stack span+span{top:4px;right:4px;bottom:4px;left:4px;background:#131417}
.eg-room-main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;overflow:hidden;background:#111214;border:1px solid #3a332c;border-radius:4px}
.eg-side{--n:var(--karus);display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--n) 20%,#111214),#111214 80%)}
.eg-side.is-elmo{--n:var(--elmo)}
.eg-side strong{font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:color-mix(in srgb,var(--n) 75%,#fff)}
.eg-side b{font:700 26px/1 RonarkDisplay,Georgia,serif;color:#ead8ba}
.eg-men{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.eg-men i{display:grid;place-items:center;width:30px;height:30px;color:color-mix(in srgb,var(--n) 80%,#fff);background:color-mix(in srgb,var(--n) 22%,#111214);border:1px solid color-mix(in srgb,var(--n) 55%,#3a332c);border-radius:50%}
.eg-men .eg-svg{width:17px;height:17px}
.eg-vs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 12px;background:linear-gradient(90deg,color-mix(in srgb,var(--karus) 18%,transparent),transparent 45%,transparent 55%,color-mix(in srgb,var(--elmo) 18%,transparent))}
.eg-vs span{display:grid;place-items:center;width:44px;height:44px;font:700 16px/1 RonarkDisplay,Georgia,serif;color:#111214;background:#c2a172;border-radius:50%;box-shadow:0 0 0 3px #111214,0 0 0 4px #aa8051,0 0 18px #c2a17255}
.eg-vs small{font-size:10px;font-weight:600;letter-spacing:.8px;color:#9a8f7e}
/* BDW end conditions */
.eg-ends{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;margin:10px 0 2px;padding:0}
.eg-ends li{position:relative;display:flex;gap:12px;align-items:flex-start;min-width:0;padding:12px;background:#111214;border:1px solid #3a332c;border-top:2px solid var(--ac);border-radius:3px}
.eg-ends li>span:nth-child(2){min-width:0}
.eg-ends strong{display:block;font:600 16px/1.25 RonarkDisplay,Georgia,serif;color:#ead8ba}
.eg-ends small{display:block;margin-top:3px;font-size:12.5px;line-height:1.55;color:#b5ada1}
.eg-killbar{position:absolute;left:12px;right:12px;bottom:0;height:3px;overflow:hidden;background:#2f2b26}
.eg-killbar i{position:absolute;inset:0 0 0 0;background:linear-gradient(90deg,var(--karus),var(--ac) 50%,var(--elmo))}
.eg-killbar em{display:none}
/* FT mini tiers / BDW mini prizes inside the flow */
.eg-minitiers{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0}
.eg-mt{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:#111214;border:1px solid color-mix(in srgb,var(--tc) 50%,#3a332c);border-radius:3px}
.eg-mt img{width:34px;height:34px;border-radius:3px}
.eg-mt b{font-size:11px;font-weight:600;letter-spacing:.5px;color:color-mix(in srgb,var(--tc) 80%,#fff)}
.t1{--tc:var(--t1)}.t2{--tc:var(--t2)}.t3{--tc:var(--t3)}
.eg-prize-mini{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px;margin:0;padding:0}
.eg-prize-mini li{padding:9px 12px;background:#111214;border:1px solid #3a332c;border-radius:3px}
.eg-prize-mini li.is-win{border-color:color-mix(in srgb,var(--ac) 60%,#3a332c)}
.eg-prize-mini small{display:block;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:#9a8f7e}
.eg-prize-mini b{display:block;margin-top:2px;font-size:14px;color:#ead8ba}

/* ---------- rewards ---------- */
.eg-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 12px}
.eg-tier{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:16px 14px;text-align:center;background:radial-gradient(90% 70% at 50% 25%,color-mix(in srgb,var(--tc) 22%,#191a1d),#191a1d 75%);border:1px solid color-mix(in srgb,var(--tc) 45%,#2f2b26);border-top:3px solid var(--tc);border-radius:4px}
.eg-tier .eg-chip{--ac:var(--tc)}
.eg-tier h3{margin:6px 0 4px;font:600 19px/1.25 RonarkDisplay,Georgia,serif;color:#ead8ba}
.eg-tier p{margin:0;font-size:13px;line-height:1.55;color:#b5ada1}
.eg-tier.t3{box-shadow:0 0 26px color-mix(in srgb,var(--t3) 16%,transparent)}
.eg-box{position:relative;margin:0;width:150px;max-width:100%}
.eg-box img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:6px;box-shadow:0 6px 18px #000a}
.eg-box figcaption{position:absolute;left:6px;bottom:6px;padding:1px 6px;font-size:9.5px;font-weight:600;letter-spacing:.4px;color:#d2c7b6;background:rgba(17,18,20,.82);border:1px solid #3a332c;border-radius:2px}
.eg-rank{margin:0 0 12px}
.eg-rank-bar{display:flex;height:26px;overflow:hidden;border:1px solid #3a332c;border-radius:3px}
.eg-rank-bar span{display:grid;place-items:center;min-width:0;overflow:hidden;font-size:11px;font-weight:600;letter-spacing:.4px;white-space:nowrap;color:#111214;background:var(--tc)}
.eg-rank-bar span.t1{color:#f3e6d2}
/* bar widths: data share (5..95) -> class eg-sNN; CSP forbids inline style */
.eg-s5{flex:5}.eg-s10{flex:10}.eg-s15{flex:15}.eg-s20{flex:20}.eg-s25{flex:25}.eg-s30{flex:30}.eg-s35{flex:35}.eg-s40{flex:40}.eg-s45{flex:45}.eg-s50{flex:50}.eg-s55{flex:55}.eg-s60{flex:60}.eg-s65{flex:65}.eg-s70{flex:70}.eg-s75{flex:75}.eg-s80{flex:80}.eg-s85{flex:85}.eg-s90{flex:90}.eg-s95{flex:95}
.eg-rank-ends{display:flex;justify-content:space-between;gap:10px;margin-top:5px;font-size:11px;color:#9a8f7e}
.eg-prizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin:0 0 12px}
.eg-prize{display:flex;flex-direction:column;gap:14px;min-width:0;padding:16px;background:#191a1d;border:1px solid #2f2b26;border-top:3px solid #6f6658;border-radius:4px}
.eg-prize.is-win{border-top-color:var(--ac);background:radial-gradient(110% 90% at 50% 0,color-mix(in srgb,var(--ac) 18%,#191a1d),#191a1d 70%);border-color:color-mix(in srgb,var(--ac) 45%,#2f2b26)}
.eg-prize header{display:flex;align-items:center;gap:12px}
.eg-prize:not(.is-win) .eg-ico{--ac:#9a8f7e}
.eg-prize header small{display:block;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:#9a8f7e}
.eg-prize h3{margin:2px 0 0;font:600 18px/1.25 RonarkDisplay,Georgia,serif;color:#ead8ba}
.eg-prize-items{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.eg-pi{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px}
.eg-pi b{font-weight:600;color:#d2c7b6}
.eg-pi .eg-box{width:110px}
.eg-scroll{display:grid;place-items:center;width:110px;height:110px;color:#c9b27a;background:radial-gradient(circle at 50% 40%,#3a3324,#15161a 70%);border:1px solid #4a4130;border-radius:6px;box-shadow:0 6px 18px #000a}
.eg-scroll .eg-svg{width:54px;height:54px;stroke-width:1.3}
.eg-plus{font:700 22px/1 RonarkDisplay,Georgia,serif;color:#9a8f7e}
.eg-plus.is-or{font:600 11px/1 system-ui,sans-serif;letter-spacing:.6px;text-transform:uppercase}

/* ---------- rules / tips as icon rows ---------- */
.eg-rules{list-style:none;display:grid;gap:8px;margin:0 0 22px;padding:0}
.eg-rules li{display:flex;align-items:center;gap:14px;min-width:0;padding:12px 14px;background:#191a1d;border:1px solid #2f2b26;border-left:3px solid var(--ac);border-radius:3px}
.eg-rules li>span:last-child{min-width:0}
.eg-rules li.is-warn{--ac:#b9583f;background:linear-gradient(90deg,#2a1c17,#191a1d 60%)}
.eg-rules strong{display:block;font-size:14px;color:#ead8ba}
.eg-rules small{display:block;margin-top:2px;font-size:13px;line-height:1.6;color:#b5ada1}

/* ---------- AFK ---------- */
.eg-why{display:flex;gap:14px;align-items:flex-start;margin:0 0 22px;padding:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 12%,#191a1d),#191a1d 60%);border:1px solid #2f2b26;border-left:3px solid var(--ac);border-radius:4px}
.eg-why p{margin:0;font-size:14px;line-height:1.75;color:#d2c7b6}
.eg-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}
.eg-items figure{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;margin:0;padding:14px 10px 12px;text-align:center;background:#191a1d;border:1px solid #2f2b26;border-radius:4px;transition:border-color .15s}
.eg-items figure:hover{border-color:color-mix(in srgb,var(--ac) 60%,#2f2b26)}
.eg-items figure>span{display:grid;place-items:center;width:100%;max-width:150px;aspect-ratio:1;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--ac) 20%,#15161a),#111214 68%);border:1px solid #2f2b26;border-radius:50%}
.eg-items img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.eg-items figcaption{font-weight:600;font-size:14px;color:#ead8ba}

/* ---------- other pages ---------- */
.eg-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:8px;margin:6px 0 0}
.eg-more a{--ac:#aa8051;display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px;color:#d2c7b6;text-decoration:none;background:#191a1d;border:1px solid #2f2b26;border-left:3px solid var(--ac);border-radius:3px}
.eg-more a.eg-ft{--ac:#d0624c}.eg-more a.eg-bdw{--ac:#c2a172}.eg-more a.eg-afk{--ac:#4fb0a5}.eg-more a.eg-chaos{--ac:#a77fd1}.eg-more a.eg-cr{--ac:#93b85c}
.eg-more a:hover,.eg-more a:focus-visible{color:#ead8ba;border-color:var(--ac)}
.eg-more .eg-svg{width:20px;height:20px;color:var(--ac)}


/* ---------- hub: compact intro + event list ---------- */
.eg-intro{margin:0 0 20px;padding:14px 16px;background:linear-gradient(135deg,#1d1c1a,#191a1d 60%);border:1px solid #2f2b26;border-top:3px solid #aa8051;border-radius:4px}
.eg-intro-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px}
.eg-intro-title{font:600 17px/1.2 RonarkDisplay,Georgia,serif;color:#ead8ba}
.eg-intro-top p{flex:1 1 100%;margin:0;font-size:13px;line-height:1.6;color:#b5ada1}
.eg-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0}
.eg-steps li{position:relative;display:flex;align-items:flex-start;gap:10px;min-width:0;padding:10px 12px;background:#111214;border:1px solid #2f2b26;border-radius:3px}
.eg-steps li:nth-child(1){--ac:#d9b25a}.eg-steps li:nth-child(2){--ac:#c2a172}.eg-steps li:nth-child(3){--ac:#4fb0a5}
.eg-steps .eg-ico{width:32px;height:32px}.eg-steps .eg-ico .eg-svg{width:17px;height:17px}
.eg-steps li>span:last-child{min-width:0}
.eg-steps strong{display:block;font-size:13px;color:#ead8ba}
.eg-steps small{display:block;margin-top:2px;font-size:12px;line-height:1.5;color:#aaa39a}
.eg-steps small strong{display:inline;font-size:inherit}
.eg-steps-n{position:absolute;right:9px;top:7px;font:600 12px/1 RonarkDisplay,Georgia,serif;color:#6f6658}
.eg-list{display:grid;gap:8px;margin:0 0 22px}
.eg .eg-row{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:16px;align-items:center;min-width:0;padding:12px 14px 12px 12px;color:inherit;text-decoration:none;background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 11%,#191a1d) 0%,#191a1d 38%);border:1px solid #2f2b26;border-left:3px solid var(--ac);border-radius:4px;transition:border-color .15s,background-color .15s,transform .15s}
.eg .eg-row:hover,.eg .eg-row:focus-visible{border-color:var(--ac);transform:translateX(2px)}
.eg .eg-row:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.eg-row-emb{position:relative;display:grid;place-items:center;width:60px;height:60px;color:var(--ac);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--ac) 24%,#15161a),#111214 72%);border:1px solid color-mix(in srgb,var(--ac) 60%,#3a332c);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--ac) 22%,transparent)}
.eg-row-emb .eg-svg{width:28px;height:28px}
.eg-row-emb b{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);padding:1px 5px;font-size:9px;font-weight:700;letter-spacing:.6px;line-height:1.4;color:#111214;background:var(--ac);border-radius:2px;white-space:nowrap}
.eg-row-mid{display:grid;gap:6px;min-width:0}
.eg-row-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}
.eg-row-top strong{font:600 18px/1.2 RonarkDisplay,Georgia,serif;color:#ead8ba}
.eg-row-top .eg-chip{font-size:9.5px;padding:2px 6px}
.eg-row-lead{overflow:hidden;font-size:13px;line-height:1.5;color:#b5ada1;white-space:nowrap;text-overflow:ellipsis}
.eg-facts{display:flex;flex-wrap:wrap;gap:6px}
.eg-fact{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:3px 8px;font-size:12px;line-height:1.4;background:#111214;border:1px solid #2f2b26;border-radius:3px}
.eg-fact .eg-svg{flex:none;width:14px;height:14px;color:var(--ac)}
.eg-fact small{font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:#9a8f7e}
.eg-fact b{font-weight:600;color:#ead8ba}
.eg-row-end{display:flex;align-items:center;gap:14px}
.eg-row-go{display:grid;place-items:center;width:34px;height:34px;color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 45%,#3a332c);border-radius:50%;transition:transform .15s,background-color .15s}
.eg-row-go .eg-svg{width:17px;height:17px}
.eg .eg-row:hover .eg-row-go{transform:translateX(3px);background:color-mix(in srgb,var(--ac) 14%,transparent)}
.eg-row-soon-m{display:none}
.eg .eg-row.is-entry{background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 14%,#191a1d) 0%,#191a1d 45%)}
@media(max-width:760px){
 .eg-steps{grid-template-columns:minmax(0,1fr)}
 .eg .eg-row{grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 10px 12px 10px}
 .eg-row-emb{width:46px;height:46px;margin-top:2px}.eg-row-emb .eg-svg{width:22px;height:22px}
 .eg-row-top strong{font-size:16px}
 .eg-row-lead{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .eg-row-soon{display:none}.eg-row-soon-m{display:inline-flex}
 .eg-row-end{align-self:center}
 .eg-row-go{width:30px;height:30px}
 .eg-fact small{display:none}
}


/* hub accordion (details.eg-acc) */
.eg-acc{min-width:0;background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 10%,#191a1d) 0%,#191a1d 36%);border:1px solid #2f2b26;border-left:3px solid var(--ac);border-radius:4px;transition:border-color .15s}
.eg-acc:hover,.eg-acc[open]{border-color:color-mix(in srgb,var(--ac) 70%,#2f2b26)}
.eg-acc[open]{background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 12%,#191a1d) 0%,#191a1d 70%);box-shadow:0 8px 22px #0007}
.eg-acc>summary{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:72px;padding:10px 14px 10px 12px;cursor:pointer;list-style:none;border-radius:4px}
.eg-acc>summary::-webkit-details-marker{display:none}
.eg-acc>summary:focus-visible{outline:2px solid var(--ac);outline-offset:-2px}
.eg-acc .eg-row-emb{width:52px;height:52px}.eg-acc .eg-row-emb .eg-svg{width:24px;height:24px}
.eg-acc-mid{display:grid;gap:3px;min-width:0}
.eg-acc-soon-m{display:none}
.eg-acc-mid strong{font:600 18px/1.2 RonarkDisplay,Georgia,serif;color:#ead8ba}
.eg-acc-end{display:flex;align-items:center;gap:12px}
.eg-acc-chev{display:grid;place-items:center;width:32px;height:32px;color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 45%,#3a332c);border-radius:50%;transition:transform .2s,background-color .15s}
.eg-acc-chev .eg-svg{width:17px;height:17px}
.eg-acc[open] .eg-acc-chev{transform:rotate(180deg);background:color-mix(in srgb,var(--ac) 16%,transparent)}
.eg-acc-body{display:grid;gap:12px;padding:2px 16px 16px 78px}
.eg-acc-rules{list-style:none;display:grid;gap:6px;margin:0;padding:0}
.eg-acc-rules li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;font-size:13px;line-height:1.55;color:#b5ada1;background:#111214;border:1px solid #2f2b26;border-left:2px solid var(--ac);border-radius:3px}
.eg-acc-rules li.is-warn{border-left-color:#b9583f}
.eg-acc-rules .eg-svg{flex:none;width:16px;height:16px;margin-top:2px;color:var(--ac)}
.eg-acc-rules li.is-warn .eg-svg{color:#d0775e}
.eg-acc-rules strong{color:#ead8ba;font-weight:600}
.eg .eg-acc-link{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;color:#111214;text-decoration:none;background:var(--ac);border-radius:3px}
.eg .eg-acc-link:hover,.eg .eg-acc-link:focus-visible{filter:brightness(1.1)}
.eg .eg-acc-link:focus-visible{outline:2px solid #ead8ba;outline-offset:2px}
.eg-acc-link .eg-svg{width:16px;height:16px}
@media(prefers-reduced-motion:reduce){.eg-acc-chev{transition:none}}
@media(max-width:760px){
 .eg-acc>summary{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:10px}
 .eg-acc .eg-row-emb{width:44px;height:44px;margin:0}.eg-acc .eg-row-emb .eg-svg{width:20px;height:20px}
 .eg-acc-mid strong{font-size:16px}
 .eg-acc .eg-row-lead{display:block;white-space:nowrap;-webkit-line-clamp:unset}
 .eg-acc .eg-row-soon{display:none}
 .eg-acc-soon-m{display:block;margin-top:3px}
 .eg-acc-body{padding:0 10px 12px}
 .eg-acc-chev{width:30px;height:30px}
}

/* ---------- phone ---------- */
@media(max-width:760px){
 .eg-hhero{grid-template-columns:minmax(0,1fr);padding:18px}
 .eg-hhero h2{font-size:22px}
 .eg-tiers{grid-template-columns:minmax(0,1fr)}
 .eg-tier{flex-direction:row;text-align:left;align-items:center}
 .eg-tier .eg-box{flex:none;width:96px}
 .eg-card.is-wide{flex-direction:column}
 .eg-card.is-wide .eg-card-art{flex:none;height:150px;min-height:0;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--ac) 45%,#2f2b26)}
 .eg-items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 .eg-phero{flex-direction:column;align-items:flex-start;padding:16px}
 .eg-phero-art{min-width:0}
 .eg-info{grid-template-columns:repeat(2,minmax(0,1fr))}
 .eg-info li{padding:12px}
 .eg-info-top{flex-direction:column;align-items:flex-start;gap:8px}
 .eg-card-body{padding:14px}
 .eg-card.is-wide .eg-kv,.eg-kv{grid-template-columns:repeat(2,minmax(0,1fr))}
 .eg-step{grid-template-columns:38px minmax(0,1fr);gap:10px}
 .eg-step:before{left:18px;top:40px}
 .eg-num{width:38px;height:38px;font-size:17px}
 .eg-step-card{padding:12px}
 .eg-step-head h3{font-size:16px}
 .eg-men{gap:4px}.eg-men i{width:24px;height:24px}.eg-men .eg-svg{width:14px;height:14px}
 .eg-vs{padding:0 6px}.eg-vs span{width:36px;height:36px;font-size:14px}
 .eg-side{padding:12px 6px}
 .eg-tier .eg-box{width:84px}
 .eg-scroll,.eg-pi .eg-box{width:88px}.eg-scroll{height:88px}
 .eg-rank-bar span{font-size:10px}
}
/* 11 Nov 2026: daily event schedule (times filled later) */
.eg-sched{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.eg-sched li{display:flex;align-items:center;gap:14px;min-height:52px;padding:10px 16px;background:#191a1d;border:1px solid #2f2b26;border-left:3px solid var(--ac,#aa8051);border-radius:4px}
.eg-sched-time{flex:none;min-width:64px;font:700 18px/1 system-ui,sans-serif;letter-spacing:.5px;color:#ead8ba;font-variant-numeric:tabular-nums}
.eg-sched-time.is-empty{color:#6f675b}
.eg-sched-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ac,#aa8051)}
.eg-sched-name{min-width:0;color:#d2c7b6;font-weight:650;text-decoration:none}
a.eg-sched-name:hover,a.eg-sched-name:focus-visible{color:#fff}
.eg-sched-note{margin:0 0 18px;color:#9c9384;font-size:13px}
@media (max-width:760px){.eg-sched li{gap:10px;padding:10px 12px}.eg-sched-time{min-width:54px;font-size:16px}}