.platform-announcement {
  width: min(700px, calc(100vw - 32px)); max-height: calc(100dvh - 32px);
  box-sizing: border-box; padding: 29px 34px 20px; overflow: auto;
  border: 1px solid rgba(255,255,255,.85); border-radius: 26px;
  color: #11131c; background: radial-gradient(circle, #ece9f780 .8px, transparent 1px) 0 0 / 13px 13px, #fff;
  box-shadow: 0 20px 76px #39325126; font-family: inherit;
}
.platform-announcement::backdrop { background: #39355335; backdrop-filter: blur(8px); }
.announcement-close { position:absolute; right:19px; top:17px; width:31px; height:31px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; color:#828198; cursor:pointer; }
.announcement-close svg { width:19px; height:19px; stroke:currentColor; stroke-width:1.8; fill:none; }
.announcement-header { position:relative; min-height:112px; display:flex; align-items:center; margin-bottom:12px; }
.announcement-header h2 { margin:0 0 4px; font-size:32px; line-height:1.25; letter-spacing:-1px; font-weight:800; }
.announcement-header p { margin:0; font-size:15px; color:#777b91; }
.announcement-mascot { position:absolute; right:5px; bottom:-4px; width:182px; height:136px; object-fit:contain; }
.announcement-list { display:grid; gap:8px; }
.announcement-item { display:flex; align-items:center; gap:17px; padding:14px 17px; min-height:88px; border:1px solid #eae5fa; border-radius:16px; background:#ffffffd9; box-shadow:0 6px 20px #7560bf08; }
.announcement-item[hidden] { display:none; }
.announcement-icon { flex:0 0 65px; height:65px; border-radius:22px; display:grid; place-items:center; background:linear-gradient(140deg,#f3ecff,#f0f1ff); }
.announcement-icon svg { width:38px; height:38px; }
.announcement-copy { flex:1; min-width:0; }
.announcement-tag { display:inline-block; padding:3px 12px; border-radius:26px; background:#efe3ff; color:#7425cf; font-size:11px; font-weight:650; margin-bottom:6px; line-height:1.3; }
.announcement-copy h3 { margin:0 0 5px; font-size:18px; line-height:1.35; font-weight:700; }
.announcement-copy h3 strong { color:#7927d4; font-weight:800; }
.announcement-copy p { margin:0; color:#777b90; font-size:11px; line-height:1.65; }
.announcement-value { display:flex; flex:0 0 116px; height:53px; border-radius:34px; justify-content:center; align-items:center; color:#7826d1; background:linear-gradient(120deg,#f7e6fb,#e5e7ff); font-size:20px; font-weight:800; white-space:nowrap; }
.announcement-value b { font-size:34px; line-height:1; }
.announcement-value--night { font-size:17px; background:linear-gradient(120deg,#e6ecff,#f0dfff,#dcefff); }
.announcement-understood { display:block; margin:17px auto 0; width:min(268px,100%); min-height:47px; padding:9px 24px; border:0; border-radius:34px; background:linear-gradient(110deg,#dca5f4,#b68af2,#96b6ff); color:white; font-weight:700; font-size:18px; line-height:1.3; font-family:inherit; cursor:pointer; }
.platform-announcement button { transition:transform 150ms, background-color 150ms; }
.platform-announcement button:active { transform:scale(.98); }
.platform-announcement button:focus-visible { outline:none; }
.platform-announcement.announcement-keyboard-nav button:focus-visible { outline:3px solid #7646cc; outline-offset:4px; }
@media(max-height:760px) and (min-width:601px) {
 .platform-announcement { padding:21px 27px 17px; }
 .announcement-header { min-height:86px; }.announcement-mascot { width:138px;height:103px;right:26px; }
 .announcement-header h2 { font-size:27px; }.announcement-item { min-height:75px;padding:11px 15px; }
 .announcement-icon { flex-basis:56px;height:56px;border-radius:19px; }.announcement-understood{margin-top:14px;min-height:42px;}
}
@media(max-width:600px) {
 .platform-announcement { padding:21px 16px 17px; border-radius:21px; width:calc(100vw - 24px); }
 .announcement-close{right:9px;top:9px;}.announcement-header{min-height:94px;align-items:flex-start;padding-top:12px;margin-bottom:5px;}
 .announcement-header h2{font-size:25px;}.announcement-header p{font-size:11px;max-width:160px;line-height:1.6;}
 .announcement-mascot{width:117px;height:87px;right:0;bottom:6px;}
 .announcement-item{gap:11px;padding:13px 11px;min-height:unset;flex-wrap:wrap;border-radius:14px;}
 .announcement-icon{flex-basis:42px;height:42px;border-radius:15px;}.announcement-icon svg{width:29px;height:29px;}
 .announcement-copy h3{font-size:15px;}.announcement-tag{font-size:10px;padding:3px 9px;margin-bottom:5px;}
 .announcement-copy p{font-size:10px;}.announcement-value{display:none;}
 .announcement-understood{margin-top:15px;font-size:17px;min-height:42px;}
}
@media(prefers-reduced-motion:reduce){.platform-announcement button{transition:none;}}