/* App-specific additions to style.css */
.view[hidden] { display: none !important; }
.map-view { flex: 1; display: flex; min-height: 0; }
.map { --map-bg: #d9ccb0; }
.intro { font: 500 15px/1.5 var(--serif); margin: 4px 0 8px; }
.hint { font-size: 13px; color: var(--muted); }
.empty { color: var(--muted); font-style: italic; }
.row-buttons { display: flex; gap: 10px; margin-top: 14px; }
.row-buttons .btn { flex: 1; }
.where { position: absolute; left: 12px; top: 64px; z-index: 4; background: var(--card); border: 1px solid var(--rule); border-radius: 999px; padding: 6px 12px; font-size: 13px; box-shadow: var(--shadow); }
.sheet { max-height: 88dvh; overflow-y: auto; }
.sheet h2 { font: 700 20px/1.2 var(--serif); margin: 0 0 10px; }
.sheet .field select, .sheet .field input { min-height: var(--tap); padding: 8px 10px; border: 1px solid var(--rule); border-radius: 8px; background: var(--card); width: 100%; }
.sheet .preview { background: var(--paper-2); border-radius: 8px; padding: 10px 12px; margin: 8px 0; font: 600 15px/1.4 var(--serif); }
.sheet .preview small { display: block; font: 500 12px/1.4 var(--sans); color: var(--muted); margin-top: 4px; }
.sheet .actions-row { display: flex; gap: 10px; margin-top: 12px; }
.sheet .actions-row .btn { flex: 1; }
.block .remove { border: 0; background: none; color: var(--muted); font-size: 18px; min-width: 32px; min-height: 32px; }
.notes-day { margin-top: 14px; }
.note { display: grid; grid-template-columns: 22px 1fr; gap: 8px; padding: 8px 0; border-bottom: 1px dashed var(--rule); font-size: 14px; }
.note .t { font: 600 11px/1.4 var(--mono); color: var(--muted); display: block; }
.ticker .card.public, .ticker .card.warning { border-color: var(--red); }
.speed button[data-speed="0"][aria-pressed="true"] { background: var(--red); }
.outcome { text-align: center; }
.outcome h2 { font-size: 26px; }
.sheet .chips + .field { margin-top: 12px; }
.map canvas { cursor: grab; }
.problem { margin-top: 6px; color: var(--red); font-size: 13px; }