/* Shared by TV and phone-cast creation and the saved tournament editor. */
.mobile-level-table-wrap {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  border: 1px solid #55462f;
  border-radius: 9px;
  background: #16140f;
  -webkit-overflow-scrolling: touch;
}
.mobile-level-table {
  width: 100%;
  min-width: 320px;
  table-layout: fixed;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}
.mobile-level-table .level-number-col { width: 32px; }
.mobile-level-table .level-time-col { width: 42px; }
.mobile-level-table .level-action-col { width: 43px; }
.mobile-level-table th,
.mobile-level-table td {
  padding: 4px 2px;
  text-align: center;
  vertical-align: middle;
  border: 0;
}
.mobile-level-table thead th {
  padding: 12px 2px;
  background: #262116;
  color: #d9c49e;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.mobile-level-table .mobile-structure-row {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #1a1712;
}
.mobile-level-table .mobile-structure-row + .mobile-structure-row { border-top: 1px solid #3a3225; }
.mobile-level-table .mobile-structure-row:nth-child(even) { background: #201c15; }
.mobile-level-table .mobile-structure-row.is-break { background: #302719; }
.mobile-level-table tbody th { color: #ead6af; font-size: 13px; }
.mobile-level-table tbody th[title="独立休息"] { font-size: 10px; }
.mobile-level-table input[data-mobile-level-field] {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  height: 42px;
  margin: 0;
  padding: 4px 1px;
  border: 1px solid #64563e;
  border-radius: 6px;
  background: #2c271e;
  color: #f6eedc;
  text-align: center;
  font: 500 16px/1.3 system-ui, sans-serif;
  letter-spacing: -.5px;
  appearance: textfield;
  -moz-appearance: textfield;
}
.mobile-level-table input::-webkit-inner-spin-button,
.mobile-level-table input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.mobile-level-table input:focus { outline: 2px solid #d4ad64; outline-offset: 1px; background: #373023; }
.mobile-level-row-actions { display: grid; gap: 2px; }
.mobile-level-table .mobile-level-row-actions button {
  min-width: 0;
  min-height: 26px;
  margin: 0;
  padding: 3px 1px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #e4cc9d;
  font: 500 11px/1.25 system-ui, sans-serif;
  white-space: nowrap;
}
.mobile-level-table .mobile-level-row-actions .danger-btn { color: #f18f87; }
.mobile-level-table .mobile-level-row-actions button:hover { background: #3c3324; }
.mobile-level-table .mobile-level-row-actions button:disabled { opacity: .35; }
.mobile-level-table .level-empty-cell,
.level-cell-dash { color: #bdac8b; font-size: 11px; }
.mobile-level-table-note { margin: 9px 1px 3px; color: #b6a88f; font-size: 11px; line-height: 1.6; }
.cast-level-details #mobile-structure-list { padding: 8px 4px 10px; }
@media (max-width: 499px) {
  .control-flow-form .cast-level-details { width: calc(100% + 48px); margin-inline: -24px; }
  .cast-template-editor-form #cast-template-level-list { margin-inline: -12px; }
}
@media (min-width: 500px) {
  .mobile-level-table th, .mobile-level-table td { padding: 10px 5px; }
  .mobile-level-table .level-number-col { width: 43px; }
  .mobile-level-table .level-time-col { width: 60px; }
  .mobile-level-table .level-action-col { width: 58px; }
  .mobile-level-table thead th, .mobile-level-table .mobile-level-row-actions button { font-size: 12px; }
}