.problem-alerts {
 position: fixed; z-index: 10000; inset: max(70px, calc(env(safe-area-inset-top) + 55px)) 12px auto auto;
 display: grid; gap: 8px; width: min(360px, calc(100% - 24px)); max-height: 54vh; overflow: auto;
 pointer-events: none;
}
.problem-alert {
 display: flex; align-items: center; justify-content: space-between; gap: 10px;
 padding: 10px 12px; border: 1px solid #ffd376; border-radius: 9px;
 background: #392d15; color: #fff2c9; box-shadow: 0 3px 12px #0006;
 pointer-events: auto; font: 14px/1.45 system-ui, sans-serif;
}
.problem-alert.red { border-color: #ff827b; background: #482125; color: #ffe7e5; }
.problem-alert button { background: transparent; border: 0; color: inherit; font-size: 20px; cursor: pointer; }