/* フィールドモード — 現場（夜間・片手）向けの大きめUI */

.field-main {
  overflow-y: auto;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
}

.fcard {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fcard-title {
  font-family: var(--serif);
  font-size: 13px;
  letter-spacing: .18em;
  color: var(--gold);
  border-bottom: 1px solid var(--line);
  padding-bottom: 6px;
}

.gps-line { font-family: var(--mono); font-size: 11.5px; color: var(--moon-dim); }
.gps-line.ok { color: var(--hit); }
.gps-line.warn { color: var(--warn); }

/* 判定 */
.verdict-card { text-align: center; }
.verdict {
  font-family: var(--serif);
  font-size: 46px;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1.2;
  padding: 4px 0 0;
}
.verdict.yes { color: var(--hit); text-shadow: 0 0 24px rgba(127,212,168,.35); }
.verdict.no { color: var(--warn); }
.verdict.wait { color: var(--moon-faint); font-size: 30px; }
.verdict-sub { font-size: 14px; color: var(--moon); }
.verdict-sub b { color: var(--gold); font-family: var(--mono); }

ul.checks { list-style: none; text-align: left; display: flex; flex-direction: column; gap: 5px; margin-top: 4px; }
ul.checks li {
  display: flex; gap: 9px; align-items: baseline;
  font-size: 13px; color: var(--moon-dim);
  border-bottom: 1px dashed var(--line); padding-bottom: 5px;
}
ul.checks li:last-child { border-bottom: none; }
ul.checks .mark { font-size: 14px; flex: none; }
ul.checks li.ok .mark { color: var(--hit); }
ul.checks li.ng .mark { color: var(--warn); }
ul.checks .lbl { flex: 1; }
ul.checks .det { font-family: var(--mono); font-size: 11.5px; color: var(--moon-faint); text-align: right; }
ul.checks li.ok .det { color: var(--moon-dim); }

.clock { font-family: var(--mono); font-size: 11px; color: var(--moon-faint); }

.ar-link {
  display: block;
  text-align: center;
  font-size: 14px;
  color: var(--gold);
  text-decoration: none;
  border: 1px solid var(--gold-dim);
  border-radius: 10px;
  padding: 12px;
  background: linear-gradient(180deg, #181508, #100e08);
}
.ar-link:hover { background: linear-gradient(180deg, #221d0a, #16130a); }

/* コンパス */
.compass-wrap { display: flex; flex-direction: column; align-items: center; gap: 8px; }
#compassSvg { width: min(78vw, 320px); height: auto; }
.compass-info {
  font-size: 12.5px; color: var(--moon-dim); text-align: center; line-height: 1.8;
}
.compass-info b { color: var(--gold); font-family: var(--mono); font-weight: 500; }

/* タイムライン（night-card流用＋現在行） */
.win.now-win { border-left-color: var(--hit); background: rgba(127,212,168,.07); }
.now-badge {
  display: inline-block;
  font-size: 10px; color: var(--ink);
  background: var(--hit); border-radius: 999px;
  padding: 0 8px; margin-left: 8px; vertical-align: 1px;
  font-weight: 700;
}