/* Случайные события-дилеммы (js/dilemma.js). Стиль окошек — как у заставок целей (goal.css) */
#dil-modal {
  position: fixed; inset: 0; z-index: 390; display: flex; align-items: center; justify-content: center;
  padding: 12px; background: rgba(6,4,10,0.6); overflow-y: auto;
}
#dil-modal.hidden { display: none; }
.dl-card { width: min(96vw, 600px); max-height: calc(100vh - 24px); overflow-y: auto; }
.dl-head { display: flex; gap: 12px; align-items: center; margin-bottom: 8px; }
.dl-head h2 { margin: 0; text-align: left; font-size: 22px; }
.dl-ic { flex: none; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border: 2px solid #b8902c; border-radius: 8px; background: rgba(10,6,2,0.5); box-shadow: inset 0 0 12px rgba(0,0,0,0.6); }
.dl-ic img { width: 36px; height: 36px; image-rendering: pixelated; }
.dl-kicker { color: #a8987a; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; }
.dl-text { font-size: 15px; line-height: 1.5; margin: 6px 0 12px; color: #f2e4c0; }
.dl-pick { text-align: center; color: #f4d070; font-size: 16px; margin: 4px 0; }
.dl-opts { display: flex; flex-direction: column; gap: 8px; }
.dl-opt {
  display: flex; flex-direction: column; align-items: flex-start; gap: 5px; width: 100%; padding: 9px 12px; text-align: left; cursor: pointer;
  font: inherit; color: #f6e8c0; border: 1px solid #6a5430; border-radius: 6px; background: linear-gradient(rgba(60,44,22,0.85), rgba(26,18,9,0.9));
}
.dl-opt:hover:not(:disabled) { border-color: #f0c860; filter: brightness(1.12); }
.dl-opt.mine { border-color: #9ed070; box-shadow: 0 0 8px rgba(158,208,112,0.35); }
.dl-opt.off { opacity: 0.5; cursor: not-allowed; }
.dl-t { font-weight: bold; font-size: 15px; }
.dl-v { margin-left: 8px; color: #9ed070; letter-spacing: 1px; font-size: 12px; }
.dl-no { font-size: 11px; color: #e08070; font-style: italic; }
.dl-chips { display: flex; flex-wrap: wrap; gap: 4px; }
.dl-chips.res { justify-content: center; margin: 8px 0 4px; }
.dl-chip { padding: 1px 7px; font-size: 11px; border-radius: 9px; border: 1px solid #5a4620; background: rgba(10,6,2,0.55); color: #d8c88c; white-space: nowrap; }
.dl-chip.up { color: #a8e070; border-color: #4a7a2a; }
.dl-chip.dn { color: #f09080; border-color: #8a3a2a; }
.dl-chip.risk, .dl-chip.warn { color: #f4c060; border-color: #9a7220; border-style: dashed; }
.dl-chip.chain { color: #b8a8f0; border-color: #5a4a9a; }
.dl-chip.req { color: #9ac0e8; border-color: #3a5a8a; }
.dl-status { display: flex; flex-wrap: wrap; gap: 4px 12px; justify-content: center; margin-top: 12px; padding-top: 8px; border-top: 1px solid #4a3a1c; font-size: 12px; }
.dl-rel { color: #bba87c; }
.dl-rel.up { color: #a8e070; }
.dl-rel.dn { color: #f09080; }
.dl-coop { margin-top: 10px; text-align: center; font-size: 12px; color: #bba87c; }
.dl-mode { margin-left: 8px; padding: 2px 8px; font: inherit; font-size: 11px; color: #f6e8c0; cursor: pointer; border: 1px solid #6a5430; border-radius: 4px; background: rgba(20,14,8,0.6); }
body.mobile .dl-card { padding: 12px; }
@media (max-width: 520px) { .dl-head h2 { font-size: 18px; } .dl-text { font-size: 14px; } .dl-ic { width: 42px; height: 42px; } }