/* Mobile Sentence: a reading surface, a quiet chapter marker, one contribution row. */
@media (max-width: 900px), (max-width: 1024px) and (max-height: 500px) {
  main.ritual-room.sentence {
    --chrome-top: max(10px, env(safe-area-inset-top));
    --chrome-x: 16px;
    --brand-width: clamp(96px, 28vw, 116px);
    --account-width: 40px;
    --account-height: 40px;
    --account-offset: 0px;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) 34px 9px;
    gap: 6px;
    height: 100dvh;
    min-height: 0;
    padding: var(--chrome-top) var(--chrome-x) max(6px, env(safe-area-inset-bottom));
    overflow: hidden;
  }
  main.ritual-room.sentence::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }
  main.ritual-room.sentence > header.pluritual-header {
    position: relative;
    inset: auto;
    grid-template-columns: minmax(0, 1fr) 40px;
    grid-template-rows: auto;
    min-height: 44px;
    height: auto;
    margin: 0;
    padding: 0;
    align-items: start;
  }
  main.ritual-room.sentence > .pluritual-header .account-button {
    grid-column: 2;
    min-width: 40px;
    min-height: 40px;
    gap: 0;
    padding: 0;
  }
  main.ritual-room.sentence .account-button-label { display: none; }
  main.ritual-room.sentence .account-seal { width: 22px; height: 22px; flex: 0 0 22px; }
  main.ritual-room.sentence .pluritual-header .imprint-next-reveal strong { font-size: 16px; }
  main.ritual-room.sentence .admin-reset-button {
    top: calc(var(--chrome-top) + 25px);
    right: 62px;
    min-width: 56px;
    min-height: 18px;
    padding: 0 4px;
    font-size: 5px;
    transform: none;
  }
  main.ritual-room.sentence .module-chapter {
    position: absolute;
    inset: calc(100% + 8px) auto auto 0;
    grid-area: auto;
    margin: 0;
    transform: none;
    color: #e7dcc1;
    font: 400 20px/26px var(--pluritual-serif);
    letter-spacing: -.025em;
    text-align: left;
  }
  main.ritual-room.sentence > .room-content {
    position: relative;
    inset: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    overflow: visible;
  }
  main.ritual-room.sentence .sentence-focus,
  main.ritual-room.sentence .sentence-focus.has-pool {
    position: static;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 10px;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
  }
  main.ritual-room.sentence .sentence-focus .sentence-official-sheet {
    position: relative;
    grid-row: 1;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  main.ritual-room.sentence .sentence-phrase-wrap {
    position: relative;
    display: grid;
    grid-template-rows: 32px minmax(0, 1fr);
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
  }
  main.ritual-room.sentence .sentence-reading-nav { justify-content: flex-end; padding: 0; }
  main.ritual-room.sentence .sentence-reading-toggle {
    min-height: 32px;
    padding: 0 2px 0 8px;
    border: 0;
    color: #bcb094;
    font: 11px/1.2 var(--pluritual-sans);
  }
  main.ritual-room.sentence .sentence-focus .official-line {
    position: relative;
    inset: auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 12px 6px 70px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #b39a613b transparent;
    scroll-padding-top: 12px;
    transform: none;
    font: 400 clamp(22px, 6.3vw, 28px)/1.38 var(--pluritual-serif);
    letter-spacing: -.012em;
    text-align: center;
  }
  main.ritual-room.sentence .sentence-month { margin-bottom: 24px; }
  main.ritual-room.sentence .sentence-month:last-child { margin-bottom: 0; }
  main.ritual-room.sentence .sentence-month-label { margin-bottom: 10px; font-size: 9px; letter-spacing: .14em; }
  main.ritual-room.sentence .sentence-reveal-receipt {
    min-height: 44px;
    gap: 5px;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 10px;
  }
  main.ritual-room.sentence .sentence-receipt-heading { font-size: 9px; }

  main.ritual-room.sentence .sentence-bottom-input,
  main.ritual-room.sentence .sentence-bottom-input:not(.voice-given),
  main.ritual-room.sentence .sentence-bottom-input.voice-given {
    position: static;
    grid-row: 2;
    width: 100%;
    min-height: 0;
    max-width: 560px;
    justify-self: center;
    margin: 0;
    padding: 0;
    transform: none;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  main.ritual-room.sentence .sentence-bottom-input .sentence-voice-row,
  main.ritual-room.sentence .sentence-bottom-input:not(.voice-given) .sentence-voice-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 108px;
    gap: 4px;
    min-height: 50px;
    padding: 2px;
    border: 1px solid #c8ad713b;
    border-radius: 5px;
    background: #e6d3a908;
    box-shadow: none;
  }
  main.ritual-room.sentence .sentence-bottom-input .sentence-voice-row .word-input {
    display: block;
    width: 100%;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    padding: 0 8px;
    border: 0;
    border-radius: 3px;
    background: transparent;
    box-shadow: none;
    font: italic 16px/1.3 var(--pluritual-serif);
    text-align: left;
  }
  main.ritual-room.sentence .sentence-bottom-input .sentence-voice-row .word-input::placeholder { font-size: clamp(13px, 3.7vw, 15px); color: #c3bba7; opacity: 1; }
  main.ritual-room.sentence .sentence-bottom-input .sentence-voice-row .voice-submit-btn {
    width: 108px;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    padding: 0 6px;
    border-radius: 3px;
    font: 600 9px/1.25 var(--pluritual-sans);
    letter-spacing: .03em;
  }
  main.ritual-room.sentence .sentence-bottom-input > .sentence-word-validation,
  main.ritual-room.sentence .sentence-bottom-input:not(.voice-given) > .sentence-word-validation,
  main.ritual-room.sentence .sentence-bottom-input.voice-given > .sentence-word-validation {
    display: block;
    min-height: 28px;
    margin: 6px 0 0;
    padding: 0 4px;
    font-size: 10px !important;
    line-height: 14px;
    text-align: center;
  }
  main.ritual-room.sentence .room-nav {
    position: relative;
    inset: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 34px;
    min-height: 34px;
    margin: 0;
    padding: 0;
    transform: none;
  }
  main.ritual-room.sentence .room-nav .nav-arrow:not(.next),
  main.ritual-room.sentence .room-nav .nav-arrow.next,
  main.ritual-room.sentence .room-nav .nav-arrow.next.is-skip {
    flex: 0 0 100px;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    height: 34px;
    min-height: 34px;
    padding: 0 6px;
    border: 0;
    border-radius: 3px;
    background: transparent;
    font-size: 8px;
  }
  main.ritual-room.sentence .annual-progress { position: static; inset: auto; width: 100%; height: 9px; padding: 0; margin: 0; transform: none; font-size: 6px; }
  main.ritual-room.sentence .ritual-word-tooltip.is-expanded {
    left: 50% !important;
    width: min(560px, calc(100vw - 32px)) !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 1024px) and (max-height: 500px) {
  main.ritual-room.sentence { gap: 3px; }
  main.ritual-room.sentence .sentence-focus { gap: 5px; }
  main.ritual-room.sentence .sentence-focus .official-line { font-size: 22px; }
}