#competition-concurrency-notice {
  position: fixed;
  bottom: calc(var(--competition-dock-reserved-space, 108px) + 16px);
  left: 20px;
  right: 20px;
  z-index: 1040;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 16px;
  max-width: 1100px;
  max-height: 50svh;
  overflow: auto;
  margin: auto;
  padding: 16px 20px;
  border: 1px solid #cbd5e1;
  border-left: 4px solid #b45309;
  border-radius: 16px;
  background: #fffffff5;
  color: #334155;
  font-size: .86rem;
  line-height: 1.6;
  box-shadow: 0 12px 40px #07163318;
}
#competition-concurrency-notice span { flex: 1 1 360px; }
#competition-concurrency-notice button {
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  padding: 10px 14px;
  background: #071633;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
#competition-concurrency-notice a { color: #334155; font-size: .8rem; text-decoration: underline; }
#competition-concurrency-notice :is(button, a):focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
body:not(.has-competition-dock) #competition-concurrency-notice { bottom: 20px; }
@media (max-width: 560px) {
  #competition-concurrency-notice { left: 12px; right: 12px; padding: 14px 16px; gap: 10px; }
  #competition-concurrency-notice span { flex-basis: 100%; }
}