#message, .game-notice {
  box-sizing:border-box;
  position:fixed;
  top:16px;
  right:16px;
  z-index:10000;
  width:max-content;
  max-width:min(420px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  overflow:auto;
  overflow-wrap:anywhere;
  padding:12px 16px;
  border:1px solid #82e8eb66;
  border-radius:10px;
  background:#10202df2;
  color:#e5edf6;
  box-shadow:0 6px 24px #0006;
  font:14px/1.45 system-ui,sans-serif;
  text-align:left;
  cursor:pointer;
}
#message:empty, .game-notice:empty { display:none; }
.notice-leaving { animation:notice-leave .35s ease forwards; pointer-events:none; }
@keyframes notice-leave { to { opacity:0; transform:translateY(-8px); } }
@media(prefers-reduced-motion:reduce) { .notice-leaving { animation:none; } }