.event-notice{position:fixed;right:24px;bottom:24px;z-index:1040;width:min(340px,calc(100vw - 32px));color:var(--mp-text,#f9f0f9);font-family:inherit}.event-notice[hidden]{display:none!important}.event-notice *{box-sizing:border-box}.event-notice details{position:relative}.event-notice summary{display:flex;align-items:center;gap:12px;min-height:58px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--mp-primary,#d246cb) 55%,transparent);border-radius:14px;background:var(--mp-surface,#191322);color:inherit;box-shadow:0 8px 35px #0004;cursor:pointer;list-style:none}.event-notice summary::-webkit-details-marker{display:none}.event-notice-mark{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:color-mix(in srgb,var(--mp-primary,#d246cb) 16%,transparent);color:var(--mp-primary,#ed8ae3);font-size:18px}.event-notice-tab{min-width:0;flex:1}.event-notice-tab strong{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.event-notice-tab>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.77rem;margin-top:3px;opacity:.75}.event-notice-chevron{font-size:18px;opacity:.7}.event-notice details[open] .event-notice-chevron{transform:rotate(180deg)}.event-notice-panel{position:absolute;right:0;bottom:calc(100% + 10px);width:100%;max-height:min(440px,calc(100dvh - 130px));overflow:auto;border:1px solid color-mix(in srgb,var(--mp-primary,#d246cb) 35%,transparent);border-radius:18px;padding:22px;background:var(--mp-surface,#191322);box-shadow:0 15px 60px #0006}.event-notice-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.event-notice-top>p{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;margin:0;opacity:.7}.event-notice-top button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:0;border:1px solid #9994;border-radius:8px;background:transparent;color:inherit;cursor:pointer;font-size:22px}.event-notice-panel h2{font-family:Georgia,serif;font-size:1.6rem;line-height:1.2;font-weight:500;margin:0 0 16px;overflow-wrap:anywhere}.event-notice-date{font-size:.76rem;line-height:1.7;opacity:.7;margin:0 0 16px}.event-notice-summary{font-size:.85rem;line-height:1.75;overflow-wrap:anywhere;margin:0 0 20px}.event-notice-panel>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--mp-primary,#d246cb) 45%,transparent);border-radius:9px;color:inherit;text-decoration:none;font-size:.8rem;font-weight:600;background:color-mix(in srgb,var(--mp-primary,#d246cb) 12%,transparent)}.event-notice-zone{font-size:.6rem;opacity:.5;margin:12px 0 0}.event-notice :focus-visible{outline:2px solid var(--mp-primary,#ff67e8);outline-offset:4px}.event-notice[data-phase=live] .event-notice-mark{box-shadow:0 0 0 5px #68cbb014;color:#68cbb0}.event-notice[data-phase=live] summary{animation:event-notice-arrive .6s ease-out 1}@keyframes event-notice-arrive{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.event-notice{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:min(230px,calc(100vw - 24px))}.event-notice summary{min-height:48px;padding:9px 12px;gap:9px;border-radius:12px}.event-notice-mark{width:24px;height:24px;font-size:15px}.event-notice-tab strong{font-size:.6rem}.event-notice-tab>span{font-size:.68rem}.event-notice-panel{width:min(340px,calc(100vw - 24px));padding:20px}.event-notice-panel h2{font-size:1.45rem}.event-notice-top button{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.event-notice[data-phase=live] summary{animation:none}}
