.moon-notice{color:var(--text,#253626);font:14px/1.7 system-ui,-apple-system,"PingFang SC",sans-serif;--mn-line:var(--line,#ced7c3);--mn-green:var(--green,#3b772f)}
.moon-notice *{box-sizing:border-box}.moon-notice-art{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;border:2px solid #b89d52;box-shadow:0 4px 0 #947a3833;margin-bottom:18px}.moon-notice [hidden]{display:none!important}
.moon-notice p{margin:10px 0;white-space:normal;overflow-wrap:anywhere}.moon-notice-greeting{font-size:14px}.moon-notice-rewards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 14px}.moon-notice-reward{padding:14px 16px;border:2px solid var(--mn-line);border-bottom-width:5px;background:color-mix(in srgb,#ac872a 7%,var(--panel,#fff));display:flex;flex-direction:column}.moon-notice-reward>span{font-size:12px}.moon-notice-reward>strong{font:800 34px/1.3 ui-monospace,monospace;color:var(--mn-green);letter-spacing:-1px}.moon-notice-reward small{font-size:11px;color:var(--muted,#63715e)}
.moon-notice-games{font-weight:700;font-size:13px}.moon-notice .moon-notice-meta{font-size:12px;color:var(--muted,#64715f);line-height:1.7}.moon-notice-play{display:block;text-align:center;background:var(--mn-green);color:#fff!important;text-decoration:none!important;padding:11px;border:2px solid #285923;border-bottom:5px solid #21431c;font-weight:700;margin:17px 0 23px}.moon-notice-play:hover{filter:brightness(1.08)}.moon-notice-play:active{transform:translateY(2px)}
.moon-notice-group{border:2px solid #b99746;border-bottom-width:5px;padding:17px 20px;background:color-mix(in srgb,#d4a63b 9%,var(--panel,#fff))}.moon-notice-label{font-size:11px;letter-spacing:.12em;color:var(--muted,#64715f)}.moon-notice-group h3{margin:2px 0 5px;font-size:21px}.moon-notice-group-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:14px 0}.moon-notice-group-row strong{font:750 22px/1.5 ui-monospace,monospace;user-select:all}.moon-notice-group-row button{font:600 13px/1.5 system-ui;cursor:pointer;border:2px solid var(--mn-line);border-bottom-width:4px;padding:7px 13px;background:var(--panel,#fff);color:inherit;border-radius:2px;box-shadow:none}
#announcementDialog.moon-notice-dialog>section{width:min(730px,96vw);max-height:92dvh;border:2px solid #a68d47;border-top:5px solid #d2b665;border-radius:3px;box-shadow:0 20px 80px #0005}
#announcementDialog.moon-notice-dialog>section>header{padding:16px 22px 0;flex:none}#announcementDialog.moon-notice-dialog h2{font-size:23px;line-height:1.4;margin:10px 22px 8px;padding:0;flex:none}#announcementDialog.moon-notice-dialog>section>strong{font-size:12px;font-weight:400;margin:0 22px 16px;padding:0;flex:none}#announcementDialog.moon-notice-dialog .announcement-content{padding:0 22px 20px;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}#announcementDialog.moon-notice-dialog footer{flex:none;padding:12px 22px;gap:8px}#announcementDialog.moon-notice-dialog footer :is(button,a){font-size:13px;min-height:40px;padding:8px 12px;border-radius:2px}
.moon-notice-page{margin:0;background:#f0f3e9;font-family:system-ui;color:#253626}.moon-notice-page nav{max-width:770px;margin:auto;padding:20px;display:flex;justify-content:space-between}.moon-notice-page nav a{color:#3b772f}.moon-notice-page main{max-width:730px;margin:0 auto 30px;padding:24px;background:white;border:2px solid #b99746;border-top-width:5px}.moon-notice-page h1{font-size:26px;line-height:1.45}.moon-notice-page-label{font-size:12px;color:#68745e}
@media(max-width:600px){.moon-notice{font-size:13px}.moon-notice-rewards{gap:8px}.moon-notice-reward{padding:12px 10px}.moon-notice-reward>strong{font-size:29px}.moon-notice-group{padding:14px}.moon-notice-group h3{font-size:19px}.moon-notice-group-row strong{font-size:20px}#announcementDialog.moon-notice-dialog{padding:8px}#announcementDialog.moon-notice-dialog>section{width:100%;max-height:calc(100dvh - 16px)}#announcementDialog.moon-notice-dialog>section>header{padding:12px 14px 0}#announcementDialog.moon-notice-dialog h2{font-size:19px;margin:8px 14px}#announcementDialog.moon-notice-dialog>section>strong{margin:0 14px 12px}#announcementDialog.moon-notice-dialog .announcement-content{padding:0 12px 16px}#announcementDialog.moon-notice-dialog footer{padding:10px 12px;display:flex;flex-wrap:wrap}#announcementDialog.moon-notice-dialog footer>*{flex:1;white-space:nowrap;font-size:12px}.moon-notice-page main{margin:0 8px 20px;padding:16px}.moon-notice-page h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){.moon-notice *{animation:none!important;transition:none!important;transform:none!important}}