
/* 1.0.0-beta.5.3.0 — Archive Events + local achievements */
:root{--event530:#d2b174}
#archiveEventStack530{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:2350;display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}
.archive-event-toast530{--event-color:#d2b174;position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 26px;gap:11px;align-items:center;padding:12px 12px 12px 11px;border:1px solid color-mix(in srgb,var(--event-color) 48%,rgba(255,255,255,.12));border-radius:16px;background:linear-gradient(145deg,rgba(29,25,34,.97),rgba(10,10,15,.98));box-shadow:0 18px 48px rgba(0,0,0,.44),0 0 28px color-mix(in srgb,var(--event-color) 15%,transparent);pointer-events:auto;overflow:hidden;animation:event530ToastIn .42s cubic-bezier(.2,.8,.2,1) both}
.archive-event-toast530::after{content:"";position:absolute;inset:-70% -40% auto auto;width:180px;height:180px;border-radius:50%;border:1px solid color-mix(in srgb,var(--event-color) 22%,transparent);box-shadow:0 0 0 18px color-mix(in srgb,var(--event-color) 4%,transparent);pointer-events:none}
.archive-event-toast530.leaving{animation:event530ToastOut .3s ease forwards}
.archive-event-glyph530{position:relative;z-index:1;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--event-color) 58%,#fff);background:radial-gradient(circle,color-mix(in srgb,var(--event-color) 28%,transparent),rgba(7,7,11,.93));color:#fff2cf;font:600 25px/1 Georgia,serif;box-shadow:0 0 0 5px color-mix(in srgb,var(--event-color) 8%,transparent),0 0 22px color-mix(in srgb,var(--event-color) 30%,transparent)}
.archive-event-copy530{position:relative;z-index:1;min-width:0}.archive-event-copy530 .eyebrow{font-size:9px;color:color-mix(in srgb,var(--event-color) 74%,#fff1d2)}.archive-event-copy530 h4{margin:4px 0 3px;font:600 18px/1.12 Georgia,serif;color:#f5ead8}.archive-event-copy530 p{margin:0;color:#bfb4a7;font-size:12px;line-height:1.42}.archive-event-close530{position:relative;z-index:1;border:0;background:transparent;color:#9d9388;font-size:20px;line-height:1;padding:4px;cursor:pointer}.archive-event-close530:hover{color:#fff}
#archiveEventOverlay530{--event-color:#d2b174;position:fixed;inset:0;z-index:2380;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at center,color-mix(in srgb,var(--event-color) 15%,transparent),rgba(6,6,9,.5) 45%,rgba(3,3,6,.82));opacity:0;pointer-events:none;transition:opacity .32s ease}
#archiveEventOverlay530.open{opacity:1;pointer-events:auto}
.archive-event-major530{position:relative;width:min(590px,100%);padding:34px 30px 28px;border:1px solid color-mix(in srgb,var(--event-color) 58%,rgba(255,255,255,.14));border-radius:27px;background:linear-gradient(155deg,rgba(29,26,35,.985),rgba(8,8,12,.99));text-align:center;overflow:hidden;box-shadow:0 32px 90px rgba(0,0,0,.65),0 0 70px color-mix(in srgb,var(--event-color) 20%,transparent);transform:translateY(18px) scale(.94);transition:transform .42s cubic-bezier(.2,.8,.2,1)}
#archiveEventOverlay530.open .archive-event-major530{transform:none}.archive-event-major530::before{content:"";position:absolute;inset:-65%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--event-color) 14%,transparent),transparent 29%);animation:event530Halo 9s linear infinite}.archive-event-major530>*{position:relative;z-index:1}.archive-event-major-glyph530{width:92px;height:92px;margin:0 auto 16px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--event-color) 70%,#fff);border-radius:50%;color:#fff3d2;background:radial-gradient(circle,color-mix(in srgb,var(--event-color) 34%,transparent),rgba(7,7,11,.94));font:42px/1 Georgia,serif;box-shadow:0 0 0 8px color-mix(in srgb,var(--event-color) 9%,transparent),0 0 44px color-mix(in srgb,var(--event-color) 52%,transparent);animation:event530Glyph 1.15s ease-in-out infinite alternate}.archive-event-major530 .eyebrow{color:color-mix(in srgb,var(--event-color) 76%,#fff1d0)}.archive-event-major530 h3{margin:9px 0 11px;font:600 31px/1.04 Georgia,serif;color:#f8ead1}.archive-event-major530 p{max-width:480px;margin:0 auto;color:#cfc3b7;line-height:1.65}.archive-event-rarity530{display:inline-flex;margin-top:17px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--event-color) 38%,transparent);border-radius:999px;color:color-mix(in srgb,var(--event-color) 78%,#fff);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.archive-event-major-close530{position:absolute;right:13px;top:12px;border:0;background:transparent;color:#978c80;font-size:24px;cursor:pointer}.archive-event-major-close530:hover{color:#fff}
#archiveAchievement530{--seal-color:#d2b174;position:fixed;left:50%;top:17%;z-index:2410;width:min(470px,calc(100vw - 30px));padding:18px 18px 18px 88px;border:1px solid color-mix(in srgb,var(--seal-color) 58%,rgba(255,255,255,.15));border-radius:19px;background:linear-gradient(145deg,rgba(33,27,36,.985),rgba(9,9,13,.99));box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 42px color-mix(in srgb,var(--seal-color) 24%,transparent);transform:translate(-50%,-24px) scale(.94);opacity:0;pointer-events:none;transition:.36s cubic-bezier(.2,.8,.2,1)}
#archiveAchievement530.open{transform:translate(-50%,0) scale(1);opacity:1}.archive-achievement-medal530{position:absolute;left:17px;top:50%;translate:0 -50%;width:58px;height:58px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--seal-color) 66%,#fff);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--seal-color) 35%,transparent),rgba(8,8,12,.94));color:#fff3d4;font:600 29px Georgia,serif;box-shadow:0 0 0 6px color-mix(in srgb,var(--seal-color) 8%,transparent),0 0 25px color-mix(in srgb,var(--seal-color) 35%,transparent)}#archiveAchievement530 .eyebrow{color:color-mix(in srgb,var(--seal-color) 76%,#fff1d2);font-size:9px}#archiveAchievement530 h4{margin:4px 0 3px;font:600 21px Georgia,serif;color:#f7ead4}#archiveAchievement530 p{margin:0;color:#bfb4a7;font-size:12px;line-height:1.45}
.archive-events-cabinet530{--event-color:#d2b174}.archive-events-head530{display:flex;justify-content:space-between;gap:12px;align-items:end;flex-wrap:wrap}.archive-events-stats530{display:flex;gap:7px;flex-wrap:wrap}.archive-events-stat530{min-width:76px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.022);text-align:center}.archive-events-stat530 strong{display:block;color:var(--gold-2);font:600 20px Georgia,serif}.archive-events-stat530 span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.archive-events-achievements530{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.archive-event-achievement530{--seal-color:#d2b174;min-height:112px;padding:11px;border:1px solid color-mix(in srgb,var(--seal-color) 20%,var(--line));border-radius:14px;background:rgba(255,255,255,.018);opacity:.62}.archive-event-achievement530.unlocked{opacity:1;border-color:color-mix(in srgb,var(--seal-color) 48%,var(--line));background:radial-gradient(circle at 22% 16%,color-mix(in srgb,var(--seal-color) 11%,transparent),transparent 52%),rgba(255,255,255,.022);box-shadow:inset 0 0 19px color-mix(in srgb,var(--seal-color) 6%,transparent)}.archive-event-achievement530 b{display:grid;place-items:center;width:36px;height:36px;margin-bottom:8px;border-radius:50%;border:1px solid color-mix(in srgb,var(--seal-color) 45%,var(--line));color:color-mix(in srgb,var(--seal-color) 76%,#fff);font:19px Georgia,serif}.archive-event-achievement530 strong{display:block;font:600 14px/1.2 Georgia,serif}.archive-event-achievement530 small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.35}.archive-events-log530{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;max-height:210px;overflow:auto;padding-right:3px}.archive-event-log-row530{--event-color:#d2b174;display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid color-mix(in srgb,var(--event-color) 22%,var(--line));border-radius:11px;background:rgba(255,255,255,.017)}.archive-event-log-row530 b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid color-mix(in srgb,var(--event-color) 38%,var(--line));color:color-mix(in srgb,var(--event-color) 76%,#fff);font:16px Georgia,serif}.archive-event-log-row530 strong{display:block;font-size:12px}.archive-event-log-row530 small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.archive-event-log-row530 em{font-style:normal;color:var(--muted);font-size:10px}.archive-events-actions530{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
body.archive-event-effect530 .tab-panel:not([hidden]){position:relative}body.archive-event-effect530 .tab-panel:not([hidden])::after{content:"";position:absolute;inset:0;z-index:90;pointer-events:none;border:1px solid color-mix(in srgb,var(--event530) 46%,transparent);border-radius:22px;box-shadow:inset 0 0 70px color-mix(in srgb,var(--event530) 12%,transparent);animation:event530Panel 1.9s ease both}body.archive-event-effect530 .card,body.archive-event-effect530 .thread-card,body.archive-event-effect530 .relation,body.archive-event-effect530 .event,body.archive-event-effect530 .beta52-entry{animation:event530Node .9s ease both;animation-delay:calc(var(--event-index530,0) * 35ms)}body.archive-event-bestiary530 #bestiary .beta52-main-art img,body.archive-event-bestiary530 #bestiary .beta52-unknown-art img{animation:event530Beast 1.45s ease both!important}
@keyframes event530ToastIn{from{opacity:0;transform:translateX(26px) scale(.96)}to{opacity:1;transform:none}}@keyframes event530ToastOut{to{opacity:0;transform:translateX(28px) scale(.96)}}@keyframes event530Halo{to{transform:rotate(360deg)}}@keyframes event530Glyph{to{transform:scale(1.06);filter:brightness(1.2)}}@keyframes event530Panel{0%{opacity:0}35%{opacity:1}100%{opacity:0}}@keyframes event530Node{0%,100%{filter:none}45%{border-color:color-mix(in srgb,var(--event530) 58%,var(--line));box-shadow:0 0 22px color-mix(in srgb,var(--event530) 16%,transparent)}}@keyframes event530Beast{0%,100%{transform:none;filter:inherit}45%{transform:translateY(-8px) scale(1.025);filter:brightness(.9) contrast(1.18) drop-shadow(0 0 24px var(--event530))}}
@media(max-width:760px){#archiveEventStack530{right:12px;bottom:calc(var(--mobile-nav-height,66px) + 16px + env(safe-area-inset-bottom));width:calc(100vw - 24px)}.archive-event-toast530{grid-template-columns:44px minmax(0,1fr) 24px;padding:10px}.archive-event-glyph530{width:42px;height:42px;font-size:21px}.archive-event-copy530 h4{font-size:16px}.archive-event-copy530 p{font-size:11px}.archive-event-major530{padding:28px 18px 23px}.archive-event-major530 h3{font-size:25px}.archive-event-major-glyph530{width:78px;height:78px;font-size:35px}.archive-events-achievements530{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-events-log530{grid-template-columns:1fr}.archive-events-head530{display:grid}.archive-events-stats530{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.archive-events-stat530{min-width:0}#archiveAchievement530{top:12%;padding:16px 14px 16px 75px}.archive-achievement-medal530{left:14px;width:50px;height:50px;font-size:25px}}
@media(max-width:430px){.archive-events-achievements530{grid-template-columns:1fr 1fr}.archive-event-achievement530{min-height:102px}.archive-event-major530 p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.archive-event-toast530,.archive-event-major530::before,.archive-event-major-glyph530,body.archive-event-effect530 .card,body.archive-event-effect530 .thread-card,body.archive-event-effect530 .relation,body.archive-event-effect530 .event,body.archive-event-effect530 .beta52-entry,body.archive-event-bestiary530 #bestiary img{animation:none!important}}

/* 1.0.0-beta.5.7.2 — less intrusive events and reliable mobile dismissal */
.archive-event-close530,.archive-event-major-close530{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
.archive-event-major-close530{z-index:8!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;right:7px!important;top:7px!important;border:1px solid color-mix(in srgb,var(--event-color) 30%,transparent)!important;border-radius:50%!important;background:rgba(8,8,12,.72)!important;color:#f3e8d6!important;font-size:29px!important}
.archive-event-close530{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;margin:-4px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:50%!important;background:rgba(8,8,12,.58)!important;color:#eee5d9!important}
body.archive-major-open530{overflow:hidden!important;touch-action:none!important}
#archiveEventOverlay530{touch-action:manipulation!important}
@media(max-width:760px){
 #archiveEventOverlay530{z-index:15000!important;padding:0!important;place-items:stretch!important;background:rgba(3,3,7,.9)!important}
 .archive-event-major530{width:100%!important;min-height:100dvh!important;border-radius:0!important;border:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:calc(72px + env(safe-area-inset-top)) 22px calc(86px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
 .archive-event-major-close530{position:fixed!important;right:12px!important;top:calc(10px + env(safe-area-inset-top))!important;width:52px!important;height:52px!important}
 #archiveEventStack530{z-index:14990!important;bottom:calc(var(--mobile-nav-height,66px) + 18px + env(safe-area-inset-bottom))!important}
 .archive-event-toast530{min-height:92px!important}
 .archive-event-close530{width:44px!important;height:44px!important;font-size:25px!important}
}

