.game-shell>.event-renewal{display:none}
.game-shell.event-mode>.event-renewal{position:absolute;inset:0;z-index:var(--layer-fullscreen);display:flex;flex-direction:column;overflow:hidden;background:#f9f5e4;--du:var(--hu)}
.er-header{position:relative;flex:none;width:100%;aspect-ratio:1080/160;z-index:2}
.er-header>img{width:100%;height:100%;display:block}
.er-close{position:absolute;right:calc(30 * var(--du));top:calc(40 * var(--du));width:calc(80 * var(--du));height:calc(80 * var(--du));padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer}
.er-close img{display:block;width:100%;height:100%}
.er-tabs{position:relative;z-index:2;flex-shrink:0}
.er-list{position:relative;z-index:1;flex:1;min-height:0;overflow:auto}
.er-bottom{position:absolute;bottom:calc(4 * var(--du));left:calc(50% - 522 * var(--du));width:calc(1045 * var(--du));max-width:none;height:auto;opacity:1;pointer-events:none}

.event-renewal>.er-header{padding:0;margin:0;border:0;height:auto;min-height:0;max-height:none;background:none;display:block;box-sizing:border-box}
.event-renewal .er-close{overflow:hidden;box-shadow:none}

.er-list{padding:calc(30 * var(--du)) calc(40 * var(--du));display:flex;flex-direction:column;gap:calc(30 * var(--du))}
.er-slot{position:relative;width:100%;aspect-ratio:4;flex-shrink:0;border-radius:calc(22 * var(--du));box-shadow:0 0 4px #79643b1a}
.er-slot[hidden]{display:none}
.er-slot-art{position:absolute;inset:0;border-radius:inherit;overflow:hidden}
.er-slot-art>img{display:block;width:100%;height:100%}
.er-slot-date{position:absolute;top:76.4%;width:43.8%;height:16%;display:grid;place-items:center;color:#fff;font:500 calc(22.4 * var(--du))/1 sans-serif;letter-spacing:0;text-align:center;white-space:nowrap}
.er-limited-mark{position:absolute;left:calc(-2 * var(--du));top:calc(23 * var(--du));width:calc(149 * var(--du));height:auto;pointer-events:none}

.er-slot[role="button"]{cursor:pointer}.er-slot[role="button"]:focus-visible{outline:2px solid #c79d4a;outline-offset:3px}

/* Match the current battlefield header glow. */
.event-renewal>.er-header{box-shadow:0 2px 5px #30251b33,0 1px 2px #20180f26;z-index:3}

.er-slot[data-event-id="lisette"] .er-slot-date,.er-slot[data-event-id="weapon"] .er-slot-date{transform:translateY(calc(-2 * var(--du)))}
/* Event page entrance, replayed when returning to this page. */
.game-shell.event-mode>.event-renewal{animation:none}
.event-renewal .er-slot{animation:eventSlotEnter .3s ease-out both;animation-delay:calc(.08s + var(--event-order,0) * .065s)}
.er-slot:nth-child(2){--event-order:1}.er-slot:nth-child(3){--event-order:2}.er-slot:nth-child(4){--event-order:3}
@keyframes eventPageFade{from{opacity:0}to{opacity:1}}
@keyframes eventSlotEnter{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.game-shell.event-mode>.event-renewal,.event-renewal .er-slot{animation:none}}

/* Retire the legacy event renderer; the renewal page owns event presentation. */
.game-shell .mobile-panel[data-panel="event"]{display:none!important}